zartui 0.1.21 → 0.1.25

package/lib/swipe/index.less

@@ -1,56 +1,56 @@
-@import '../style/var';
-
-.zt-swipe {
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-  user-select: none;
-
-  &__track {
-    display: flex;
-    height: 100%;
-
-    &--vertical {
-      flex-direction: column;
-    }
-  }
-
-  &__indicators {
-    position: absolute;
-    bottom: @swipe-indicator-margin;
-    left: 50%;
-    display: flex;
-    transform: translateX(-50%);
-
-    &--vertical {
-      top: 50%;
-      bottom: auto;
-      left: @swipe-indicator-margin;
-      flex-direction: column;
-      transform: translateY(-50%);
-
-      .zt-swipe__indicator:not(:last-child) {
-        margin-bottom: @swipe-indicator-size;
-      }
-    }
-  }
-
-  &__indicator {
-    width: @swipe-indicator-size;
-    height: @swipe-indicator-size;
-    background-color: @swipe-indicator-inactive-background-color;
-    border-radius: 100%;
-    opacity: @swipe-indicator-inactive-opacity;
-    transition: opacity @animation-duration-fast,
-      background-color @animation-duration-fast;
-
-    &:not(:last-child) {
-      margin-right: @swipe-indicator-size;
-    }
-
-    &--active {
-      background-color: @swipe-indicator-active-background-color;
-      opacity: @swipe-indicator-active-opacity;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-swipe {
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+  user-select: none;
+
+  &__track {
+    display: flex;
+    height: 100%;
+
+    &--vertical {
+      flex-direction: column;
+    }
+  }
+
+  &__indicators {
+    position: absolute;
+    bottom: @swipe-indicator-margin;
+    left: 50%;
+    display: flex;
+    transform: translateX(-50%);
+
+    &--vertical {
+      top: 50%;
+      bottom: auto;
+      left: @swipe-indicator-margin;
+      flex-direction: column;
+      transform: translateY(-50%);
+
+      .zt-swipe__indicator:not(:last-child) {
+        margin-bottom: @swipe-indicator-size;
+      }
+    }
+  }
+
+  &__indicator {
+    width: @swipe-indicator-size;
+    height: @swipe-indicator-size;
+    background-color: @swipe-indicator-inactive-background-color;
+    border-radius: 100%;
+    opacity: @swipe-indicator-inactive-opacity;
+    transition: opacity @animation-duration-fast,
+      background-color @animation-duration-fast;
+
+    &:not(:last-child) {
+      margin-right: @swipe-indicator-size;
+    }
+
+    &--active {
+      background-color: @swipe-indicator-active-background-color;
+      opacity: @swipe-indicator-active-opacity;
+    }
+  }
+}

package/lib/swipe-cell/index.less

@@ -1,29 +1,29 @@
-@import '../style/var';
-
-.zt-swipe-cell {
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-
-  &__wrapper {
-    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
-    transition-property: transform;
-  }
-
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    height: 100%;
-  }
-
-  &__left {
-    left: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  &__right {
-    right: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-}
+@import '../style/var';
+
+.zt-swipe-cell {
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+
+  &__wrapper {
+    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
+    transition-property: transform;
+  }
+
+  &__left,
+  &__right {
+    position: absolute;
+    top: 0;
+    height: 100%;
+  }
+
+  &__left {
+    left: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  &__right {
+    right: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}

package/lib/swipe-item/index.less

@@ -1,8 +1,8 @@
-@import '../style/var';
-
-.zt-swipe-item {
-  position: relative;
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-}
+@import '../style/var';
+
+.zt-swipe-item {
+  position: relative;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+}

package/lib/switch/index.less

@@ -1,56 +1,56 @@
-@import '../style/var';
-
-.zt-switch {
-  position: relative;
-  display: inline-block;
-  box-sizing: content-box;
-  width: @switch-width;
-  height: @switch-height;
-  font-size: @switch-size;
-  background-color: @switch-background-color;
-  border-radius: @switch-border-radius;
-  cursor: pointer;
-  transition: background-color @switch-transition-duration;
-
-  &__node {
-    position: absolute;
-    top: @switch-gap;
-    left: @switch-gap;
-    width: @switch-node-size;
-    height: @switch-node-size;
-    background-color: @switch-node-background-color;
-    border-radius: 100%;
-    box-shadow: @switch-node-box-shadow;
-    transition: transform @switch-transition-duration
-      cubic-bezier(0.3, 1.05, 0.4, 1.05);
-  }
-
-  &__loading {
-    top: 25%;
-    left: 25%;
-    width: 50%;
-    height: 50%;
-    line-height: 1;
-  }
-
-  &--on {
-    background-color: @switch-on-background-color;
-
-    .zt-switch__node {
-      transform: translateX(@switch-width - @switch-node-size - 2*@switch-gap);
-    }
-
-    .zt-switch__loading {
-      color: @switch-on-background-color;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: @switch-disabled-opacity;
-  }
-
-  &--loading {
-    cursor: default;
-  }
-}
+@import '../style/var';
+
+.zt-switch {
+  position: relative;
+  display: inline-block;
+  box-sizing: content-box;
+  width: @switch-width;
+  height: @switch-height;
+  font-size: @switch-size;
+  background-color: @switch-background-color;
+  border-radius: @switch-border-radius;
+  cursor: pointer;
+  transition: background-color @switch-transition-duration;
+
+  &__node {
+    position: absolute;
+    top: @switch-gap;
+    left: @switch-gap;
+    width: @switch-node-size;
+    height: @switch-node-size;
+    background-color: @switch-node-background-color;
+    border-radius: 100%;
+    box-shadow: @switch-node-box-shadow;
+    transition: transform @switch-transition-duration
+      cubic-bezier(0.3, 1.05, 0.4, 1.05);
+  }
+
+  &__loading {
+    top: 25%;
+    left: 25%;
+    width: 50%;
+    height: 50%;
+    line-height: 1;
+  }
+
+  &--on {
+    background-color: @switch-on-background-color;
+
+    .zt-switch__node {
+      transform: translateX(@switch-width - @switch-node-size - 2*@switch-gap);
+    }
+
+    .zt-switch__loading {
+      color: @switch-on-background-color;
+    }
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+    opacity: @switch-disabled-opacity;
+  }
+
+  &--loading {
+    cursor: default;
+  }
+}

package/lib/switch/shared.js

@@ -3,8 +3,8 @@
 exports.__esModule = true;
 exports.switchProps = void 0;
 
-/**
- * Common Switch Props
+/**
+ * Common Switch Props
  */
 var switchProps = {
   size: [Number, String],

package/lib/switch-cell/index.less

@@ -1,15 +1,15 @@
-@import '../style/var';
-
-.zt-switch-cell {
-  padding-top: @switch-cell-padding-top;
-  padding-bottom: @switch-cell-padding-bottom;
-
-  &--large {
-    padding-top: @switch-cell-large-padding-top;
-    padding-bottom: @switch-cell-large-padding-bottom;
-  }
-
-  .zt-switch {
-    float: right;
-  }
-}
+@import '../style/var';
+
+.zt-switch-cell {
+  padding-top: @switch-cell-padding-top;
+  padding-bottom: @switch-cell-padding-bottom;
+
+  &--large {
+    padding-top: @switch-cell-large-padding-top;
+    padding-bottom: @switch-cell-large-padding-bottom;
+  }
+
+  .zt-switch {
+    float: right;
+  }
+}

package/lib/tab/index.less

@@ -1,17 +1,17 @@
-@import '../style/var';
-
-.zt-tab {
-  &__pane {
-    &,
-    &-wrapper {
-      flex-shrink: 0;
-      box-sizing: border-box;
-      width: 100%;
-    }
-
-    &-wrapper--inactive {
-      height: 0;
-      overflow: visible;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-tab {
+  &__pane {
+    &,
+    &-wrapper {
+      flex-shrink: 0;
+      box-sizing: border-box;
+      width: 100%;
+    }
+
+    &-wrapper--inactive {
+      height: 0;
+      overflow: visible;
+    }
+  }
+}

package/lib/tabs/index.less

@@ -1,153 +1,153 @@
-@import '../style/var';
-
-.zt-tab {
-  position: relative;
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  padding: 0 @padding-base;
-  color: @tab-text-color;
-  font-size: @tab-font-size;
-  line-height: @tab-line-height;
-  cursor: pointer;
-
-  &--active {
-    color: @tab-active-text-color;
-    font-weight: @font-weight-bold;
-  }
-
-  &--disabled {
-    color: @tab-disabled-text-color;
-    cursor: not-allowed;
-  }
-
-  &__text {
-    &--ellipsis {
-      display: -webkit-box;
-      overflow: hidden;
-      -webkit-line-clamp: 1;
-      -webkit-box-orient: vertical;
-    }
-  }
-
-  &__text-wrapper {
-    position: relative;
-  }
-}
-
-.zt-tabs {
-  position: relative;
-
-  &__wrap {
-    overflow: hidden;
-
-    &--page-top {
-      position: fixed;
-    }
-
-    &--content-bottom {
-      top: auto;
-      bottom: 0;
-    }
-
-    &--scrollable {
-      .zt-tab {
-        flex: 1 0 auto;
-        padding: 0 @padding-sm;
-      }
-
-      .zt-tabs__nav {
-        overflow-x: auto;
-        overflow-y: hidden;
-        -webkit-overflow-scrolling: touch;
-
-        &::-webkit-scrollbar {
-          display: none;
-        }
-      }
-    }
-  }
-
-  &__nav {
-    position: relative;
-    display: flex;
-    background-color: @tabs-nav-background-color;
-    user-select: none;
-
-    &--line {
-      box-sizing: content-box;
-      height: 100%;
-      padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
-    }
-
-    &--line&--complete {
-      padding-right: @padding-xs;
-      padding-left: @padding-xs;
-    }
-
-    &--card {
-      box-sizing: border-box;
-      height: @tabs-card-height;
-      margin: 0 @padding-md;
-      border: @border-width-base solid @tabs-default-color;
-      border-radius: @border-radius-sm;
-
-      .zt-tab {
-        color: @tabs-default-color;
-        border-right: @border-width-base solid @tabs-default-color;
-
-        &:last-child {
-          border-right: none;
-        }
-
-        &.zt-tab--active {
-          color: @white;
-          background-color: @tabs-default-color;
-        }
-
-        &--disabled {
-          color: @tab-disabled-text-color;
-        }
-      }
-    }
-  }
-
-  &__line {
-    position: absolute;
-    bottom: 15px;
-    left: 0;
-    z-index: 1;
-    width: @tabs-bottom-bar-width;
-    height: @tabs-bottom-bar-height;
-    background-color: @tabs-bottom-bar-color;
-    border-radius: @tabs-bottom-bar-height;
-  }
-
-  &__track {
-    position: relative;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    will-change: left;
-  }
-
-  &__content {
-    &--animated {
-      overflow: hidden;
-    }
-  }
-
-  &--line {
-    .zt-tabs__wrap {
-      height: @tabs-line-height;
-    }
-  }
-
-  &--card {
-    > .zt-tabs__wrap {
-      height: @tabs-card-height;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-tab {
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 0 @padding-base;
+  color: @tab-text-color;
+  font-size: @tab-font-size;
+  line-height: @tab-line-height;
+  cursor: pointer;
+
+  &--active {
+    color: @tab-active-text-color;
+    font-weight: @font-weight-bold;
+  }
+
+  &--disabled {
+    color: @tab-disabled-text-color;
+    cursor: not-allowed;
+  }
+
+  &__text {
+    &--ellipsis {
+      display: -webkit-box;
+      overflow: hidden;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+    }
+  }
+
+  &__text-wrapper {
+    position: relative;
+  }
+}
+
+.zt-tabs {
+  position: relative;
+
+  &__wrap {
+    overflow: hidden;
+
+    &--page-top {
+      position: fixed;
+    }
+
+    &--content-bottom {
+      top: auto;
+      bottom: 0;
+    }
+
+    &--scrollable {
+      .zt-tab {
+        flex: 1 0 auto;
+        padding: 0 @padding-sm;
+      }
+
+      .zt-tabs__nav {
+        overflow-x: auto;
+        overflow-y: hidden;
+        -webkit-overflow-scrolling: touch;
+
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
+    }
+  }
+
+  &__nav {
+    position: relative;
+    display: flex;
+    background-color: @tabs-nav-background-color;
+    user-select: none;
+
+    &--line {
+      box-sizing: content-box;
+      height: 100%;
+      padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
+    }
+
+    &--line&--complete {
+      padding-right: @padding-xs;
+      padding-left: @padding-xs;
+    }
+
+    &--card {
+      box-sizing: border-box;
+      height: @tabs-card-height;
+      margin: 0 @padding-md;
+      border: @border-width-base solid @tabs-default-color;
+      border-radius: @border-radius-sm;
+
+      .zt-tab {
+        color: @tabs-default-color;
+        border-right: @border-width-base solid @tabs-default-color;
+
+        &:last-child {
+          border-right: none;
+        }
+
+        &.zt-tab--active {
+          color: @white;
+          background-color: @tabs-default-color;
+        }
+
+        &--disabled {
+          color: @tab-disabled-text-color;
+        }
+      }
+    }
+  }
+
+  &__line {
+    position: absolute;
+    bottom: 15px;
+    left: 0;
+    z-index: 1;
+    width: @tabs-bottom-bar-width;
+    height: @tabs-bottom-bar-height;
+    background-color: @tabs-bottom-bar-color;
+    border-radius: @tabs-bottom-bar-height;
+  }
+
+  &__track {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    will-change: left;
+  }
+
+  &__content {
+    &--animated {
+      overflow: hidden;
+    }
+  }
+
+  &--line {
+    .zt-tabs__wrap {
+      height: @tabs-line-height;
+    }
+  }
+
+  &--card {
+    > .zt-tabs__wrap {
+      height: @tabs-card-height;
+    }
+  }
+}