@maxax/ui 1.1.66 → 1.1.68

package/dist/theme-chalk/components/basicBoolIcon.scss

@@ -0,0 +1,38 @@
+@use '../base/config' as *;
+@use '../base/var' as *;
+@use '../base/utils' as *;
+@use '../base/function' as *;
+
+$bool-icon-sizes: small, medium, large;
+
+@include b('basic-bool-icon') {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  vertical-align: middle;
+
+  @each $size in $bool-icon-sizes {
+    @include m('#{$size}') {
+      @if $size == 'small' {
+        font-size: 14px;
+      } @else if $size == 'medium' {
+        font-size: 16px;
+      } @else {
+        font-size: 20px;
+      }
+    }
+  }
+
+  @include e('icon') {
+    font-size: inherit;
+  }
+
+  @include m('success') {
+    color: rgb(var(--success-color));
+  }
+
+  @include m('error') {
+    color: rgb(var(--error-color));
+  }
+}

package/dist/theme-chalk/components/basicTag.scss

@@ -3,22 +3,96 @@
 @use '../base/utils' as *;
 @use '../base/function' as *;
 
+$tag-sizes: small, medium, large;
+
 @include b('basic-tag') {
   --basic-tag-name: 'basic-tag';
 
   display: inline-flex;
   align-items: center;
-  justify-content: center;
+  gap: 4px;
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  line-height: 1;
+  white-space: nowrap;
+  vertical-align: middle;
 
-  @each $size in $sizes {
+  @each $size in $tag-sizes {
     @include m('#{$size}') {
-      font-size: getCssVar(font-size, $size);
+      @if $size == 'small' {
+        height: 20px;
+        padding: 0 8px;
+        font-size: 12px;
+      } @else if $size == 'medium' {
+        height: 24px;
+        padding: 0 10px;
+        font-size: 14px;
+      } @else if $size == 'large' {
+        height: 28px;
+        padding: 0 12px;
+        font-size: 16px;
+      }
+
+      @include e('icon') {
+        font-size: inherit;
+      }
+
+      @include e('dot') {
+        @if $size == 'small' {
+          width: 4px;
+          height: 4px;
+        } @else if $size == 'medium' {
+          width: 6px;
+          height: 6px;
+        } @else {
+          width: 8px;
+          height: 8px;
+        }
+      }
+    }
+  }
+
+  @include e('content') {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  @include e('icon') {
+    flex-shrink: 0;
+    line-height: 1;
+  }
+
+  @include e('dot') {
+    flex-shrink: 0;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  @include e('icon-wrapper') {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  @include m('default') {
+    color: #606266;
+    background-color: #f4f4f5;
+
+    @include is(bordered) {
+      border-color: #dcdfe6;
+      background-color: #fff;
     }
   }
 
-  @each $type in $types {
+  @each $type in (primary, success, error, info, warning) {
     @include m('#{$type}') {
       color: rgb(var(--#{$type}-color));
+      background-color: rgb(var(--#{$type}-color) / 10%);
+
+      @include is(bordered) {
+        border-color: rgb(var(--#{$type}-color) / 40%);
+      }
     }
   }
 }

package/dist/theme-chalk/components/components.scss

@@ -5,6 +5,7 @@
 @use 'common' as *;
 @use 'appCommon' as *;
 @use 'basicArrow' as *;
+@use 'basicBoolIcon' as *;
 @use 'basicSvgIcon' as *;
 @use 'basicTag' as *;
 @use 'basicText' as *;