vant 4.0.0-alpha.4 → 4.0.0-beta.0

package/es/list/index.less

@@ -1,29 +0,0 @@
-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,
-  &__finished-text,
-  &__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;
-  }
-
-  &__placeholder {
-    height: 0;
-    pointer-events: none;
-  }
-
-  &__loading-icon {
-    .van-loading__spinner {
-      width: var(--van-list-loading-icon-size);
-      height: var(--van-list-loading-icon-size);
-    }
-  }
-}

package/es/list/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/list/style/less.mjs

@@ -1,3 +0,0 @@
-import "../../style/base.less";
-import "../../loading/index.less";
-import "../index.less";

package/es/loading/index.less

@@ -1,109 +0,0 @@
-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 {
-  position: relative;
-  color: var(--van-loading-spinner-color);
-  font-size: 0;
-  vertical-align: middle;
-
-  &__spinner {
-    position: relative;
-    display: inline-block;
-    width: var(--van-loading-spinner-size);
-    // compatible for 1.x, users may set width or height in root element
-    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;
-
-    &--spinner {
-      animation-timing-function: steps(12);
-    }
-
-    &--circular {
-      animation-duration: 2s;
-    }
-  }
-
-  &__line {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-
-    &::before {
-      display: block;
-      width: 2px;
-      height: 25%;
-      margin: 0 auto;
-      background-color: currentColor;
-      border-radius: 40%;
-      content: ' ';
-    }
-  }
-
-  &__circular {
-    display: block;
-    width: 100%;
-    height: 100%;
-
-    circle {
-      animation: van-circular 1.5s ease-in-out infinite;
-      stroke: currentColor;
-      stroke-width: 3;
-      stroke-linecap: round;
-    }
-  }
-
-  &__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;
-  }
-
-  &--vertical {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    .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;
-  }
-
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120;
-  }
-}
-
-.generate-spinner(@n, @i: 1) when (@i =< @n) {
-  .van-loading__line--@{i} {
-    transform: rotate(@i * 30deg);
-    opacity: 1 - (0.75 / 12) * (@i - 1);
-  }
-  .generate-spinner(@n, (@i + 1));
-}
-.generate-spinner(12);

package/es/loading/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/loading/style/less.mjs

@@ -1,2 +0,0 @@
-import "../../style/base.less";
-import "../index.less";

package/es/locale/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/locale/style/less.mjs

@@ -1 +0,0 @@
-import "../../style/base.less";

package/es/nav-bar/index.less

@@ -1,78 +0,0 @@
-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);
-  user-select: none;
-
-  &--fixed {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-  }
-
-  &--safe-area-inset-top {
-    padding-top: constant(safe-area-inset-top);
-    padding-top: env(safe-area-inset-top);
-  }
-
-  .van-icon {
-    color: var(--van-nav-bar-icon-color);
-  }
-
-  &__content {
-    position: relative;
-    display: flex;
-    align-items: center;
-    height: var(--van-nav-bar-height);
-  }
-
-  &__arrow {
-    margin-right: var(--van-padding-base);
-    font-size: var(--van-nav-bar-arrow-size);
-  }
-
-  &__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);
-  }
-
-  &__left,
-  &__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);
-  }
-
-  &__left {
-    left: 0;
-  }
-
-  &__right {
-    right: 0;
-  }
-
-  &__text {
-    color: var(--van-nav-bar-text-color);
-  }
-}

package/es/nav-bar/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/nav-bar/style/less.mjs

@@ -1,4 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../index.less";

package/es/notice-bar/index.less

@@ -1,70 +0,0 @@
-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);
-
-  &__left-icon,
-  &__right-icon {
-    min-width: var(--van-notice-bar-icon-min-width);
-    font-size: var(--van-notice-bar-icon-size);
-  }
-
-  &__right-icon {
-    text-align: right;
-    cursor: pointer;
-  }
-
-  &__wrap {
-    position: relative;
-    display: flex;
-    flex: 1;
-    align-items: center;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  &__content {
-    position: absolute;
-    white-space: nowrap;
-    transition-timing-function: linear;
-
-    &.van-ellipsis {
-      max-width: 100%;
-    }
-  }
-
-  &--wrapable {
-    height: auto;
-    padding: var(--van-notice-bar-wrapable-padding);
-
-    .van-notice-bar {
-      &__wrap {
-        height: auto;
-      }
-
-      &__content {
-        position: relative;
-        white-space: normal;
-        word-wrap: break-word;
-      }
-    }
-  }
-}

package/es/notice-bar/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/notice-bar/style/less.mjs

@@ -1,4 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../index.less";

package/es/notify/index.less

@@ -1,42 +0,0 @@
-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);
-
-  // allow newline character
-  white-space: pre-wrap;
-  text-align: center;
-  word-wrap: break-word;
-
-  &--primary {
-    background: var(--van-notify-primary-background);
-  }
-
-  &--success {
-    background: var(--van-notify-success-background);
-  }
-
-  &--danger {
-    background: var(--van-notify-danger-background);
-  }
-
-  &--warning {
-    background: var(--van-notify-warning-background);
-  }
-}

package/es/notify/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/notify/style/less.mjs

@@ -1,6 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../overlay/index.less";
-import "../../popup/index.less";
-import "../index.less";

package/es/number-keyboard/index.less

@@ -1,159 +0,0 @@
-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);
-  user-select: none;
-
-  &--with-title {
-    border-radius: 20px 20px 0 0;
-  }
-
-  &__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);
-  }
-
-  &__title {
-    display: inline-block;
-    font-weight: normal;
-
-    &-left {
-      position: absolute;
-      left: 0;
-    }
-  }
-
-  &__body {
-    display: flex;
-    padding: 6px 0 0 6px;
-  }
-
-  &__keys {
-    display: flex;
-    flex: 3;
-    flex-wrap: wrap;
-  }
-
-  &__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;
-  }
-
-  &__sidebar {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-  }
-
-  &--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;
-
-  &--large {
-    // height: 100% can't fill flex parent on legacy safari
-    // see: https://stackoverflow.com/questions/33636796
-    position: absolute;
-    top: 0;
-    right: 6px;
-    bottom: 6px;
-    left: 0;
-    height: auto;
-  }
-
-  &--blue,
-  &--delete {
-    font-size: var(--van-number-keyboard-delete-font-size);
-  }
-
-  &--active {
-    background-color: var(--van-number-keyboard-key-active-color);
-  }
-
-  &--blue {
-    color: var(--van-number-keyboard-button-text-color);
-    background: var(--van-number-keyboard-button-background);
-
-    &.van-key--active {
-      opacity: var(--van-active-opacity);
-    }
-  }
-
-  &__wrapper {
-    position: relative;
-    flex: 1;
-    flex-basis: 33%;
-    box-sizing: border-box;
-    padding: 0 6px 6px 0;
-
-    &--wider {
-      flex-basis: 66%;
-    }
-  }
-
-  &__delete-icon {
-    width: 32px;
-    height: 22px;
-  }
-
-  &__collapse-icon {
-    width: 30px;
-    height: 24px;
-  }
-
-  &__loading-icon {
-    color: var(--van-number-keyboard-button-text-color);
-  }
-}

package/es/number-keyboard/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/number-keyboard/style/less.mjs

@@ -1,3 +0,0 @@
-import "../../style/base.less";
-import "../../loading/index.less";
-import "../index.less";

package/es/overlay/index.less

@@ -1,14 +0,0 @@
-body {
-  --van-overlay-z-index: 1;
-  --van-overlay-background: rgba(0, 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/es/overlay/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/overlay/style/less.mjs

@@ -1,2 +0,0 @@
-import "../../style/base.less";
-import "../index.less";

package/es/pagination/index.less

@@ -1,89 +0,0 @@
-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);
-
-  &__items {
-    display: flex;
-  }
-
-  &__item,
-  &__page-desc {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &__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;
-    user-select: none;
-
-    button {
-      flex: 1;
-      height: 100%;
-      border: none;
-      padding: 0;
-      background: transparent;
-
-      &[disabled] {
-        cursor: not-allowed;
-      }
-    }
-
-    &:active {
-      color: var(--van-white);
-      background-color: var(--van-pagination-item-default-color);
-    }
-
-    &:not(:last-child)::after {
-      border-right-width: 0;
-    }
-
-    &--active {
-      color: var(--van-white);
-      background-color: var(--van-pagination-item-default-color);
-    }
-
-    &--page {
-      flex-grow: 0;
-    }
-
-    &--prev,
-    &--next {
-      padding: 0 var(--van-padding-base);
-      cursor: pointer;
-    }
-
-    &--border::after {
-      border-width: var(--van-border-width);
-    }
-
-    &--disabled {
-      color: var(--van-pagination-item-disabled-color);
-      background-color: var(--van-pagination-item-disabled-background);
-      opacity: var(--van-pagination-disabled-opacity);
-    }
-  }
-
-  &__page-desc {
-    flex: 1;
-    height: var(--van-pagination-height);
-    color: var(--van-pagination-desc-color);
-  }
-}

package/es/pagination/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/pagination/style/less.mjs

@@ -1,2 +0,0 @@
-import "../../style/base.less";
-import "../index.less";