feat: toast

coingaming · Nov 30, 2020 · cccd804 · cccd804
1 parent 9246660
commit cccd804
Show file tree

Hide file tree

Showing 19 changed files with 296 additions and 392 deletions.
diff --git a/packages/notifications/src/banner/Banner.tsx b/packages/notifications/src/banner/Banner.tsx
diff --git a/packages/notifications/src/banner/README.mdx b/packages/notifications/src/banner/README.mdx
diff --git a/packages/notifications/src/index.ts b/packages/notifications/src/index.ts
@@ -2,9 +2,19 @@
  * @file Automatically generated by barrelsby.
  */
 
-export { default as Banner } from './banner/Banner';
-export * from './banner/Banner';
-export { default as Snackbar } from './snackbar/Snackbar';
-export * from './snackbar/Snackbar';
-export { default as useSnackbar } from './useSnackbar/useSnackbar';
-export * from './useSnackbar/useSnackbar';
+export { default as Toast } from './toast/Toast';
+export * from './toast/Toast';
+export { default as ToastAction } from './toast/ToastAction';
+export * from './toast/ToastAction';
+export { default as ToastCloseButton } from './toast/ToastCloseButton';
+export * from './toast/ToastCloseButton';
+export { default as ToastContainer } from './toast/ToastContainer';
+export * from './toast/ToastContainer';
+export { default as ToastIcon } from './toast/ToastIcon';
+export * from './toast/ToastIcon';
+export { default as ToastMessage } from './toast/ToastMessage';
+export * from './toast/ToastMessage';
+export { default as useInterval } from './useToast/useInterval';
+export * from './useToast/useInterval';
+export { default as useToast } from './useToast/useToast';
+export * from './useToast/useToast';
diff --git a/...ions/src/private/icons/IconCloseSmall.tsx → ...ions/src/private/icons/IconToastClose.tsx b/...ions/src/private/icons/IconCloseSmall.tsx → ...ions/src/private/icons/IconToastClose.tsx
@@ -27,7 +27,7 @@ type IconProps = {
   circleColor?: ColorProps;
   color?: ColorProps;
 };
-const IconCloseSmall = styled(Svg)<IconProps>(
+const IconToastClose = styled(Svg)<IconProps>(
   ({ backgroundColor, circleColor, color, theme }) => [
     {
       verticalAlign: 'middle',
@@ -48,4 +48,4 @@ const IconCloseSmall = styled(Svg)<IconProps>(
     },
   ]
 );
-export default IconCloseSmall;
+export default IconToastClose;
diff --git a/...fications/src/private/icons/IconError.tsx → ...ions/src/private/icons/IconToastError.tsx b/...fications/src/private/icons/IconError.tsx → ...ions/src/private/icons/IconToastError.tsx
@@ -22,7 +22,7 @@ type IconProps = {
   circleColor?: ColorProps;
   color?: ColorProps;
 };
-const IconError = styled(Svg)<IconProps>(
+const IconToastError = styled(Svg)<IconProps>(
   ({ backgroundColor, circleColor, color, theme }) => [
     {
       verticalAlign: 'middle',
@@ -43,4 +43,4 @@ const IconError = styled(Svg)<IconProps>(
     },
   ]
 );
-export default IconError;
+export default IconToastError;
diff --git a/...ions/src/private/icons/IconBannerInfo.tsx → ...tions/src/private/icons/IconToastInfo.tsx b/...ions/src/private/icons/IconBannerInfo.tsx → ...tions/src/private/icons/IconToastInfo.tsx
@@ -25,7 +25,7 @@ type IconProps = {
   circleColor?: ColorProps;
   color?: ColorProps;
 };
-const IconBannerInfo = styled(Svg)<IconProps>(
+const IconToastInfo = styled(Svg)<IconProps>(
   ({ backgroundColor, circleColor, color, theme }) => [
     {
       verticalAlign: 'middle',
@@ -46,4 +46,4 @@ const IconBannerInfo = styled(Svg)<IconProps>(
     },
   ]
 );
-export default IconBannerInfo;
+export default IconToastInfo;
diff --git a/...src/private/icons/IconSnackbarSuccess.tsx → ...ns/src/private/icons/IconToastSuccess.tsx b/...src/private/icons/IconSnackbarSuccess.tsx → ...ns/src/private/icons/IconToastSuccess.tsx
@@ -33,7 +33,7 @@ type IconProps = {
   circleColor?: ColorProps;
   color?: ColorProps;
 };
-const IconSnackbarSuccess = styled(Svg)<IconProps>(
+const IconToastSuccess = styled(Svg)<IconProps>(
   ({ backgroundColor, circleColor, color, theme }) => [
     {
       verticalAlign: 'middle',
@@ -54,4 +54,4 @@ const IconSnackbarSuccess = styled(Svg)<IconProps>(
     },
   ]
 );
-export default IconSnackbarSuccess;
+export default IconToastSuccess;
diff --git a/...cations/src/private/icons/IconWarning.tsx → ...ns/src/private/icons/IconToastWarning.tsx b/...cations/src/private/icons/IconWarning.tsx → ...ns/src/private/icons/IconToastWarning.tsx
@@ -26,7 +26,7 @@ type IconProps = {
   circleColor?: ColorProps;
   color?: ColorProps;
 };
-const IconWarning = styled(Svg)<IconProps>(
+const IconToastWarning = styled(Svg)<IconProps>(
   ({ backgroundColor, circleColor, color, theme }) => [
     {
       verticalAlign: 'middle',
@@ -47,4 +47,4 @@ const IconWarning = styled(Svg)<IconProps>(
     },
   ]
 );
-export default IconWarning;
+export default IconToastWarning;