draftify-react 0.3.2 → 0.3.3

package/dist/draftify-react.css

@@ -1 +1 @@
-.df-heading{border:none;width:100%;outline:none;font-size:24px;font-weight:600}.df-subheading{border:none;width:100%;outline:none;font-size:20px;font-weight:600}.df-paragraph{border:none;width:100%;height:fit-content;outline:none}.df-quote{border:none;width:100%;border-left:4px solid var(--draftify-theme-color);outline:none;font-size:18px;font-style:italic;padding-left:8px}.df-list{border:none;width:100%;outline:none;font-size:14px;list-style-type:disc}.df-link{border:none;flex:-1;width:100%;outline:none;font-size:14px}.df-subheading{border:none;outline:none;width:100%;font-size:20px;font-weight:600}.draftify-root{--draftify-theme-color: rgb(59, 130, 246);--hovered-draftify-theme-color: rgb(30, 64, 175);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.df-quote{border:none;outline:none;width:100%;border-left:4px solid var(--draftify-theme-color);font-size:18px;font-style:italic;padding-left:8px}.df-paragraph{border:none;outline:none;width:100%;height:fit-content}.df-list{border:none;outline:none;width:100%;font-size:14px;list-style-type:disc}.df-link{border:none;outline:none;flex:-1;width:100%;font-size:14px}.df-code{font-family:monospace;background-color:#000;color:#fff;padding:8px;width:100%;white-space:pre-wrap;border-radius:6px}.df-media{width:100%;height:100%;object-fit:cover;border-radius:10px}.row-col-button-setter{border:1px solid var(--draftify-theme-color);border-radius:5px;line-height:normal;padding:0 4px;color:var(--draftify-theme-color);cursor:pointer}.row-col-button-setter:hover{background-color:var(--draftify-theme-color);color:#fff}._optionsContainer_1bxps_1{display:flex;flex-wrap:wrap;align-items:center;gap:5px}._optionButton_1bxps_15{display:flex;align-items:center;gap:10px;height:20px;padding:8px;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:14px;transition:color .2s ease}@media(min-width:768px){._optionButton_1bxps_15{font-size:16px}}._iconWrapper_1bxps_53{display:flex;position:relative}._subscript_1bxps_63{font-size:12px;line-height:1}.optionButton{display:flex;align-items:center;gap:10px;height:20px;padding:8px;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:14px;transition:color .2s ease}.draftify-root .draftify-container{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:20px;width:100%;min-height:450px;height:fit-content;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:8px;background-color:#fff}.draftify-root .draftify-container{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:20px;width:100%;min-height:450px;height:fit-content;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:8px;background-color:transparent}.draftify-root{--draftify-theme-color: #3b82f6;--hovered-draftify-theme-color: rgb(30, 64, 175);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}._container_1mz3p_3{border:1px solid #e5e7eb;width:100%;height:275px;position:relative;overflow:hidden}._mediaWrapper_1mz3p_19{width:100%;height:100%;display:flex;flex-direction:column;color:var(--draftify-theme-color);font-weight:500}._mediaItem_1mz3p_37{flex:1;width:100%;object-fit:cover}._footerOverlay_1mz3p_49{bottom:2px;display:flex;gap:8px;align-items:center;width:100%;height:25px;font-size:12px}._refreshButton_1mz3p_69{display:flex;gap:8px;border:1px solid currentColor;border-radius:5px;align-items:center;padding:0 4px;background-color:var(--draftify-theme-color);color:#fff;cursor:pointer}._dropzone_1mz3p_95{border:2px dashed #d1d5db;width:100%;height:100%;display:grid;place-items:center}._uploadLabel_1mz3p_111{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:8px 16px;border-radius:10px;cursor:pointer}._uploadIconCircle_1mz3p_135{border:1px solid #d1d5db;border-radius:50%;display:flex;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px}._donutContainer_1mz3p_159{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._donutOuter_1mz3p_175{display:grid;place-items:center;width:128px;height:128px;border-radius:50%}._donutInner_1mz3p_191{width:120px;height:120px;background-color:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--draftify-theme-color)}._optionsContainer_114lu_1{display:flex;flex-wrap:wrap;align-items:center;gap:5px}@media(min-width:768px){._optionsContainer_114lu_1{gap:10px}}._optionButton_114lu_27{display:flex;align-items:center;gap:10px;height:40px;padding:8px;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:14px;transition:color .2s ease}@media(min-width:768px){._optionButton_114lu_27{font-size:16px}}._iconWrapper_114lu_65{display:flex;position:relative}._subscript_114lu_75{font-size:12px;line-height:1}.container{border:1px solid #e5e7eb;width:100%;height:275px;position:relative;overflow:hidden}.mediaWrapper{width:100%;height:100%;display:flex;flex-direction:column;color:var(--draftify-theme-color);font-weight:500}.mediaItem{flex:1;width:100%;object-fit:cover}.footerOverlay{bottom:2px;display:flex;gap:8px;align-items:center;width:100%;height:25px;font-size:12px}.refreshButton{display:flex;gap:8px;border:1px solid currentColor;border-radius:5px;align-items:center;padding:0 4px;background-color:var(--draftify-theme-color);color:#fff;cursor:pointer}.dropzone{border:2px dashed #d1d5db;width:100%;height:100%;display:grid;place-items:center}.uploadLabel{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:8px 16px;border-radius:10px;cursor:pointer}.uploadIconCircle{border:1px solid #d1d5db;border-radius:50%;display:flex;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px}.donutContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.donutOuter{display:grid;place-items:center;width:128px;height:128px;border-radius:50%}.donutInner{width:120px;height:120px;background-color:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--draftify-theme-color)}.optionsContainer{display:flex;flex-wrap:wrap;align-items:center;gap:5px}@media(min-width:768px){.optionsContainer{gap:10px}}.optionButton{display:flex;align-items:center;gap:10px;height:40px;padding:8px;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:14px;transition:color .2s ease}@media(min-width:768px){.optionButton{font-size:16px}}.iconWrapper{display:flex;position:relative}.subscript{font-size:12px;line-height:1}.draftify-root{--draftify-theme-color: #3b82f6;--hovered-draftify-theme-color: rgb(30, 64, 175)}.draftify-root .draftify-container{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:20px;width:100%;min-height:450px;height:fit-content;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:8px}@media(min-width:768px){.draftify-root .draftify-container{gap:10px;padding:20px}}.draftify-root .doc-metadata-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:20px;box-shadow:0 10px 25px #00000026;z-index:10}.draftify-root .editor-area{flex:1;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:2.5px 0}@media(min-width:768px){.draftify-root .editor-area{padding:20px}}.draftify-root .output-area{display:grid;gap:10px;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:12px}@media(min-width:768px){.draftify-root .output-area{padding:20px}}.draftify-root .block-container{display:flex;align-items:center;gap:5px;border-radius:6px;padding:5px;transition:background-color .2s ease,color .2s ease}.draftify-root .logo-text{display:flex;gap:10px;align-items:center;font-weight:700;font-size:20px;background:linear-gradient(to bottom right,#1e40af,#a855f7);background-clip:text;-webkit-background-clip:text;color:transparent}.draftify-root .logo-description{text-decoration:underline;font-weight:400;font-size:12px}.draftify-root .delete-icon{cursor:pointer}.draftify-root .delete-icon :hover{color:#ef4444}
+.df-heading{border:none;width:100%;outline:none;font-size:24px;font-weight:600}.df-subheading{border:none;width:100%;outline:none;font-size:20px;font-weight:600}.df-paragraph{border:none;width:100%;height:fit-content;outline:none}.df-quote{border:none;width:100%;border-left:4px solid var(--draftify-theme-color);outline:none;font-size:18px;font-style:italic;padding-left:8px}.df-list{border:none;width:100%;outline:none;font-size:14px;list-style-type:disc}.df-link{border:none;flex:-1;width:100%;outline:none;font-size:14px}.df-subheading{border:none;outline:none;width:100%;font-size:20px;font-weight:600}.draftify-root{--draftify-theme-color: rgb(59, 130, 246);--hovered-draftify-theme-color: rgb(30, 64, 175);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.df-quote{border:none;outline:none;width:100%;border-left:4px solid var(--draftify-theme-color);font-size:18px;font-style:italic;padding-left:8px}.df-paragraph{border:none;outline:none;width:100%;height:fit-content}.df-list{border:none;outline:none;width:100%;font-size:14px;list-style-type:disc}.df-link{border:none;outline:none;flex:-1;width:100%;font-size:14px}.df-code{font-family:monospace;background-color:#000;color:#fff;padding:8px;width:100%;white-space:pre-wrap;border-radius:6px}.df-media{width:100%;height:100%;object-fit:cover;border-radius:10px}.row-col-button-setter{border:1px solid var(--draftify-theme-color);border-radius:5px;line-height:normal;padding:0 4px;color:var(--draftify-theme-color);cursor:pointer}.row-col-button-setter:hover{background-color:var(--draftify-theme-color);color:#fff}._optionsContainer_1bxps_1{display:flex;flex-wrap:wrap;align-items:center;gap:5px}._optionButton_1bxps_15{display:flex;align-items:center;gap:10px;height:20px;padding:8px;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:14px;transition:color .2s ease}@media(min-width:768px){._optionButton_1bxps_15{font-size:16px}}._iconWrapper_1bxps_53{display:flex;position:relative}._subscript_1bxps_63{font-size:12px;line-height:1}.optionButton{display:flex;align-items:center;gap:10px;height:20px;padding:8px;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:14px;transition:color .2s ease}.draftify-root .draftify-container{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:20px;width:100%;min-height:450px;height:fit-content;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:8px;background-color:#fff}.draftify-root .draftify-container{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:20px;width:100%;min-height:450px;height:fit-content;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:8px;background-color:transparent}.draftify-root{--draftify-theme-color: #3b82f6;--hovered-draftify-theme-color: rgb(30, 64, 175);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}._container_1mz3p_3{border:1px solid #e5e7eb;width:100%;height:275px;position:relative;overflow:hidden}._mediaWrapper_1mz3p_19{width:100%;height:100%;display:flex;flex-direction:column;color:var(--draftify-theme-color);font-weight:500}._mediaItem_1mz3p_37{flex:1;width:100%;object-fit:cover}._footerOverlay_1mz3p_49{bottom:2px;display:flex;gap:8px;align-items:center;width:100%;height:25px;font-size:12px}._refreshButton_1mz3p_69{display:flex;gap:8px;border:1px solid currentColor;border-radius:5px;align-items:center;padding:0 4px;background-color:var(--draftify-theme-color);color:#fff;cursor:pointer}._dropzone_1mz3p_95{border:2px dashed #d1d5db;width:100%;height:100%;display:grid;place-items:center}._uploadLabel_1mz3p_111{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:8px 16px;border-radius:10px;cursor:pointer}._uploadIconCircle_1mz3p_135{border:1px solid #d1d5db;border-radius:50%;display:flex;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px}._donutContainer_1mz3p_159{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._donutOuter_1mz3p_175{display:grid;place-items:center;width:128px;height:128px;border-radius:50%}._donutInner_1mz3p_191{width:120px;height:120px;background-color:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--draftify-theme-color)}._optionsContainer_114lu_1{display:flex;flex-wrap:wrap;align-items:center;gap:5px}@media(min-width:768px){._optionsContainer_114lu_1{gap:10px}}._optionButton_114lu_27{display:flex;align-items:center;gap:10px;height:40px;padding:8px;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:14px;transition:color .2s ease}@media(min-width:768px){._optionButton_114lu_27{font-size:16px}}._iconWrapper_114lu_65{display:flex;position:relative}._subscript_114lu_75{font-size:12px;line-height:1}.container{border:1px solid #e5e7eb;width:100%;height:275px;position:relative;overflow:hidden}.mediaWrapper{width:100%;height:100%;display:flex;flex-direction:column;color:var(--draftify-theme-color);font-weight:500}.mediaItem{flex:1;width:100%;object-fit:cover}.footerOverlay{bottom:2px;display:flex;gap:8px;align-items:center;width:100%;height:25px;font-size:12px}.refreshButton{display:flex;gap:8px;border:1px solid currentColor;border-radius:5px;align-items:center;padding:0 4px;background-color:var(--draftify-theme-color);color:#fff;cursor:pointer}.dropzone{border:2px dashed #d1d5db;width:100%;height:100%;display:grid;place-items:center}.uploadLabel{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:8px 16px;border-radius:10px;cursor:pointer}.uploadIconCircle{border:1px solid #d1d5db;border-radius:50%;display:flex;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px}.donutContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.donutOuter{display:grid;place-items:center;width:128px;height:128px;border-radius:50%}.donutInner{width:120px;height:120px;background-color:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--draftify-theme-color)}.optionsContainer{display:flex;flex-wrap:wrap;align-items:center;gap:5px}@media(min-width:768px){.optionsContainer{gap:10px}}.optionButton{display:flex;align-items:center;gap:10px;height:40px;padding:8px;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:14px;transition:color .2s ease}@media(min-width:768px){.optionButton{font-size:16px}}.iconWrapper{display:flex;position:relative}.subscript{font-size:12px;line-height:1}.draftify-root{--draftify-theme-color: #3b82f6;--hovered-draftify-theme-color: rgb(30, 64, 175)}.draftify-root .draftify-container{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:20px;width:100%;min-height:450px;height:fit-content;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:8px}@media(min-width:768px){.draftify-root .draftify-container{gap:10px;padding:20px}}.draftify-root .doc-metadata-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:20px;box-shadow:0 10px 25px #00000026;z-index:10}.draftify-root .editor-area{flex:1;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:2.5px 0}@media(min-width:768px){.draftify-root .editor-area{padding:20px}}.draftify-root .output-area{display:grid;gap:10px;border:1px solid var(--draftify-theme-color);border-radius:16px;padding:12px}@media(min-width:768px){.draftify-root .output-area{padding:20px}}.draftify-root .block-container{display:flex;align-items:center;gap:5px;border-radius:6px;padding:5px;transition:background-color .2s ease,color .2s ease}.draftify-root .logo-text{display:flex;gap:10px;align-items:center;font-weight:700;font-size:20px;background:linear-gradient(to bottom right,#1e40af,#a855f7);background-clip:text;-webkit-background-clip:text;color:transparent}.draftify-root .logo-description{text-decoration:underline;font-weight:400;font-size:12px}.draftify-root .delete-icon{cursor:pointer}.draftify-root .delete-icon :hover{color:#ef4444}.draftify-root textarea{field-sizing:content}

package/dist/draftify-react.es.js

@@ -8403,14 +8403,13 @@ function $y({
   fontFamily: n
 }) {
   return /* @__PURE__ */ R.jsx(
-    "input",
+    "textarea",
     {
       style: {
         ...nr,
         fontFamily: n || nr.fontFamily,
         borderBottom: "1px solid #232323"
       },
-      type: "text",
       placeholder: "Heading...",
       autoFocus: !0,
       value: t.data.text,
@@ -8450,14 +8449,13 @@ function Hy({
   modifySubheading: n
 }) {
   return /* @__PURE__ */ R.jsx(
-    "input",
+    "textarea",
     {
       style: {
         ...rr,
         borderBottom: "1px solid #232323",
         fontFamily: t || rr.fontFamily
       },
-      type: "text",
       placeholder: "sub heading ...",
       autoFocus: !0,
       value: e.data.text,
@@ -8536,14 +8534,13 @@ const ar = {
 };
 function Xy({ listBlock: t, modifyList: e, fontFamily: n }) {
   return /* @__PURE__ */ R.jsx(
-    "input",
+    "textarea",
     {
       style: {
         ...ar,
         borderBottom: "1px solid #232323",
         fontFamily: n || ar.fontFamily
       },
-      type: "text",
       placeholder: "separate items using comma",
       autoFocus: !0,
       value: t.data.items.join(","),
@@ -8579,14 +8576,13 @@ const sr = {
 };
 function Qy({ quoteBlock: t, modifyQuote: e, fontFamily: n }) {
   return /* @__PURE__ */ R.jsx(
-    "input",
+    "textarea",
     {
       style: {
         ...sr,
         borderBottom: "1px solid #232323",
         fontFamily: n || sr.fontFamily
       },
-      type: "text",
       placeholder: "Quote...",
       autoFocus: !0,
       value: t.data.text,
@@ -8641,9 +8637,8 @@ function Jy({ tableBlock: t, modifyTable: e, fontFamily: n }) {
               padding: "8px"
             },
             children: /* @__PURE__ */ R.jsx(
-              "input",
+              "textarea",
               {
-                type: "text",
                 placeholder: `Col ${s + 1}`,
                 style: {
                   border: "none",
@@ -8679,9 +8674,8 @@ function Jy({ tableBlock: t, modifyTable: e, fontFamily: n }) {
               padding: "8px"
             },
             children: /* @__PURE__ */ R.jsx(
-              "input",
+              "textarea",
               {
-                type: "text",
                 style: {
                   border: "none",
                   borderBottom: "1px solid #3b82f6",