feat(Tag): split primary and primary deletable

alibaba-fusion · Jun 25, 2019 · 4ace5a6 · 4ace5a6
1 parent 384638f
commit 4ace5a6
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 9 deletions.
diff --git a/src/tag/scss/placeholder.scss b/src/tag/scss/placeholder.scss
@@ -39,18 +39,18 @@
 
 %tag-statement-closable-primary {
     @include tag-statement(
-        $tag-fill-text-color,
-        $tag-fill-border-color,
-        $tag-fill-bg-color,
-        $tag-fill-text-color-hover,
-        $tag-fill-border-color-hover,
-        $tag-fill-bg-color-hover,
+        $tag-closable-primary-fill-text-color,
+        $tag-closable-primary-fill-border-color,
+        $tag-closable-primary-fill-bg-color,
+        $tag-closable-primary-fill-text-color-hover,
+        $tag-closable-primary-fill-border-color-hover,
+        $tag-closable-primary-fill-bg-color-hover,
         $tag-fill-tail-color,
         $tag-fill-tail-color-hover,
         $tag-fill-tail-color-disabled,
-        $tag-fill-text-color-disabled,
-        $tag-fill-border-color-disabled,
-        $tag-fill-bg-color-disabled
+        $tag-closable-primary-fill-text-color-disabled,
+        $tag-closable-primary-fill-border-color-disabled,
+        $tag-closable-primary-fill-bg-color-disabled
     );
 }
 

diff --git a/src/tag/scss/variable.scss b/src/tag/scss/variable.scss
@@ -521,3 +521,30 @@ $tag-checkable-secondary-icon-color-selected-hover: $color-white !default;
 $tag-checkable-secondary-icon-color-selected-disabled: $color-white !default;
 
 
+/// text
+/// @namespace statement/normal/bounding
+$tag-closable-primary-fill-text-color: $color-text1-3 !default;
+/// border
+/// @namespace statement/normal/bounding
+$tag-closable-primary-fill-border-color: $color-fill1-3;
+/// background
+/// @namespace statement/normal/bounding
+$tag-closable-primary-fill-bg-color: $color-fill1-3 !default;
+/// text
+/// @namespace statement/hover/bounding
+$tag-closable-primary-fill-text-color-hover: $color-text1-4 !default;
+/// border
+/// @namespace statement/hover/bounding
+$tag-closable-primary-fill-border-color-hover: $color-fill1-4 !default;
+/// background
+/// @namespace statement/hover/bounding
+$tag-closable-primary-fill-bg-color-hover: $color-fill1-4 !default;
+/// text
+/// @namespace statement/disabled/bounding
+$tag-closable-primary-fill-text-color-disabled: $color-text1-1 !default;
+/// border
+/// @namespace statement/disabled/bounding
+$tag-closable-primary-fill-border-color-disabled: $color-fill1-1 !default;
+/// background
+/// @namespace statement/disabled/bounding
+$tag-closable-primary-fill-bg-color-disabled: $color-fill1-1 !default;