vant 3.4.5 → 4.0.0-alpha.0

package/lib/index.d.ts

@@ -26,7 +26,7 @@ export * from "./count-down";
 export * from "./coupon";
 export * from "./coupon-cell";
 export * from "./coupon-list";
-export * from "./datetime-picker";
+export * from "./date-picker";
 export * from "./dialog";
 export * from "./divider";
 export * from "./dropdown-item";
@@ -81,6 +81,7 @@ export * from "./tabbar";
 export * from "./tabbar-item";
 export * from "./tabs";
 export * from "./tag";
+export * from "./time-picker";
 export * from "./toast";
 export * from "./tree-select";
 export * from "./uploader";
@@ -90,4 +91,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.4.5";
+export const version: "4.0.0-alpha.0";

package/lib/index.js

@@ -54,7 +54,7 @@ var import_count_down = require("./count-down");
 var import_coupon = require("./coupon");
 var import_coupon_cell = require("./coupon-cell");
 var import_coupon_list = require("./coupon-list");
-var import_datetime_picker = require("./datetime-picker");
+var import_date_picker = require("./date-picker");
 var import_dialog = require("./dialog");
 var import_divider = require("./divider");
 var import_dropdown_item = require("./dropdown-item");
@@ -108,6 +108,7 @@ var import_tabbar = require("./tabbar");
 var import_tabbar_item = require("./tabbar-item");
 var import_tabs = require("./tabs");
 var import_tag = require("./tag");
+var import_time_picker = require("./time-picker");
 var import_toast = require("./toast");
 var import_tree_select = require("./tree-select");
 var import_uploader = require("./uploader");
@@ -139,7 +140,7 @@ __reExport(stdin_exports, require("./count-down"));
 __reExport(stdin_exports, require("./coupon"));
 __reExport(stdin_exports, require("./coupon-cell"));
 __reExport(stdin_exports, require("./coupon-list"));
-__reExport(stdin_exports, require("./datetime-picker"));
+__reExport(stdin_exports, require("./date-picker"));
 __reExport(stdin_exports, require("./dialog"));
 __reExport(stdin_exports, require("./divider"));
 __reExport(stdin_exports, require("./dropdown-item"));
@@ -194,10 +195,11 @@ __reExport(stdin_exports, require("./tabbar"));
 __reExport(stdin_exports, require("./tabbar-item"));
 __reExport(stdin_exports, require("./tabs"));
 __reExport(stdin_exports, require("./tag"));
+__reExport(stdin_exports, require("./time-picker"));
 __reExport(stdin_exports, require("./toast"));
 __reExport(stdin_exports, require("./tree-select"));
 __reExport(stdin_exports, require("./uploader"));
-const version = "3.4.5";
+const version = "4.0.0-alpha.0";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,
@@ -228,7 +230,7 @@ function install(app) {
     import_coupon.Coupon,
     import_coupon_cell.CouponCell,
     import_coupon_list.CouponList,
-    import_datetime_picker.DatetimePicker,
+    import_date_picker.DatePicker,
     import_dialog.Dialog,
     import_divider.Divider,
     import_dropdown_item.DropdownItem,
@@ -282,6 +284,7 @@ function install(app) {
     import_tabbar_item.TabbarItem,
     import_tabs.Tabs,
     import_tag.Tag,
+    import_time_picker.TimePicker,
     import_toast.Toast,
     import_tree_select.TreeSelect,
     import_uploader.Uploader

package/lib/list/index.css

@@ -1 +1 @@
-:root{--van-list-text-color: var(--van-text-color-2);--van-list-text-font-size: var(--van-font-size-md);--van-list-text-line-height: 50px;--van-list-loading-icon-size: 16px}.van-list__loading,.van-list__finished-text,.van-list__error-text{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}
+body{--van-list-text-color: var(--van-text-color-2);--van-list-text-font-size: var(--van-font-size-md);--van-list-text-line-height: 50px;--van-list-loading-icon-size: 16px}.van-list__loading,.van-list__finished-text,.van-list__error-text{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}

package/lib/list/index.less

@@ -1,10 +1,8 @@
-@import './var.less';
-
-:root {
-  --van-list-text-color: @list-text-color;
-  --van-list-text-font-size: @list-text-font-size;
-  --van-list-text-line-height: @list-text-line-height;
-  --van-list-loading-icon-size: @list-loading-icon-size;
+body {
+  --van-list-text-color: var(--van-text-color-2);
+  --van-list-text-font-size: var(--van-font-size-md);
+  --van-list-text-line-height: 50px;
+  --van-list-loading-icon-size: 16px;
 }
 
 .van-list {

package/lib/loading/index.css

@@ -1 +1 @@
-:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-animation-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
+body{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}

package/lib/loading/index.less

@@ -1,11 +1,9 @@
-@import './var.less';
-
-:root {
-  --van-loading-text-color: @loading-text-color;
-  --van-loading-text-font-size: @loading-text-font-size;
-  --van-loading-spinner-color: @loading-spinner-color;
-  --van-loading-spinner-size: @loading-spinner-size;
-  --van-loading-spinner-animation-duration: @loading-spinner-animation-duration;
+body {
+  --van-loading-text-color: var(--van-text-color-2);
+  --van-loading-text-font-size: var(--van-font-size-md);
+  --van-loading-spinner-color: var(--van-gray-5);
+  --van-loading-spinner-size: 30px;
+  --van-loading-spinner-duration: 0.8s;
 }
 
 .van-loading {
@@ -23,8 +21,7 @@
     height: var(--van-loading-spinner-size);
     max-height: 100%;
     vertical-align: middle;
-    animation: van-rotate var(--van-loading-spinner-animation-duration) linear
-      infinite;
+    animation: van-rotate var(--van-loading-spinner-duration) linear infinite;
 
     &--spinner {
       animation-timing-function: steps(12);

package/lib/nav-bar/NavBar.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
 }>> & {
-    "onClick-left"?: ((...args: any[]) => any) | undefined;
-    "onClick-right"?: ((...args: any[]) => any) | undefined;
+    onClickLeft?: ((...args: any[]) => any) | undefined;
+    onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
     border: boolean;

package/lib/nav-bar/NavBar.js

@@ -44,15 +44,15 @@ const navBarProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: navBarProps,
-  emits: ["click-left", "click-right"],
+  emits: ["clickLeft", "clickRight"],
   setup(props, {
     emit,
     slots
   }) {
     const navBarRef = (0, import_vue2.ref)();
     const renderPlaceholder = (0, import_use_placeholder.usePlaceholder)(navBarRef, bem);
-    const onClickLeft = (event) => emit("click-left", event);
-    const onClickRight = (event) => emit("click-right", event);
+    const onClickLeft = (event) => emit("clickLeft", event);
+    const onClickRight = (event) => emit("clickRight", event);
     const renderLeft = () => {
       if (slots.left) {
         return slots.left();

package/lib/nav-bar/index.css

@@ -1 +1 @@
-:root{--van-nav-bar-height: 46px;--van-nav-bar-background-color: var(--van-background-color-light);--van-nav-bar-arrow-size: 16px;--van-nav-bar-icon-color: var(--van-primary-color);--van-nav-bar-text-color: var(--van-primary-color);--van-nav-bar-title-font-size: var(--van-font-size-lg);--van-nav-bar-title-text-color: var(--van-text-color);--van-nav-bar-z-index: 1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background-color);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}
+body{--van-nav-bar-height: 46px;--van-nav-bar-background: var(--van-background-2);--van-nav-bar-arrow-size: 16px;--van-nav-bar-icon-color: var(--van-primary-color);--van-nav-bar-text-color: var(--van-primary-color);--van-nav-bar-title-font-size: var(--van-font-size-lg);--van-nav-bar-title-text-color: var(--van-text-color);--van-nav-bar-z-index: 1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}

package/lib/nav-bar/index.d.ts

@@ -11,7 +11,7 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -25,8 +25,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
 }>> & {
-    "onClick-left"?: ((...args: any[]) => any) | undefined;
-    "onClick-right"?: ((...args: any[]) => any) | undefined;
+    onClickLeft?: ((...args: any[]) => any) | undefined;
+    onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
     border: boolean;

package/lib/nav-bar/index.less

@@ -1,14 +1,12 @@
-@import './var.less';
-
-:root {
-  --van-nav-bar-height: @nav-bar-height;
-  --van-nav-bar-background-color: @nav-bar-background-color;
-  --van-nav-bar-arrow-size: @nav-bar-arrow-size;
-  --van-nav-bar-icon-color: @nav-bar-icon-color;
-  --van-nav-bar-text-color: @nav-bar-text-color;
-  --van-nav-bar-title-font-size: @nav-bar-title-font-size;
-  --van-nav-bar-title-text-color: @nav-bar-title-text-color;
-  --van-nav-bar-z-index: @nav-bar-z-index;
+body {
+  --van-nav-bar-height: 46px;
+  --van-nav-bar-background: var(--van-background-2);
+  --van-nav-bar-arrow-size: 16px;
+  --van-nav-bar-icon-color: var(--van-primary-color);
+  --van-nav-bar-text-color: var(--van-primary-color);
+  --van-nav-bar-title-font-size: var(--van-font-size-lg);
+  --van-nav-bar-title-text-color: var(--van-text-color);
+  --van-nav-bar-z-index: 1;
 }
 
 .van-nav-bar {
@@ -16,7 +14,7 @@
   z-index: var(--van-nav-bar-z-index);
   line-height: var(--van-line-height-lg);
   text-align: center;
-  background: var(--van-nav-bar-background-color);
+  background: var(--van-nav-bar-background);
   user-select: none;
 
   &--fixed {
@@ -51,7 +49,7 @@
     max-width: 60%;
     margin: 0 auto;
     color: var(--van-nav-bar-title-text-color);
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     font-size: var(--van-nav-bar-title-font-size);
   }
 

package/lib/notice-bar/index.css

@@ -1 +1 @@
-:root{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-orange-dark);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background-color: var(--van-orange-light);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background-color)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
+body{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-orange-dark);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background: var(--van-orange-light);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}

package/lib/notice-bar/index.less

@@ -1,15 +1,13 @@
-@import './var.less';
-
-:root {
-  --van-notice-bar-height: @notice-bar-height;
-  --van-notice-bar-padding: @notice-bar-padding;
-  --van-notice-bar-wrapable-padding: @notice-bar-wrapable-padding;
-  --van-notice-bar-text-color: @notice-bar-text-color;
-  --van-notice-bar-font-size: @notice-bar-font-size;
-  --van-notice-bar-line-height: @notice-bar-line-height;
-  --van-notice-bar-background-color: @notice-bar-background-color;
-  --van-notice-bar-icon-size: @notice-bar-icon-size;
-  --van-notice-bar-icon-min-width: @notice-bar-icon-min-width;
+body {
+  --van-notice-bar-height: 40px;
+  --van-notice-bar-padding: 0 var(--van-padding-md);
+  --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
+  --van-notice-bar-text-color: var(--van-orange-dark);
+  --van-notice-bar-font-size: var(--van-font-size-md);
+  --van-notice-bar-line-height: 24px;
+  --van-notice-bar-background: var(--van-orange-light);
+  --van-notice-bar-icon-size: 16px;
+  --van-notice-bar-icon-min-width: 24px;
 }
 
 .van-notice-bar {
@@ -21,7 +19,7 @@
   color: var(--van-notice-bar-text-color);
   font-size: var(--van-notice-bar-font-size);
   line-height: var(--van-notice-bar-line-height);
-  background: var(--van-notice-bar-background-color);
+  background: var(--van-notice-bar-background);
 
   &__left-icon,
   &__right-icon {

package/lib/notify/index.css

@@ -1 +1 @@
-:root{--van-notify-text-color: var(--van-white);--van-notify-padding: var(--van-padding-xs) var(--van-padding-md);--van-notify-font-size: var(--van-font-size-md);--van-notify-line-height: var(--van-line-height-md);--van-notify-primary-background-color: var(--van-primary-color);--van-notify-success-background-color: var(--van-success-color);--van-notify-danger-background-color: var(--van-danger-color);--van-notify-warning-background-color: var(--van-warning-color)}.van-notify{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-notify-padding);color:var(--van-notify-text-color);font-size:var(--van-notify-font-size);line-height:var(--van-notify-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background:var(--van-notify-primary-background-color)}.van-notify--success{background:var(--van-notify-success-background-color)}.van-notify--danger{background:var(--van-notify-danger-background-color)}.van-notify--warning{background:var(--van-notify-warning-background-color)}
+body{--van-notify-text-color: var(--van-white);--van-notify-padding: var(--van-padding-xs) var(--van-padding-md);--van-notify-font-size: var(--van-font-size-md);--van-notify-line-height: var(--van-line-height-md);--van-notify-primary-background: var(--van-primary-color);--van-notify-success-background: var(--van-success-color);--van-notify-danger-background: var(--van-danger-color);--van-notify-warning-background: var(--van-warning-color)}.van-notify{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-notify-padding);color:var(--van-notify-text-color);font-size:var(--van-notify-font-size);line-height:var(--van-notify-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background:var(--van-notify-primary-background)}.van-notify--success{background:var(--van-notify-success-background)}.van-notify--danger{background:var(--van-notify-danger-background)}.van-notify--warning{background:var(--van-notify-warning-background)}

package/lib/notify/index.less

@@ -1,14 +1,12 @@
-@import './var.less';
-
-:root {
-  --van-notify-text-color: @notify-text-color;
-  --van-notify-padding: @notify-padding;
-  --van-notify-font-size: @notify-font-size;
-  --van-notify-line-height: @notify-line-height;
-  --van-notify-primary-background-color: @notify-primary-background-color;
-  --van-notify-success-background-color: @notify-success-background-color;
-  --van-notify-danger-background-color: @notify-danger-background-color;
-  --van-notify-warning-background-color: @notify-warning-background-color;
+body {
+  --van-notify-text-color: var(--van-white);
+  --van-notify-padding: var(--van-padding-xs) var(--van-padding-md);
+  --van-notify-font-size: var(--van-font-size-md);
+  --van-notify-line-height: var(--van-line-height-md);
+  --van-notify-primary-background: var(--van-primary-color);
+  --van-notify-success-background: var(--van-success-color);
+  --van-notify-danger-background: var(--van-danger-color);
+  --van-notify-warning-background: var(--van-warning-color);
 }
 
 .van-notify {
@@ -27,18 +25,18 @@
   word-wrap: break-word;
 
   &--primary {
-    background: var(--van-notify-primary-background-color);
+    background: var(--van-notify-primary-background);
   }
 
   &--success {
-    background: var(--van-notify-success-background-color);
+    background: var(--van-notify-success-background);
   }
 
   &--danger {
-    background: var(--van-notify-danger-background-color);
+    background: var(--van-notify-danger-background);
   }
 
   &--warning {
-    background: var(--van-notify-warning-background-color);
+    background: var(--van-notify-warning-background);
   }
 }

package/lib/number-keyboard/NumberKeyboard.d.ts

@@ -146,12 +146,12 @@ declare const _default: import("vue").DefineComponent<{
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
+    theme: NumberKeyboardTheme;
     maxlength: string | number;
     modelValue: string;
     safeAreaInsetBottom: boolean;
     show: boolean;
     transition: boolean;
-    theme: NumberKeyboardTheme;
     blurOnClose: boolean;
     showDeleteKey: boolean;
     randomKeyOrder: boolean;

package/lib/number-keyboard/index.css

@@ -1 +1 @@
-:root{--van-number-keyboard-background-color: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background-color: var(--van-background-color-light);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-text-link-color);--van-number-keyboard-close-font-size: var(--van-font-size-md);--van-number-keyboard-button-text-color: var(--van-white);--van-number-keyboard-button-background-color: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background-color);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}
+body{--van-number-keyboard-background: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background: var(--van-background-2);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-link-color);--van-number-keyboard-close-font-size: var(--van-font-size-md);--van-number-keyboard-button-text-color: var(--van-white);--van-number-keyboard-button-background: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-theme-dark{--van-number-keyboard-background: var(--van-gray-8);--van-number-keyboard-key-background: var(--van-gray-7);--van-number-keyboard-key-active-color: var(--van-gray-6)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background);border-radius:var(--van-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}

package/lib/number-keyboard/index.d.ts

@@ -97,12 +97,12 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
+    theme: import("./NumberKeyboard").NumberKeyboardTheme;
     maxlength: string | number;
     modelValue: string;
     safeAreaInsetBottom: boolean;
     show: boolean;
     transition: boolean;
-    theme: import("./NumberKeyboard").NumberKeyboardTheme;
     blurOnClose: boolean;
     showDeleteKey: boolean;
     randomKeyOrder: boolean;

package/lib/number-keyboard/index.less

@@ -1,21 +1,25 @@
-@import './var.less';
-
-:root {
-  --van-number-keyboard-background-color: @number-keyboard-background-color;
-  --van-number-keyboard-key-height: @number-keyboard-key-height;
-  --van-number-keyboard-key-font-size: @number-keyboard-key-font-size;
-  --van-number-keyboard-key-active-color: @number-keyboard-key-active-color;
-  --van-number-keyboard-key-background-color: @number-keyboard-key-background-color;
-  --van-number-keyboard-delete-font-size: @number-keyboard-delete-font-size;
-  --van-number-keyboard-title-color: @number-keyboard-title-color;
-  --van-number-keyboard-title-height: @number-keyboard-title-height;
-  --van-number-keyboard-title-font-size: @number-keyboard-title-font-size;
-  --van-number-keyboard-close-padding: @number-keyboard-close-padding;
-  --van-number-keyboard-close-color: @number-keyboard-close-color;
-  --van-number-keyboard-close-font-size: @number-keyboard-close-font-size;
-  --van-number-keyboard-button-text-color: @number-keyboard-button-text-color;
-  --van-number-keyboard-button-background-color: @number-keyboard-button-background-color;
-  --van-number-keyboard-z-index: @number-keyboard-z-index;
+body {
+  --van-number-keyboard-background: var(--van-gray-2);
+  --van-number-keyboard-key-height: 48px;
+  --van-number-keyboard-key-font-size: 28px;
+  --van-number-keyboard-key-active-color: var(--van-gray-3);
+  --van-number-keyboard-key-background: var(--van-background-2);
+  --van-number-keyboard-delete-font-size: var(--van-font-size-lg);
+  --van-number-keyboard-title-color: var(--van-gray-7);
+  --van-number-keyboard-title-height: 34px;
+  --van-number-keyboard-title-font-size: var(--van-font-size-lg);
+  --van-number-keyboard-close-padding: 0 var(--van-padding-md);
+  --van-number-keyboard-close-color: var(--van-link-color);
+  --van-number-keyboard-close-font-size: var(--van-font-size-md);
+  --van-number-keyboard-button-text-color: var(--van-white);
+  --van-number-keyboard-button-background: var(--van-primary-color);
+  --van-number-keyboard-z-index: 100;
+}
+
+.van-theme-dark {
+  --van-number-keyboard-background: var(--van-gray-8);
+  --van-number-keyboard-key-background: var(--van-gray-7);
+  --van-number-keyboard-key-active-color: var(--van-gray-6);
 }
 
 .van-number-keyboard {
@@ -25,7 +29,7 @@
   z-index: var(--van-number-keyboard-z-index);
   width: 100%;
   padding-bottom: 22px;
-  background: var(--van-number-keyboard-background-color);
+  background: var(--van-number-keyboard-background);
   user-select: none;
 
   &--with-title {
@@ -94,8 +98,8 @@
   height: var(--van-number-keyboard-key-height);
   font-size: var(--van-number-keyboard-key-font-size);
   line-height: 1.5;
-  background: var(--van-number-keyboard-key-background-color);
-  border-radius: var(--van-border-radius-lg);
+  background: var(--van-number-keyboard-key-background);
+  border-radius: var(--van-radius-lg);
   cursor: pointer;
 
   &--large {
@@ -120,7 +124,7 @@
 
   &--blue {
     color: var(--van-number-keyboard-button-text-color);
-    background: var(--van-number-keyboard-button-background-color);
+    background: var(--van-number-keyboard-button-background);
 
     &.van-key--active {
       opacity: var(--van-active-opacity);

package/lib/overlay/index.css

@@ -1 +1 @@
-:root{--van-overlay-z-index: 1;--van-overlay-background-color: rgba(0, 0, 0, .7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background:var(--van-overlay-background-color)}
+body{--van-overlay-z-index: 1;--van-overlay-background: rgba(0, 0, 0, .7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background:var(--van-overlay-background)}

package/lib/overlay/index.less

@@ -1,8 +1,6 @@
-@import './var.less';
-
-:root {
-  --van-overlay-z-index: @overlay-z-index;
-  --van-overlay-background-color: @overlay-background-color;
+body {
+  --van-overlay-z-index: 1;
+  --van-overlay-background: rgba(0, 0, 0, 0.7);
 }
 
 .van-overlay {
@@ -12,5 +10,5 @@
   z-index: var(--van-overlay-z-index);
   width: 100%;
   height: 100%;
-  background: var(--van-overlay-background-color);
+  background: var(--van-overlay-background);
 }

package/lib/pagination/index.css

@@ -1 +1 @@
-:root{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background-color: var(--van-background-color);--van-pagination-background-color: var(--van-background-color-light);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:after{border-width:var(--van-border-width-base)}.van-pagination__item--disabled{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background-color);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}
+body{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:after{border-width:var(--van-border-width)}.van-pagination__item--disabled{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}

package/lib/pagination/index.less

@@ -1,15 +1,13 @@
-@import './var.less';
-
-:root {
-  --van-pagination-height: @pagination-height;
-  --van-pagination-font-size: @pagination-font-size;
-  --van-pagination-item-width: @pagination-item-width;
-  --van-pagination-item-default-color: @pagination-item-default-color;
-  --van-pagination-item-disabled-color: @pagination-item-disabled-color;
-  --van-pagination-item-disabled-background-color: @pagination-item-disabled-background-color;
-  --van-pagination-background-color: @pagination-background-color;
-  --van-pagination-desc-color: @pagination-desc-color;
-  --van-pagination-disabled-opacity: @pagination-disabled-opacity;
+body {
+  --van-pagination-height: 40px;
+  --van-pagination-font-size: var(--van-font-size-md);
+  --van-pagination-item-width: 36px;
+  --van-pagination-item-default-color: var(--van-primary-color);
+  --van-pagination-item-disabled-color: var(--van-gray-7);
+  --van-pagination-item-disabled-background: var(--van-background);
+  --van-pagination-background: var(--van-background-2);
+  --van-pagination-desc-color: var(--van-gray-7);
+  --van-pagination-disabled-opacity: var(--van-disabled-opacity);
 }
 
 .van-pagination {
@@ -32,7 +30,7 @@
     min-width: var(--van-pagination-item-width);
     height: var(--van-pagination-height);
     color: var(--van-pagination-item-default-color);
-    background: var(--van-pagination-background-color);
+    background: var(--van-pagination-background);
     cursor: pointer;
     user-select: none;
 
@@ -73,12 +71,12 @@
     }
 
     &--border::after {
-      border-width: var(--van-border-width-base);
+      border-width: var(--van-border-width);
     }
 
     &--disabled {
       color: var(--van-pagination-item-disabled-color);
-      background-color: var(--van-pagination-item-disabled-background-color);
+      background-color: var(--van-pagination-item-disabled-background);
       opacity: var(--van-pagination-disabled-opacity);
     }
   }

package/lib/password-input/index.css

@@ -1 +1 @@
-:root{--van-password-input-height: 50px;--van-password-input-margin: 0 var(--van-padding-md);--van-password-input-font-size: 20px;--van-password-input-border-radius: 6px;--van-password-input-background-color: var(--van-background-color-light);--van-password-input-info-color: var(--van-text-color-2);--van-password-input-info-font-size: var(--van-font-size-md);--van-password-input-error-info-color: var(--van-danger-color);--van-password-input-dot-size: 10px;--van-password-input-dot-color: var(--van-text-color);--van-password-input-text-color: var(--van-text-color);--van-password-input-cursor-color: var(--van-text-color);--van-password-input-cursor-width: 1px;--van-password-input-cursor-height: 40%;--van-password-input-cursor-animation-duration: 1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__info,.van-password-input__error-info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security:after{border-radius:var(--van-password-input-border-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background:var(--van-password-input-background-color)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-animation-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}
+body{--van-password-input-height: 50px;--van-password-input-margin: 0 var(--van-padding-md);--van-password-input-font-size: 20px;--van-password-input-radius: 6px;--van-password-input-background: var(--van-background-2);--van-password-input-info-color: var(--van-text-color-2);--van-password-input-info-font-size: var(--van-font-size-md);--van-password-input-error-info-color: var(--van-danger-color);--van-password-input-dot-size: 10px;--van-password-input-dot-color: var(--van-text-color);--van-password-input-text-color: var(--van-text-color);--van-password-input-cursor-color: var(--van-text-color);--van-password-input-cursor-width: 1px;--van-password-input-cursor-height: 40%;--van-password-input-cursor-duration: 1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__info,.van-password-input__error-info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security:after{border-radius:var(--van-password-input-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background:var(--van-password-input-background)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}