Expose more CSS vars

Author: zerodevx

src/ToastItem.svelte

@@ -57,14 +57,17 @@ $: if (typeof item.progress !== 'undefined') {
   height: var(--toastHeight,auto);
   min-height: var(--toastMinHeight,3.5rem);
   margin: var(--toastMargin,0 0 0.5rem 0);
+  padding: var(--toastPadding,0);
   background: var(--toastBackground,rgba(66,66,66,0.9));
   color: var(--toastColor,#FFF);
   box-shadow: var(--toastBoxShadow,0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06));
+  border: var(--toastBorder,none);
   border-radius: var(--toastBorderRadius,0.125rem);
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
+  overflow: hidden;
   will-change: transform,opacity;
   -webkit-tap-highlight-color: transparent;
 }
@@ -86,16 +89,20 @@ $: if (typeof item.progress !== 'undefined') {
   outline: none;
 }
 ._toastBar {
+  top: var(--toastBarTop,auto);
+  right: var(--toastBarRight,auto);
+  bottom: var(--toastBarBottom,0);
+  left: var(--toastBarLeft,0);
+  height: var(--toastBarHeight,6px);
+  width: var(--toastBarWidth,100%);
+  position: absolute;
   display: block;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 6px;
   background: transparent;
+  pointer-events: none;
 }
 ._toastBar::-webkit-progress-bar {
   background: transparent;