Don't use default styling but offload it to classes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "editorjs-layout",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "Layout block tool for Editor.js. ",
   "keywords": [
     "codex editor",
@@ -9,10 +9,13 @@
     "layout",
     "tool"
   ],
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com"
+  },
   "bugs": {
-    "url": "https://github.com/hata6502/editorjs-layout/issues"
+    "url": "https://github.com/manuelderuiter/editorjs-layout/issues"
   },
-  "repository": "https://github.com/hata6502/editorjs-layout",
+  "repository": "https://github.com/manuelderuiter/editorjs-layout.git",
   "funding": {
     "type": "github",
     "url": "https://github.com/sponsors/hata6502"

src/itemContent/createDialog.ts

@@ -14,16 +14,12 @@ const createDialog = ({
   onClose?: (event: { editorJSData: OutputData }) => void;
 }) => {
   const dialog = document.createElement("dialog");
+  dialog.classList.add('editorjs-layout-container');
 
-  dialog.style.maxWidth = "960px";
-  // Make be not able to click inner
-  dialog.style.padding = "0";
-  dialog.style.width = "calc(100% - 64px)";
-
-  const editorJSHolder = document.createElement("div");
   const editorJSHolderID = uuidv4();
-
+  const editorJSHolder = document.createElement("div");
   editorJSHolder.id = editorJSHolderID;
+  editorJSHolder.classList.add('editorjs-holder');
 
   dialog.append(editorJSHolder);
 

src/itemContent/itemContent.ts

@@ -25,7 +25,7 @@ const renderItemContent = ({
 }: RenderItemContentProps) => {
   const editorJSHolderID = uuidv4();
   const wrapper = document.createElement("div");
-
+  wrapper.classList.add('editorjs-item-container');
   wrapper.id = editorJSHolderID;
 
   if (readOnly) {