zartui 1.0.2 → 2.0.2

package/es/popup/index.less

@@ -13,6 +13,29 @@
     transition: @popup-transition;
     -webkit-overflow-scrolling: touch;
 
+    &__slider {
+      position: fixed;
+      width: 100%;
+      bottom: 0;
+      border-radius: 16px 16px 0 0;
+      background-color: #fff;
+
+      &-title {
+        height: 40px;
+        text-align: center;
+      }
+      &-bar {
+        display: inline-block;
+        width: 32px;
+        height: 4px;
+        transform: scaleY(-1);
+        background: rgba(45,75,115,0.20);
+        border-radius: 3px;
+      }
+      &-content {
+        overflow-y: auto;
+      }
+    }
     &--center {
       top: 50%;
       left: 50%;
@@ -101,7 +124,13 @@
     &-slide-left-leave-active {
       transform: translate3d(-100%, -50%, 0);
     }
+    &__slider-icon{
+      z-index: @popup-close-icon-z-index;
+      color: @popup-close-icon-color;
+      font-size: @popup-close-icon-size;
+      cursor: pointer;
 
+    }
     &__close-icon {
       position: absolute;
       z-index: @popup-close-icon-z-index;
@@ -114,12 +143,12 @@
       }
 
       &--top-left {
-        top: @popup-close-icon-margin;
+        top: @popup-close-icon-z-margin-top;
         left: @popup-close-icon-margin;
       }
 
       &--top-right {
-        top: @popup-close-icon-margin;
+        top: @popup-close-icon-z-margin-top;
         right: @popup-close-icon-margin;
       }
 

package/es/radio/index.css

@@ -1 +1 @@
-.zt-radio{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 0}.zt-radio__custom-svg{width:24px;height:24px;border-radius:50%}.zt-radio__icon--disabled .zt-radio__custom-svg{opacity:.2}.zt-radio--disabled{cursor:not-allowed}.zt-radio--label-disabled{cursor:default}.zt-radio--horizontal{margin-left:12px}.zt-radio__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:24px;line-height:1em;cursor:pointer}.zt-radio__icon i,.zt-radio__icon img{-webkit-transform:scale(.8333);transform:scale(.8333);-webkit-transform-origin:center;transform-origin:center}.zt-radio__icon img{width:1em;height:1em}.zt-radio__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:1em;line-height:1.25;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-radio__icon--round .zt-icon{border-radius:100%}.zt-radio__icon--checked .zt-icon{color:#fff;background-color:#0091fa;border-color:#0091fa}.zt-radio__icon--disabled{cursor:not-allowed}.zt-radio__icon--disabled .zt-icon{background-color:rgba(0,0,0,.1);border-color:#c8c9cc}.zt-radio__icon--disabled.zt-radio__icon--checked .zt-icon{color:#c8c9cc}.zt-radio__label{margin-left:8px;color:#000;line-height:24px}.zt-radio__label--left{margin:0 8px 0 0}.zt-radio__label--disabled{color:#c8c9cc}
+.zt-radio{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 0}.zt-radio--disabled{cursor:not-allowed}.zt-radio--label-disabled{cursor:default}.zt-radio--horizontal{margin-left:12px}.zt-radio__icon{font-size:20px;cursor:pointer}.zt-radio__icon .zt-icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;font-size:inherit;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt-radio__icon--round .zt-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:100%}.zt-radio__icon--checked .zt-icon{color:#fff;background-color:#0091fa;border:1px solid rgba(255,255,255,.5);box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2)}.zt-radio__icon--disabled{cursor:not-allowed}.zt-radio__icon--disabled .zt-icon{background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%);border:1px solid rgba(45,75,115,.08);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2)}.zt-radio__icon--disabled.zt-radio__icon--checked .zt-icon{opacity:.4;background:#0091fa;color:#fff}.zt-radio__label{margin-left:8px;color:#000;line-height:20px}.zt-radio__label--left{margin:0 8px 0 0}.zt-radio__label--disabled{color:#c8c9cc}.zt-radio__disable-icon .zt-radio__icon--round:not(.zt-radio__icon--disabled,.zt-radio__icon--checked){width:1em;height:1em;box-sizing:border-box;border-radius:100%;background-image:-webkit-linear-gradient(315deg,#e6ebf0 0,#fff 100%);background-image:linear-gradient(135deg,#e6ebf0 0,#fff 100%);border:1px solid rgba(45,75,115,.13);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2)}

package/es/radio/index.less

@@ -2,21 +2,11 @@
 
 .zt-radio {
   display: flex;
-  align-items: center;
   overflow: hidden;
   cursor: pointer;
   user-select: none;
   padding: @radio-padding;
 
-  &__custom-svg {
-    width: @radio-size;
-    height: @radio-size;
-    border-radius: 50%;
-  }
-  &__icon--disabled &__custom-svg {
-    opacity: .2;
-  }
-
   &--disabled {
     cursor: not-allowed;
   }
@@ -30,19 +20,8 @@
   }
 
   &__icon {
-    flex: none;
-    height: 1em;
     font-size: @radio-size;
-    line-height: 1em;
     cursor: pointer;
-    i, img {
-      transform: scale(0.8333);
-      transform-origin: center;
-    }
-    img {
-      width: 1em;
-      height: 1em;
-    }
 
     .zt-icon {
       display: block;
@@ -50,16 +29,16 @@
       width: 1em;
       height: 1em;
       color: transparent;
-      font-size: 1em;
-      line-height: 1.25;
-      text-align: center;
-      border: 1px solid @radio-border-color;
+      font-size: inherit;
       transition-duration: @radio-transition-duration;
       transition-property: color, border-color, background-color;
     }
 
     &--round {
       .zt-icon {
+        display: flex;
+        justify-content: center;
+        align-items: center;
         border-radius: 100%;
       }
     }
@@ -68,7 +47,8 @@
       .zt-icon {
         color: @white;
         background-color: @radio-checked-icon-color;
-        border-color: @radio-checked-icon-color;
+        border: 1px solid @checkbox-disabled-border-color;
+        box-shadow: inset 1px 1px 2px 0 @gray-a2;
       }
     }
 
@@ -76,14 +56,17 @@
       cursor: not-allowed;
 
       .zt-icon {
-        background-color: @radio-disabled-background-color;
-        border-color: @radio-disabled-icon-color;
+        background-image: @radio-disabled-background-color;
+        border: 1px solid @radio-disabled-border-color;
+        box-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45,75,115,0.20);
       }
     }
 
     &--disabled&--checked {
       .zt-icon {
-        color: @radio-disabled-icon-color;
+        opacity: .4;
+        background: @checkbox-checked-icon-color;
+        color: @white;
       }
     }
   }
@@ -102,3 +85,15 @@
     }
   }
 }
+
+.zt-radio__disable-icon {
+  .zt-radio__icon--round:not(.zt-radio__icon--disabled,.zt-radio__icon--checked){
+    width: 1em;
+    height: 1em;
+    box-sizing: border-box;
+    border-radius: 100%;
+    background-image: @gradient-white-1;
+    border: 1px solid @radio-border-color;
+    box-shadow: -1px -1px 2px 0 #FFF, 0 0 3px 0 rgba(45,75,115,0.20);
+  }
+}

package/es/radio-group/index.js

@@ -13,6 +13,7 @@ export default createComponent({
     disabled: Boolean,
     direction: String,
     checkedColor: String,
+    boxShadow: String,
     iconSize: [Number, String]
   },
   watch: {

package/es/search/index.css

@@ -1 +1 @@
-.zt-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:8px 16px;background-color:#fff}.zt-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:rgba(0,0,0,.04);border:0 solid rgba(0,0,0,.06);border-radius:2px}.zt-search__content--round{border-radius:999px}.zt-search__label{padding:4px 0 4px 8px;color:rgba(0,0,0,.6);font-family:PingFangSC-Semibold;font-weight:400;font-size:14px;line-height:20px}.zt-search .zt-field__root{background-color:transparent;padding:0}.zt-search .zt-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:4px 8px;background-color:transparent;line-height:20px;font-size:14px;font-family:PingFangSC-Regular;font-weight:400}.zt-search .zt-cell__left-icon{color:#969799}.zt-search .zt-field{margin:0}.zt-search .zt-field__control{color:#000}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:#0091fa}.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search__action{padding:0 16px;color:#0091fa;font-size:16px;font-family:PingFangSC-Semibold;height:28px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}
+.zt-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:8px 16px;background-color:#f5faff}.zt-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:rgba(45,75,115,.04);border:1px solid transparent;border-radius:2px;box-shadow:inset 4px 4px 8px 0 rgba(45,75,115,.1);background-clip:padding-box;position:relative}.zt-search__content::before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;margin:-1px;border-radius:inherit;background:-webkit-linear-gradient(#fff,rgba(255,255,255,.4));background:linear-gradient(#fff,rgba(255,255,255,.4))}.zt-search__content--round{border-radius:999px}.zt-search__label{padding:8px 0 8px 12px;color:rgba(0,0,0,.6);font-family:PingFangSC-Semibold;font-weight:400;font-size:14px;line-height:20px}.zt-search .zt-field__root{background-color:transparent;padding:0}.zt-search .zt-field__label{margin-right:0}.zt-search .zt-cell__title.zt-field__label{-webkit-box-flex:unset;-webkit-flex:unset;flex:unset}.zt-search .zt-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:8px 12px;background:0 0;line-height:20px;font-size:14px;font-family:PingFangSC-Regular;font-weight:400}.zt-search .zt-cell__left-icon{color:#969799}.zt-search .zt-field{margin:0}.zt-search .zt-field__control{color:#000}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:#0091fa}.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search input::-webkit-input-placeholder{color:rgba(45,75,115,.2)}.zt-search input::placeholder{color:rgba(45,75,115,.2)}.zt-search__action{padding:0 16px 0 12px;color:#0091fa;font-size:16px;font-family:PingFangSC-Semibold;height:28px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}

package/es/search/index.js

@@ -103,7 +103,7 @@ Search.props = {
   clearTrigger: String,
   shape: {
     type: String,
-    default: 'square'
+    default: 'round'
   },
   clearable: {
     type: Boolean,

package/es/search/index.less

@@ -11,8 +11,24 @@
     display: flex;
     flex: 1;
     background-color: @search-content-background-color;
-    border: 0 solid rgba(0,0,0,0.06);
+    border: 1px solid transparent;
     border-radius: @border-radius-sm;
+    box-shadow: @search-content-box-shadow;
+    background-clip: padding-box;
+    position: relative;
+
+    &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        bottom: 0;
+        z-index: -1;
+        margin: -1px;
+        border-radius: inherit; 
+        background: @search-content-border-color;
+    }
 
     &--round {
       border-radius: @border-radius-max;
@@ -33,10 +49,18 @@
     padding: 0;
   }
 
+  .zt-field__label {
+    margin-right: 0;
+  }
+
+  .zt-cell__title.zt-field__label {
+    flex: unset;
+  }
+
   .zt-cell {
     flex: 1;
-    padding: 4px @padding-xs;
-    background-color: transparent;
+    padding: @search-cell-padding;
+    background: transparent;
     line-height: @search-input-height;
     font-size: @font-size-md;
     font-family: PingFangSC-Regular;
@@ -66,6 +90,10 @@
       display: none;
     }
 
+    &::placeholder {
+        color: @text-color-5;
+    }
+
     caret-color:@search-input-caret-color;
   }
 

package/es/signature/index.js

@@ -26,7 +26,7 @@ export default createComponent({
     },
     backgroundStyle: {
       type: String,
-      default: '#f5f5f5'
+      default: '#FFFFFF'
     },
     imageType: {
       type: String,
@@ -255,23 +255,24 @@ export default createComponent({
       "class": bem('actions')
     }, [h(Button, {
       "attrs": {
-        "plain": true,
-        "type": "warning"
+        "border-color": "#FF8700",
+        "color": "#FF8700",
+        "background-color": "#fff"
       },
       "on": {
         "click": this.clear
       }
     }, [t('reSign')]), h(Button, {
       "attrs": {
-        "plain": true,
-        "type": "default"
+        "border-color": "rgba(45,75,115,0.20)",
+        "color": "#2D4B73",
+        "background-color": "#fff"
       },
       "on": {
         "click": this.cancel
       }
     }, [t('cancel')]), h(Button, {
       "attrs": {
-        "block": true,
         "type": "primary",
         "disabled": this.isCompleteButtonDisabled
       },

package/es/signature/index.less

@@ -37,7 +37,7 @@
   &__actions {
     z-index: @signature-actions-z-index;
     position: absolute;
-    right: 0px;
+    right: 0;
     bottom: 16px;
     width: 320px;
     float: right;

package/es/step/index.css

@@ -1 +1 @@
-.zt-step{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-step__circle{display:block;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center}.zt-step__line{position:absolute;background-color:rgba(0,0,0,.1);-webkit-transition:background-color .3s;transition:background-color .3s}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:14px;width:100%;text-align:center}@media (max-width:321px){.zt-step--horizontal .zt-step__title{font-size:13px}}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 10px + 4px);width:calc(100% - 20px - 8px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:12px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:18px}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:0;z-index:1;font-size:12px;line-height:1;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:12px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{-webkit-transition:color .3s;transition:color .3s}
+.zt-step{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zt-step__circle{display:block;width:20px;height:20px;line-height:20px;border-radius:50%;text-align:center;font-size:14px}.zt-step__line{position:absolute;background-color:rgba(0,0,0,.1);-webkit-transition:background-color .3s;transition:background-color .3s}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:14px;width:100%;text-align:center;color:#2d4b73}@media (max-width:321px){.zt-step--horizontal .zt-step__title{font-size:13px}}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 10px + 4px);width:calc(100% - 20px - 8px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:14px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:18px}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:0;z-index:1;font-size:14px;line-height:1;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:14px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{-webkit-transition:color .3s;transition:color .3s}

package/es/step/index.js

@@ -22,14 +22,12 @@ export default createComponent({
       if (this.active) {
         return {
           background: "" + (this.parent.activeBgColor || 'rgba(0,145,250,0.20)'),
-          border: "1px solid " + (this.parent.activeBorderColor || '#0091FA'),
           'font-weight': 'bold',
           color: "" + (this.parent.activeColor || '#0091FA')
         };
       } else {
         return {
-          background: "" + (this.parent.inactiveBgColor || 'rgba(0,0,0,0.20)'),
-          border: "1px solid " + (this.parent.inactiveBorderColor || 'rgba(0,0,0,0)'),
+          background: "" + (this.parent.inactiveBgColor || 'rgba(45,75,115,0.20)'),
           'font-weight': 'normal',
           color: "" + (this.parent.inactiveColor || '#FFFFFF')
         };
@@ -38,11 +36,11 @@ export default createComponent({
     titleStyle: function titleStyle() {
       if (this.active) {
         return {
-          color: this.parent.titleActiveColor || 'rgba(0,0,0,1)'
+          color: this.parent.titleActiveColor || 'rgba(45, 75, 115, 1)'
         };
       } else {
         return {
-          color: this.parent.titleInactiveColor || 'rgba(0,0,0,0.4)'
+          color: this.parent.titleInactiveColor || 'rgba(45, 75, 115, 0.6)'
         };
       }
     }

package/es/step/index.less

@@ -11,6 +11,7 @@
     line-height: @step-circle-size;
     border-radius: 50%;
     text-align: center;
+    font-size: @step-icon-size;
   }
 
   &__line {
@@ -37,6 +38,7 @@
       font-size: @step-horizontal-title-font-size;
       width: 100%;
       text-align: center;
+      color: #2D4B73;
       @media (max-width: 321px) {
         font-size: @step-horizontal-title-font-size - 1px;
       }
@@ -67,7 +69,7 @@
     .zt-step__circle-container {
       position: absolute;
       top: 20px;
-      left: 0px;
+      left: 0;
       z-index: 1;
       font-size: @step-icon-size;
       line-height: 1;

package/es/stepper/index.css

@@ -1 +1 @@
-.zt-stepper{font-size:0;-webkit-user-select:none;user-select:none}.zt-stepper__minus__box,.zt-stepper__plus__box{width:16px;height:16px;margin-left:6px}.zt-stepper__minus__box::before,.zt-stepper__plus__box::before{width:40%;height:1px}.zt-stepper__minus__box::after,.zt-stepper__plus__box::after{width:1px;height:40%}.zt-stepper__minus__box::after,.zt-stepper__minus__box::before,.zt-stepper__plus__box::after,.zt-stepper__plus__box::before{position:absolute;top:50%;left:50%;background-color:currentColor;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:''}.zt-stepper__minus,.zt-stepper__plus{position:relative;box-sizing:border-box;width:30px;height:30px;margin:0;padding:0;color:#000;vertical-align:middle;background-color:#fff;border:1px solid rgba(0,0,0,.4);cursor:pointer;margin-right:12px;border-radius:2px}.zt-stepper__minus:active,.zt-stepper__plus:active{background-color:rgba(0,0,0,.1)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.2);cursor:not-allowed}.zt-stepper__minus--disabled:active,.zt-stepper__plus--disabled:active{background-color:#f5f5fa}.zt-stepper__minus__box::after{display:none}.zt-stepper__minus{margin-right:12px}.zt-stepper__input{box-sizing:border-box;width:60px;height:30px;border:1px solid rgba(0,0,0,.4);padding:0;color:#000;font-weight:700;font-size:14px;line-height:normal;text-align:center;vertical-align:middle;background-color:#fff;border-radius:2px;-webkit-appearance:none;margin-right:12px;caret-color:#0e97fa}.zt-stepper__input:disabled{color:#c8c9cc;background-color:rgba(0,0,0,.04);-webkit-text-fill-color:#c8c9cc;opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__minus,.zt-stepper--round .zt-stepper__plus{border-radius:100%}.zt-stepper--round .zt-stepper__minus:active,.zt-stepper--round .zt-stepper__plus:active{opacity:.7}.zt-stepper--round .zt-stepper__minus--disabled,.zt-stepper--round .zt-stepper__minus--disabled:active,.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__plus--disabled:active{opacity:.3}
+.zt-stepper{font-size:0;-webkit-user-select:none;user-select:none}.zt-stepper__minus__box,.zt-stepper__plus__box{width:16px;height:16px;margin-left:6px}.zt-stepper__minus__box::before,.zt-stepper__plus__box::before{width:40%;height:1px}.zt-stepper__minus__box::after,.zt-stepper__plus__box::after{width:1px;height:40%}.zt-stepper__minus__box::after,.zt-stepper__minus__box::before,.zt-stepper__plus__box::after,.zt-stepper__plus__box::before{position:absolute;top:50%;left:50%;background-color:currentColor;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:''}.zt-stepper__minus,.zt-stepper__plus{position:relative;box-sizing:border-box;width:30px;height:30px;margin:0;padding:0;color:#000;vertical-align:middle;background-color:#fff;border:1px solid rgba(0,0,0,.4);cursor:pointer;margin-right:12px;border-radius:2px}.zt-stepper__minus:active,.zt-stepper__plus:active{background-color:rgba(0,0,0,.1)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.2);cursor:not-allowed}.zt-stepper__minus--disabled:active,.zt-stepper__plus--disabled:active{background-color:#f5faff}.zt-stepper__minus__box::after{display:none}.zt-stepper__minus{margin-right:12px}.zt-stepper__input{box-sizing:border-box;width:60px;height:30px;border:1px solid rgba(0,0,0,.4);padding:0;color:#000;font-weight:700;font-size:14px;line-height:normal;text-align:center;vertical-align:middle;background-color:#fff;border-radius:2px;-webkit-appearance:none;margin-right:12px;caret-color:#0e97fa}.zt-stepper__input:disabled{color:#c8c9cc;background-color:rgba(0,0,0,.04);-webkit-text-fill-color:#c8c9cc;opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__minus,.zt-stepper--round .zt-stepper__plus{border-radius:100%}.zt-stepper--round .zt-stepper__minus:active,.zt-stepper--round .zt-stepper__plus:active{opacity:.7}.zt-stepper--round .zt-stepper__minus--disabled,.zt-stepper--round .zt-stepper__minus--disabled:active,.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__plus--disabled:active{opacity:.3}

package/es/steps/index.css

@@ -1 +1 @@
-.zt-steps{overflow:hidden;background-color:#fff;margin:12px;border:0 solid rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);border-radius:4px}.zt-steps--horizontal{padding:8px 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:-webkit-box;display:-webkit-flex;display:flex}.zt-steps--vertical{padding:0 0 0 36px}
+.zt-steps{overflow:hidden;background-color:#fff;margin:16px;border:0 solid rgba(0,0,0,.1);box-shadow:0 8px 16px 0 rgba(45,75,115,.1);border-radius:8px}.zt-steps--horizontal{padding:8px 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:-webkit-box;display:-webkit-flex;display:flex}.zt-steps--vertical{padding:0 0 0 36px}

package/es/steps/index.less

@@ -3,10 +3,10 @@
 .zt-steps {
   overflow: hidden;
   background-color: @steps-background-color;
-  margin: 12px;
+  margin: 16px;
   border: 0 solid rgba(0,0,0,0.10);
-  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.10);
-  border-radius: 4px;
+  box-shadow: 0 8px 16px 0 rgba(45,75,115,0.10);
+  border-radius: 8px;
 
   &--horizontal {
     padding: 8px 0;

package/es/style/reset.css

@@ -1 +1 @@
-a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;font:inherit;font-size:100%;vertical-align:baseline;border:0}html{line-height:1;-webkit-tap-highlight-color:transparent}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}*{box-sizing:content-box}body{color:rgba(0,0,0,.6);background-color:#f5f5fa}a{text-decoration:none;background:0 0}button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{margin:0;font-family:inherit;-webkit-appearance:none}
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;font:inherit;font-size:100%;vertical-align:baseline;border:0}html{line-height:1;-webkit-tap-highlight-color:transparent}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}*{box-sizing:content-box}body{color:rgba(0,0,0,.6);background-color:#f5faff}a{text-decoration:none;background:0 0}button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{margin:0;font-family:inherit;-webkit-appearance:none}