@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/es/descriptions/style/index.less

@@ -1,159 +1,159 @@
-@import './token.less';
-
-@descriptions-prefix-cls: ~'@{prefix}-descriptions';
-
-.descriptions-size(@size) {
-  &-size-@{size} &-title {
-    margin-bottom: ~'@{descriptions-size-@{size}-title-margin-bottom}';
-  }
-
-  &-size-@{size} &-item-label-block,
-  &-size-@{size} &-item-value-block {
-    padding-right: ~'@{descriptions-border-item-size-@{size}-padding-horizontal}';
-    padding-bottom: ~'@{descriptions-item-size-@{size}-spacing-bottom}';
-    font-size: ~'@{descriptions-size-@{size}-font-size-text}';
-  }
-
-  &-size-@{size}&-border &-item-label-block,
-  &-size-@{size}&-border &-item-value-block {
-    padding: ~'@{descriptions-border-item-size-@{size}-padding-vertical}' ~'@{descriptions-border-item-size-@{size}-padding-horizontal}';
-  }
-
-  &-size-@{size}&-border&-layout-inline-vertical &-item {
-    @_descriptions-padding-vertical: ~'descriptions-border-item-size-@{size}-padding-vertical';
-
-    padding: @@_descriptions-padding-vertical + 5px ~'@{descriptions-border-item-size-@{size}-padding-horizontal}';
-  }
-}
-
-.@{descriptions-prefix-cls} {
-  &-table {
-    width: 100%;
-    border-collapse: collapse;
-  }
-
-  &-table-layout-fixed table {
-    table-layout: fixed;
-  }
-
-  &-title {
-    margin-bottom: @descriptions-size-default-title-margin-bottom;
-    color: @descriptions-color-title;
-    font-weight: @descriptions-font-weight-title;
-    font-size: @descriptions-font-size-title;
-    line-height: @line-height-base;
-  }
-
-  &-item,
-  &-item-label,
-  &-item-value {
-    box-sizing: border-box;
-    font-size: @descriptions-size-default-font-size-text;
-    line-height: @line-height-base;
-    text-align: left;
-  }
-
-  &-table-layout-fixed &-item-label {
-    width: auto;
-  }
-
-  &-item-label-block {
-    width: 1px;
-    padding: 0 4px @descriptions-item-size-default-spacing-bottom 0;
-    color: @descriptions-color-text-label;
-    font-weight: @descriptions-font-weight-text-label;
-    white-space: nowrap;
-  }
-
-  &-item-value-block {
-    padding: 0 4px @descriptions-item-size-default-spacing-bottom 0;
-    color: @descriptions-color-text-value;
-    font-weight: @descriptions-font-weight-text-value;
-    white-space: pre-wrap;
-    word-break: break-word;
-  }
-
-  &-item-label-inline,
-  &-item-value-inline {
-    box-sizing: border-box;
-    font-size: @descriptions-size-default-font-size-text;
-    line-height: @line-height-base;
-    text-align: left;
-  }
-
-  &-item-label-inline {
-    margin-bottom: 2px;
-    color: @descriptions-color-text-label;
-    font-weight: @descriptions-font-weight-text-label;
-  }
-
-  &-item-value-inline {
-    color: @descriptions-color-text-value;
-    font-weight: @descriptions-font-weight-text-value;
-  }
-
-  &-layout-inline-horizontal &-item-label-inline {
-    margin-right: 4px;
-  }
-
-  &-layout-inline-horizontal &-item-label-inline,
-  &-layout-inline-horizontal &-item-value-inline {
-    display: inline-block;
-    margin-bottom: 0;
-  }
-
-  &-border&-layout-inline-vertical &-item {
-    padding: @descriptions-border-item-size-default-padding-vertical + 5px
-      @descriptions-border-item-size-default-padding-horizontal;
-  }
-
-  &-border &-body {
-    overflow: hidden;
-    border: @descriptions-border-width @descriptions-border-style
-      @descriptions-color-border;
-    border-radius: @descriptions-border-radius;
-  }
-
-  &-border &-row:not(:last-child) {
-    border-bottom: @descriptions-border-width @descriptions-border-style
-      @descriptions-color-border;
-  }
-
-  &-border &-item,
-  &-border &-item-label-block,
-  &-border &-item-value-block {
-    padding: @descriptions-border-item-size-default-padding-vertical
-      @descriptions-border-item-size-default-padding-horizontal;
-    border-right: @descriptions-border-width @descriptions-border-style
-      @descriptions-color-border;
-  }
-
-  &-border &-item-label-block {
-    background-color: @descriptions-border-color-bg-label;
-  }
-
-  &-border &-item-value-block:last-child {
-    border-right: none;
-  }
-
-  &-border &-item:last-child {
-    border-right: none;
-  }
-
-  &-border&-layout-vertical &-item-label-block:last-child {
-    border-right: none;
-  }
-
-  &-layout-vertical:not(&-border) &-item-value-block:first-child {
-    padding-left: 0;
-  }
-
-  // Size
-  .descriptions-size(mini);
-
-  .descriptions-size(small);
-
-  .descriptions-size(medium);
-
-  .descriptions-size(large);
-}
+@import './token.less';
+
+@descriptions-prefix-cls: ~'@{prefix}-descriptions';
+
+.descriptions-size(@size) {
+  &-size-@{size} &-title {
+    margin-bottom: ~'@{descriptions-size-@{size}-title-margin-bottom}';
+  }
+
+  &-size-@{size} &-item-label-block,
+  &-size-@{size} &-item-value-block {
+    padding-right: ~'@{descriptions-border-item-size-@{size}-padding-horizontal}';
+    padding-bottom: ~'@{descriptions-item-size-@{size}-spacing-bottom}';
+    font-size: ~'@{descriptions-size-@{size}-font-size-text}';
+  }
+
+  &-size-@{size}&-border &-item-label-block,
+  &-size-@{size}&-border &-item-value-block {
+    padding: ~'@{descriptions-border-item-size-@{size}-padding-vertical}' ~'@{descriptions-border-item-size-@{size}-padding-horizontal}';
+  }
+
+  &-size-@{size}&-border&-layout-inline-vertical &-item {
+    @_descriptions-padding-vertical: ~'descriptions-border-item-size-@{size}-padding-vertical';
+
+    padding: @@_descriptions-padding-vertical + 5px ~'@{descriptions-border-item-size-@{size}-padding-horizontal}';
+  }
+}
+
+.@{descriptions-prefix-cls} {
+  &-table {
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  &-table-layout-fixed table {
+    table-layout: fixed;
+  }
+
+  &-title {
+    margin-bottom: @descriptions-size-default-title-margin-bottom;
+    color: @descriptions-color-title;
+    font-weight: @descriptions-font-weight-title;
+    font-size: @descriptions-font-size-title;
+    line-height: @line-height-base;
+  }
+
+  &-item,
+  &-item-label,
+  &-item-value {
+    box-sizing: border-box;
+    font-size: @descriptions-size-default-font-size-text;
+    line-height: @line-height-base;
+    text-align: left;
+  }
+
+  &-table-layout-fixed &-item-label {
+    width: auto;
+  }
+
+  &-item-label-block {
+    width: 1px;
+    padding: 0 4px @descriptions-item-size-default-spacing-bottom 0;
+    color: @descriptions-color-text-label;
+    font-weight: @descriptions-font-weight-text-label;
+    white-space: nowrap;
+  }
+
+  &-item-value-block {
+    padding: 0 4px @descriptions-item-size-default-spacing-bottom 0;
+    color: @descriptions-color-text-value;
+    font-weight: @descriptions-font-weight-text-value;
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+
+  &-item-label-inline,
+  &-item-value-inline {
+    box-sizing: border-box;
+    font-size: @descriptions-size-default-font-size-text;
+    line-height: @line-height-base;
+    text-align: left;
+  }
+
+  &-item-label-inline {
+    margin-bottom: 2px;
+    color: @descriptions-color-text-label;
+    font-weight: @descriptions-font-weight-text-label;
+  }
+
+  &-item-value-inline {
+    color: @descriptions-color-text-value;
+    font-weight: @descriptions-font-weight-text-value;
+  }
+
+  &-layout-inline-horizontal &-item-label-inline {
+    margin-right: 4px;
+  }
+
+  &-layout-inline-horizontal &-item-label-inline,
+  &-layout-inline-horizontal &-item-value-inline {
+    display: inline-block;
+    margin-bottom: 0;
+  }
+
+  &-border&-layout-inline-vertical &-item {
+    padding: @descriptions-border-item-size-default-padding-vertical + 5px
+      @descriptions-border-item-size-default-padding-horizontal;
+  }
+
+  &-border &-body {
+    overflow: hidden;
+    border: @descriptions-border-width @descriptions-border-style
+      @descriptions-color-border;
+    border-radius: @descriptions-border-radius;
+  }
+
+  &-border &-row:not(:last-child) {
+    border-bottom: @descriptions-border-width @descriptions-border-style
+      @descriptions-color-border;
+  }
+
+  &-border &-item,
+  &-border &-item-label-block,
+  &-border &-item-value-block {
+    padding: @descriptions-border-item-size-default-padding-vertical
+      @descriptions-border-item-size-default-padding-horizontal;
+    border-right: @descriptions-border-width @descriptions-border-style
+      @descriptions-color-border;
+  }
+
+  &-border &-item-label-block {
+    background-color: @descriptions-border-color-bg-label;
+  }
+
+  &-border &-item-value-block:last-child {
+    border-right: none;
+  }
+
+  &-border &-item:last-child {
+    border-right: none;
+  }
+
+  &-border&-layout-vertical &-item-label-block:last-child {
+    border-right: none;
+  }
+
+  &-layout-vertical:not(&-border) &-item-value-block:first-child {
+    padding-left: 0;
+  }
+
+  // Size
+  .descriptions-size(mini);
+
+  .descriptions-size(small);
+
+  .descriptions-size(medium);
+
+  .descriptions-size(large);
+}

package/es/descriptions/style/token.less

@@ -1,45 +1,45 @@
-@import '../../style/theme/index.less';
-
-@descriptions-border-width: 1px;
-@descriptions-border-style: solid;
-@descriptions-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-@descriptions-border-radius: @radius-medium;
-@descriptions-font-size-title: @font-size-title-1;
-
-@descriptions-size-mini-title-margin-bottom: 6px;
-@descriptions-size-small-title-margin-bottom: 8px;
-@descriptions-size-medium-title-margin-bottom: 12px;
-@descriptions-size-default-title-margin-bottom: 16px;
-@descriptions-size-large-title-margin-bottom: 20px;
-
-@descriptions-size-mini-font-size-text: @font-size-body-1;
-@descriptions-size-small-font-size-text: @font-size-body-3;
-@descriptions-size-medium-font-size-text: @font-size-body-3;
-@descriptions-size-default-font-size-text: @font-size-body-3;
-@descriptions-size-large-font-size-text: @font-size-body-3;
-
-@descriptions-color-title: var(~'@{arco-cssvars-prefix}-color-text-1');
-@descriptions-color-text-label: var(~'@{arco-cssvars-prefix}-color-text-3');
-@descriptions-color-text-value: var(~'@{arco-cssvars-prefix}-color-text-1');
-@descriptions-font-weight-title: @font-weight-500;
-@descriptions-font-weight-text-label: @font-weight-500;
-@descriptions-font-weight-text-value: @font-weight-400;
-
-@descriptions-border-color-bg-label: var(~'@{arco-cssvars-prefix}-color-fill-1');
-
-@descriptions-item-size-mini-spacing-bottom: 2px;
-@descriptions-item-size-small-spacing-bottom: 4px;
-@descriptions-item-size-medium-spacing-bottom: 8px;
-@descriptions-item-size-default-spacing-bottom: 12px;
-@descriptions-item-size-large-spacing-bottom: 16px;
-
-@descriptions-border-item-size-mini-padding-horizontal: @spacing-8;
-@descriptions-border-item-size-mini-padding-vertical: 3px;
-@descriptions-border-item-size-small-padding-horizontal: @spacing-8;
-@descriptions-border-item-size-small-padding-vertical: 3px;
-@descriptions-border-item-size-medium-padding-horizontal: @spacing-8;
-@descriptions-border-item-size-medium-padding-vertical: 5px;
-@descriptions-border-item-size-default-padding-horizontal: @spacing-8;
-@descriptions-border-item-size-default-padding-vertical: 7px;
-@descriptions-border-item-size-large-padding-horizontal: @spacing-8;
-@descriptions-border-item-size-large-padding-vertical: 9px;
+@import '../../style/theme/index.less';
+
+@descriptions-border-width: 1px;
+@descriptions-border-style: solid;
+@descriptions-color-border: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@descriptions-border-radius: @radius-medium;
+@descriptions-font-size-title: @font-size-title-1;
+
+@descriptions-size-mini-title-margin-bottom: 6px;
+@descriptions-size-small-title-margin-bottom: 8px;
+@descriptions-size-medium-title-margin-bottom: 12px;
+@descriptions-size-default-title-margin-bottom: 16px;
+@descriptions-size-large-title-margin-bottom: 20px;
+
+@descriptions-size-mini-font-size-text: @font-size-body-1;
+@descriptions-size-small-font-size-text: @font-size-body-3;
+@descriptions-size-medium-font-size-text: @font-size-body-3;
+@descriptions-size-default-font-size-text: @font-size-body-3;
+@descriptions-size-large-font-size-text: @font-size-body-3;
+
+@descriptions-color-title: var(~'@{arco-cssvars-prefix}-color-text-1');
+@descriptions-color-text-label: var(~'@{arco-cssvars-prefix}-color-text-3');
+@descriptions-color-text-value: var(~'@{arco-cssvars-prefix}-color-text-1');
+@descriptions-font-weight-title: @font-weight-500;
+@descriptions-font-weight-text-label: @font-weight-500;
+@descriptions-font-weight-text-value: @font-weight-400;
+
+@descriptions-border-color-bg-label: var(~'@{arco-cssvars-prefix}-color-fill-1');
+
+@descriptions-item-size-mini-spacing-bottom: 2px;
+@descriptions-item-size-small-spacing-bottom: 4px;
+@descriptions-item-size-medium-spacing-bottom: 8px;
+@descriptions-item-size-default-spacing-bottom: 12px;
+@descriptions-item-size-large-spacing-bottom: 16px;
+
+@descriptions-border-item-size-mini-padding-horizontal: @spacing-8;
+@descriptions-border-item-size-mini-padding-vertical: 3px;
+@descriptions-border-item-size-small-padding-horizontal: @spacing-8;
+@descriptions-border-item-size-small-padding-vertical: 3px;
+@descriptions-border-item-size-medium-padding-horizontal: @spacing-8;
+@descriptions-border-item-size-medium-padding-vertical: 5px;
+@descriptions-border-item-size-default-padding-horizontal: @spacing-8;
+@descriptions-border-item-size-default-padding-vertical: 7px;
+@descriptions-border-item-size-large-padding-horizontal: @spacing-8;
+@descriptions-border-item-size-large-padding-vertical: 9px;

package/es/divider/style/index.less

@@ -1,56 +1,56 @@
-@import './token.less';
-
-@divider-prefix-cls: ~'@{prefix}-divider';
-
-.@{divider-prefix-cls} {
-  &-horizontal {
-    position: relative;
-    clear: both;
-    width: 100%;
-    min-width: 100%;
-    max-width: 100%;
-    margin: @divider-margin-vertical 0;
-    border-bottom: @divider-size @divider-line-style @divider-color-bg;
-
-    &.@{divider-prefix-cls}-with-text {
-      margin: @divider-margin-vertical_text 0;
-    }
-  }
-
-  &-vertical {
-    display: inline-block;
-    min-width: 1px;
-    max-width: 1px;
-    min-height: 1em;
-    margin: 0 @divider-margin-horizontal;
-    vertical-align: middle;
-    border-left: @divider-size @divider-line-style @divider-color-bg;
-  }
-
-  // Only the horizontal dividing line supports text, and only the horizontal situation is considered
-  &-text {
-    position: absolute;
-    top: 50%;
-    box-sizing: border-box;
-    padding: 0 @divider-margin-text;
-    color: @divider-color-text;
-    font-weight: @divider-font-weight;
-    font-size: @divider-font-size;
-    line-height: 2;
-    background: var(~'@{arco-cssvars-prefix}-color-bg-2');
-    transform: translateY(-50%);
-
-    &-center {
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    &-left {
-      left: @divider-position-text-left;
-    }
-
-    &-right {
-      right: @divider-position-text-right;
-    }
-  }
-}
+@import './token.less';
+
+@divider-prefix-cls: ~'@{prefix}-divider';
+
+.@{divider-prefix-cls} {
+  &-horizontal {
+    position: relative;
+    clear: both;
+    width: 100%;
+    min-width: 100%;
+    max-width: 100%;
+    margin: @divider-margin-vertical 0;
+    border-bottom: @divider-size @divider-line-style @divider-color-bg;
+
+    &.@{divider-prefix-cls}-with-text {
+      margin: @divider-margin-vertical_text 0;
+    }
+  }
+
+  &-vertical {
+    display: inline-block;
+    min-width: 1px;
+    max-width: 1px;
+    min-height: 1em;
+    margin: 0 @divider-margin-horizontal;
+    vertical-align: middle;
+    border-left: @divider-size @divider-line-style @divider-color-bg;
+  }
+
+  // Only the horizontal dividing line supports text, and only the horizontal situation is considered
+  &-text {
+    position: absolute;
+    top: 50%;
+    box-sizing: border-box;
+    padding: 0 @divider-margin-text;
+    color: @divider-color-text;
+    font-weight: @divider-font-weight;
+    font-size: @divider-font-size;
+    line-height: 2;
+    background: var(~'@{arco-cssvars-prefix}-color-bg-2');
+    transform: translateY(-50%);
+
+    &-center {
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+
+    &-left {
+      left: @divider-position-text-left;
+    }
+
+    &-right {
+      right: @divider-position-text-right;
+    }
+  }
+}

package/es/divider/style/token.less

@@ -1,15 +1,15 @@
-@import '../../style/theme/index.less';
-
-@divider-margin-horizontal: @spacing-6;
-@divider-margin-vertical: @spacing-8;
-@divider-margin-vertical_text: @spacing-8;
-@divider-margin-text: @spacing-7;
-@divider-position-text-left: @spacing-9;
-@divider-position-text-right: @spacing-9;
-@divider-font-size: @font-size-body-3;
-@divider-font-weight: @font-weight-500;
-
-@divider-size: 1px;
-@divider-line-style: @border-solid;
-@divider-color-bg: var(~'@{arco-cssvars-prefix}-color-neutral-3');
-@divider-color-text: var(~'@{arco-cssvars-prefix}-color-text-1');
+@import '../../style/theme/index.less';
+
+@divider-margin-horizontal: @spacing-6;
+@divider-margin-vertical: @spacing-8;
+@divider-margin-vertical_text: @spacing-8;
+@divider-margin-text: @spacing-7;
+@divider-position-text-left: @spacing-9;
+@divider-position-text-right: @spacing-9;
+@divider-font-size: @font-size-body-3;
+@divider-font-weight: @font-weight-500;
+
+@divider-size: 1px;
+@divider-line-style: @border-solid;
+@divider-color-bg: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@divider-color-text: var(~'@{arco-cssvars-prefix}-color-text-1');