@innovastudio/contentbox 1.6.67 → 1.6.68

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.67",
+  "version": "1.6.68",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,9 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.56",
-    "js-beautify": "^1.14.0"
+    "@innovastudio/contentbuilder": "^1.5.57",
+    "glightbox": "^3.2.0",
+    "js-beautify": "^1.14.0",
+    "sortablejs": "^1.15.2"
   }
 }

package/public/contentbox/contentbox.css

@@ -610,12 +610,235 @@ body.controlpanel .is-content-view.mobile {
 }
 
 /* /IFRAME */
+*, ::before, ::after {
+  border-width: 0;
+  border-style: solid;
+  border-color: #e5e7eb;
+}
+
 /* UI */
 .builder-ui {
   font-family: sans-serif;
   font-size: 13px;
   font-weight: 300;
   letter-spacing: 0.8px;
+  /* content.css */
+  /* /content.css */
+}
+.builder-ui h1, .builder-ui h2, .builder-ui h3, .builder-ui h4, .builder-ui h5, .builder-ui h6 {
+  font-weight: 500;
+  line-height: 1.17;
+}
+.builder-ui h1 {
+  font-size: 2.5rem;
+  margin: 1.2rem 0 1.2rem;
+}
+.builder-ui h2 {
+  font-size: 2rem;
+  margin: 1rem 0 1rem;
+}
+.builder-ui h3 {
+  font-size: 1.73rem;
+  margin: 1rem 0 1rem;
+}
+.builder-ui h4 {
+  font-size: 1.5rem;
+  margin: 0.5rem 0 0.5rem;
+}
+.builder-ui h5 {
+  font-size: 1.25rem;
+  margin: 0.5rem 0 0.5rem;
+}
+.builder-ui h6 {
+  font-size: 1rem;
+  margin: 0.5rem 0 0.5rem;
+}
+.builder-ui p {
+  margin: 0.8rem 0 0.8rem;
+}
+.builder-ui ul, .builder-ui ol {
+  margin: 0 0 1rem;
+  padding-inline-start: 20px;
+}
+.builder-ui a {
+  color: #000;
+}
+.builder-ui .ml-0 {
+  margin-left: 0px;
+}
+.builder-ui .ml-1 {
+  margin-left: 0.25rem;
+}
+.builder-ui .ml-2 {
+  margin-left: 0.5rem;
+}
+.builder-ui .ml-3 {
+  margin-left: 0.75rem;
+}
+.builder-ui .ml-4 {
+  margin-left: 1rem;
+}
+.builder-ui .ml-5 {
+  margin-left: 1.25rem;
+}
+.builder-ui .ml-6 {
+  margin-left: 1.5rem;
+}
+.builder-ui .ml-8 {
+  margin-left: 2rem;
+}
+.builder-ui .ml-10 {
+  margin-left: 2.5rem;
+}
+.builder-ui .mr-0 {
+  margin-right: 0px;
+}
+.builder-ui .mr-1 {
+  margin-right: 0.25rem;
+}
+.builder-ui .mr-2 {
+  margin-right: 0.5rem;
+}
+.builder-ui .mr-3 {
+  margin-right: 0.75rem;
+}
+.builder-ui .mr-4 {
+  margin-right: 1rem;
+}
+.builder-ui .mr-5 {
+  margin-right: 1.25rem;
+}
+.builder-ui .mr-6 {
+  margin-right: 1.5rem;
+}
+.builder-ui .mr-8 {
+  margin-right: 2rem;
+}
+.builder-ui .mr-10 {
+  margin-right: 2.5rem;
+}
+.builder-ui .mt-0 {
+  margin-top: 0px;
+}
+.builder-ui .mt-1 {
+  margin-top: 0.25rem;
+}
+.builder-ui .mt-2 {
+  margin-top: 0.5rem;
+}
+.builder-ui .mt-3 {
+  margin-top: 0.75rem;
+}
+.builder-ui .mt-4 {
+  margin-top: 1rem;
+}
+.builder-ui .mt-5 {
+  margin-top: 1.25rem;
+}
+.builder-ui .mt-6 {
+  margin-top: 1.5rem;
+}
+.builder-ui .mt-8 {
+  margin-top: 2rem;
+}
+.builder-ui .mt-10 {
+  margin-top: 2.5rem;
+}
+.builder-ui .mb-0 {
+  margin-bottom: 0px;
+}
+.builder-ui .mb-1 {
+  margin-bottom: 0.25rem;
+}
+.builder-ui .mb-2 {
+  margin-bottom: 0.5rem;
+}
+.builder-ui .mb-3 {
+  margin-bottom: 0.75rem;
+}
+.builder-ui .mb-4 {
+  margin-bottom: 1rem;
+}
+.builder-ui .mb-5 {
+  margin-bottom: 1.25rem;
+}
+.builder-ui .mb-6 {
+  margin-bottom: 1.5rem;
+}
+.builder-ui .mb-8 {
+  margin-bottom: 2rem;
+}
+.builder-ui .mb-10 {
+  margin-bottom: 2.5rem;
+}
+.builder-ui .flex {
+  display: flex;
+}
+.builder-ui .block {
+  display: block;
+}
+.builder-ui .inline {
+  display: inline;
+}
+.builder-ui .inline-block {
+  display: inline-block;
+}
+.builder-ui .inline-flex {
+  display: inline-flex;
+}
+.builder-ui .flex-row {
+  flex-direction: row;
+}
+.builder-ui .flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.builder-ui .flex-col {
+  flex-direction: column;
+}
+.builder-ui .flex-col-reverse {
+  flex-direction: column-reverse;
+}
+.builder-ui .flex-wrap {
+  flex-wrap: wrap;
+}
+.builder-ui .flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+.builder-ui .flex-nowrap {
+  flex-wrap: nowrap;
+}
+.builder-ui .justify-start {
+  justify-content: flex-start;
+}
+.builder-ui .justify-end {
+  justify-content: flex-end;
+}
+.builder-ui .justify-center {
+  justify-content: center;
+}
+.builder-ui .justify-between {
+  justify-content: space-between;
+}
+.builder-ui .justify-around {
+  justify-content: space-around;
+}
+.builder-ui .justify-evenly {
+  justify-content: space-evenly;
+}
+.builder-ui .items-start {
+  align-items: flex-start;
+}
+.builder-ui .items-end {
+  align-items: flex-end;
+}
+.builder-ui .items-center {
+  align-items: center;
+}
+.builder-ui .items-baseline {
+  align-items: baseline;
+}
+.builder-ui .items-stretch {
+  align-items: stretch;
 }
 .builder-ui svg {
   width: 16px;