@julingbase/jly-arco-design 0.0.1 → 0.0.3

package/lib/_components/select-view/style/index.less

@@ -1,58 +1,58 @@
-@import '../../input-label/style/input-label.less';
-@import '../../../input-tag/style/input-tag.less';
-@import './token.less';
-
-@select-view-prefix-cls: ~'@{prefix}-select-view';
-
-.@{select-view-prefix-cls} {
-  &-single {
-    .input-label-style(@select-view-prefix-cls);
-  }
-
-  &-multiple {
-    .input-tag-style(@select-view-prefix-cls);
-
-    &.@{select-view-prefix-cls}-disabled-input {
-      cursor: pointer;
-    }
-  }
-
-  &&-borderless {
-    background: none !important;
-    border: none !important;
-    box-shadow: none !important;
-  }
-
-  &-suffix .@{prefix}-feedback-icon {
-    margin-left: 4px;
-  }
-
-  &-clear-btn,
-  &-icon {
-    svg {
-      display: block;
-      font-size: @select-size-icon;
-    }
-  }
-
-  &-opened &-arrow-icon {
-    transform: rotateZ(180deg);
-  }
-
-  &-expand-icon {
-    transform: rotate(-45deg);
-  }
-
-  &-clear-btn {
-    display: none;
-    cursor: pointer;
-  }
-
-  &:hover &-clear-btn {
-    display: block;
-
-    & ~ * {
-      display: none;
-    }
-  }
-}
+@import '../../input-label/style/input-label.less';
+@import '../../../input-tag/style/input-tag.less';
+@import './token.less';
+
+@select-view-prefix-cls: ~'@{prefix}-select-view';
+
+.@{select-view-prefix-cls} {
+  &-single {
+    .input-label-style(@select-view-prefix-cls);
+  }
+
+  &-multiple {
+    .input-tag-style(@select-view-prefix-cls);
+
+    &.@{select-view-prefix-cls}-disabled-input {
+      cursor: pointer;
+    }
+  }
+
+  &&-borderless {
+    background: none !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+
+  &-suffix .@{prefix}-feedback-icon {
+    margin-left: 4px;
+  }
+
+  &-clear-btn,
+  &-icon {
+    svg {
+      display: block;
+      font-size: @select-size-icon;
+    }
+  }
+
+  &-opened &-arrow-icon {
+    transform: rotateZ(180deg);
+  }
+
+  &-expand-icon {
+    transform: rotate(-45deg);
+  }
+
+  &-clear-btn {
+    display: none;
+    cursor: pointer;
+  }
+
+  &:hover &-clear-btn {
+    display: block;
+
+    & ~ * {
+      display: none;
+    }
+  }
+}

package/lib/_components/select-view/style/token.less

@@ -1,4 +1,4 @@
-@import '../../../style/theme/index.less';
-
-@select-size-icon: @size-3;
-@select-size-icon-bg: @size-4;
+@import '../../../style/theme/index.less';
+
+@select-size-icon: @size-3;
+@select-size-icon-bg: @size-4;

package/lib/affix/style/index.less

@@ -1,8 +1,8 @@
-@import '../../style/theme/index.less';
-
-@affix-prefix-cls: ~'@{prefix}-affix';
-
-.@{affix-prefix-cls} {
-  position: fixed;
-  z-index: @z-index-affix;
-}
+@import '../../style/theme/index.less';
+
+@affix-prefix-cls: ~'@{prefix}-affix';
+
+.@{affix-prefix-cls} {
+  position: fixed;
+  z-index: @z-index-affix;
+}

package/lib/alert/style/index.less

@@ -1,198 +1,198 @@
-@import './token.less';
-
-@alert-prefix-cls: ~'@{prefix}-alert';
-
-.@{alert-prefix-cls} {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  width: 100%;
-  padding: @alert-padding-vertical @alert-padding-horizontal;
-  overflow: hidden;
-  font-size: @alert-font-size-text-content;
-  line-height: @alert-line-height;
-  text-align: left;
-  border-radius: @alert-border-radius;
-
-  &-with-title {
-    align-items: flex-start;
-    padding: @alert-padding-vertical_with_title
-      @alert-padding-horizontal_with_title;
-  }
-
-  &-center {
-    justify-content: center;
-
-    .@{alert-prefix-cls}-body {
-      flex: initial;
-    }
-  }
-
-  &-normal {
-    background-color: @alert-normal-color-bg;
-    border: @alert-border-width solid @alert-normal-color-border;
-  }
-
-  &-info {
-    background-color: @alert-info-color-bg;
-    border: @alert-border-width solid @alert-info-color-border;
-  }
-
-  &-success {
-    background-color: @alert-success-color-bg;
-    border: @alert-border-width solid @alert-success-color-border;
-  }
-
-  &-warning {
-    background-color: @alert-warning-color-bg;
-    border: @alert-border-width solid @alert-warning-color-border;
-  }
-
-  &-error {
-    background-color: @alert-error-color-bg;
-    border: @alert-border-width solid @alert-error-color-border;
-  }
-
-  &-banner {
-    border: none;
-    border-radius: 0;
-  }
-
-  &-body {
-    position: relative;
-    flex: 1;
-  }
-
-  &-title {
-    margin-bottom: @alert-title-margin-bottom;
-    font-weight: @alert-font-weight-title;
-    font-size: @alert-font-size-text-title;
-    line-height: @alert-title-line-height;
-  }
-
-  &-normal &-title {
-    color: @alert-normal-color-text-title;
-  }
-
-  &-normal &-content {
-    color: @alert-normal-color-text-content;
-  }
-
-  &-normal&-with-title &-content {
-    color: @alert-normal-color-text-content_title;
-  }
-
-  &-info &-title {
-    color: @alert-info-color-text-title;
-  }
-
-  &-info &-content {
-    color: @alert-info-color-text-content;
-  }
-
-  &-info&-with-title &-content {
-    color: @alert-info-color-text-content_title;
-  }
-
-  &-success &-title {
-    color: @alert-success-color-text-title;
-  }
-
-  &-success &-content {
-    color: @alert-success-color-text-content;
-  }
-
-  &-success&-with-title &-content {
-    color: @alert-success-color-text-content_title;
-  }
-
-  &-warning &-title {
-    color: @alert-warning-color-text-title;
-  }
-
-  &-warning &-content {
-    color: @alert-warning-color-text-content;
-  }
-
-  &-warning&-with-title &-content {
-    color: @alert-warning-color-text-content_title;
-  }
-
-  &-error &-title {
-    color: @alert-error-color-text-title;
-  }
-
-  &-error &-content {
-    color: @alert-error-color-text-content;
-  }
-
-  &-error&-with-title &-content {
-    color: @alert-error-color-text-content_title;
-  }
-
-  &-icon {
-    margin-right: @alert-margin-icon-right;
-
-    svg {
-      font-size: @alert-font-size-icon;
-      vertical-align: -3px;
-    }
-  }
-
-  &-with-title &-icon svg {
-    font-size: @alert-font-size-icon_with_title;
-    vertical-align: -5px;
-  }
-
-  &-normal &-icon svg {
-    color: @alert-normal-color-icon;
-  }
-
-  &-info &-icon svg {
-    color: @alert-info-color-icon;
-  }
-
-  &-success &-icon svg {
-    color: @alert-success-color-icon;
-  }
-
-  &-warning &-icon svg {
-    color: @alert-warning-color-icon;
-  }
-
-  &-error &-icon svg {
-    color: @alert-error-color-icon;
-  }
-
-  &-close-btn {
-    top: 4px;
-    right: 0;
-    box-sizing: border-box;
-    margin-left: @alert-margin-close-icon-left;
-    padding: 0;
-    color: @alert-color-close-icon;
-    font-size: @alert-font-size-close-icon;
-    background-color: transparent;
-    border: none;
-    outline: none;
-    cursor: pointer;
-    transition: color @transition-duration-1 @transition-timing-function-linear;
-
-    &:hover {
-      color: @alert-color-close-icon_hover;
-    }
-  }
-
-  &-action + &-close-btn {
-    margin-left: @alert-margin-action-right;
-  }
-
-  &-action {
-    margin-left: @alert-margin-action-left;
-  }
-
-  &-with-title &-close-btn {
-    margin-top: 0;
-    margin-right: 0;
-  }
-}
+@import './token.less';
+
+@alert-prefix-cls: ~'@{prefix}-alert';
+
+.@{alert-prefix-cls} {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  padding: @alert-padding-vertical @alert-padding-horizontal;
+  overflow: hidden;
+  font-size: @alert-font-size-text-content;
+  line-height: @alert-line-height;
+  text-align: left;
+  border-radius: @alert-border-radius;
+
+  &-with-title {
+    align-items: flex-start;
+    padding: @alert-padding-vertical_with_title
+      @alert-padding-horizontal_with_title;
+  }
+
+  &-center {
+    justify-content: center;
+
+    .@{alert-prefix-cls}-body {
+      flex: initial;
+    }
+  }
+
+  &-normal {
+    background-color: @alert-normal-color-bg;
+    border: @alert-border-width solid @alert-normal-color-border;
+  }
+
+  &-info {
+    background-color: @alert-info-color-bg;
+    border: @alert-border-width solid @alert-info-color-border;
+  }
+
+  &-success {
+    background-color: @alert-success-color-bg;
+    border: @alert-border-width solid @alert-success-color-border;
+  }
+
+  &-warning {
+    background-color: @alert-warning-color-bg;
+    border: @alert-border-width solid @alert-warning-color-border;
+  }
+
+  &-error {
+    background-color: @alert-error-color-bg;
+    border: @alert-border-width solid @alert-error-color-border;
+  }
+
+  &-banner {
+    border: none;
+    border-radius: 0;
+  }
+
+  &-body {
+    position: relative;
+    flex: 1;
+  }
+
+  &-title {
+    margin-bottom: @alert-title-margin-bottom;
+    font-weight: @alert-font-weight-title;
+    font-size: @alert-font-size-text-title;
+    line-height: @alert-title-line-height;
+  }
+
+  &-normal &-title {
+    color: @alert-normal-color-text-title;
+  }
+
+  &-normal &-content {
+    color: @alert-normal-color-text-content;
+  }
+
+  &-normal&-with-title &-content {
+    color: @alert-normal-color-text-content_title;
+  }
+
+  &-info &-title {
+    color: @alert-info-color-text-title;
+  }
+
+  &-info &-content {
+    color: @alert-info-color-text-content;
+  }
+
+  &-info&-with-title &-content {
+    color: @alert-info-color-text-content_title;
+  }
+
+  &-success &-title {
+    color: @alert-success-color-text-title;
+  }
+
+  &-success &-content {
+    color: @alert-success-color-text-content;
+  }
+
+  &-success&-with-title &-content {
+    color: @alert-success-color-text-content_title;
+  }
+
+  &-warning &-title {
+    color: @alert-warning-color-text-title;
+  }
+
+  &-warning &-content {
+    color: @alert-warning-color-text-content;
+  }
+
+  &-warning&-with-title &-content {
+    color: @alert-warning-color-text-content_title;
+  }
+
+  &-error &-title {
+    color: @alert-error-color-text-title;
+  }
+
+  &-error &-content {
+    color: @alert-error-color-text-content;
+  }
+
+  &-error&-with-title &-content {
+    color: @alert-error-color-text-content_title;
+  }
+
+  &-icon {
+    margin-right: @alert-margin-icon-right;
+
+    svg {
+      font-size: @alert-font-size-icon;
+      vertical-align: -3px;
+    }
+  }
+
+  &-with-title &-icon svg {
+    font-size: @alert-font-size-icon_with_title;
+    vertical-align: -5px;
+  }
+
+  &-normal &-icon svg {
+    color: @alert-normal-color-icon;
+  }
+
+  &-info &-icon svg {
+    color: @alert-info-color-icon;
+  }
+
+  &-success &-icon svg {
+    color: @alert-success-color-icon;
+  }
+
+  &-warning &-icon svg {
+    color: @alert-warning-color-icon;
+  }
+
+  &-error &-icon svg {
+    color: @alert-error-color-icon;
+  }
+
+  &-close-btn {
+    top: 4px;
+    right: 0;
+    box-sizing: border-box;
+    margin-left: @alert-margin-close-icon-left;
+    padding: 0;
+    color: @alert-color-close-icon;
+    font-size: @alert-font-size-close-icon;
+    background-color: transparent;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    transition: color @transition-duration-1 @transition-timing-function-linear;
+
+    &:hover {
+      color: @alert-color-close-icon_hover;
+    }
+  }
+
+  &-action + &-close-btn {
+    margin-left: @alert-margin-action-right;
+  }
+
+  &-action {
+    margin-left: @alert-margin-action-left;
+  }
+
+  &-with-title &-close-btn {
+    margin-top: 0;
+    margin-right: 0;
+  }
+}