chore: fix icon colors

src/avatar/src/styles/themed-base.cssr.js

@@ -41,8 +41,7 @@ export default c([
       }),
       cTB('icon', {
         raw: `
-          fill: #FFF;
-          stroke: #FFF;
+          color: #FFF;
           vertical-align: bottom;
         `
       })

src/checkbox/src/styles/themed-base.cssr.js

@@ -225,16 +225,12 @@ export default c([
           }, [
             cB('checkbox-icon', [
               cE('check, line', {
-                raw: `
-                  fill: ${iconColorDisabled};
-                `
+                fill: iconColorDisabled
               })
             ])
           ]),
           cE('label', {
-            raw: `
-              color: ${labelTextColorDisabled};
-            `
+            color: labelTextColorDisabled
           })
         ])
       ])

src/menu/src/styles/themed-base.cssr.js

@@ -229,8 +229,7 @@ export default c([
           `
         }, [
           cB('icon', {
-            fill: itemIconColor,
-            stroke: itemIconColor
+            color: itemIconColor
           })
         ]),
         cE('arrow', {

src/notification/src/styles/themed-base.cssr.js

@@ -4,10 +4,7 @@ function typeStyle (type, color) {
   return cM(`${type}-type`, [
     cE('avatar', [
       cB('icon', {
-        raw: `
-          fill: ${color};
-          stroke: ${color};
-        `
+        color
       })
     ])
   ])
@@ -165,25 +162,16 @@ export default c([
             `
           }, [
             cB('icon', {
-              raw: `
-                fill: ${closeColor};
-                stroke: ${closeColor};
-            `
+              color: closeColor
             }),
             c('&:hover', [
               cB('icon', {
-                raw: `
-                  fill: ${closeColorHover};
-                  stroke: ${closeColorHover};
-                `
+                color: closeColorHover
               })
             ]),
             c('&:active', [
               cB('icon', {
-                raw: `
-                  fill: ${closeColorActive};
-                  stroke: ${closeColorActive};
-                `
+                color: closeColorActive
               })
             ])
           ])

src/popconfirm/src/styles/themed-base.cssr.js

@@ -22,16 +22,13 @@ export default c([
               font-size: 22px;
               left: 0;
               top: -2px;
-              fill: ${iconColor};
-              stroke: ${iconColor};
+              color: ${iconColor};
             `
           })
         ]),
         cM('show-icon', [
           cE('body', {
-            raw: `
-              padding-left: 26px;
-            `
+            paddingLeft: '26px'
           })
         ]),
         cE('action', {

src/progress/src/styles/themed-type.cssr.js

@@ -45,7 +45,7 @@ export default c([
         }),
         cB('progress-icon', [
           cB('icon', {
-            fill: fillColor
+            color: fillColor
           }),
           cM('as-text', {
             color: outerIndicatorTextColor

src/result/src/styles/themed-base.cssr.js

@@ -4,10 +4,7 @@ function createResultStatus (status, colorStatus) {
   return cM(`${status}-status`, [
     cB('result-icon', [
       cB('icon', {
-        raw: `
-          fill: ${colorStatus[status]};
-          stroke: ${colorStatus[status]};
-        `
+        color: colorStatus[status]
       })
     ])
   ])

src/result/src/styles/themed-size.cssr.js

@@ -1,9 +1,9 @@
-import { c, cB, cTB, cE, cM } from '../../../_utils/cssr'
+import { c, cB, cTB, cE, cM, createKey } from '../../../_utils/cssr'
 
 export default c([
   ({ props }) => {
     const size = props.$instance.size
-    const { iconSize, headerFontSize, descriptionFontSize } = props.$local
+    const { $local } = props
     return cTB('result',
       [
         cM(`${size}-size`, [
@@ -14,21 +14,15 @@ export default c([
             `
           }, [
             cE('status-image', {
-              raw: `
-                width: ${iconSize[size]}
-              `
+              width: $local[createKey('iconSize', size)]
             })
           ]),
           cB('result-header', [
             cE('title', {
-              raw: `
-                font-size: ${headerFontSize[size]}
-              `
+              fontSize: $local[createKey('headerFontSize', size)]
             }),
             cE('description', {
-              raw: `
-                font-size: ${descriptionFontSize[size]}
-              `
+              fontSize: $local[createKey('descriptionFontSize', size)]
             })
           ])
         ])

src/result/styles/_common.js

@@ -1,20 +1,14 @@
 export default {
-  headerFontSize: {
-    small: '26px',
-    medium: '32px',
-    large: '40px',
-    huge: '48px'
-  },
-  descriptionFontSize: {
-    small: '14px',
-    medium: '14px',
-    large: '15px',
-    huge: '16px'
-  },
-  iconSize: {
-    small: '64px',
-    medium: '80px',
-    large: '100px',
-    huge: '125px'
-  }
+  headerFontSizeSmall: '26px',
+  headerFontSizeMedium: '32px',
+  headerFontSizeLarge: '40px',
+  headerFontSizeHuge: '48px',
+  descriptionFontSizeSmall: '14px',
+  descriptionFontSizeMedium: '14px',
+  descriptionFontSizeLarge: '15px',
+  descriptionFontSizeHuge: '16px',
+  iconSizeSmall: '64px',
+  iconSizeMedium: '80px',
+  iconSizeLarge: '100px',
+  iconSizeHuge: '125px'
 }

src/statistic/src/styles/themed-base.cssr.js

@@ -36,11 +36,8 @@ export default c([
           color: valuePrefixTextColor
         }, [
           cB('icon', {
-            raw: `
-              vertical-align: -0.125em;
-            `,
-            fill: valuePrefixTextColor,
-            stroke: valuePrefixTextColor
+            verticalAlign: '-0.125em',
+            color: valuePrefixTextColor
           })
         ]),
         cE('content', {
@@ -61,8 +58,7 @@ export default c([
             raw: `
               vertical-align: -0.125em;
             `,
-            fill: valueSuffixTextColor,
-            stroke: valueSuffixTextColor
+            color: valueSuffixTextColor
           })
         ])
       ])