@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/lib/chip/chip.less

@@ -1,182 +0,0 @@
-@chip-default-color: #e0e0e0;
-@chip-primary-color: var(--color-primary);
-@chip-danger-color: var(--color-danger);
-@chip-success-color: var(--color-success);
-@chip-warning-color: var(--color-warning);
-@chip-info-color: var(--color-info);
-@chip-border-radius: 2px;
-@chip-normal-height: 32px;
-@chip-large-height: 40px;
-@chip-small-height: 24px;
-@chip-mini-height: 16px;
-@chip-round-radius: 100px;
-@chip-normal-padding: 0px 10px;
-@chip-large-padding: 0px 17px;
-@chip-small-padding: 0px 6px;
-@chip-mini-padding: 0px 4px;
-@chip-text-normal-margin: 0 5px;
-@chip-text-large-margin: 0 5px;
-@chip-text-small-margin: 0 3px;
-@chip-text-mini-margin: 0 2px;
-
-:root {
-  --chip-default-color: @chip-default-color;
-  --chip-primary-color: @chip-primary-color;
-  --chip-danger-color: @chip-danger-color;
-  --chip-success-color: @chip-success-color;
-  --chip-warning-color: @chip-warning-color;
-  --chip-info-color: @chip-info-color;
-  --chip-border-radius: @chip-border-radius;
-  --chip-normal-height: @chip-normal-height;
-  --chip-large-height: @chip-large-height;
-  --chip-small-height: @chip-small-height;
-  --chip-mini-height: @chip-mini-height;
-  --chip-round-radius: @chip-round-radius;
-  --chip-normal-padding: @chip-normal-padding;
-  --chip-large-padding: @chip-large-padding;
-  --chip-small-padding: @chip-small-padding;
-  --chip-mini-padding: @chip-mini-padding;
-  --chip-text-normal-margin: @chip-text-normal-margin;
-  --chip-text-large-margin: @chip-text-large-margin;
-  --chip-text-small-margin: @chip-text-small-margin;
-  --chip-text-mini-margin: @chip-text-mini-margin;
-}
-
-.var {
-  &-fade-leave-to {
-    opacity: 0;
-  }
-
-  &-fade-leave-active {
-    transition: opacity 0.3s;
-  }
-}
-
-.var-chip {
-  justify-content: center;
-  align-items: center;
-  font-family: Roboto, sans-serif;
-  border-radius: var(--chip-border-radius);
-  cursor: default;
-  border: thin solid transparent;
-  vertical-align: middle;
-  line-height: 1;
-  transition: background-color 0.25s;
-
-  &--default {
-    color: inherit;
-    background: var(--chip-default-color);
-  }
-
-  &--primary {
-    color: #fff;
-    background-color: var(--chip-primary-color);
-  }
-
-  &--info {
-    color: #fff;
-    background-color: var(--chip-info-color);
-  }
-
-  &--success {
-    color: #fff;
-    background-color: var(--chip-success-color);
-  }
-
-  &--warning {
-    color: #fff;
-    background-color: var(--chip-warning-color);
-  }
-
-  &--danger {
-    color: #fff;
-    background-color: var(--chip-danger-color);
-  }
-
-  &__plain {
-    background-color: transparent;
-
-    &:active {
-      box-shadow: none;
-    }
-  }
-
-  &__plain-default {
-    color: inherit;
-    border-color: currentColor;
-  }
-
-  &__plain-primary {
-    color: var(--chip-primary-color);
-    border-color: currentColor;
-  }
-
-  &__plain-info {
-    color: var(--chip-info-color);
-    border-color: currentColor;
-  }
-
-  &__plain-success {
-    color: var(--chip-success-color);
-    border-color: currentColor;
-  }
-
-  &__plain-warning {
-    color: var(--chip-warning-color);
-    border-color: currentColor;
-  }
-
-  &__plain-danger {
-    color: var(--chip-danger-color);
-    border-color: currentColor;
-  }
-
-  &--round {
-    border-radius: var(--chip-round-radius);
-  }
-
-  &--normal {
-    font-size: var(--font-size-md);
-    padding: var(--chip-normal-padding);
-    height: var(--chip-normal-height);
-  }
-
-  &--large {
-    padding: var(--chip-large-padding);
-    font-size: var(--font-size-lg);
-    height: var(--chip-large-height);
-  }
-
-  &--small {
-    padding: var(--chip-small-padding);
-    font-size: var(--font-size-sm);
-    height: var(--chip-small-height);
-  }
-
-  &--mini {
-    padding: var(--chip-mini-padding);
-    font-size: var(--font-size-xs);
-    height: var(--chip-mini-height);
-  }
-
-  &--close {
-    cursor: pointer;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  }
-
-  &__text-large {
-    margin: var(--chip-text-large-margin);
-  }
-
-  &__text-normal {
-    margin: var(--chip-text-normal-margin);
-  }
-
-  &__text-small {
-    margin: var(--chip-text-small-margin);
-  }
-
-  &__text-mini {
-    margin: var(--chip-text-mini-margin);
-  }
-}

package/lib/chip/style/less.js

@@ -1,4 +0,0 @@
-require('../../styles/common.less')
-require('../../icon/icon.less')
-require('../chip.less')
-require('../ChipSfc.less')

package/lib/col/col.less

@@ -1,74 +0,0 @@
-.var-col {
-  transition: all 0.25s;
-  display: flex !important;
-
-  &--span-0 {
-    display: none !important;
-  }
-}
-
-.create-col(@i) when (@i =< 24) {
-  .var-col--span-@{i} {
-    flex: 0 0 @i * (100% / 24);
-  }
-
-  .var-col--offset-@{i} {
-    margin-left: @i * (100% / 24);
-  }
-
-  .create-col(@i + 1);
-}
-
-.create-responsive-col(@i, @mode) when (@i =< 24) {
-  .var-col--span-@{mode}-@{i} {
-    flex: 0 0 @i * (100% / 24);
-  }
-
-  .var-col--offset-@{mode}-@{i} {
-    margin-left: @i * (100% / 24);
-  }
-
-  .create-responsive-col(@i + 1, @mode);
-}
-
-.create-col(1);
-
-@media only screen and (max-width: 767px) {
-  .create-responsive-col(1, xs);
-
-  .var-col--span-xs-0 {
-    display: none !important;
-  }
-}
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .create-responsive-col(1, sm);
-
-  .var-col--span-sm-0 {
-    display: none !important;
-  }
-}
-
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .create-responsive-col(1, md);
-
-  .var-col--span-md-0 {
-    display: none !important;
-  }
-}
-
-@media only screen and (min-width: 1200px) and (max-width: 1919px) {
-  .create-responsive-col(1, lg);
-
-  .var-col--span-lg-0 {
-    display: none !important;
-  }
-}
-
-@media only screen and (min-width: 1920px) {
-  .create-responsive-col(0, xl);
-
-  .var-col--span-xl-0 {
-    display: none !important;
-  }
-}

package/lib/col/style/less.js

@@ -1,3 +0,0 @@
-require('../../styles/common.less')
-require('../col.less')
-require('../ColSfc.less')

package/lib/collapse/CollapseSfc.less

@@ -1 +0,0 @@
-.var-collapse { position: relative; width: 100%;}

package/lib/collapse/style/less.js

@@ -1,3 +0,0 @@
-require('../../styles/common.less')
-require('../../styles/elevation.less')
-require('../CollapseSfc.less')

package/lib/collapse-item/collapseItem.less

@@ -1,105 +0,0 @@
-@collapse-background: #fff;
-@collapse-text-color: #232222;
-@collapse-header-font-size: var(--font-size-lg);
-@collapse-header-padding: 10px 12px;
-@collapse-content-font-size: var(--font-size-md);
-@collapse-content-padding: 0 12px 10px;
-@collapse-item-margin-top: 16px;
-@collapse-disable-color: #bdbdbd;
-@collapse-border-top: thin solid rgba(0, 0, 0, 0.12);
-
-:root {
-  --collapse-background: @collapse-background;
-  --collapse-text-color: @collapse-text-color;
-  --collapse-header-font-size: @collapse-header-font-size;
-  --collapse-header-padding: @collapse-header-padding;
-  --collapse-content-font-size: @collapse-content-font-size;
-  --collapse-content-padding: @collapse-content-padding;
-  --collapse-item-margin-top: @collapse-item-margin-top;
-  --collapse-disable-color: @collapse-disable-color;
-  --collapse-border-top: @collapse-border-top;
-}
-
-.var-collapse-item {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  box-sizing: border-box;
-  position: relative;
-  margin-top: 0;
-  background: var(--collapse-background);
-  color: var(--collapse-text-color);
-  transition: margin-top 0.25s, background-color 0.25s;
-
-  &::before {
-    bottom: 0;
-    content: '';
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    z-index: -1;
-    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  }
-
-  &:not(:first-child)::after {
-    border-top: var(--collapse-border-top);
-    content: '';
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-
-  &__header {
-    align-items: center;
-    display: flex;
-    font-size: var(--collapse-header-font-size);
-    outline: none;
-    padding: var(--collapse-header-padding);
-    justify-content: space-between;
-    position: relative;
-
-    &-title {
-      transition: color 0.25s;
-    }
-
-    &-icon {
-      transform: rotate(0deg);
-      opacity: 1;
-    }
-
-    &-open {
-      transform: rotate(-180deg);
-    }
-
-    &--disable {
-      opacity: 0;
-    }
-  }
-
-  &__content {
-    display: flex;
-    font-size: var(--collapse-content-font-size);
-    overflow: hidden;
-    transition: all 0.25s;
-
-    &-wrap {
-      padding: var(--collapse-content-padding);
-      word-break: break-all;
-      flex: 1;
-    }
-  }
-
-  &--active + &,
-  &--active:not(:first-child) {
-    margin-top: var(--collapse-item-margin-top);
-
-    &::after {
-      border-top: none;
-    }
-  }
-
-  &--disable {
-    color: var(--collapse-disable-color);
-    cursor: not-allowed;
-  }
-}

package/lib/collapse-item/style/less.js

@@ -1,4 +0,0 @@
-require('../../styles/common.less')
-require('../../icon/icon.less')
-require('../collapseItem.less')
-require('../CollapseItemSfc.less')

package/lib/countdown/style/less.js

@@ -1,2 +0,0 @@
-require('../../styles/common.less')
-require('../CountdownSfc.less')

package/lib/counter/counter.less

@@ -1,89 +0,0 @@
-@counter-padding: 0 4px;
-@counter-font-color: #fff;
-@counter-background: var(--color-primary);
-@counter-input-width: 28px;
-@counter-input-margin: 0 4px;
-@counter-input-font-size: 14px;
-@counter-button-size: 28px;
-@counter-button-icon-size: 100%;
-@counter-disabled-color: var(--color-text-disabled);
-@input-error-color: var(--color-danger);
-
-:root {
-  --counter-padding: @counter-padding;
-  --counter-font-color: @counter-font-color;
-  --counter-background: @counter-background;
-  --counter-input-width: @counter-input-width;
-  --counter-input-margin: @counter-input-margin;
-  --counter-input-font-size: @counter-input-font-size;
-  --counter-button-size: @counter-button-size;
-  --counter-button-icon-size: @counter-button-icon-size;
-  --counter-disabled-color: @counter-disabled-color;
-  --input-error-color: @input-error-color;
-}
-
-.var-counter {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: flex-start;
-
-  &__controller {
-    display: flex;
-    align-items: center;
-    color: var(--counter-font-color);
-    border-radius: var(--counter-button-size);
-    padding: var(--counter-padding);
-    background: var(--counter-background);
-    transition: background-color 0.25s;
-  }
-
-  &__decrement-button[var-counter-cover] {
-    width: var(--counter-button-size);
-    height: var(--counter-button-size);
-    font-size: var(--counter-button-icon-size);
-    border-radius: 50%;
-    cursor: pointer;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-user-select: none; // for safari
-    user-select: none;
-  }
-
-  &__input {
-    width: var(--counter-input-width);
-    font-size: var(--counter-input-font-size);
-    outline: none;
-    border: none;
-    background: transparent;
-    padding: 0;
-    text-align: center;
-    color: var(--counter-font-color);
-    margin: var(--counter-input-margin);
-
-    &[disabled] {
-      background: transparent;
-    }
-  }
-
-  &__increment-button[var-counter-cover] {
-    width: var(--counter-button-size);
-    height: var(--counter-button-size);
-    font-size: var(--counter-button-icon-size);
-    border-radius: 50%;
-    cursor: pointer;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-user-select: none; // for safari
-    user-select: none;
-  }
-
-  &--disabled {
-    background: var(--counter-disabled-color);
-  }
-
-  &--hidden {
-    opacity: 0;
-  }
-
-  &--error {
-    background: var(--color-danger);
-  }
-}

package/lib/counter/style/less.js

@@ -1,7 +0,0 @@
-require('../../styles/common.less')
-require('../../styles/elevation.less')
-require('../../icon/icon.less')
-require('../../form-details/formDetails.less')
-require('../../ripple/ripple.less')
-require('../counter.less')
-require('../CounterSfc.less')