@qsxy/element-plus-react 1.0.0-next.13 → 1.0.0-next.16

package/theme-chalk/tag/index.scss

@@ -1,160 +1,3 @@
-// @use 'sass:map';
-
-// @use '../../Common/styles/mixins/mixins' as *;
-// @use '../../Common/styles/mixins/var' as *;
-// @use '../../Common/styles/common/var' as *;
-
-// @include b(tag) {
-//     @include set-component-css-var('tag', $tag);
-// }
-
-// $tag-border-width: 1px;
-
-// $tag-icon-span-gap: () !default;
-// $tag-icon-span-gap: map.merge(
-//     (
-//         'large': 8px,
-//         'default': 6px,
-//         'small': 4px,
-//     ),
-//     $tag-icon-span-gap
-// );
-
-// @function returnVarList($var, $type: 'primary') {
-//     $list: ('fill-color', 'blank');
-//     @if $var != false {
-//         $list: ('color', $type, $var);
-//     }
-//     @return $list;
-// }
-// // false mean --#{$namespace}-color-white
-// @mixin genTheme($backgroundColorWeight, $borderColorWeight, $hoverColorWeight) {
-//     @include css-var-from-global(('tag', 'bg-color'), returnVarList($backgroundColorWeight));
-//     @include css-var-from-global(('tag', 'border-color'), returnVarList($borderColorWeight));
-//     @include css-var-from-global(('tag', 'hover-color'), returnVarList($hoverColorWeight));
-
-//     @each $type in $types {
-//         &.#{bem('tag', '', $type)} {
-//             @include css-var-from-global(('tag', 'bg-color'), returnVarList($backgroundColorWeight, $type));
-//             @include css-var-from-global(('tag', 'border-color'), returnVarList($borderColorWeight, $type));
-//             @include css-var-from-global(('tag', 'hover-color'), returnVarList($hoverColorWeight, $type));
-//         }
-//     }
-// }
-
-// @include b(tag) {
-//     @include genTheme('light-9', 'light-8', '');
-
-//     @each $type in $types {
-//         &.#{bem('tag', '', $type)} {
-//             @include css-var-from-global(('tag', 'text-color'), ('color', $type));
-//         }
-//     }
-
-//     @include when(hit) {
-//         border-color: getCssVar('color', 'primary');
-//     }
-//     @include when(round) {
-//         border-radius: getCssVar('tag', 'border-radius-rounded');
-//     }
-
-//     .#{$namespace}-tag__close {
-//         flex-shrink: 0;
-//         color: getCssVar('tag', 'text-color');
-//         &:hover {
-//             color: getCssVar('color-white');
-//             background-color: getCssVar('tag-hover-color');
-//         }
-//     }
-
-//     background-color: getCssVar('tag-bg-color');
-//     border-color: getCssVar('tag-border-color');
-//     color: getCssVar('tag-text-color');
-
-//     display: inline-flex;
-//     justify-content: center;
-//     align-items: center;
-//     vertical-align: middle;
-//     height: map.get($tag-height, 'default');
-//     padding: 0 map.get($tag-padding, 'default') - $border-width;
-
-//     font-size: getCssVar('tag-font-size');
-//     line-height: 1;
-//     border-width: $tag-border-width;
-//     border-style: solid;
-//     border-radius: getCssVar('tag-border-radius');
-//     box-sizing: border-box;
-//     white-space: nowrap;
-
-//     @include set-css-var-value('icon-size', 14px);
-
-//     $svg-margin-size: 1px;
-//     .#{$namespace}-icon {
-//         border-radius: 50%;
-//         cursor: pointer;
-
-//         font-size: calc(#{getCssVar('icon-size')} - #{$svg-margin-size * 2});
-//         height: getCssVar('icon-size');
-//         width: getCssVar('icon-size');
-//     }
-
-//     .#{$namespace}-tag__close {
-//         margin-left: map.get($tag-icon-span-gap, 'default');
-//     }
-
-//     @include m(dark) {
-//         @include genTheme('', '', 'light-3');
-//         @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
-
-//         @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
-//         @each $type in $types {
-//             &.#{bem('tag', '', $type)} {
-//                 @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
-//             }
-//         }
-//     }
-
-//     @include m(plain) {
-//         @include genTheme(false, 'light-5', '');
-//         @include css-var-from-global(('tag', 'bg-color'), ('fill-color', 'blank'));
-//     }
-
-//     &.is-closable {
-//         padding-right: map.get($tag-icon-span-gap, 'default') - $border-width;
-//     }
-
-//     @each $size in (large, small) {
-//         @include m($size) {
-//             padding: 0 map.get($tag-padding, $size) - $tag-border-width;
-//             height: map.get($tag-height, $size);
-
-//             @include set-css-var-value('icon-size', #{map.get($tag-icon-size, $size)});
-
-//             .#{$namespace}-tag__close {
-//                 margin-left: map.get($tag-icon-span-gap, $size);
-//             }
-
-//             &.is-closable {
-//                 padding-right: map.get($tag-icon-span-gap, $size) - $border-width;
-//             }
-//         }
-//     }
-
-//     @include m(small) {
-//         .#{$namespace}-icon-close {
-//             transform: scale(0.8);
-//         }
-//     }
-
-//     @each $type in $types {
-//         &.#{bem('tag', '', $type)} {
-//             @include when(hit) {
-//                 border-color: getCssVar('color', $type);
-//             }
-//         }
-//     }
-// }
-
 @use 'sass:map';
 @use '../common/var';
 
@@ -215,7 +58,7 @@ $tag-icon-span-gap: map.merge(
     --#{$namespace}-tag-border-color: var(--#{$namespace}-color-primary#{joinVarName($borderColorWeight)});
     --#{$namespace}-tag-hover-color: var(--#{$namespace}-color-primary#{joinVarName($hoverColorWeight)});
 
-    @each $type in success, warning, error, info {
+    @each $type in success, warning, error, danger, info {
         &.#{$namespace}-tag--#{$type} {
             --#{$namespace}-tag-bg-color: var(--#{$namespace}-color#{joinVarName(($type, $backgroundColorWeight))});
             --#{$namespace}-tag-border-color: var(--#{$namespace}-color#{joinVarName(($type, $borderColorWeight))});
@@ -233,7 +76,7 @@ $tag-icon-span-gap: map.merge(
 .#{$namespace}-tag {
     @include genTheme('light-9', 'light-8', '');
     --#{$namespace}-tag-text-color: var(--#{$namespace}-color-primary);
-    @each $type in success, warning, error, info {
+    @each $type in success, warning, error, danger, info {
         &.#{$namespace}-tag--#{$type} {
             --#{$namespace}-tag-text-color: var(--#{$namespace}-color-#{$type});
         }
@@ -302,7 +145,7 @@ $tag-icon-span-gap: map.merge(
         padding-right: map.get($tag-icon-span-gap, 'default') - 1px;
     }
 
-    @each $type in success, warning, error, info {
+    @each $type in success, warning, error, danger, info {
         &.#{$namespace}-tag--#{$type} {
             &.is-hit {
                 border-color: var(--#{$namespace}-color-#{$type});
@@ -315,7 +158,7 @@ $tag-icon-span-gap: map.merge(
     @include genTheme('', '', 'light-3');
     --#{$namespace}-tag-text-color: var(--#{$namespace}-color-white);
 
-    @each $type in success, warning, error, info {
+    @each $type in success, warning, error, danger, info {
         &.#{$namespace}-tag--#{$type} {
             --#{$namespace}-tag-text-color: var(--#{$namespace}-color-white);
         }
@@ -327,7 +170,7 @@ $tag-icon-span-gap: map.merge(
     --#{$namespace}-tag-border-color: var(--#{$namespace}-color-primary-light-5);
     --#{$namespace}-tag-hover-color: var(--#{$namespace}-color-primary);
 
-    @each $type in success, warning, error, info {
+    @each $type in success, warning, error, danger, info {
         &.#{$namespace}-tag--#{$type} {
             --#{$namespace}-tag-bg-color: var(--#{$namespace}-fill-color-blank);
             --#{$namespace}-tag-border-color: var(--#{$namespace}-color#{joinVarName(($type, 'light-5'))});

package/theme-chalk/time-line/_timeline-item.scss

@@ -59,7 +59,7 @@
 @each $type in (success, warning, danger, info) {
     .#{$namespace}-timeline-item__node--#{$type} {
         background-color: var(--#{$namespace}-color-#{$type});
-        border-color: var(--#{$namespace}-color#{$type});
+        border-color: var(--#{$namespace}-color-#{$type});
     }
 }