@innovastudio/contentbuilder 1.5.154 → 1.5.156

package/index.d.ts

@@ -330,5 +330,6 @@ declare class ContentBuilder {
     print(): void;
 
     generateImage(prompt: string, callback?: () => void): void;
+    openFilePicker(type?: string, callback?: () => void): void;
 }
 export default ContentBuilder;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.154",
+  "version": "1.5.156",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/content.css

@@ -6534,112 +6534,112 @@ a.is-btn-ghost2 {
   }
 }
 /* Reset */
-.size-12,
-.size-13,
-.size-14,
-.size-15,
-.size-16,
-.size-17,
-.size-18,
-.size-19,
-.size-20,
-.size-21,
-.size-24,
-.size-28,
-.size-32,
-.size-35,
-.size-38,
-.size-42,
-.size-46,
-.size-48,
-.size-50,
-.size-54,
-.size-60,
-.size-64,
-.size-68,
-.size-72,
-.size-76,
-.size-80,
-.size-84,
-.size-88,
-.size-92,
-.size-96,
-.size-100,
-.size-104,
-.size-108,
-.size-112,
-.size-116,
-.size-120,
-.size-124,
-.size-128,
-.size-132,
-.size-136,
-.size-140,
-.size-144,
-.size-148,
-.size-152,
-.size-156,
-.size-160,
-.size-164,
-.size-168,
-.size-172,
-.size-176,
-.size-180,
-.size-184,
-.size-188,
-.size-192,
-.size-196,
-.size-200,
-.size-204,
-.size-208,
-.size-212,
-.size-216,
-.size-220,
-.size-224,
-.size-228,
-.size-232,
-.size-236,
-.size-240,
-.size-244,
-.size-248,
-.size-252,
-.size-256,
-.size-260,
-.size-264,
-.size-268,
-.size-272,
-.size-276,
-.size-280,
-.size-284,
-.size-288,
-.size-292,
-.size-296,
-.size-300,
-.size-304,
-.size-308,
-.size-312,
-.size-316,
-.size-320,
-.size-324,
-.size-328,
-.size-332,
-.size-336,
-.size-340,
-.size-344,
-.size-348,
-.size-352,
-.size-356,
-.size-360,
-.size-364,
-.size-368,
-.size-372,
-.size-376,
-.size-380,
-.size-384,
-.size-388,
-.size-392,
-.size-396,
-.size-400 {
+.is-container .size-12,
+.is-container .size-13,
+.is-container .size-14,
+.is-container .size-15,
+.is-container .size-16,
+.is-container .size-17,
+.is-container .size-18,
+.is-container .size-19,
+.is-container .size-20,
+.is-container .size-21,
+.is-container .size-24,
+.is-container .size-28,
+.is-container .size-32,
+.is-container .size-35,
+.is-container .size-38,
+.is-container .size-42,
+.is-container .size-46,
+.is-container .size-48,
+.is-container .size-50,
+.is-container .size-54,
+.is-container .size-60,
+.is-container .size-64,
+.is-container .size-68,
+.is-container .size-72,
+.is-container .size-76,
+.is-container .size-80,
+.is-container .size-84,
+.is-container .size-88,
+.is-container .size-92,
+.is-container .size-96,
+.is-container .size-100,
+.is-container .size-104,
+.is-container .size-108,
+.is-container .size-112,
+.is-container .size-116,
+.is-container .size-120,
+.is-container .size-124,
+.is-container .size-128,
+.is-container .size-132,
+.is-container .size-136,
+.is-container .size-140,
+.is-container .size-144,
+.is-container .size-148,
+.is-container .size-152,
+.is-container .size-156,
+.is-container .size-160,
+.is-container .size-164,
+.is-container .size-168,
+.is-container .size-172,
+.is-container .size-176,
+.is-container .size-180,
+.is-container .size-184,
+.is-container .size-188,
+.is-container .size-192,
+.is-container .size-196,
+.is-container .size-200,
+.is-container .size-204,
+.is-container .size-208,
+.is-container .size-212,
+.is-container .size-216,
+.is-container .size-220,
+.is-container .size-224,
+.is-container .size-228,
+.is-container .size-232,
+.is-container .size-236,
+.is-container .size-240,
+.is-container .size-244,
+.is-container .size-248,
+.is-container .size-252,
+.is-container .size-256,
+.is-container .size-260,
+.is-container .size-264,
+.is-container .size-268,
+.is-container .size-272,
+.is-container .size-276,
+.is-container .size-280,
+.is-container .size-284,
+.is-container .size-288,
+.is-container .size-292,
+.is-container .size-296,
+.is-container .size-300,
+.is-container .size-304,
+.is-container .size-308,
+.is-container .size-312,
+.is-container .size-316,
+.is-container .size-320,
+.is-container .size-324,
+.is-container .size-328,
+.is-container .size-332,
+.is-container .size-336,
+.is-container .size-340,
+.is-container .size-344,
+.is-container .size-348,
+.is-container .size-352,
+.is-container .size-356,
+.is-container .size-360,
+.is-container .size-364,
+.is-container .size-368,
+.is-container .size-372,
+.is-container .size-376,
+.is-container .size-380,
+.is-container .size-384,
+.is-container .size-388,
+.is-container .size-392,
+.is-container .size-396,
+.is-container .size-400 {
   width: initial;
   height: initial;
 }

package/public/contentbuilder/contentbuilder.css

@@ -523,7 +523,7 @@ button:focus-visible {
   border: 1px solid #dcdcdc;
   box-shadow: 3px 11px 24px 0px rgba(0, 0, 0, 0.05);
   outline: none;
-  border-radius: 7px;
+  border-radius: 10px;
   overflow: hidden;
 }
 #_cbhtml .is-pop:hover,
@@ -2297,6 +2297,10 @@ button:focus-visible {
   margin-bottom: 10px;
   margin-top: 10px;
 }
+#_cbhtml .is-modal .form-upload-larger,
+.is-ui .is-modal .form-upload-larger {
+  border-radius: 6px !important;
+}
 #_cbhtml .is-modal .form-upload-larger.please-wait svg,
 .is-ui .is-modal .form-upload-larger.please-wait svg {
   transform: scale(1, 1);
@@ -2332,7 +2336,7 @@ button:focus-visible {
 .is-ui .is-modal .form-upload-larger:focus-within {
   outline: #3e93f7 2px solid;
   outline-offset: 0;
-  border-radius: 1px;
+  border-radius: 6px;
 }
 #_cbhtml .is-modal .is-modal-overlay,
 .is-ui .is-modal .is-modal-overlay {
@@ -2357,7 +2361,7 @@ button:focus-visible {
   background: #fff;
   border: 1px solid #e3e3e3;
   box-shadow: 6px 14px 20px 0px rgba(95, 95, 95, 0.08);
-  border-radius: 7px;
+  border-radius: 11px;
   overflow: hidden;
 }
 #_cbhtml .is-modal .is-modal-content,
@@ -2366,7 +2370,7 @@ button:focus-visible {
   width: 100%;
   padding: 25px 25px;
   box-sizing: border-box;
-  border-radius: 8px;
+  border-radius: 11px;
 }
 #_cbhtml .is-modal:not(.is-modal-content) > div:not(.is-modal-overlay),
 .is-ui .is-modal:not(.is-modal-content) > div:not(.is-modal-overlay) {
@@ -2377,7 +2381,7 @@ button:focus-visible {
   width: 100%;
   padding: 25px 25px;
   box-sizing: border-box;
-  border-radius: 7px;
+  border-radius: 11px;
   overflow: hidden;
 }
 #_cbhtml .is-modal.is-modal-full > div:not(.is-modal-overlay),
@@ -2669,7 +2673,7 @@ button:focus-visible {
 }
 #_cbhtml .is-modal.edittable button:focus,
 .is-ui .is-modal.edittable button:focus {
-  border-radius: 2px;
+  border-radius: 6px;
 }
 #_cbhtml .is-modal.edittable button.is-btn-color,
 .is-ui .is-modal.edittable button.is-btn-color {
@@ -2734,7 +2738,7 @@ button:focus-visible {
 }
 #_cbhtml .is-modal.editblock button:focus,
 .is-ui .is-modal.editblock button:focus {
-  border-radius: 2px;
+  border-radius: 6px;
 }
 #_cbhtml .is-modal.editblock button.is-btn-color,
 .is-ui .is-modal.editblock button.is-btn-color {
@@ -2844,7 +2848,7 @@ button:focus-visible {
   box-sizing: content-box;
   flex-direction: row;
   align-items: flex-start;
-  border-radius: 6px;
+  border-radius: 10px;
   border: 1px solid #dcdcdc;
   box-shadow: 3px 11px 24px 0px rgba(0, 0, 0, 0.05);
   background-color: #fff;
@@ -2944,7 +2948,7 @@ button:focus-visible {
 }
 #_cbhtml .is-modal.buttoneditor button:focus,
 .is-ui .is-modal.buttoneditor button:focus {
-  border-radius: 2px;
+  border-radius: 6px;
 }
 #_cbhtml .is-modal.buttoneditor .is-button-remove,
 .is-ui .is-modal.buttoneditor .is-button-remove {
@@ -2971,7 +2975,7 @@ button:focus-visible {
 #_cbhtml .is-modal.buttoneditor #divMyButtons, #_cbhtml .is-modal.buttoneditor #divButtonTemplates,
 .is-ui .is-modal.buttoneditor #divMyButtons,
 .is-ui .is-modal.buttoneditor #divButtonTemplates {
-  background-color: #ebebeb;
+  background-color: #dddde2;
   position: absolute;
   width: 100%;
   height: calc(100% - 80px);
@@ -3020,7 +3024,7 @@ button:focus-visible {
 #_cbhtml .is-modal.buttoneditor #divButtonTemplateList a,
 .is-ui .is-modal.buttoneditor #divButtonTemplateList a {
   position: relative;
-  margin: 15px 28px 13px 0;
+  margin: 15px 23px 13px 0;
   outline-offset: 2px;
 }
 #_cbhtml .is-modal.columnsettings .is-modal-bar, #_cbhtml .is-modal.rowsettings .is-modal-bar,
@@ -3062,7 +3066,7 @@ button:focus-visible {
 #_cbhtml .is-modal.columnsettings button:focus, #_cbhtml .is-modal.rowsettings button:focus,
 .is-ui .is-modal.columnsettings button:focus,
 .is-ui .is-modal.rowsettings button:focus {
-  border-radius: 2px;
+  border-radius: 6px;
 }
 #_cbhtml .is-modal.columnsettings button.is-btn-color, #_cbhtml .is-modal.rowsettings button.is-btn-color,
 .is-ui .is-modal.columnsettings button.is-btn-color,
@@ -3824,7 +3828,7 @@ button:focus-visible {
   text-transform: none;
   text-align: center;
   position: relative;
-  border-radius: 1px;
+  border-radius: 6px;
   user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
@@ -3926,7 +3930,7 @@ button:focus-visible {
   border: 1px solid rgba(0, 0, 0, 0.06);
   background-color: #fafafa;
   color: #121212;
-  border-radius: 1px;
+  border-radius: 6px;
 }
 #_cbhtml textarea:not(.monaco-mouse-cursor-text):focus,
 .is-ui textarea:not(.monaco-mouse-cursor-text):focus {
@@ -3948,7 +3952,7 @@ button:focus-visible {
   height: 35px;
   line-height: 1.7;
   color: #0d0d0d;
-  border-radius: 5px;
+  border-radius: 6px;
   border: none;
   background-color: #f6f6f6;
   width: auto;
@@ -3958,7 +3962,6 @@ button:focus-visible {
   -moz-appearance: menulist;
   appearance: menulist;
   padding: 0 5px;
-  border-radius: 1px;
 }
 #_cbhtml select option,
 .is-ui select option {
@@ -3985,7 +3988,7 @@ button:focus-visible {
   display: inline-block;
   border: none;
   border-bottom: none;
-  border-radius: 1px;
+  border-radius: 6px;
   background-color: #f6f6f6;
 }
 #_cbhtml input[type=text]:focus,
@@ -4036,7 +4039,7 @@ button:focus-visible {
   -webkit-transition: 0.2s;
   transition: opacity 0.2s;
   margin: 2px !important;
-  border-radius: 2px !important;
+  border-radius: 3px !important;
 }
 #_cbhtml .is-rangeslider:hover,
 .is-ui .is-rangeslider:hover {
@@ -4584,6 +4587,14 @@ button:focus-visible {
 .is-ui .is-dropdown .dropdown-menu[aria-expanded=true] {
   display: block;
 }
+#_cbhtml .div-target,
+.is-ui .div-target {
+  gap: 2px;
+}
+#_cbhtml .div-visibility,
+.is-ui .div-visibility {
+  gap: 3px;
+}
 #_cbhtml .elementstyles,
 .is-ui .elementstyles {
   width: 300px;
@@ -4667,18 +4678,16 @@ button:focus-visible {
 }
 #_cbhtml .elementstyles .is-settings input[type=text],
 .is-ui .elementstyles .is-settings input[type=text] {
-  border-radius: 0;
   height: 35px;
   font-size: 13px;
   margin-right: 2px;
-  border-radius: 1px;
+  border-radius: 6px;
 }
 #_cbhtml .elementstyles .is-settings select,
 .is-ui .elementstyles .is-settings select {
-  border-radius: 0;
   height: 35px;
   margin: 0;
-  border-radius: 1px;
+  border-radius: 6px;
 }
 #_cbhtml .elementstyles .is-settings .elm-bgimage-preview,
 .is-ui .elementstyles .is-settings .elm-bgimage-preview {
@@ -5308,7 +5317,7 @@ button:focus-visible {
   flex-direction: column;
   background-color: transparent;
   box-shadow: none;
-  border-radius: 3px;
+  border-radius: 6px;
 }
 #_cbhtml .is-pop.columnmore button span {
   display: inline-block;
@@ -5344,7 +5353,7 @@ button:focus-visible {
   flex-direction: column;
   background-color: transparent;
   box-shadow: none;
-  border-radius: 3px;
+  border-radius: 6px;
 }
 #_cbhtml .is-pop.rowmore button span {
   display: inline-block;
@@ -5380,7 +5389,7 @@ button:focus-visible {
   flex-direction: column;
   background-color: transparent;
   box-shadow: none;
-  border-radius: 3px;
+  border-radius: 6px;
 }
 #_cbhtml .is-pop.elmmore button span {
   display: inline-block;
@@ -5412,7 +5421,7 @@ button:focus-visible {
   flex-direction: column;
   background-color: transparent;
   box-shadow: none;
-  border-radius: 3px;
+  border-radius: 6px;
 }
 #_cbhtml .is-pop.quickadd button.on {
   background-color: #f1f1f1;
@@ -5433,7 +5442,6 @@ button:focus-visible {
   padding: 5px;
 }
 #_cbhtml .is-tool.is-element-tool {
-  border-radius: 3px;
   overflow: hidden;
   margin-top: 10px;
   margin-left: 0px;
@@ -5483,7 +5491,7 @@ button:focus-visible {
   left: auto;
   right: -40px;
   box-shadow: none;
-  border-radius: 2px;
+  border-radius: 4px;
   overflow: hidden;
 }
 .is-tool.is-row-tool button {
@@ -5543,7 +5551,7 @@ button:focus-visible {
   margin-top: 0px;
   margin-left: -1px;
   box-shadow: none;
-  border-radius: 2px;
+  border-radius: 4px;
   overflow: hidden;
   top: -3px !important;
 }
@@ -5946,7 +5954,7 @@ button:focus-visible {
   padding: 5px 8px;
   font-size: 11px;
   background: #333;
-  border-radius: 0px;
+  border-radius: 4px;
   color: #fefefe;
   z-index: 100005;
   -webkit-font-smoothing: auto;
@@ -8426,3 +8434,30 @@ iframe.wait-autoplay {
 .is-ui .flex-wrap {
   flex-wrap: wrap;
 }
+.is-ui .border-solid {
+  border-style: solid;
+}
+.is-ui .border-none {
+  border-style: none;
+}
+.is-ui .border {
+  border-width: 1px;
+}
+.is-ui .border-0 {
+  border-width: 0px;
+}
+.is-ui .border-2 {
+  border-width: 2px;
+}
+.is-ui .border-transparent {
+  border-color: transparent;
+}
+.is-ui .border-current {
+  border-color: currentColor;
+}
+.is-ui .hover\:border-transparent:hover {
+  border-color: transparent !important;
+}
+.is-ui .hover\:border-current:hover {
+  border-color: currentColor !important;
+}