@innovastudio/contentbuilder 1.2.4-rc3 → 1.2.4-rc6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.2.4-rc3",
+  "version": "1.2.4-rc6",
   "type": "module",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
@@ -22,6 +22,7 @@
   "devDependencies": {
     "@babel/core": "^7.15.5",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/plugin-transform-runtime": "^7.18.2",
     "@babel/preset-env": "^7.15.6",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^20.0.0",

package/public/contentbuilder/contentbuilder.css

@@ -1039,6 +1039,7 @@ button:focus {
 #_cbhtml .is-rte-pop.rte-color-picker button:focus,
 .is-ui .is-rte-pop.rte-color-picker button:focus {
   outline: #3e93f7 2px solid;
+  outline-offset: 0;
 }
 #_cbhtml .is-rte-pop.rte-color-picker .color-default button,
 #_cbhtml .is-rte-pop.rte-color-picker .color-gradient button,
@@ -1757,6 +1758,7 @@ button:focus {
 #_cbhtml .is-modal a:focus,
 .is-ui .is-modal a:focus {
   outline: #3e93f7 2px solid;
+  outline-offset: 0;
 }
 #_cbhtml .is-modal.active,
 .is-ui .is-modal.active {
@@ -1818,6 +1820,7 @@ button:focus {
 #_cbhtml .is-modal .form-upload-larger:focus-within,
 .is-ui .is-modal .form-upload-larger:focus-within {
   outline: #3e93f7 2px solid;
+  outline-offset: 0;
 }
 #_cbhtml .is-modal .is-modal-overlay,
 .is-ui .is-modal .is-modal-overlay {
@@ -1904,8 +1907,8 @@ button:focus {
   width: 32px;
   height: 32px;
   position: absolute;
-  top: 0px;
-  right: 0px;
+  top: 2px;
+  right: 2px;
   box-sizing: border-box;
   padding: 0;
   line-height: 32px;
@@ -2261,6 +2264,7 @@ button:focus {
 .is-ui .is-modal.buttoneditor #divMyButtonList a {
   position: relative;
   margin: 10px 20px 20px 0;
+  outline-offset: 2px;
 }
 #_cbhtml .is-modal.buttoneditor #divMyButtonList a:hover .is-button-remove,
 .is-ui .is-modal.buttoneditor #divMyButtonList a:hover .is-button-remove {
@@ -2284,6 +2288,7 @@ button:focus {
 .is-ui .is-modal.buttoneditor #divButtonTemplateList a {
   position: relative;
   margin: 10px 20px 20px 0;
+  outline-offset: 2px;
 }
 #_cbhtml .is-modal.columnsettings .is-modal-bar,
 .is-ui .is-modal.columnsettings .is-modal-bar {
@@ -2606,12 +2611,17 @@ button:focus {
 .is-ui .is-modal.imagelink .image-src {
   display: flex;
 }
-#_cbhtml .is-modal.imagelink .image-src > button,
-.is-ui .is-modal.imagelink .image-src > button {
+#_cbhtml .is-modal.imagelink .image-src button,
+.is-ui .is-modal.imagelink .image-src button {
   background: transparent !important;
   width: 50px;
   height: 43px;
 }
+#_cbhtml .is-modal.imagelink .image-src .image-larger1,
+.is-ui .is-modal.imagelink .image-src .image-larger1 {
+  width: 50px;
+  height: 43px;
+}
 #_cbhtml .is-modal.imagelink .image-link,
 .is-ui .is-modal.imagelink .image-link {
   display: flex;
@@ -2619,6 +2629,13 @@ button:focus {
 #_cbhtml .is-modal.imagelink .image-link button,
 .is-ui .is-modal.imagelink .image-link button {
   background: transparent !important;
+  width: 50px;
+  height: 43px;
+}
+#_cbhtml .is-modal.imagelink .image-link .image-larger2,
+.is-ui .is-modal.imagelink .image-link .image-larger2 {
+  width: 50px;
+  height: 43px;
 }
 #_cbhtml .is-modal.iframelink div.is-modal-content,
 .is-ui .is-modal.iframelink div.is-modal-content {
@@ -2946,6 +2963,7 @@ button:focus {
 .is-ui button:focus,
 .is-ui .is-btn:focus {
   outline: #3e93f7 2px solid;
+  outline-offset: 0;
 }
 #_cbhtml button.fullwidth,
 #_cbhtml .is-btn.fullwidth,
@@ -3027,6 +3045,7 @@ button:focus {
 #_cbhtml textarea:not(.monaco-mouse-cursor-text):focus,
 .is-ui textarea:not(.monaco-mouse-cursor-text):focus {
   outline: #3e93f7 2px solid;
+  outline-offset: 0;
   box-shadow: none;
 }
 #_cbhtml select,
@@ -3055,6 +3074,7 @@ button:focus {
 #_cbhtml select:focus,
 .is-ui select:focus {
   outline: #3e93f7 2px solid;
+  outline-offset: 0;
   box-shadow: none;
 }
 #_cbhtml input[type=text],
@@ -3078,6 +3098,7 @@ button:focus {
 #_cbhtml input[type=text]:focus,
 .is-ui input[type=text]:focus {
   outline: #3e93f7 2px solid;
+  outline-offset: 0;
   box-shadow: none;
 }
 #_cbhtml input[type=text] [type=checkbox], #_cbhtml input[type=text] [type=radio],
@@ -3122,6 +3143,11 @@ button:focus {
 .is-ui .is-rangeslider:hover {
   opacity: 1;
 }
+#_cbhtml .is-rangeslider:focus,
+.is-ui .is-rangeslider:focus {
+  outline: #3e93f7 2px solid;
+  outline-offset: 2px;
+}
 #_cbhtml .is-rangeslider::-webkit-slider-thumb,
 .is-ui .is-rangeslider::-webkit-slider-thumb {
   -webkit-appearance: none;
@@ -3931,6 +3957,7 @@ button:focus {
 }
 .is-tool button:focus {
   outline: none !important;
+  outline-offset: 0;
 }
 .is-tool button svg {
   fill: #000;