zartui 3.1.9 → 3.1.11

package/es/step/Step.mjs

@@ -54,12 +54,12 @@ var stdin_default = defineComponent({
       } = parentProps;
       const style = {};
       if (isActive()) {
-        style.background = `${activeBgColor || "rgba(0,145,250,0.20)"}`;
+        style.background = `${activeBgColor || "var(--zt-primary-color-a2)"}`;
         if (activeBorderColor) {
           style.border = `1px solid ${activeBorderColor}`;
         }
         style.fontWeight = "bold";
-        style.color = `${activeColor || "#0091FA"}`;
+        style.color = `${activeColor || "var(--zt-primary-color)"}`;
       } else {
         style.background = `${inactiveBgColor || ""}`;
         if (inactiveBorderColor) {

package/es/step/index.css

@@ -1 +1 @@
-:root{--zt-step-text-color: var(--zt-text-color-2);--zt-step-active-color: var(--zt-gray);--zt-step-process-text-color: var(--zt-text-color);--zt-step-font-size: var(--zt-font-size-md);--zt-step-line-color: var(--zt-gray-a1);--zt-step-finish-line-color: var(--zt-primary-color);--zt-step-finish-text-color: var(--zt-text-color);--zt-step-icon-size: 12px;--zt-step-circle-container-backgroud: var(--zt-background-2);--zt-step-circle-size: 20px;--zt-step-circle-font-size: 14px;--zt-step-circle-color: var(--zt-gray-6);--zt-step-horizontal-title-font-size: var(--zt-font-size-md)}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-step-circle-size);height:var(--zt-step-circle-size);line-height:var(--zt-step-circle-size);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-step-circle-font-size)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-backgroud);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-step-horizontal-title-font-size);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-sm)}.zt-step--vertical .zt-step__title{font-size:var(--zt-step-horizontal-title-font-size);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:0;z-index:1;font-size:var(--zt-step-icon-size);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}
+:root{--zt-step-process-text-color: var(--zt-text-color);--zt-step-line-color: var(--zt-gray-a1);--zt-step-circle-container-background: var(--zt-background-2);--zt-step-circle-container-left: 0}:root[zt-theme-size=large]{--zt-step-circle-container-left: 6px}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-line-height-md);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-font-size-md)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-background);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-font-size-md);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-sm)}.zt-step--vertical .zt-step__title{font-size:var(--zt-font-size-md);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:var(--zt-step-circle-container-left);z-index:1;font-size:var(--zt-font-size-sm);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}

package/es/step/index.d.ts

@@ -8,6 +8,7 @@ export declare const Step: import("../utils").WithInstall<import("vue").DefineCo
     inactiveIcon: StringConstructor;
 }>>, {}, {}>>;
 export default Step;
+export type { StepThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtStep: typeof Step;

package/es/step/types.d.ts

@@ -0,0 +1,6 @@
+export type StepThemeVars = {
+    stepProcessTextColor?: string;
+    stepLineColor?: string;
+    stepCircleContainerBackground?: string;
+    stepCircleContainerLeft?: string;
+};

package/es/stepper/Stepper.d.ts

@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

package/es/stepper/index.css

@@ -1 +1 @@
-:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-background-image: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-stepper-box-border: 0;--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-a2);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-font-size: var(--zt-font-size-md);--zt-stepper-input-line-height: 20px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-gray-a2);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);background-image:var(--zt-stepper-background-image);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-stepper-input-font-size);line-height:var(--zt-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-2);border:1px solid var(--zt-stepper-button-round-theme-color)}.zt-theme-dark{--zt-stepper-background: #19232d;--zt-stepper-background-image: linear-gradient(135deg, #0e1824 0%, #203043 100%);--zt-stepper-box-border: 1px solid rgba(255, 255, 255, .12);--zt-stepper-button-box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .12), 0 0 3px 0 rgba(0, 12, 24, .8);--zt-stepper-input-disabled-background: linear-gradient(147deg, #0e1824 0%, #203043 100%)}
+:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-background-image: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-stepper-box-border: 0;--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-a2);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-gray-a2);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);background-image:var(--zt-stepper-background-image);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-2);border:1px solid var(--zt-stepper-button-round-theme-color)}.zt-theme-dark{--zt-stepper-background: #19232d;--zt-stepper-background-image: linear-gradient(135deg, #0e1824 0%, #203043 100%);--zt-stepper-box-border: 1px solid rgba(255, 255, 255, .12);--zt-stepper-button-box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .12), 0 0 3px 0 rgba(0, 12, 24, .8);--zt-stepper-input-disabled-background: linear-gradient(147deg, #0e1824 0%, #203043 100%)}

package/es/stepper/index.d.ts

@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -125,6 +125,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
 }, {}>>;
 export default Stepper;
 export type { StepperTheme, StepperProps } from './Stepper';
+export type { StepperThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtStepper: typeof Stepper;

package/es/stepper/types.d.ts

@@ -0,0 +1,17 @@
+export type StepperThemeVars = {
+    stepperBackground?: string;
+    stepperBackgroundImage?: string;
+    stepperBoxBorder?: string;
+    stepperButtonIconColor?: string;
+    stepperButtonDisabledColor?: string;
+    stepperButtonDisabledIconColor?: string;
+    stepperButtonRoundThemeColor?: string;
+    stepperButtonBoxShadow?: string;
+    stepperInputWidth?: string;
+    stepperInputHeight?: string;
+    stepperInputTextColor?: string;
+    stepperInputDisabledTextColor?: string;
+    stepperInputDisabledBackground?: string;
+    stepperInputBoxShadow?: string;
+    stepperRadius?: string;
+};

package/es/steps/index.css

@@ -1 +1 @@
-:root{--zt-steps-background: var(--zt-background-2);--zt-steps-vertical-title-color: rgba(0, 0, 0, .4)}.zt-steps{overflow:hidden;background-color:var(--zt-steps-background);margin:12px;border:0 solid rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.zt-steps--horizontal{padding:8px 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:flex}.zt-steps--vertical{padding:0 0 0 var(--zt-padding-xl)}.zt-theme-dark{--zt-steps-vertical-title-color: rgba(255, 255, 255, .4)}
+:root{--zt-steps-background: var(--zt-background-2);--zt-steps-vertical-title-color: rgba(0, 0, 0, .4);--zt-steps-horizontal-padding: var(--zt-padding-xs)}:root[zt-theme-size=large]{--zt-steps-horizontal-padding: 14px}.zt-steps{overflow:hidden;background-color:var(--zt-steps-background);margin:12px;border:0 solid rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.zt-steps--horizontal{padding:var(--zt-steps-horizontal-padding) 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:flex}.zt-steps--vertical{padding:0 0 0 var(--zt-padding-xl)}.zt-theme-dark{--zt-steps-vertical-title-color: rgba(255, 255, 255, .4)}

package/es/steps/index.d.ts

@@ -41,6 +41,7 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
 export default Steps;
 export { stepsProps } from './Steps';
 export type { StepsProps, StepsDirection } from './Steps';
+export type { StepsThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSteps: typeof Steps;

package/es/steps/types.d.ts

@@ -0,0 +1,5 @@
+export type StepsThemeVars = {
+    stepsBackground?: string;
+    stepsVerticalTitleColor?: string;
+    stepsHorizontalPadding?: string;
+};

package/es/sticky/index.d.ts

@@ -38,6 +38,7 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
 }, {}>>;
 export default Sticky;
 export type { StickyProps, StickyPosition } from './Sticky';
+export type { StickyThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSticky: typeof Sticky;

package/es/sticky/types.d.ts

@@ -0,0 +1,3 @@
+export type StickyThemeVars = {
+    stickyZIndex?: number;
+};

package/es/style/base.css

@@ -1 +1 @@
-:root{--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-text-color-rgb: var(--zt-gray-rgb);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: #ff9623;--zt-green: #28cd78;--zt-yellow: #ffcd23;--zt-orange-2: #ff8700;--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: #edf3fa;--zt-background-4: rgba(255, 205, 35, .2);--zt-background-5: #ff4b50;--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-gt: 18px;--zt-line-height-xs: 16px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-2: #19232d;--zt-background-3: #19232d;--zt-background-card: var(--zt-gray-a04)}html{-webkit-tap-highlight-color:transparent}:root{margin:0;font-family:var(--zt-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=zt-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes zt-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes zt-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes zt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes zt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zt-fade-enter-active{animation:var(--zt-duration-base) zt-fade-in both var(--zt-ease-out)}.zt-fade-leave-active{animation:var(--zt-duration-base) zt-fade-out both var(--zt-ease-in)}.zt-slide-up-enter-active{animation:zt-slide-up-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-up-leave-active{animation:zt-slide-up-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-down-enter-active{animation:zt-slide-down-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-down-leave-active{animation:zt-slide-down-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-left-enter-active{animation:zt-slide-left-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-left-leave-active{animation:zt-slide-left-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-right-enter-active{animation:zt-slide-right-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-right-leave-active{animation:zt-slide-right-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-clearfix:after{display:table;clear:both;content:""}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.zt-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-haptics-feedback{cursor:pointer}.zt-haptics-feedback:active{opacity:var(--zt-active-opacity)}[class*=zt-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-hairline,.zt-hairline--top,.zt-hairline--left,.zt-hairline--right,.zt-hairline--bottom,.zt-hairline--surround,.zt-hairline--top-bottom{position:relative}.zt-hairline--top:after{border-top-width:var(--zt-border-width)}.zt-hairline--left:after{border-left-width:var(--zt-border-width)}.zt-hairline--right:after{border-right-width:var(--zt-border-width)}.zt-hairline--bottom:after{border-bottom-width:var(--zt-border-width)}.zt-hairline--top-bottom:after,.zt-hairline-unset--top-bottom:after{border-width:var(--zt-border-width) 0}.zt-hairline--surround:after{border-width:var(--zt-border-width)}
+:root{--zt-green-r: 40;--zt-green-g: 205;--zt-green-b: 120;--zt-green-rgb: var(--zt-green-r), var(--zt-green-g), var(--zt-green-b);--zt-deep-green-r: 0;--zt-deep-green-g: 175;--zt-deep-green-b: 145;--zt-deep-green-rgb: var(--zt-deep-green-r), var(--zt-deep-green-g), var(--zt-deep-green-b);--zt-orange-r: 255;--zt-orange-g: 150;--zt-orange-b: 35;--zt-orange-rgb: var(--zt-orange-r), var(--zt-orange-g), var(--zt-orange-b);--zt-yellow-r: 255;--zt-yellow-g: 205;--zt-yellow-b: 35;--zt-yellow-rgb: var(--zt-yellow-r), var(--zt-yellow-g), var(--zt-yellow-b);--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: rgb(var(--zt-orange-rgb));--zt-green: rgb(var(--zt-green-rgb));--zt-yellow: rgb(var(--zt-yellow-rgb));--zt-text-color-rgb: var(--zt-gray-rgb);--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a2: rgba(var(--zt-primary-color-rgb), .2);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: #edf3fa;--zt-background-4: rgba(255, 205, 35, .2);--zt-background-5: #ff4b50;--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-xl: 18px;--zt-font-size-xxl: 20px;--zt-font-size-xxxl: 22px;--zt-line-height-xs: 16px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-line-height-xl: 24px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}:root[zt-theme-size=large]{--zt-font-size-sm: 18px;--zt-font-size-md: 20px;--zt-font-size-lg: 22px;--zt-font-size-xl: 24px;--zt-font-size-xxl: 26px;--zt-font-size-xxxl: 28px;--zt-line-height-xs: 28px;--zt-line-height-sm: 30px;--zt-line-height-md: 32px;--zt-line-height-lg: 34px;--zt-line-height-xl: 36px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-2: #19232d;--zt-background-3: #19232d;--zt-background-card: var(--zt-gray-a04)}html{-webkit-tap-highlight-color:transparent}:root{margin:0;font-family:var(--zt-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=zt-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes zt-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes zt-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes zt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes zt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zt-fade-enter-active{animation:var(--zt-duration-base) zt-fade-in both var(--zt-ease-out)}.zt-fade-leave-active{animation:var(--zt-duration-base) zt-fade-out both var(--zt-ease-in)}.zt-slide-up-enter-active{animation:zt-slide-up-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-up-leave-active{animation:zt-slide-up-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-down-enter-active{animation:zt-slide-down-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-down-leave-active{animation:zt-slide-down-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-left-enter-active{animation:zt-slide-left-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-left-leave-active{animation:zt-slide-left-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-right-enter-active{animation:zt-slide-right-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-right-leave-active{animation:zt-slide-right-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-clearfix:after{display:table;clear:both;content:""}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.zt-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-haptics-feedback{cursor:pointer}.zt-haptics-feedback:active{opacity:var(--zt-active-opacity)}[class*=zt-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-hairline,.zt-hairline--top,.zt-hairline--left,.zt-hairline--right,.zt-hairline--bottom,.zt-hairline--surround,.zt-hairline--top-bottom{position:relative}.zt-hairline--top:after{border-top-width:var(--zt-border-width)}.zt-hairline--left:after{border-left-width:var(--zt-border-width)}.zt-hairline--right:after{border-right-width:var(--zt-border-width)}.zt-hairline--bottom:after{border-bottom-width:var(--zt-border-width)}.zt-hairline--top-bottom:after,.zt-hairline-unset--top-bottom:after{border-width:var(--zt-border-width) 0}.zt-hairline--surround:after{border-width:var(--zt-border-width)}

package/es/style/css-variables.css

@@ -1 +1 @@
-:root{--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-text-color-rgb: var(--zt-gray-rgb);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: #ff9623;--zt-green: #28cd78;--zt-yellow: #ffcd23;--zt-orange-2: #ff8700;--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: #edf3fa;--zt-background-4: rgba(255, 205, 35, .2);--zt-background-5: #ff4b50;--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-gt: 18px;--zt-line-height-xs: 16px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-2: #19232d;--zt-background-3: #19232d;--zt-background-card: var(--zt-gray-a04)}
+:root{--zt-green-r: 40;--zt-green-g: 205;--zt-green-b: 120;--zt-green-rgb: var(--zt-green-r), var(--zt-green-g), var(--zt-green-b);--zt-deep-green-r: 0;--zt-deep-green-g: 175;--zt-deep-green-b: 145;--zt-deep-green-rgb: var(--zt-deep-green-r), var(--zt-deep-green-g), var(--zt-deep-green-b);--zt-orange-r: 255;--zt-orange-g: 150;--zt-orange-b: 35;--zt-orange-rgb: var(--zt-orange-r), var(--zt-orange-g), var(--zt-orange-b);--zt-yellow-r: 255;--zt-yellow-g: 205;--zt-yellow-b: 35;--zt-yellow-rgb: var(--zt-yellow-r), var(--zt-yellow-g), var(--zt-yellow-b);--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: rgb(var(--zt-orange-rgb));--zt-green: rgb(var(--zt-green-rgb));--zt-yellow: rgb(var(--zt-yellow-rgb));--zt-text-color-rgb: var(--zt-gray-rgb);--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a2: rgba(var(--zt-primary-color-rgb), .2);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: #edf3fa;--zt-background-4: rgba(255, 205, 35, .2);--zt-background-5: #ff4b50;--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-xl: 18px;--zt-font-size-xxl: 20px;--zt-font-size-xxxl: 22px;--zt-line-height-xs: 16px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-line-height-xl: 24px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}:root[zt-theme-size=large]{--zt-font-size-sm: 18px;--zt-font-size-md: 20px;--zt-font-size-lg: 22px;--zt-font-size-xl: 24px;--zt-font-size-xxl: 26px;--zt-font-size-xxxl: 28px;--zt-line-height-xs: 28px;--zt-line-height-sm: 30px;--zt-line-height-md: 32px;--zt-line-height-lg: 34px;--zt-line-height-xl: 36px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-2: #19232d;--zt-background-3: #19232d;--zt-background-card: var(--zt-gray-a04)}

package/es/swipe/index.css

@@ -1 +1 @@
-:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-font-size: 16px;--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%;transition-property:transform}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-swipe-title-font-size);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}
+:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%;transition-property:transform}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-font-size-lg);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}

package/es/swipe/index.d.ts

@@ -86,7 +86,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
 }, {}>>;
 export default Swipe;
 export type { SwipeProps };
-export type { SwipeInstance, SwipeToOptions } from './types';
+export type { SwipeInstance, SwipeToOptions, SwipeThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSwipe: typeof Swipe;

package/es/swipe/types.d.ts

@@ -29,3 +29,13 @@ export type SwipeProvide = {
     activeIndicator: ComputedRef<number>;
 };
 export type SwipeInstance = ComponentPublicInstance<SwipeProps, SwipeExpose>;
+export type SwipeThemeVars = {
+    swipeIndicatorSize?: string;
+    swipeIndicatorActiveOpacity?: number;
+    swipeIndicatorInactiveOpacity?: number;
+    swipeIndicatorActiveBackground?: string;
+    swipeIndicatorInactiveBackground?: string;
+    swipeTitleColor?: string;
+    footerPadding?: string;
+    footerHeight?: string;
+};

package/es/switch/Switch.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
     disabled: BooleanConstructor;

package/es/switch/index.css

@@ -1 +1 @@
-:root{--zt-switch-size: 28px;--zt-switch-width:calc(1.5em + 10px);--zt-switch-height: 1em;--zt-switch-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, .15);--zt-switch-node-size:calc(1em - 4px);--zt-switch-node-border-radius: 18px;--zt-switch-node-background: linear-gradient(135deg, #e6edf0 0%, #ffffff 100%, #ffffff 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid #ffffff99;--zt-switch-node-on-border: var(--zt-switch-node-border);--zt-switch-node-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .15);--zt-switch-node-on-shadow: -2px 2px 4px 0 rgba(45, 75, 115, .4);--zt-switch-background: #fafaff;--zt-switch-on-background: var(--zt-primary-color);--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-duration: var(--zt-duration-base);--zt-switch-disabled-opacity: var(--zt-disabled-opacity)}.zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--zt-switch-width);height:var(--zt-switch-height);font-size:var(--zt-switch-size);background:var(--zt-switch-background);border-radius:var(--zt-switch-node-size);cursor:pointer;transition:background-color var(--zt-switch-duration);box-shadow:var(--zt-switch-shadow)}.zt-switch__node{position:absolute;top:1px;left:1px;width:var(--zt-switch-node-size);height:var(--zt-switch-node-size);font-size:inherit;background-image:var(--zt-switch-node-background);border:var(--zt-switch-node-border);border-radius:100%;box-shadow:var(--zt-switch-node-shadow);transition:transform var(--zt-switch-duration) cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background:var(--zt-switch-on-background);box-shadow:var(--zt-switch-on-shadow)}.zt-switch--on .zt-switch__node{background:var(--zt-switch-node-on-background);border:var(--zt-switch-node-on-border);box-shadow:var(--zt-switch-node-on-shadow);transform:translate(calc(var(--zt-switch-width) - var(--zt-switch-node-size) - 4px))}.zt-switch--on .zt-switch__loading{color:var(--zt-switch-on-background)}.zt-switch--disabled{cursor:not-allowed;opacity:var(--zt-switch-disabled-opacity)}.zt-switch--loading{cursor:default}.zt-theme-dark{--zt-switch-shadow: inset 4px 4px 8px 0 #0f1923;--zt-switch-background: #202d39;--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-node-background: linear-gradient(135deg, #0e1824 0%, #24364b 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid rgba(255, 255, 255, .08);--zt-switch-node-on-border: 1px solid rgba(255, 255, 255, .6);--zt-switch-node-shadow: 0 0 5px 0 rgba(0, 12, 24, .8)}
+:root{--zt-switch-font-size: 28px;--zt-switch-width:calc(1.5em + 10px);--zt-switch-height: 1em;--zt-switch-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, .15);--zt-switch-node-size:calc(1em - 4px);--zt-switch-node-background: linear-gradient(135deg, #e6edf0 0%, #ffffff 100%, #ffffff 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid #ffffff99;--zt-switch-node-on-border: var(--zt-switch-node-border);--zt-switch-node-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .15);--zt-switch-node-on-shadow: -2px 2px 4px 0 rgba(45, 75, 115, .4);--zt-switch-background: #fafaff;--zt-switch-on-background: var(--zt-primary-color);--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-duration: var(--zt-duration-base);--zt-switch-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-switch-font-size: 34px}.zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--zt-switch-width);height:var(--zt-switch-height);font-size:var(--zt-switch-font-size);background:var(--zt-switch-background);border-radius:var(--zt-switch-node-size);cursor:pointer;transition:background-color var(--zt-switch-duration);box-shadow:var(--zt-switch-shadow)}.zt-switch__node{position:absolute;top:1px;left:1px;width:var(--zt-switch-node-size);height:var(--zt-switch-node-size);font-size:inherit;background-image:var(--zt-switch-node-background);border:var(--zt-switch-node-border);border-radius:100%;box-shadow:var(--zt-switch-node-shadow);transition:transform var(--zt-switch-duration) cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background:var(--zt-switch-on-background);box-shadow:var(--zt-switch-on-shadow)}.zt-switch--on .zt-switch__node{background:var(--zt-switch-node-on-background);border:var(--zt-switch-node-on-border);box-shadow:var(--zt-switch-node-on-shadow);transform:translate(calc(var(--zt-switch-width) - var(--zt-switch-node-size) - 4px))}.zt-switch--on .zt-switch__loading{color:var(--zt-switch-on-background)}.zt-switch--disabled{cursor:not-allowed;opacity:var(--zt-switch-disabled-opacity)}.zt-switch--loading{cursor:default}.zt-theme-dark{--zt-switch-shadow: inset 4px 4px 8px 0 #0f1923;--zt-switch-background: #202d39;--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-node-background: linear-gradient(135deg, #0e1824 0%, #24364b 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid rgba(255, 255, 255, .08);--zt-switch-node-on-border: 1px solid rgba(255, 255, 255, .6);--zt-switch-node-shadow: 0 0 5px 0 rgba(0, 12, 24, .8)}

package/es/switch/index.d.ts

@@ -13,7 +13,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -39,6 +39,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
 }, {}>>;
 export default Switch;
 export type { SwitchProps } from './Switch';
+export type { SwitchThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSwitch: typeof Switch;

package/es/switch/types.d.ts

@@ -0,0 +1,18 @@
+export type SwitchThemeVars = {
+    switchWidth?: string;
+    switchHeight?: string;
+    switchShadow?: string;
+    switchNodeSize?: string;
+    switchNodeBackground?: string;
+    switchNodeOnBackground?: string;
+    switchNodeBorder?: string;
+    switchNodeOnBorder?: string;
+    switchNodeShadow?: string;
+    switchNodeOnShadow?: string;
+    switchBackground?: string;
+    switchOnBackground?: string;
+    switchOnShadow?: string;
+    switchDuration?: string;
+    switchDisabledOpacity?: string;
+    switchFontSize?: string;
+};

package/es/tabbar/Tabbar.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;

package/es/tabbar/index.d.ts

@@ -21,7 +21,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;
@@ -57,6 +57,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
 }, {}>>;
 export default Tabbar;
 export type { TabbarProps } from './Tabbar';
+export type { TabbarThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTabbar: typeof Tabbar;

package/es/tabbar/types.d.ts

@@ -0,0 +1,5 @@
+export type TabbarThemeVars = {
+    tabbarHeight?: string;
+    tabbarZIndex?: number;
+    tabbarBackground?: string;
+};

package/es/tabbar-item/index.css

@@ -1 +1 @@
-:root{--zt-tabbar-item-font-size: var(--zt-font-size-sm);--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-size: 24px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-icon-margin-bottom: var(--zt-padding-base);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius)}.zt-tabbar-item__text{font-size:var(--zt-tabbar-item-font-size);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%)}
+:root{--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%);--zt-tabbar-item-icon-active-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a2);--zt-tabbar-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-tabbar-item-icon-font-size: 30px}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-font-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius);box-sizing:border-box}.zt-tabbar-item__icon:active{background:rgba(45,75,115,.04);box-shadow:var(--zt-tabbar-item-icon-active-box-shadow)}.zt-tabbar-item__text{font-size:var(--zt-font-size-sm);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%);--zt-tabbar-item-icon-active-box-shadow: inset 6px 6px 6px 0 #000d1b}

package/es/tabbar-item/index.d.ts

@@ -28,6 +28,7 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
 }, {}>>;
 export default TabbarItem;
 export type { TabbarItemProps } from './TabbarItem';
+export type { TabbarItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTabbarItem: typeof TabbarItem;

package/es/tabbar-item/types.d.ts

@@ -0,0 +1,14 @@
+export type TabbarItemThemeVars = {
+    tabbarItemTextColor?: string;
+    tabbarItemActiveColor?: string;
+    tabbarItemMargin?: string;
+    tabbarItemIconBoxShadow?: string;
+    tabbarItemBoxWidth?: string;
+    tabbarItemBoxHeight?: string;
+    tabbarItemBoxBorderRadius?: string;
+    tabbarItemIconBorder?: string;
+    tabbarItemTextPaddingTop?: string;
+    tabbarItemTextHeight?: string;
+    tabbarItemIconBackground?: string;
+    tabbarItemIconFontSize?: string;
+};

package/es/table/index.css

@@ -1 +1 @@
-:root{--zt-table-head-height: 40px;--zt-table-head-font-size: var(--zt-font-size-md);--zt-table-head-color: var(--zt-blue);--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-line-height: 20px;--zt-table-body-font-size: var(--zt-font-size-md);--zt-table-body-color: var(--zt-gray);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-blue)}.zt-base-hair{position:relative}.zt-base-hair:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt-table--fixed{overflow:auto scroll}.zt-table--fixed::-webkit-scrollbar{width:0;height:0}.zt-table--fixed table{table-layout:fixed}.zt-table--thead-fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table--bordered{position:relative}.zt-table--bordered:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered:after{border-left-width:var(--zt-border-width)}.zt-table--bordered>table{position:relative}.zt-table--bordered>table:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered>table:after{border-top-width:var(--zt-border-width)}.zt-table--bordered .zt-table__thead>tr>th{position:relative}.zt-table--bordered .zt-table__thead>tr>th:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__thead>tr>th:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table--bordered .zt-table__tbody>tr>td{position:relative}.zt-table--bordered .zt-table__tbody>tr>td:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__tbody>tr>td:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-head-height);font-weight:600;font-size:var(--zt-table-head-font-size);color:var(--zt-table-head-color);text-align:center;line-height:var(--zt-table-head-height);background:var(--zt-table-head-background)}.zt-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-body-height);font-size:var(--zt-table-body-font-size);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-table-body-line-height);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(2n)>td{background:var(--zt-table-head-background)}.zt-table__left--last{border-right:none!important}.zt-table__left--last:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__left--fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table__head{display:flex;justify-content:center}.zt-table__head-sort{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:var(--zt-table-sort-default)}.zt-table__head-label{line-height:var(--zt-table-head-height)}.zt-table__sort-active{color:var(--zt-table-sort-active)}.zt-table--skeleton{background-color:#fff;padding-bottom:10px}.zt-table__row{display:flex;box-sizing:border-box;padding:0 10px;height:40px}.zt-table__row--head{display:flex;justify-content:center;align-items:center;background-color:#e7f0fb;margin-bottom:8px}.zt-table__row--head .zt-table__col-item{background-color:#cfdae9;height:20px}.zt-table__col{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;padding:4px 6px;height:40px}.zt-table__col-item{width:100%;height:100%;border-radius:4px;background-color:rgba(45,75,115,.06)}.zt-table--animate{animation:zt-table-blink var(--zt-skeleton-duration) ease-in-out infinite}@keyframes zt-table-blink{50%{opacity:.6}}
+:root{--zt-table-head-color: var(--zt-primary-color);--zt-table-head-height: 40px;--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-color: var(--zt-gray);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-primary-color)}:root[zt-theme-size=large]{--zt-table-head-height: 52px}.zt-base-hair{position:relative}.zt-base-hair:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt-table--fixed{overflow:auto scroll}.zt-table--fixed::-webkit-scrollbar{width:0;height:0}.zt-table--fixed table{table-layout:fixed}.zt-table--thead-fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table--bordered{position:relative}.zt-table--bordered:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered:after{border-left-width:var(--zt-border-width)}.zt-table--bordered>table{position:relative}.zt-table--bordered>table:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered>table:after{border-top-width:var(--zt-border-width)}.zt-table--bordered .zt-table__thead>tr>th{position:relative}.zt-table--bordered .zt-table__thead>tr>th:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__thead>tr>th:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table--bordered .zt-table__tbody>tr>td{position:relative}.zt-table--bordered .zt-table__tbody>tr>td:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__tbody>tr>td:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-head-height);font-weight:600;font-size:var(--zt-font-size-md);color:var(--zt-table-head-color);text-align:center;line-height:var(--zt-table-head-height);background:var(--zt-table-head-background)}.zt-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-body-height);font-size:var(--zt-font-size-md);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-line-height-md);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(2n)>td{background:var(--zt-table-head-background)}.zt-table__left--last{border-right:none!important}.zt-table__left--last:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__left--fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table__head{display:flex;justify-content:center}.zt-table__head-sort{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:var(--zt-table-sort-default)}.zt-table__head-label{line-height:var(--zt-table-head-height)}.zt-table__sort-active{color:var(--zt-table-sort-active)}.zt-table--skeleton{background-color:#fff;padding-bottom:10px}.zt-table__row{display:flex;box-sizing:border-box;padding:0 10px;height:40px}.zt-table__row--head{display:flex;justify-content:center;align-items:center;background-color:#e7f0fb;margin-bottom:8px}.zt-table__row--head .zt-table__col-item{background-color:#cfdae9;height:20px}.zt-table__col{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;padding:4px 6px;height:40px}.zt-table__col-item{width:100%;height:100%;border-radius:4px;background-color:rgba(45,75,115,.06)}.zt-table--animate{animation:zt-table-blink var(--zt-skeleton-duration) ease-in-out infinite}@keyframes zt-table-blink{50%{opacity:.6}}

package/es/table/index.d.ts

@@ -70,6 +70,7 @@ export declare const Table: import("../utils").WithInstall<import("vue").DefineC
 export default Table;
 export { tableProps } from './Table';
 export type { TableBodyOption, TableHeaderOption, TableProps } from './Table';
+export type { TableThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTable: typeof Table;

package/es/table/types.d.ts

@@ -3,3 +3,13 @@ export declare enum SortOrderEnum {
     ASCEND = "ascend",
     DESCEND = "descend"
 }
+export type TableThemeVars = {
+    tableHeadColor?: string;
+    tableHeadBackground?: string;
+    tableBodyHeight?: string;
+    tableBodyColor?: string;
+    tableBodyBackground?: string;
+    tableSortDefault?: string;
+    tableSortActive?: string;
+    tableHeadHeight?: string;
+};

package/es/tabs/index.css

@@ -1 +1 @@
-:root{--zt-tab-active-text-color: var(--zt-text-color);--zt-tab-disabled-text-color: var(--zt-text-color-3);--zt-tab-font-size: var(--zt-font-size-md);--zt-tab-active-font-size: var(--zt-font-size-lg);--zt-tab-active-opacity: .2;--zt-tab-disabled-font-size: var(--zt-font-size-md);--zt-tab-line-height: var(--zt-line-height-md);--zt-tabs-default-color: var(--zt-primary-color);--zt-tabs-line-height: 44px;--zt-tabs-line-bottom: 16px;--zt-tabs-card-height: 32px;--zt-tabs-bottom-bar-width: 12px;--zt-tabs-bottom-bar-height: 4px;--zt-tabs-bottom-bar-color: var(--zt-primary-color);--zt-tabs-bottom-bar-radius: 2px;--zt-tabs-nav-background: var(--zt-background);--zt-tab-text-color: var(--zt-gray-a6);--zt-tabs-overlay-left-background: linear-gradient(90deg, #ffffff 0%, rgba(245, 250, 255, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)}.zt-tab{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--zt-padding-md);color:var(--zt-tab-text-color);font-size:var(--zt-tab-font-size);line-height:var(--zt-tab-line-height);cursor:pointer}.zt-tab--active{color:var(--zt-tab-active-text-color);font-size:var(--zt-tab-active-font-size);font-weight:var(--zt-font-bold)}.zt-tab--active:active{opacity:var(--zt-tab-active-opacity)}.zt-tab--disabled{color:var(--zt-tab-disabled-text-color);cursor:not-allowed;font-size:var(--zt-tab-disabled-font-size)}.zt-tab--grow{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tab--shrink{flex:none;padding:0 var(--zt-padding-xs)}.zt-tab--card{color:var(--zt-tabs-default-color)}.zt-tab--card.zt-tab--active{color:var(--zt-white);background-color:var(--zt-tabs-default-color)}.zt-tab--card--disabled{color:var(--zt-tab-disabled-text-color)}.zt-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt-tab__text-wrapper,.zt-tabs{position:relative}.zt-tabs__wrap{overflow:hidden;position:relative}.zt-tabs__wrap--page-top{position:fixed}.zt-tabs__wrap--content-bottom{top:auto;bottom:0}.zt-tabs__overlay-left,.zt-tabs__overlay-right{position:absolute;top:0;width:var(--zt-tabs-line-height);height:var(--zt-tabs-line-height);pointer-events:none}.zt-tabs__overlay-left{left:0;background:var(--zt-tabs-overlay-left-background)}.zt-tabs__overlay-right{right:0;background:var(--zt-tabs-overlay-right-background)}.zt-tabs__nav{position:relative;display:flex;justify-content:flex-start;background-color:var(--zt-tabs-nav-background);-webkit-user-select:none;user-select:none}.zt-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--complete::-webkit-scrollbar{display:none}.zt-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:var(--zt-tabs-line-bottom)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tab,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tab{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav::-webkit-scrollbar,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav::-webkit-scrollbar{display:none}.zt-tabs__nav--card.zt-tabs__nav--shrink{display:inline-flex}.zt-tabs__line{position:absolute;bottom:var(--zt-tabs-line-bottom);left:0;z-index:1;width:var(--zt-tabs-bottom-bar-width);height:var(--zt-tabs-bottom-bar-height);background:var(--zt-tabs-bottom-bar-color);border-radius:var(--zt-tabs-bottom-bar-radius)}.zt-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.zt-tabs__content--animated{overflow:hidden}.zt-tabs--line .zt-tabs__wrap{height:var(--zt-tabs-line-height)}.zt-tabs--card>.zt-tabs__wrap{height:var(--zt-tabs-card-height)}.zt-theme-dark{--zt-tabs-overlay-left-background: linear-gradient(90deg, #0f1923 0%, rgba(15, 25, 35, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(15, 25, 35, 0) 3%, #0f1923 100%)}
+:root{--zt-tab-active-text-color: var(--zt-text-color);--zt-tab-disabled-text-color: var(--zt-text-color-3);--zt-tab-active-opacity: .2;--zt-tabs-default-color: var(--zt-primary-color);--zt-tabs-line-height: 44px;--zt-tabs-line-bottom: 16px;--zt-tabs-card-height: 32px;--zt-tabs-bottom-bar-width: 12px;--zt-tabs-bottom-bar-height: 4px;--zt-tabs-bottom-bar-color: var(--zt-primary-color);--zt-tabs-bottom-bar-radius: 2px;--zt-tabs-nav-background: var(--zt-background);--zt-tab-text-color: var(--zt-gray-a6);--zt-tabs-overlay-left-background: linear-gradient(90deg, #ffffff 0%, rgba(245, 250, 255, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)}.zt-tab{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--zt-padding-md);color:var(--zt-tab-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);cursor:pointer}.zt-tab--active{color:var(--zt-tab-active-text-color);font-size:var(--zt-font-size-lg);font-weight:var(--zt-font-bold)}.zt-tab--active:active{opacity:var(--zt-tab-active-opacity)}.zt-tab--disabled{color:var(--zt-tab-disabled-text-color);cursor:not-allowed;font-size:var(--zt-font-size-md)}.zt-tab--grow{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tab--shrink{flex:none;padding:0 var(--zt-padding-xs)}.zt-tab--card{color:var(--zt-tabs-default-color)}.zt-tab--card.zt-tab--active{color:var(--zt-white);background-color:var(--zt-tabs-default-color)}.zt-tab--card--disabled{color:var(--zt-tab-disabled-text-color)}.zt-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt-tab__text-wrapper,.zt-tabs{position:relative}.zt-tabs__wrap{overflow:hidden;position:relative}.zt-tabs__wrap--page-top{position:fixed}.zt-tabs__wrap--content-bottom{top:auto;bottom:0}.zt-tabs__overlay-left,.zt-tabs__overlay-right{position:absolute;top:0;width:var(--zt-tabs-line-height);height:var(--zt-tabs-line-height);pointer-events:none}.zt-tabs__overlay-left{left:0;background:var(--zt-tabs-overlay-left-background)}.zt-tabs__overlay-right{right:0;background:var(--zt-tabs-overlay-right-background)}.zt-tabs__nav{position:relative;display:flex;justify-content:flex-start;background-color:var(--zt-tabs-nav-background);-webkit-user-select:none;user-select:none}.zt-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--complete::-webkit-scrollbar{display:none}.zt-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:var(--zt-tabs-line-bottom)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tab,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tab{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav::-webkit-scrollbar,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav::-webkit-scrollbar{display:none}.zt-tabs__nav--card.zt-tabs__nav--shrink{display:inline-flex}.zt-tabs__line{position:absolute;bottom:var(--zt-tabs-line-bottom);left:0;z-index:1;width:var(--zt-tabs-bottom-bar-width);height:var(--zt-tabs-bottom-bar-height);background:var(--zt-tabs-bottom-bar-color);border-radius:var(--zt-tabs-bottom-bar-radius)}.zt-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.zt-tabs__content--animated{overflow:hidden}.zt-tabs--line .zt-tabs__wrap{height:var(--zt-tabs-line-height)}.zt-tabs--card>.zt-tabs__wrap{height:var(--zt-tabs-card-height)}.zt-theme-dark{--zt-tabs-overlay-left-background: linear-gradient(90deg, #0f1923 0%, rgba(15, 25, 35, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(15, 25, 35, 0) 3%, #0f1923 100%)}

package/es/tabs/index.d.ts

@@ -106,7 +106,7 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
 }, {}>>;
 export default Tabs;
 export type { TabsProps };
-export type { TabsType, TabsInstance } from './types';
+export type { TabsType, TabsInstance, TabsThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTabs: typeof Tabs;

package/es/tabs/types.d.ts

@@ -21,3 +21,20 @@ export type TabsExpose = {
     scrollTo: (name: Numeric) => void;
 };
 export type TabsInstance = ComponentPublicInstance<TabsProps, TabsExpose>;
+export type TabsThemeVars = {
+    tabActiveTextColor?: string;
+    tabDisabledTextColor?: string;
+    tabActiveOpacity?: number;
+    tabsDefaultColor?: string;
+    tabsLineHeight?: string;
+    tabsLineBottom?: string;
+    tabsCardHeight?: string;
+    tabsBottomBarWidth?: string;
+    tabsBottomBarHeight?: string;
+    tabsBottomBarColor?: string;
+    tabsBottomBarRadius?: string;
+    tabsNavBackground?: string;
+    tabTextColor?: string;
+    tabsOverlayLeftBackground?: string;
+    tabsOverlayRightBackground?: string;
+};

package/es/tag/Tag.mjs

@@ -50,10 +50,11 @@ var stdin_default = defineComponent({
         style.transformOrigin = "left bottom";
         const width = Math.sqrt(props.badgeWidth * props.badgeWidth + props.badgeHeight * props.badgeHeight);
         const originHeight = parseNumber(getComputedStyle(document.body).getPropertyValue("--zt-tag-line-height"), 20);
-        style.top = -originHeight + "px";
-        style.right = props.badgeWidth - width + "px";
-        style.width = width + "px";
-        style.height = originHeight + "px";
+        const isLarge = document.documentElement.getAttribute("zt-theme-size") === "large";
+        style.top = isLarge ? "-30px" : -originHeight + "px";
+        style.right = isLarge ? "-30px" : props.badgeWidth - width + "px";
+        style.width = isLarge ? "100px" : width + "px";
+        style.height = isLarge ? "30px" : originHeight + "px";
       }
       return style;
     };

package/es/tag/index.css

@@ -1 +1 @@
-:root{--zt-tag-padding: var(--zt-padding-base) var(--zt-padding-sm);--zt-tag-text-color: var(--zt-white);--zt-tag-font-size: var(--zt-font-size-sm);--zt-tag-radius: 2px;--zt-tag-line-height: 16px;--zt-tag-icon-gap: 2px;--zt-tag-icon-size: 16px;--zt-tag-close-icon-size: 20px;--zt-tag-round-radius: 12px;--zt-tag-round-line-height: 16px;--zt-tag-badge-padding: 0 var(--zt-padding-sm);--zt-tag-closeable-font-size: var(--zt-font-size-md);--zt-tag-closeable-line-height: 20px;--zt-tag-closeable-radius: 14px;--zt-tag-closeable-background: var(--zt-gray-a6);--zt-tag-danger-color: var(--zt-danger-color);--zt-tag-primary-color: var(--zt-primary-color);--zt-tag-success-color: var(--zt-success-color);--zt-tag-warning-color: var(--zt-warning-color);--zt-tag-default-color: var(--zt-gray-a08);--zt-tag-plain-background: var(--zt-background-2);--zt-tag-stamp-diameter: 60px}.zt-tag{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;padding:var(--zt-tag-padding);color:var(--zt-tag-text-color);font-size:var(--zt-tag-font-size);line-height:var(--zt-tag-line-height);border-radius:var(--zt-tag-radius);overflow:hidden;word-break:break-all}.zt-tag__icon{font-size:var(--zt-tag-icon-size);margin-right:var(--zt-tag-icon-gap)}.zt-tag__image{width:var(--zt-tag-icon-size);height:var(--zt-tag-icon-size);margin-right:var(--zt-tag-icon-gap)}.zt-tag--default{background:var(--zt-tag-default-color)}.zt-tag--default.zt-tag--plain{color:var(--zt-tag-default-color)}.zt-tag--danger{background:var(--zt-tag-danger-color)}.zt-tag--danger.zt-tag--plain{color:var(--zt-tag-danger-color)}.zt-tag--primary{background:var(--zt-tag-primary-color)}.zt-tag--primary.zt-tag--plain{color:var(--zt-tag-primary-color)}.zt-tag--success{background:var(--zt-tag-success-color)}.zt-tag--success.zt-tag--plain{color:var(--zt-tag-success-color)}.zt-tag--warning{background:var(--zt-tag-warning-color)}.zt-tag--warning.zt-tag--plain{color:var(--zt-tag-warning-color)}.zt-tag--plain{background:var(--zt-tag-plain-background);border-color:currentColor}.zt-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.zt-tag--mark{border-radius:0 var(--zt-tag-round-radius) var(--zt-tag-round-radius) 0}.zt-tag--mark:after{display:block;width:2px;content:""}.zt-tag--round{border-radius:var(--zt-tag-round-radius);line-height:var(--zt-tag-round-line-height)}.zt-tag__close{font-size:var(--zt-tag-close-icon-size);margin-left:2px}.zt-tag--closeable{font-size:var(--zt-tag-closeable-font-size);line-height:var(--zt-tag-closeable-line-height);background:var(--zt-tag-closeable-background);border-radius:var(--zt-tag-closeable-radius)}.zt-tag--badge{position:absolute;text-align:center;display:block;box-sizing:border-box;padding:var(--zt-tag-badge-padding)}.zt-tag__stamp{width:var(--zt-tag-stamp-diameter);height:var(--zt-tag-stamp-diameter);background:rgba(0,0,0,0);padding:0}.zt-tag__stamp--text{width:50px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:center;font-weight:600}.zt-tag__stamp--default{color:var(--zt-gray-a6)}.zt-tag__stamp--danger{color:var(--zt-tag-danger-color)}.zt-tag__stamp--primary{color:var(--zt-tag-primary-color)}.zt-tag__stamp--success{color:var(--zt-tag-success-color)}.zt-tag__stamp--warning{color:var(--zt-tag-warning-color)}.zt-theme-dark{--zt-tag-closeable-background: rgba(255, 255, 255, .1)}
+:root{--zt-tag-text-color: var(--zt-white);--zt-tag-radius: 2px;--zt-tag-icon-gap: 2px;--zt-tag-icon-size: 16px;--zt-tag-round-radius: 12px;--zt-tag-badge-padding: 0 var(--zt-padding-sm);--zt-tag-closeable-background: var(--zt-gray-a6);--zt-tag-closeable-height: 28px;--zt-tag-danger-color: var(--zt-danger-color);--zt-tag-primary-color: var(--zt-primary-color);--zt-tag-success-color: var(--zt-success-color);--zt-tag-warning-color: var(--zt-warning-color);--zt-tag-default-color: var(--zt-gray-a08);--zt-tag-plain-background: var(--zt-background-2);--zt-tag-stamp-diameter: 60px}:root[zt-theme-size=large]{--zt-tag-closeable-height: 40px}.zt-tag{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;padding:0 var(--zt-padding-sm);color:var(--zt-tag-text-color);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-xl);border-radius:var(--zt-tag-radius);overflow:hidden;word-break:break-all}.zt-tag__icon{font-size:var(--zt-font-size-lg);margin-right:var(--zt-tag-icon-gap)}.zt-tag__image{width:var(--zt-tag-icon-size);height:var(--zt-tag-icon-size);margin-right:var(--zt-tag-icon-gap)}.zt-tag--default{background:var(--zt-tag-default-color)}.zt-tag--default.zt-tag--plain{color:var(--zt-tag-default-color)}.zt-tag--danger{background:var(--zt-tag-danger-color)}.zt-tag--danger.zt-tag--plain{color:var(--zt-tag-danger-color)}.zt-tag--primary{background:var(--zt-tag-primary-color)}.zt-tag--primary.zt-tag--plain{color:var(--zt-tag-primary-color)}.zt-tag--success{background:var(--zt-tag-success-color)}.zt-tag--success.zt-tag--plain{color:var(--zt-tag-success-color)}.zt-tag--warning{background:var(--zt-tag-warning-color)}.zt-tag--warning.zt-tag--plain{color:var(--zt-tag-warning-color)}.zt-tag--plain{background:var(--zt-tag-plain-background);border-color:currentColor}.zt-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.zt-tag--mark{border-radius:0 var(--zt-tag-round-radius) var(--zt-tag-round-radius) 0}.zt-tag--mark:after{display:block;width:2px;content:""}.zt-tag--round{border-radius:calc(var(--zt-line-height-xl) / 2);line-height:var(--zt-line-height-xl)}.zt-tag__close{font-size:var(--zt-font-size-xxl);margin-left:2px}.zt-tag--closeable{font-size:var(--zt-font-size-md);line-height:var(--zt-tag-closeable-height);background:var(--zt-tag-closeable-background);border-radius:calc(var(--zt-tag-closeable-height) / 2)}.zt-tag--badge{position:absolute;text-align:center;display:block;box-sizing:border-box;top:calc(var(--zt-line-height-md) - 2 * var(--zt-line-height-md));padding:var(--zt-tag-badge-padding);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md)}.zt-tag__stamp{width:var(--zt-tag-stamp-diameter);height:var(--zt-tag-stamp-diameter);background:rgba(0,0,0,0);padding:0}.zt-tag__stamp--text{width:50px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:center;font-weight:600}.zt-tag__stamp--default{color:var(--zt-gray-a6)}.zt-tag__stamp--danger{color:var(--zt-tag-danger-color)}.zt-tag__stamp--primary{color:var(--zt-tag-primary-color)}.zt-tag__stamp--success{color:var(--zt-tag-success-color)}.zt-tag__stamp--warning{color:var(--zt-tag-warning-color)}.zt-theme-dark{--zt-tag-closeable-background: rgba(255, 255, 255, .1)}

package/es/tag/index.d.ts

@@ -84,6 +84,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 export default Tag;
 export { tagProps } from './Tag';
 export type { TagType, TagProps } from './Tag';
+export type { TagThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTag: typeof Tag;

package/es/tag/types.d.ts

@@ -0,0 +1,17 @@
+export type TagThemeVars = {
+    tagTextColor?: string;
+    tagRadius?: string;
+    tagIconGap?: string;
+    tagIconSize?: string;
+    tagRoundRadius?: string;
+    tagBadgePadding?: string;
+    tagCloseableBackground?: string;
+    tagDangerColor?: string;
+    tagPrimaryColor?: string;
+    tagSuccessColor?: string;
+    tagWarningColor?: string;
+    tagDefaultColor?: string;
+    tagPlainBackground?: string;
+    tagStampDiameter?: string;
+    tagCloseableHeight?: string;
+};

package/es/text-ellipsis/types.d.ts

@@ -1,3 +1,4 @@
 export type TextEllipsisThemeVars = {
+    textEllipsisLineHeight?: string;
     textEllipsisActionColor?: string;
 };