@innovastudio/contentbuilder 1.5.61 → 1.5.63

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -4673,9 +4673,10 @@ button:focus-visible {
 }
 #_cbhtml .pickgradientcolor,
 .is-ui .pickgradientcolor {
-  width: 390px;
+  width: 380px;
   flex-direction: column;
   padding: 10px 10px 11px;
+  box-sizing: border-box;
 }
 #_cbhtml .pickgradientcolor .div-presets,
 .is-ui .pickgradientcolor .div-presets {
@@ -4689,14 +4690,6 @@ button:focus-visible {
   height: 82px;
   border-radius: 5px;
 }
-#_cbhtml .pickgradientcolor .gradient-preview,
-.is-ui .pickgradientcolor .gradient-preview {
-  width: 140px;
-  height: 140px;
-  margin: 20px 0;
-  box-shadow: 0px 0px 0px 1px rgba(161, 161, 161, 0.27);
-  display: none;
-}
 #_cbhtml .pickgradientcolor .label-saved,
 .is-ui .pickgradientcolor .label-saved {
   margin-top: 20px;
@@ -4838,6 +4831,49 @@ button:focus-visible {
   position: absolute;
   cursor: pointer;
 }
+#_cbhtml .visually-hidden,
+.is-ui .visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  border: 0;
+  padding: 0;
+  white-space: nowrap;
+  /* added for ensuring the text doesn't wrap */
+}
+#_cbhtml .gradient-slider-container,
+.is-ui .gradient-slider-container {
+  position: relative;
+  width: 100%;
+  max-width: 600px;
+  height: 15px;
+  margin: 25px 0 15px -2px;
+  width: calc(100% - 28px);
+}
+#_cbhtml .gradient-slider-container .gradient-slider-container-shadow,
+.is-ui .gradient-slider-container .gradient-slider-container-shadow {
+  position: absolute;
+  background-color: #ddd;
+  width: 100%;
+  height: 100%;
+  left: 12px;
+  border-radius: 4px;
+}
+#_cbhtml .gradient-slider-container .slider-point,
+.is-ui .gradient-slider-container .slider-point {
+  position: absolute;
+  top: -8px;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  cursor: pointer;
+  user-select: none;
+  border: #ffffff 3px solid;
+}
 #_cbhtml .color-swatch,
 .is-ui .color-swatch {
   width: 100%;