@innovastudio/contentbuilder 1.5.61 → 1.5.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbuilder",
3
3
  "type": "module",
4
- "version": "1.5.61",
4
+ "version": "1.5.63",
5
5
  "description": "",
6
6
  "main": "public/contentbuilder/contentbuilder.esm.js",
7
7
  "types": "index.d.ts",
@@ -4673,9 +4673,10 @@ button:focus-visible {
4673
4673
  }
4674
4674
  #_cbhtml .pickgradientcolor,
4675
4675
  .is-ui .pickgradientcolor {
4676
- width: 390px;
4676
+ width: 380px;
4677
4677
  flex-direction: column;
4678
4678
  padding: 10px 10px 11px;
4679
+ box-sizing: border-box;
4679
4680
  }
4680
4681
  #_cbhtml .pickgradientcolor .div-presets,
4681
4682
  .is-ui .pickgradientcolor .div-presets {
@@ -4689,14 +4690,6 @@ button:focus-visible {
4689
4690
  height: 82px;
4690
4691
  border-radius: 5px;
4691
4692
  }
4692
- #_cbhtml .pickgradientcolor .gradient-preview,
4693
- .is-ui .pickgradientcolor .gradient-preview {
4694
- width: 140px;
4695
- height: 140px;
4696
- margin: 20px 0;
4697
- box-shadow: 0px 0px 0px 1px rgba(161, 161, 161, 0.27);
4698
- display: none;
4699
- }
4700
4693
  #_cbhtml .pickgradientcolor .label-saved,
4701
4694
  .is-ui .pickgradientcolor .label-saved {
4702
4695
  margin-top: 20px;
@@ -4838,6 +4831,49 @@ button:focus-visible {
4838
4831
  position: absolute;
4839
4832
  cursor: pointer;
4840
4833
  }
4834
+ #_cbhtml .visually-hidden,
4835
+ .is-ui .visually-hidden {
4836
+ position: absolute;
4837
+ width: 1px;
4838
+ height: 1px;
4839
+ margin: -1px;
4840
+ overflow: hidden;
4841
+ clip: rect(0, 0, 0, 0);
4842
+ clip-path: inset(50%);
4843
+ border: 0;
4844
+ padding: 0;
4845
+ white-space: nowrap;
4846
+ /* added for ensuring the text doesn't wrap */
4847
+ }
4848
+ #_cbhtml .gradient-slider-container,
4849
+ .is-ui .gradient-slider-container {
4850
+ position: relative;
4851
+ width: 100%;
4852
+ max-width: 600px;
4853
+ height: 15px;
4854
+ margin: 25px 0 15px -2px;
4855
+ width: calc(100% - 28px);
4856
+ }
4857
+ #_cbhtml .gradient-slider-container .gradient-slider-container-shadow,
4858
+ .is-ui .gradient-slider-container .gradient-slider-container-shadow {
4859
+ position: absolute;
4860
+ background-color: #ddd;
4861
+ width: 100%;
4862
+ height: 100%;
4863
+ left: 12px;
4864
+ border-radius: 4px;
4865
+ }
4866
+ #_cbhtml .gradient-slider-container .slider-point,
4867
+ .is-ui .gradient-slider-container .slider-point {
4868
+ position: absolute;
4869
+ top: -8px;
4870
+ width: 24px;
4871
+ height: 24px;
4872
+ border-radius: 50%;
4873
+ cursor: pointer;
4874
+ user-select: none;
4875
+ border: #ffffff 3px solid;
4876
+ }
4841
4877
  #_cbhtml .color-swatch,
4842
4878
  .is-ui .color-swatch {
4843
4879
  width: 100%;