💣 Removed Modal Maker dep

Author: codewithkyle

package.json

@@ -61,7 +61,6 @@
         "@codewithkyle/supercomponent",
         "@codewithkyle/router",
         "@codewithkyle/messaging",
-        "@codewithkyle/modal-maker",
         "@codewithkyle/pubsub",
         "@codewithkyle/uuid",
         "tooltipper",
@@ -78,7 +77,6 @@
     "devDependencies": {
         "@codewithkyle/asset-manager": "1.x",
         "@codewithkyle/messaging": "1.x",
-        "@codewithkyle/modal-maker": "1.x",
         "@codewithkyle/notifyjs": "3.x",
         "@codewithkyle/pubsub": "1.x",
         "@codewithkyle/router": "1.x",
@@ -109,7 +107,6 @@
         "typescript": "^4.5.4"
     },
     "peerDependencies": {
-        "@codewithkyle/modal-maker": "1.x",
         "@codewithkyle/notifyjs": "3.x",
         "@codewithkyle/pubsub": "1.x",
         "@codewithkyle/supercomponent": "1.x",

src/framework/components/modals/index.html

@@ -1,66 +1,8 @@
 <div class="w-full text-center">
-    <button sfx="button" kind="solid" color="primary" class="m-0.5 bttn js-bttn-general">Passive</button>
-    <button sfx="button" kind="solid" color="primary" class="m-0.5 bttn js-bttn-warn">Confirm</button>
-    <button sfx="button" kind="solid" color="primary" class="m-0.5 bttn js-bttn-confirm-danger">Confirm Danger</button>
-    <button sfx="button" kind="solid" color="primary" class="m-0.5 bttn js-bttn-danger">Form</button>
-    <button sfx="button" kind="solid" color="primary" class="m-0.5 bttn js-bttn-success">Raw Data</button>
-    <script type="module">
-        import { passive, confirm, form, raw } from "/js/modal-maker.js";
-        document.body.querySelector(".js-bttn-general").addEventListener("click", () => {
-            passive({
-                heading: "Example Modal",
-                message: "This is an example passive modal.",
-            });
-        });
-        document.body.querySelector(".js-bttn-warn").addEventListener("click", () => {
-            confirm({
-                heading: "Example Modal",
-                message: "This is an example confirm modal.",
-            })
-                .then(() => {
-                    console.log("Confirmed");
-                })
-                .catch(() => {
-                    console.log("Canceled");
-                });
-        });
-        document.body.querySelector(".js-bttn-confirm-danger").addEventListener("click", () => {
-            confirm({
-                heading: "Example Modal",
-                message: "This is an example danger confirm modal.",
-                dangerous: true,
-                confirmLabel: "delete account",
-                size: "medium",
-            })
-                .then(() => {
-                    console.log("Confirmed");
-                })
-                .catch(() => {
-                    console.log("Canceled");
-                });
-        });
-        document.body.querySelector(".js-bttn-danger").addEventListener("click", () => {
-            const formEl = document.createElement("form");
-            formEl.innerHTML = `<input type="text" placeholder="Your name" name="fullName">`;
-            form({
-                form: formEl,
-            })
-                .then((data) => {
-                    console.log(data.get("fullName"));
-                })
-                .catch(() => {
-                    console.log("Form rejected");
-                });
-        });
-        document.body.querySelector(".js-bttn-success").addEventListener("click", () => {
-            raw({
-                heading: "Waffles",
-                message: "They're better than pancakes. Don't @ me.",
-                el: `<img class="w-full ar-16:9" src="https://images.unsplash.com/photo-1616709620730-0058222c8389?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80" alt="waffles on white ceramic plate">`,
-                size: "large",
-            });
-        });
-    </script>
+    <button sfx="button" kind="solid" color="grey" class="m-0.5 bttn js-bttn-general">Passive</button>
+    <button sfx="button" kind="solid" color="grey" class="m-0.5 bttn js-bttn-warn">Confirm</button>
+    <button sfx="button" kind="solid" color="grey" class="m-0.5 bttn js-bttn-confirm-danger">Confirm Danger</button>
+    <button sfx="button" kind="solid" color="grey" class="m-0.5 bttn js-bttn-danger">General Actions</button>
+    <script type="module"></script>
 </div>
-<link href="/css/modals.css" rel="stylesheet" />
 <link href="/css/button.css" rel="stylesheet" />