@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/es/card/card.less

@@ -1,189 +0,0 @@
-@card-padding: 0 0 15px 0;
-@card-background: #fff;
-@card-border-radius: 4px;
-@card-image-width: 100%;
-@card-row-image-width: 140px;
-@card-row-height: 140px;
-@card-image-height: 200px;
-@card-title-color: #333;
-@card-title-font-size: 20px;
-@card-title-padding: 0 12px;
-@card-title-margin: 15px 0 0 0;
-@card-title-row-margin: 12px 0;
-@card-subtitle-color: rgba(0, 0, 0, 0.6);
-@card-subtitle-font-size: 14px;
-@card-subtitle-padding: 0 12px;
-@card-subtitle-row-margin: -8px 0 0 0;
-@card-subtitle-margin: 10px 0 0 0;
-@card-description-color: rgba(0, 0, 0, 0.6);
-@card-description-font-size: 14px;
-@card-description-margin: 20px 0 0 0;
-@card-description-padding: 0 13px;
-@card-footer-padding: 0 12px;
-@card-footer-right: 13px;
-@card-footer-bottom: 9px;
-@card-footer-margin: 30px 0 0px 0;
-@card-line-height: 22px;
-@card-row-line-height: 1.5;
-@card-floating-buttons-bottom: 16px;
-@card-floating-buttons-right: 16px;
-@card-floating-buttons-color: #fff;
-@card-close-button-icon-size: 24px;
-@card-close-button-size: 56px;
-@card-close-button-primary-color: #212121;
-
-:root {
-  --card-padding: @card-padding;
-  --card-background: @card-background;
-  --card-border-radius: @card-border-radius;
-  --card-image-width: @card-image-width;
-  --card-row-image-width: @card-row-image-width;
-  --card-image-height: @card-image-height;
-  --card-row-height: @card-row-height;
-  --card-title-color: @card-title-color;
-  --card-title-font-size: @card-title-font-size;
-  --card-title-padding: @card-title-padding;
-  --card-title-margin: @card-title-margin;
-  --card-title-row-margin: @card-title-row-margin;
-  --card-subtitle-color: @card-subtitle-color;
-  --card-subtitle-font-size: @card-subtitle-font-size;
-  --card-subtitle-padding: @card-subtitle-padding;
-  --card-subtitle-margin: @card-subtitle-margin;
-  --card-subtitle-row-margin: @card-subtitle-row-margin;
-  --card-description-color: @card-description-color;
-  --card-description-font-size: @card-description-font-size;
-  --card-description-margin: @card-description-margin;
-  --card-description-padding: @card-description-padding;
-  --card-footer-padding: @card-footer-padding;
-  --card-footer-right: @card-footer-right;
-  --card-footer-bottom: @card-footer-bottom;
-  --card-footer-margin: @card-footer-margin;
-  --card-line-height: @card-line-height;
-  --card-row-line-height: @card-row-line-height;
-  --card-floating-buttons-bottom: @card-floating-buttons-bottom;
-  --card-floating-buttons-right: @card-floating-buttons-right;
-  --card-floating-buttons-color: @card-floating-buttons-color;
-  --card-close-button-icon-size: @card-close-button-icon-size;
-  --card-close-button-size: @card-close-button-size;
-  --card-close-button-primary-color: @card-close-button-primary-color;
-}
-
-.var-card {
-  border-radius: var(--card-border-radius);
-  overflow: hidden;
-  width: 100%;
-
-  &__floater {
-    display: flex;
-    flex-direction: column;
-    position: static;
-    line-height: var(--card-line-height);
-    background: var(--card-background);
-    transition-timing-function: cubic-bezier(0.45, 0.19, 0.06, 0.89);
-  }
-
-  &__container {
-    padding: var(--card-padding);
-    flex-grow: 1;
-    min-width: 0;
-  }
-
-  &--layout-row &__floater {
-    min-height: var(--card-row-height);
-    height: 100%;
-    flex-direction: row;
-    position: relative;
-    line-height: var(--card-row-line-height);
-  }
-
-  &__image {
-    width: var(--card-image-width);
-    height: var(--card-image-height);
-    display: block;
-  }
-
-  &--layout-row &__image {
-    width: var(--card-row-image-width);
-    height: auto;
-    display: block;
-    flex-shrink: 0;
-  }
-
-  &__title {
-    font-size: var(--card-title-font-size);
-    padding: var(--card-title-padding);
-    margin: var(--card-title-margin);
-    color: var(--card-title-color);
-    word-break: break-word;
-  }
-
-  &--layout-row &__title {
-    max-width: 100%;
-    overflow: hidden;
-    margin: var(--card-title-row-margin);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &__subtitle {
-    font-size: var(--card-subtitle-font-size);
-    color: var(--card-subtitle-color);
-    padding: var(--card-subtitle-padding);
-    margin: var(--card-subtitle-margin);
-    word-break: break-word;
-  }
-
-  &--layout-row &__subtitle {
-    margin: var(--card-subtitle-row-margin);
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
-  }
-
-  &__description {
-    font-size: var(--card-description-font-size);
-    color: var(--card-description-color);
-    margin: var(--card-description-margin);
-    padding: var(--card-description-padding);
-    word-break: break-all;
-  }
-
-  &__footer {
-    display: flex;
-    justify-content: flex-end;
-    padding: var(--card-footer-padding);
-    margin: var(--card-footer-margin);
-  }
-
-  &--layout-row &__footer {
-    position: absolute;
-    padding: 0;
-    right: var(--card-footer-right);
-    bottom: var(--card-footer-bottom);
-  }
-
-  &__content {
-    overflow: hidden;
-    transition-timing-function: cubic-bezier(0.45, 0.19, 0.06, 0.89);
-  }
-
-  &__floating-buttons {
-    position: fixed;
-    bottom: var(--card-floating-buttons-bottom);
-    right: var(--card-floating-buttons-right);
-    color: var(--card-floating-buttons-color);
-  }
-
-  &__close-button[var-card-cover] {
-    padding: var(--card-close-button-padding);
-    width: var(--card-close-button-size);
-    height: var(--card-close-button-size);
-    background-color: var(--card-close-button-primary-color);
-  }
-
-  &__close-button-icon[var-card-cover] {
-    font-size: var(--card-close-button-icon-size);
-  }
-}

package/es/card/style/less.js

@@ -1,5 +0,0 @@
-import '../../styles/common.less'
-import '../../styles/elevation.less'
-import '../../ripple/ripple.less'
-import '../card.less'
-import '../CardSfc.less'

package/es/cell/cell.less

@@ -1,78 +0,0 @@
-@cell-color: var(--color-text);
-@cell-font-size: var(--font-size-md);
-@cell-desc-font-size: var(--font-size-sm);
-@cell-desc-color: rgba(0, 0, 0, 0.6);
-@cell-padding: 10px 12px;
-@cell-min-height: 40px;
-@cell-border-color: #bcc2cb;
-@cell-border-left: 12px;
-@cell-border-right: 12px;
-@cell-icon-right: 8px;
-@cell-extra-left: 8px;
-
-:root {
-  --cell-color: @cell-color;
-  --cell-font-size: @cell-font-size;
-  --cell-desc-font-size: @cell-desc-font-size;
-  --cell-desc-color: @cell-desc-color;
-  --cell-padding: @cell-padding;
-  --cell-min-height: @cell-min-height;
-  --cell-border-color: @cell-border-color;
-  --cell-border-left: @cell-border-left;
-  --cell-border-right: @cell-border-right;
-  --cell-icon-right: @cell-icon-right;
-  --cell-extra-left: @cell-extra-left;
-}
-
-.var-cell {
-  align-items: center;
-  display: flex;
-  min-height: var(--cell-min-height);
-  outline: none;
-  width: 100%;
-  padding: var(--cell-padding);
-  position: relative;
-  box-sizing: border-box;
-  font-size: var(--cell-font-size);
-  color: var(--cell-color);
-
-  &--border {
-    &::after {
-      position: absolute;
-      box-sizing: border-box;
-      content: ' ';
-      pointer-events: none;
-      right: var(--cell-border-right);
-      bottom: 0;
-      left: var(--cell-border-left);
-      border-bottom: 1px solid var(--cell-border-color);
-      transform: scaleY(0.5);
-    }
-  }
-
-  &__icon {
-    margin-right: var(--cell-icon-right);
-    flex: 0;
-  }
-
-  &__content {
-    flex: 1;
-    overflow: hidden;
-  }
-
-  &__title {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &__desc {
-    font-size: var(--cell-desc-font-size);
-    color: var(--cell-desc-color);
-  }
-
-  &__extra {
-    flex: 0;
-    margin-left: var(--cell-extra-left);
-  }
-}

package/es/cell/style/less.js

@@ -1,4 +0,0 @@
-import '../../styles/common.less'
-import '../../icon/icon.less'
-import '../cell.less'
-import '../CellSfc.less'

package/es/checkbox/checkbox.less

@@ -1,78 +0,0 @@
-@checkbox-checked-color: var(--color-primary);
-@checkbox-unchecked-color: #555;
-@checkbox-disabled-color: var(--color-text-disabled);
-@checkbox-error-color: var(--color-danger);
-@checkbox-action-padding: 6px;
-@checkbox-icon-size: 24px;
-
-:root {
-  --checkbox-checked-color: @checkbox-checked-color;
-  --checkbox-unchecked-color: @checkbox-unchecked-color;
-  --checkbox-disabled-color: @checkbox-disabled-color;
-  --checkbox-error-color: @checkbox-error-color;
-  --checkbox-action-padding: @checkbox-action-padding;
-  --checkbox-icon-size: @checkbox-icon-size;
-}
-
-@keyframes var-vibrate-animation {
-  0% {
-    opacity: 1;
-    transform: scale(1);
-  }
-
-  50% {
-    opacity: 0.8;
-    transform: scale(0.8);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.var-checkbox {
-  display: flex;
-  align-items: center;
-  transform: translateX(calc(-1 * var(--checkbox-action-padding)));
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-  &__wrap {
-    display: inline-flex;
-    flex-direction: column;
-  }
-
-  &__action {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: var(--checkbox-action-padding);
-    border-radius: 50%;
-  }
-
-  &__icon[var-checkbox-cover] {
-    display: block;
-    font-size: var(--checkbox-icon-size);
-  }
-
-  &--with-animation {
-    animation: var-vibrate-animation 0.25s;
-  }
-
-  &--checked {
-    color: var(--checkbox-checked-color);
-  }
-
-  &--unchecked {
-    color: var(--checkbox-unchecked-color);
-  }
-
-  &--disabled {
-    color: var(--checkbox-disabled-color);
-  }
-
-  &--error {
-    color: var(--checkbox-error-color);
-  }
-}

package/es/checkbox/style/less.js

@@ -1,6 +0,0 @@
-import '../../styles/common.less'
-import '../../ripple/ripple.less'
-import '../../form-details/formDetails.less'
-import '../../icon/icon.less'
-import '../checkbox.less'
-import '../CheckboxSfc.less'

package/es/checkbox-group/checkboxGroup.less

@@ -1,12 +0,0 @@
-.var-checkbox-group {
-  display: flex;
-  flex-wrap: wrap;
-
-  &--horizontal {
-    flex-direction: row;
-  }
-
-  &--vertical {
-    flex-direction: column;
-  }
-}

package/es/checkbox-group/style/less.js

@@ -1,4 +0,0 @@
-import '../../styles/common.less'
-import '../../form-details/formDetails.less'
-import '../checkboxGroup.less'
-import '../CheckboxGroupSfc.less'

package/es/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/es/chip/style/less.js

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

package/es/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/es/col/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../col.less'
-import '../ColSfc.less'

package/es/collapse/CollapseSfc.less

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

package/es/collapse/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../../styles/elevation.less'
-import '../CollapseSfc.less'