feat: add export el-class-name

src/Toaster/Message.tsx

@@ -63,27 +63,4 @@ const Message = ({
 };
 
 export default Message;
-//
-// const Content = styled.div`
-//
-// `;
 
-
-// const StatusIcon = styled.div`
-//   margin-right: 5px;
-// `;
-//
-// const MessageRoot = styled.button`
-//   display: inline-flex;
-//   flex-direction: row;
-//   align-items: center;
-//   justify-content: center;
-//
-//   background: #55a532;
-//   padding: 10px;
-//   color: #fff;
-//   border-radius: 5px;
-//   width: auto;
-//   margin: 0 auto;
-//
-// `;

src/Toaster/Toaster.tsx

@@ -14,7 +14,6 @@ interface IProps {
 
 
 const Toaster = ({
-    isVisible = false,
     onEntered = () => {},
     status,
     message,

src/Toaster/index.ts

@@ -1,2 +1 @@
 export {default} from './Toaster';
-// export {default as Message} from './Message';

src/el-class-name.ts

@@ -0,0 +1,14 @@
+/**
+ * css class setting
+ */
+export default {
+    portal: 'bear-react-toaster__portal',
+    message: 'bear-react-toaster__message',
+    content: 'bear-react-toaster__content',
+    messageStatusSuccess: 'bear-react-toaster__message-status-success',
+    messageStatusWarning: 'bear-react-toaster__message-status-warning',
+    messageStatusError: 'bear-react-toaster__message-status-error',
+    messageStatusInfo: 'bear-react-toaster__message-status-info',
+    messageIcon: 'bear-bear-react-toaster__message-icon',
+    messageAnimation: 'bear-react-toaster__message-animation',
+};

src/index.ts

@@ -1,3 +1,4 @@
 export {default as ToasterPortal, toast} from './ToasterPortal';
+export {default as elClassName} from './el-class-name';
 export * from './types';