From 41bde60f7dec8194c75f5fc02be64a1f196dd7c8 Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Fri, 13 Nov 2020 13:34:19 +0800
Subject: [PATCH] refactor(message, upload): cssr var names

---
 src/message/src/styles/themed-base.cssr.js | 12 ++++++------
 src/message/styles/dark.js                 |  4 ++--
 src/message/styles/light.js                |  4 ++--
 src/upload/src/styles/themed-base.cssr.js  |  4 ++--
 src/upload/styles/dark.js                  |  2 +-
 src/upload/styles/light.js                 |  2 +-
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/message/src/styles/themed-base.cssr.js b/src/message/src/styles/themed-base.cssr.js
index 3f09cf01a..e8da3a999 100644
--- a/src/message/src/styles/themed-base.cssr.js
+++ b/src/message/src/styles/themed-base.cssr.js
@@ -30,8 +30,8 @@ export default c([
       closeColorHover,
       closeColorActive,
       closeColorLoading,
-      closeColorLoadingHover,
-      closeColorLoadingActive
+      closeColorHoverLoading,
+      closeColorActiveLoading
     } = props.$local
     const {
       cubicBezierEaseInOut
@@ -128,14 +128,14 @@ export default c([
         }, [
           c('&:hover', {
             raw: `
-              fill: ${closeColorLoadingHover};
-              stroke: ${closeColorLoadingHover};
+              fill: ${closeColorHoverLoading};
+              stroke: ${closeColorHoverLoading};
             `
           }),
           c('&:active', {
             raw: `
-              fill: ${closeColorLoadingActive};
-              stroke: ${closeColorLoadingActive};
+              fill: ${closeColorActiveLoading};
+              stroke: ${closeColorActiveLoading};
             `
           })
         ])
diff --git a/src/message/styles/dark.js b/src/message/styles/dark.js
index f47596f7a..911fd5556 100644
--- a/src/message/styles/dark.js
+++ b/src/message/styles/dark.js
@@ -42,8 +42,8 @@ export default create({
       closeColorHover: 'rgba(255, 255, 255, .6)',
       closeColorActive: 'rgba(255, 255, 255, .4)',
       closeColorLoading: 'rgba(255, 255, 255, .5)',
-      closeColorLoadingHover: 'rgba(255, 255, 255, .6)',
-      closeColorLoadingActive: 'rgba(255, 255, 255, .4)'
+      closeColorHoverLoading: 'rgba(255, 255, 255, .6)',
+      closeColorActiveLoading: 'rgba(255, 255, 255, .4)'
     }
   }
 })
diff --git a/src/message/styles/light.js b/src/message/styles/light.js
index a705d1c90..07c07af15 100644
--- a/src/message/styles/light.js
+++ b/src/message/styles/light.js
@@ -44,8 +44,8 @@ export default create({
       closeColorHover: 'rgba(255, 255, 255, .6)',
       closeColorActive: 'rgba(255, 255, 255, .4)',
       closeColorLoading: closeColor,
-      closeColorLoadingHover: closeColorHover,
-      closeColorLoadingActive: closeColor
+      closeColorHoverLoading: closeColorHover,
+      closeColorActiveLoading: closeColor
     }
   }
 })
diff --git a/src/upload/src/styles/themed-base.cssr.js b/src/upload/src/styles/themed-base.cssr.js
index 0f409df74..aa0aeb530 100644
--- a/src/upload/src/styles/themed-base.cssr.js
+++ b/src/upload/src/styles/themed-base.cssr.js
@@ -12,7 +12,7 @@ export default c([
       draggerColor,
       draggerBorderColorHover,
       itemColorHover,
-      itemColorErrorHover,
+      itemColorHoverError,
       itemTextColorError,
       itemTextColorSuccess,
       itemTextColor,
@@ -108,7 +108,7 @@ export default c([
           cM('error-status', [
             c('&:hover', {
               raw: `
-                background-color: ${itemColorErrorHover};
+                background-color: ${itemColorHoverError};
               `
             }),
             cB('upload-file-info', [
diff --git a/src/upload/styles/dark.js b/src/upload/styles/dark.js
index 22a0c8ebe..361ce6c6e 100644
--- a/src/upload/styles/dark.js
+++ b/src/upload/styles/dark.js
@@ -22,7 +22,7 @@ export default create({
       draggerBorderColor: borderColor,
       draggerBorderColorHover: primaryColor,
       itemColorHover: hoverColorOverlay,
-      itemColorErrorHover: changeColor(errorColor, {
+      itemColorHoverError: changeColor(errorColor, {
         alpha: 0.09
       }),
       itemTextColor: textColor2,
diff --git a/src/upload/styles/light.js b/src/upload/styles/light.js
index 53e5a7e57..c4c9a1f36 100644
--- a/src/upload/styles/light.js
+++ b/src/upload/styles/light.js
@@ -22,7 +22,7 @@ export default create({
       draggerBorderColor: borderColor,
       draggerBorderColorHover: primaryColor,
       itemColorHover: hoverColorOverlay,
-      itemColorErrorHover: changeColor(errorColor, {
+      itemColorHoverError: changeColor(errorColor, {
         alpha: 0.06
       }),
       itemTextColor: textColor2,