@innovastudio/contentbuilder 1.2.4-rc5 → 1.2.4-rc9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.2.4-rc5",
+  "version": "1.2.4-rc9",
   "type": "module",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",

package/public/contentbuilder/contentbuilder.css

@@ -1031,6 +1031,7 @@ button:focus {
 .is-ui .is-rte-pop.rte-color-picker button {
   background-color: transparent;
   box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+  border-radius: 0px;
 }
 #_cbhtml .is-rte-pop.rte-color-picker button:hover,
 .is-ui .is-rte-pop.rte-color-picker button:hover {
@@ -1039,7 +1040,12 @@ 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;
+  outline-offset: -2px;
+}
+#_cbhtml .is-rte-pop.rte-color-picker input[type=text]:focus,
+.is-ui .is-rte-pop.rte-color-picker input[type=text]:focus {
+  outline: #3e93f7 2px solid;
+  outline-offset: -2px;
 }
 #_cbhtml .is-rte-pop.rte-color-picker .color-default button,
 #_cbhtml .is-rte-pop.rte-color-picker .color-gradient button,
@@ -1821,6 +1827,7 @@ button:focus {
 .is-ui .is-modal .form-upload-larger:focus-within {
   outline: #3e93f7 2px solid;
   outline-offset: 0;
+  border-radius: 1px;
 }
 #_cbhtml .is-modal .is-modal-overlay,
 .is-ui .is-modal .is-modal-overlay {
@@ -1907,8 +1914,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;
@@ -2264,6 +2271,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 {
@@ -2287,6 +2295,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 {
@@ -2609,12 +2618,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;
@@ -2622,6 +2636,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 {
@@ -2698,15 +2719,19 @@ button:focus {
 .is-ui .is-modal.viewconfig .div-themes {
   display: flex;
   flex-flow: wrap;
-  width: 219px;
+  width: 198px;
   box-sizing: content-box;
 }
 #_cbhtml .is-modal.viewconfig button.input-setcolor,
 .is-ui .is-modal.viewconfig button.input-setcolor {
   width: 27px;
   height: 25px;
-  border: transparent 1px solid;
-  margin: 1px;
+  border: transparent 2px solid;
+  border-radius: 0px;
+}
+#_cbhtml .is-modal.viewconfig button.input-setcolor:focus,
+.is-ui .is-modal.viewconfig button.input-setcolor:focus {
+  outline-offset: -2px;
 }
 #_cbhtml .is-tool#divImageTool, #_cbhtml .is-tool.is-video-tool, #_cbhtml .is-tool.is-iframe-tool,
 .is-ui .is-tool#divImageTool,
@@ -3095,6 +3120,10 @@ button:focus {
   margin-top: 0;
   margin-bottom: 0;
 }
+#_cbhtml input[type=radio]:focus,
+.is-ui input[type=radio]:focus {
+  outline: #3e93f7 1px solid;
+}
 #_cbhtml label,
 .is-ui label {
   font-size: 13px;
@@ -3439,6 +3468,7 @@ button:focus {
   overflow-x: hidden;
   text-align: center;
   border-top: transparent 40px solid !important;
+  outline: none;
 }
 #_cbhtml .is-design-list > div,
 .is-ui .is-design-list > div {
@@ -3620,6 +3650,7 @@ button:focus {
 }
 #_cbhtml .is-dropdown .dropdown-menu li,
 .is-ui .is-dropdown .dropdown-menu li {
+  background-color: #fff;
   height: 38px;
   display: flex;
   align-items: center;
@@ -3719,12 +3750,14 @@ button:focus {
   height: 35px;
   font-size: 13px;
   margin-right: 2px;
+  border-radius: 1px;
 }
 #_cbhtml .elementstyles .is-settings select,
 .is-ui .elementstyles .is-settings select {
   border-radius: 0;
   height: 35px;
   margin: 0;
+  border-radius: 1px;
 }
 #_cbhtml .elementstyles #divElementMore,
 .is-ui .elementstyles #divElementMore {
@@ -3861,7 +3894,16 @@ button:focus {
   height: 45px;
   cursor: pointer;
   border-radius: 0px;
-  margin: 1px;
+}
+#_cbhtml .pickcolor button:focus,
+.is-ui .pickcolor button:focus {
+  outline: #3e93f7 2px solid;
+  outline-offset: -2px;
+}
+#_cbhtml .pickcolor input[type=text]:focus,
+.is-ui .pickcolor input[type=text]:focus {
+  outline: #3e93f7 2px solid;
+  outline-offset: -2px;
 }
 #_cbhtml .pickcolor .color-default button,
 .is-ui .pickcolor .color-default button {