@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/lib/select/style/token.less

@@ -1,43 +1,43 @@
-@import '../../style/theme/index.less';
-
-/**********************************************
- * Popup Box
- **********************************************/
-@select-popup-max-height: @size-50;
-@select-popup-border-radius: @radius-medium;
-@select-popup-padding-vertical: @spacing-2;
-@select-popup-font-size: @font-size-body-3;
-@select-popup-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@select-popup-color-border: var(~'@{arco-cssvars-prefix}-color-fill-3');
-@select-popup-box-shadow: @shadow2-down;
-
-/**********************************************
- * Popup Options
- * status: default / disabled / selected / hover
- **********************************************/
-@select-popup-option-height: @size-9;
-@select-popup-option-font-weight_selected: @font-weight-500;
-@select-signal-popup-option-padding-horizontal: @spacing-6;
-@select-multi-popup-option-padding-horizontal: @spacing-2;
-
-@select-popup-option-color-bg_default: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@select-popup-option-color-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
-@select-popup-option-color-bg_selected: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-@select-popup-option-color-bg_disabled: var(~'@{arco-cssvars-prefix}-color-bg-popup');
-
-@select-popup-option-color-text_default: var(~'@{arco-cssvars-prefix}-color-text-1');
-@select-popup-option-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-1');
-@select-popup-option-color-text_selected: var(~'@{arco-cssvars-prefix}-color-text-1');
-@select-popup-option-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
-
-@select-popup-option-color-highlight-text: var(--color-text-1);
-@select-popup-option-font-highlight-weight: @font-weight-500;
-
-// option group title
-@select-popup-group-title-height: @size-5;
-@select-popup-group-title-padding-horizontal: @spacing-6;
-@select-popup-group-title-padding-top: @spacing-4;
-@select-popup-group-title-font-size: @font-size-body-1;
-@select-popup-group-title-color-text: var(~'@{arco-cssvars-prefix}-color-text-3');
-
-@dropdown-margin-left-suffix-icon: @spacing-6;
+@import '../../style/theme/index.less';
+
+/**********************************************
+ * Popup Box
+ **********************************************/
+@select-popup-max-height: @size-50;
+@select-popup-border-radius: @radius-medium;
+@select-popup-padding-vertical: @spacing-2;
+@select-popup-font-size: @font-size-body-3;
+@select-popup-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@select-popup-color-border: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@select-popup-box-shadow: @shadow2-down;
+
+/**********************************************
+ * Popup Options
+ * status: default / disabled / selected / hover
+ **********************************************/
+@select-popup-option-height: @size-9;
+@select-popup-option-font-weight_selected: @font-weight-500;
+@select-signal-popup-option-padding-horizontal: @spacing-6;
+@select-multi-popup-option-padding-horizontal: @spacing-2;
+
+@select-popup-option-color-bg_default: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@select-popup-option-color-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
+@select-popup-option-color-bg_selected: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+@select-popup-option-color-bg_disabled: var(~'@{arco-cssvars-prefix}-color-bg-popup');
+
+@select-popup-option-color-text_default: var(~'@{arco-cssvars-prefix}-color-text-1');
+@select-popup-option-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-1');
+@select-popup-option-color-text_selected: var(~'@{arco-cssvars-prefix}-color-text-1');
+@select-popup-option-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
+
+@select-popup-option-color-highlight-text: var(--color-text-1);
+@select-popup-option-font-highlight-weight: @font-weight-500;
+
+// option group title
+@select-popup-group-title-height: @size-5;
+@select-popup-group-title-padding-horizontal: @spacing-6;
+@select-popup-group-title-padding-top: @spacing-4;
+@select-popup-group-title-font-size: @font-size-body-1;
+@select-popup-group-title-color-text: var(~'@{arco-cssvars-prefix}-color-text-3');
+
+@dropdown-margin-left-suffix-icon: @spacing-6;

package/lib/skeleton/style/index.less

@@ -1,66 +1,66 @@
-@import './token.less';
-
-@skeleton-prefix-cls: ~'@{prefix}-skeleton';
-
-.@{skeleton-prefix-cls} {
-  &-shape {
-    width: @skeleton-size-image_default;
-    height: @skeleton-size-image_default;
-    background-color: @skeleton-color-bg-base;
-    border-radius: @skeleton-radius-image-border;
-
-    &-circle {
-      border-radius: 50%;
-    }
-
-    &-small {
-      width: @skeleton-size-image_small;
-      height: @skeleton-size-image_small;
-    }
-
-    &-large {
-      width: @skeleton-size-image_large;
-      height: @skeleton-size-image_large;
-    }
-  }
-
-  &-line {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-
-    &-row {
-      height: @skeleton-size-row-height;
-      background-color: @skeleton-color-bg-base;
-    }
-
-    &-row:not(:last-child) {
-      margin-bottom: @skeleton-spacing-last_row-margin-bottom;
-    }
-  }
-
-  &-animation {
-    .@{skeleton-prefix-cls}-shape,
-    .@{skeleton-prefix-cls}-line-row {
-      background: linear-gradient(
-        90deg,
-        @skeleton-color-bg-base 25%,
-        @skeleton-color-animate-bg 37%,
-        @skeleton-color-bg-base 63%
-      );
-      background-size: 400% 100%;
-      animation: ~'@{prefix}-skeleton-circle' 1.5s @transition-timing-function-linear
-        infinite;
-    }
-  }
-}
-
-@keyframes ~'@{prefix}-skeleton-circle' {
-  0% {
-    background-position: 100% 50%;
-  }
-
-  100% {
-    background-position: 0 50%;
-  }
-}
+@import './token.less';
+
+@skeleton-prefix-cls: ~'@{prefix}-skeleton';
+
+.@{skeleton-prefix-cls} {
+  &-shape {
+    width: @skeleton-size-image_default;
+    height: @skeleton-size-image_default;
+    background-color: @skeleton-color-bg-base;
+    border-radius: @skeleton-radius-image-border;
+
+    &-circle {
+      border-radius: 50%;
+    }
+
+    &-small {
+      width: @skeleton-size-image_small;
+      height: @skeleton-size-image_small;
+    }
+
+    &-large {
+      width: @skeleton-size-image_large;
+      height: @skeleton-size-image_large;
+    }
+  }
+
+  &-line {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    &-row {
+      height: @skeleton-size-row-height;
+      background-color: @skeleton-color-bg-base;
+    }
+
+    &-row:not(:last-child) {
+      margin-bottom: @skeleton-spacing-last_row-margin-bottom;
+    }
+  }
+
+  &-animation {
+    .@{skeleton-prefix-cls}-shape,
+    .@{skeleton-prefix-cls}-line-row {
+      background: linear-gradient(
+        90deg,
+        @skeleton-color-bg-base 25%,
+        @skeleton-color-animate-bg 37%,
+        @skeleton-color-bg-base 63%
+      );
+      background-size: 400% 100%;
+      animation: ~'@{prefix}-skeleton-circle' 1.5s @transition-timing-function-linear
+        infinite;
+    }
+  }
+}
+
+@keyframes ~'@{prefix}-skeleton-circle' {
+  0% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0 50%;
+  }
+}

package/lib/skeleton/style/token.less

@@ -1,15 +1,15 @@
-@import '../../style/theme/index.less';
-
-@skeleton-color-bg-base: var(~'@{arco-cssvars-prefix}-color-fill-2');
-
-@skeleton-radius-image-border: @radius-small;
-@skeleton-size-image_default: @size-12;
-@skeleton-size-image_small: @size-9;
-@skeleton-size-image_large: @size-15;
-@skeleton-spacing-image_left-margin-right: @spacing-7;
-@skeleton-spacing-image_right-margin-left: @spacing-7;
-
-@skeleton-size-row-height: @size-4;
-@skeleton-spacing-last_row-margin-bottom: @spacing-7;
-
-@skeleton-color-animate-bg: var(~'@{arco-cssvars-prefix}-color-fill-3');
+@import '../../style/theme/index.less';
+
+@skeleton-color-bg-base: var(~'@{arco-cssvars-prefix}-color-fill-2');
+
+@skeleton-radius-image-border: @radius-small;
+@skeleton-size-image_default: @size-12;
+@skeleton-size-image_small: @size-9;
+@skeleton-size-image_large: @size-15;
+@skeleton-spacing-image_left-margin-right: @spacing-7;
+@skeleton-spacing-image_right-margin-left: @spacing-7;
+
+@skeleton-size-row-height: @size-4;
+@skeleton-spacing-last_row-margin-bottom: @spacing-7;
+
+@skeleton-color-animate-bg: var(~'@{arco-cssvars-prefix}-color-fill-3');