feat: notifycation 新增样式命名区分 theme (#834)

Tencent · Jun 2, 2022 · 53732ee · 53732ee
1 parent a8ff094
commit 53732ee
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/src/notification/Notification.tsx b/src/notification/Notification.tsx
@@ -76,7 +76,7 @@ export const Notification = forwardRef<any, NotificationProps>((props, ref) => {
   return (
     <div
       className={classNames(`${classPrefix}-notification`, {
-        [`${classPrefix}-notification-theme-${theme}`]: theme,
+        [`${classPrefix}-is-${theme}`]: theme,
       })}
       style={style}
     >

diff --git a/src/notification/__tests__/__snapshots__/Notification.test.tsx.snap b/src/notification/__tests__/__snapshots__/Notification.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`base.jsx 1`] = `
 <DocumentFragment>
   <div
-    class="t-notification t-notification-theme-info"
+    class="t-notification t-is-info"
   >
     <div
       class="t-notification__icon"
@@ -79,7 +79,7 @@ exports[`content.jsx 1`] = `
     class="tdesign-demo-block-columns"
   >
     <div
-      class="t-notification t-notification-theme-info"
+      class="t-notification t-is-info"
     >
       <div
         class="t-notification__icon"
@@ -118,7 +118,7 @@ exports[`content.jsx 1`] = `
       </div>
     </div>
     <div
-      class="t-notification t-notification-theme-info"
+      class="t-notification t-is-info"
     >
       <div
         class="t-notification__icon"
@@ -161,7 +161,7 @@ exports[`content.jsx 1`] = `
 exports[`footer.jsx 1`] = `
 <DocumentFragment>
   <div
-    class="t-notification t-notification-theme-info"
+    class="t-notification t-is-info"
   >
     <div
       class="t-notification__icon"
@@ -226,7 +226,7 @@ exports[`icon.jsx 1`] = `
     class="tdesign-demo-block-column"
   >
     <div
-      class="t-notification t-notification-theme-info"
+      class="t-notification t-is-info"
     >
       <div
         class="t-notification__icon"
@@ -265,7 +265,7 @@ exports[`icon.jsx 1`] = `
       </div>
     </div>
     <div
-      class="t-notification t-notification-theme-error"
+      class="t-notification t-is-error"
     >
       <div
         class="t-notification__icon"
@@ -304,7 +304,7 @@ exports[`icon.jsx 1`] = `
       </div>
     </div>
     <div
-      class="t-notification t-notification-theme-warning"
+      class="t-notification t-is-warning"
     >
       <div
         class="t-notification__icon"
@@ -343,7 +343,7 @@ exports[`icon.jsx 1`] = `
       </div>
     </div>
     <div
-      class="t-notification t-notification-theme-success"
+      class="t-notification t-is-success"
     >
       <div
         class="t-notification__icon"
@@ -391,7 +391,7 @@ exports[`operation.jsx 1`] = `
     class="tdesign-demo-block-column"
   >
     <div
-      class="t-notification t-notification-theme-info"
+      class="t-notification t-is-info"
     >
       <div
         class="t-notification__icon"
@@ -446,7 +446,7 @@ exports[`operation.jsx 1`] = `
       </div>
     </div>
     <div
-      class="t-notification t-notification-theme-info"
+      class="t-notification t-is-info"
     >
       <div
         class="t-notification__icon"
@@ -501,7 +501,7 @@ exports[`operation.jsx 1`] = `
       </div>
     </div>
     <div
-      class="t-notification t-notification-theme-info"
+      class="t-notification t-is-info"
     >
       <div
         class="t-notification__icon"
@@ -563,7 +563,7 @@ exports[`operation.jsx 1`] = `
       </div>
     </div>
     <div
-      class="t-notification t-notification-theme-info"
+      class="t-notification t-is-info"
     >
       <div
         class="t-notification__icon"
@@ -633,7 +633,7 @@ exports[`operation.jsx 1`] = `
       </div>
     </div>
     <div
-      class="t-notification t-notification-theme-info"
+      class="t-notification t-is-info"
     >
       <div
         class="t-notification__icon"