Remove type options, update dependencies, minor example UI fix

Author: usernamus

example/Children.svelte

@@ -121,7 +121,7 @@
           </button>
           <button
             class="bottom-right"
-            class:active={position === 'bottom-rigth'}
+            class:active={position === 'bottom-right'}
             id="bottom-right"
             on:click={setPosition}
           >

index.d.ts

@@ -15,7 +15,7 @@ interface DefaultNotificationOptions {
   id?: string;
   text: string;
   position: Position;
-  type?: 'success' | 'warning' | 'danger';
+  type?: string;
   removeAfter?: number;
 }
 

package-lock.json

@@ -32,15 +32,15 @@
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "autoprefixer": "^10.4.7",
-    "cypress": "^9.6.1",
-    "eslint": "^8.15.0",
+    "cypress": "^9.7.0",
+    "eslint": "^8.16.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.13",
-    "rollup": "^2.73.0",
+    "postcss": "^8.4.14",
+    "rollup": "^2.75.3",
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-livereload": "^2.0.5",
     "rollup-plugin-svelte": "^7.1.0",

package.json

@@ -237,6 +237,7 @@ button.button:active {
 .show-custom {
   display: flex;
   align-items: center;
+  padding-bottom: 10px;
 }
 
 input[type="checkbox"] {
@@ -287,7 +288,7 @@ input[type="checkbox"]:checked + .toggle:after {
 
 .additional-tools {
   overflow: hidden;
-  padding: 10px 0;
+  padding: 10px 0 0;
   margin: 0 0 15px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);