fix: export margin on mobile and export ToastIcon type

Author: fkhadra

src/index.ts

@@ -22,6 +22,7 @@ export type {
   Id,
   ToastItem,
   ClearWaitingQueueFunc,
-  OnChangeCallback
+  OnChangeCallback,
+  ToastIcon
 } from './types';
 export type { CloseButtonProps } from './components/CloseButton';

src/style.css

@@ -90,6 +90,28 @@
   align-items: end;
 }
 
+.Toastify__toast {
+  --y: 0;
+  position: relative;
+  touch-action: none;
+  width: var(--toastify-toast-width);
+  min-height: var(--toastify-toast-min-height);
+  box-sizing: border-box;
+  margin-bottom: 1rem;
+  padding: var(--toastify-toast-padding);
+  border-radius: var(--toastify-toast-bd-radius);
+  box-shadow: var(--toastify-toast-shadow);
+  max-height: var(--toastify-toast-max-height);
+  font-family: var(--toastify-font-family);
+  /* webkit only issue #791 */
+  z-index: 0;
+  /* inner swag */
+  display: flex;
+  flex: 1 auto;
+  align-items: center;
+  word-break: break-word;
+}
+
 @media only screen and (max-width: 480px) {
   .Toastify__toast-container {
     width: 100vw;
@@ -119,28 +141,6 @@
   }
 }
 
-.Toastify__toast {
-  --y: 0;
-  position: relative;
-  touch-action: none;
-  width: var(--toastify-toast-width);
-  min-height: var(--toastify-toast-min-height);
-  box-sizing: border-box;
-  margin-bottom: 1rem;
-  padding: var(--toastify-toast-padding);
-  border-radius: var(--toastify-toast-bd-radius);
-  box-shadow: var(--toastify-toast-shadow);
-  max-height: var(--toastify-toast-max-height);
-  font-family: var(--toastify-font-family);
-  /* webkit only issue #791 */
-  z-index: 0;
-  /* inner swag */
-  display: flex;
-  flex: 1 auto;
-  align-items: center;
-  word-break: break-word;
-}
-
 .Toastify__toast-container[data-stacked='true'] {
   width: var(--toastify-toast-width);
 }