@wlydfe/pro-ui 0.2.14 → 0.2.15

package/theme-chalk/src/date-picker.scss

@@ -1,96 +1,96 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/function' as *;
-@use 'mixins/config' as *;
-
-@include b(date-picker) {
-  display: flex;
-  flex-wrap: nowrap;
-  width: fit-content;
-  max-width: 100%;
-  border-radius: getCssVar('border-radius-base');
-  border: 1px solid getCssVar('border-color');
-  align-items: center;
-
-  &:hover {
-    border-color: getCssVar('border-color-hover');
-  }
-
-  &.is-focus {
-    border-color: getCssVar('color-primary');
-  }
-
-  &.is-disabled {
-    background-color: getCssVar('disabled-bg-color');
-    &:hover {
-      border-color: getCssVar('border-color');
-    }
-  }
-
-  @include e(middle) {
-    color: getCssVar('text-color-placeholder');
-  }
-
-  @include e(start) {
-    font-size: 14px;
-    flex: 1;
-
-    &.is-disabled {
-      .#{$el-namespace + -input__wrapper } {
-        box-shadow: none;
-      }
-    }
-
-    @include elb(input__wrapper) {
-      border: none;
-      box-shadow: none;
-    }
-  }
-
-  @include elb(input__wrapper) {
-    width: 100%;
-
-    &:hover {
-      box-shadow: none;
-    }
-    &.is-focus {
-      box-shadow: none;
-    }
-  }
-}
-
-@include b(date-picker) {
-  @include e(end) {
-    font-size: 14px;
-    flex: 1;
-
-    &.is-disabled {
-      .#{$el-namespace + -input__wrapper } {
-        box-shadow: none;
-      }
-    }
-
-    @include elb(input__wrapper) {
-      border: none;
-      box-shadow: none;
-    }
-  }
-}
-
-@include elb(form-item) {
-  &.is-error {
-    .#{$plus-namespace + -date-picker} {
-      border-color: getCssVar('color-danger');
-
-      .#{$el-namespace + -input__wrapper } {
-        box-shadow: none;
-
-        &.is-focus {
-          box-shadow: none !important;
-        }
-        &:hover {
-          box-shadow: none;
-        }
-      }
-    }
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/function' as *;
+@use 'mixins/config' as *;
+
+@include b(date-picker) {
+  display: flex;
+  flex-wrap: nowrap;
+  width: fit-content;
+  max-width: 100%;
+  border-radius: getCssVar('border-radius-base');
+  border: 1px solid getCssVar('border-color');
+  align-items: center;
+
+  &:hover {
+    border-color: getCssVar('border-color-hover');
+  }
+
+  &.is-focus {
+    border-color: getCssVar('color-primary');
+  }
+
+  &.is-disabled {
+    background-color: getCssVar('disabled-bg-color');
+    &:hover {
+      border-color: getCssVar('border-color');
+    }
+  }
+
+  @include e(middle) {
+    color: getCssVar('text-color-placeholder');
+  }
+
+  @include e(start) {
+    font-size: 14px;
+    flex: 1;
+
+    &.is-disabled {
+      .#{$el-namespace + -input__wrapper } {
+        box-shadow: none;
+      }
+    }
+
+    @include elb(input__wrapper) {
+      border: none;
+      box-shadow: none;
+    }
+  }
+
+  @include elb(input__wrapper) {
+    width: 100%;
+
+    &:hover {
+      box-shadow: none;
+    }
+    &.is-focus {
+      box-shadow: none;
+    }
+  }
+}
+
+@include b(date-picker) {
+  @include e(end) {
+    font-size: 14px;
+    flex: 1;
+
+    &.is-disabled {
+      .#{$el-namespace + -input__wrapper } {
+        box-shadow: none;
+      }
+    }
+
+    @include elb(input__wrapper) {
+      border: none;
+      box-shadow: none;
+    }
+  }
+}
+
+@include elb(form-item) {
+  &.is-error {
+    .#{$plus-namespace + -date-picker} {
+      border-color: getCssVar('color-danger');
+
+      .#{$el-namespace + -input__wrapper } {
+        box-shadow: none;
+
+        &.is-focus {
+          box-shadow: none !important;
+        }
+        &:hover {
+          box-shadow: none;
+        }
+      }
+    }
+  }
+}

package/theme-chalk/src/descriptions.scss

@@ -1,41 +1,41 @@
-@use 'mixins/config' as *;
-@use 'mixins/mixins' as *;
-@use 'mixins/function' as *;
-
-@include b(description) {
-  @include e(name) {
-    max-width: 200px;
-    word-wrap: break-word;
-  }
-  @include e(label) {
-    min-width: 80px;
-
-    &.is-required {
-      &::before {
-        content: '*';
-        color: getCssVar('color-danger');
-        margin-right: 4px;
-      }
-    }
-  }
-
-  &.no-border {
-    .#{$el-namespace + -descriptions__body} {
-      .#{$el-namespace + -descriptions__table} {
-        &.is-bordered {
-          .#{$el-namespace + -descriptions__cell} {
-            border: 0;
-          }
-        }
-      }
-
-      .#{$el-namespace + -descriptions__label} {
-        &.#{$el-namespace + -descriptions__cell} {
-          &.is-bordered-label {
-            background-color: getCssVar('fill-color-blank');
-          }
-        }
-      }
-    }
-  }
-}
+@use 'mixins/config' as *;
+@use 'mixins/mixins' as *;
+@use 'mixins/function' as *;
+
+@include b(description) {
+  @include e(name) {
+    max-width: 200px;
+    word-wrap: break-word;
+  }
+  @include e(label) {
+    min-width: 80px;
+
+    &.is-required {
+      &::before {
+        content: '*';
+        color: getCssVar('color-danger');
+        margin-right: 4px;
+      }
+    }
+  }
+
+  &.no-border {
+    .#{$el-namespace + -descriptions__body} {
+      .#{$el-namespace + -descriptions__table} {
+        &.is-bordered {
+          .#{$el-namespace + -descriptions__cell} {
+            border: 0;
+          }
+        }
+      }
+
+      .#{$el-namespace + -descriptions__label} {
+        &.#{$el-namespace + -descriptions__cell} {
+          &.is-bordered-label {
+            background-color: getCssVar('fill-color-blank');
+          }
+        }
+      }
+    }
+  }
+}

package/theme-chalk/src/display-item.scss

@@ -1,82 +1,82 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/function' as *;
-@use 'mixins/config' as *;
-
-@include b(display-item) {
-  @include e(edit-icon, true) {
-    margin-left: 8px;
-  }
-  @include e(image, true) {
-    cursor: pointer;
-    object-fit: cover;
-    overflow: hidden;
-    width: 30px;
-  }
-  @include e(icon__copy, true) {
-    cursor: pointer;
-    color: getCssVar('color-primary');
-    text-decoration: none;
-    outline: none;
-    transition: color 0.3s;
-    margin-inline-start: 4px;
-    vertical-align: sub;
-  }
-  @include e(pre, true) {
-    padding: 0;
-    overflow: auto;
-    font-size: 85%;
-    line-height: 1.45;
-    background-color: getCssVar('color-primary-light-9');
-    border-radius: 3px;
-    width: unset;
-  }
-  @include e(badge, true) {
-    &.is-list {
-      .#{$plus-namespace
-        + -display-item__badge__item}
-        + .#{$plus-namespace
-        + -display-item__badge__item} {
-        padding-left: 8px;
-      }
-    }
-
-    @include e(badge__dot) {
-      position: relative;
-      top: -1px;
-      display: inline-block;
-      width: 6px;
-      height: 6px;
-      vertical-align: middle;
-      border-radius: 50%;
-
-      &--primary {
-        background-color: getCssVar('color-primary');
-      }
-      &--success {
-        background-color: getCssVar('color-success');
-      }
-      &--info {
-        background-color: getCssVar('color-info');
-      }
-      &--warning {
-        background-color: getCssVar('color-warning');
-      }
-      &--danger {
-        background-color: getCssVar('color-danger');
-      }
-    }
-  }
-  @include e(form, true) {
-    .#{$plus-namespace + -form-item} {
-      margin-bottom: 0;
-    }
-  }
-
-  @include e(link, true) {
-    max-width: 100%;
-    @include elb(link__inner) {
-      width: 100%;
-      display: inline-block;
-    }
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/function' as *;
+@use 'mixins/config' as *;
+
+@include b(display-item) {
+  @include e(edit-icon, true) {
+    margin-left: 8px;
+  }
+  @include e(image, true) {
+    cursor: pointer;
+    object-fit: cover;
+    overflow: hidden;
+    width: 30px;
+  }
+  @include e(icon__copy, true) {
+    cursor: pointer;
+    color: getCssVar('color-primary');
+    text-decoration: none;
+    outline: none;
+    transition: color 0.3s;
+    margin-inline-start: 4px;
+    vertical-align: sub;
+  }
+  @include e(pre, true) {
+    padding: 0;
+    overflow: auto;
+    font-size: 85%;
+    line-height: 1.45;
+    background-color: getCssVar('color-primary-light-9');
+    border-radius: 3px;
+    width: unset;
+  }
+  @include e(badge, true) {
+    &.is-list {
+      .#{$plus-namespace
+        + -display-item__badge__item}
+        + .#{$plus-namespace
+        + -display-item__badge__item} {
+        padding-left: 8px;
+      }
+    }
+
+    @include e(badge__dot) {
+      position: relative;
+      top: -1px;
+      display: inline-block;
+      width: 6px;
+      height: 6px;
+      vertical-align: middle;
+      border-radius: 50%;
+
+      &--primary {
+        background-color: getCssVar('color-primary');
+      }
+      &--success {
+        background-color: getCssVar('color-success');
+      }
+      &--info {
+        background-color: getCssVar('color-info');
+      }
+      &--warning {
+        background-color: getCssVar('color-warning');
+      }
+      &--danger {
+        background-color: getCssVar('color-danger');
+      }
+    }
+  }
+  @include e(form, true) {
+    .#{$plus-namespace + -form-item} {
+      margin-bottom: 0;
+    }
+  }
+
+  @include e(link, true) {
+    max-width: 100%;
+    @include elb(link__inner) {
+      width: 100%;
+      display: inline-block;
+    }
+  }
+}

package/theme-chalk/src/drawer-form.scss

@@ -1,16 +1,16 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/config' as *;
-@use 'mixins/function' as *;
-
-@include b(drawer-form) {
-  .#{$el-namespace + -drawer__header } {
-    border-bottom: 1px solid getCssVar('border-color');
-    padding-top: calc(#{getCssVar('drawer-padding-primary')} / 2);
-    padding-bottom: calc(#{getCssVar('drawer-padding-primary')} / 2);
-    margin-bottom: 0;
-  }
-  .#{$el-namespace + -drawer__footer } {
-    border-top: 1px solid getCssVar('border-color');
-    padding-bottom: calc(#{getCssVar('drawer-padding-primary')} / 2);
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/config' as *;
+@use 'mixins/function' as *;
+
+@include b(drawer-form) {
+  .#{$el-namespace + -drawer__header } {
+    border-bottom: 1px solid getCssVar('border-color');
+    padding-top: calc(#{getCssVar('drawer-padding-primary')} / 2);
+    padding-bottom: calc(#{getCssVar('drawer-padding-primary')} / 2);
+    margin-bottom: 0;
+  }
+  .#{$el-namespace + -drawer__footer } {
+    border-top: 1px solid getCssVar('border-color');
+    padding-bottom: calc(#{getCssVar('drawer-padding-primary')} / 2);
+  }
+}

package/theme-chalk/src/form.scss

@@ -1,34 +1,34 @@
-@use 'mixins/config' as *;
-@use 'mixins/mixins' as *;
-@use 'mixins/function' as *;
-
-@include b(form) {
-  &.no-has-label {
-    & + .#{$el-namespace + -form-item__label} {
-      width: 0;
-      padding: 0;
-    }
-  }
-
-  @include e(footer) {
-    display: flex;
-    justify-content: flex-end;
-  }
-  @include e(group__item) {
-    margin-bottom: 20px;
-    @include e(group__item__icon) {
-      display: flex;
-      align-items: center;
-
-      @include elb(icon) {
-        margin-right: 5px;
-      }
-    }
-  }
-
-  .#{$plus-namespace + -form-item-extra} {
-    color: getCssVar('text-color-placeholder');
-    font-size: getCssVar('font-size-base');
-    margin-bottom: 18px;
-  }
-}
+@use 'mixins/config' as *;
+@use 'mixins/mixins' as *;
+@use 'mixins/function' as *;
+
+@include b(form) {
+  &.no-has-label {
+    & + .#{$el-namespace + -form-item__label} {
+      width: 0;
+      padding: 0;
+    }
+  }
+
+  @include e(footer) {
+    display: flex;
+    justify-content: flex-end;
+  }
+  @include e(group__item) {
+    margin-bottom: 20px;
+    @include e(group__item__icon) {
+      display: flex;
+      align-items: center;
+
+      @include elb(icon) {
+        margin-right: 5px;
+      }
+    }
+  }
+
+  .#{$plus-namespace + -form-item-extra} {
+    color: getCssVar('text-color-placeholder');
+    font-size: getCssVar('font-size-base');
+    margin-bottom: 18px;
+  }
+}