@innovastudio/contentbuilder 1.0.90 → 1.0.91

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.
Files changed (63) hide show
  1. package/package.json +1 -2
  2. package/public/contentbuilder/contentbuilder.css +110 -2
  3. package/public/contentbuilder/contentbuilder.esm.js +2474 -1065
  4. package/public/contentbuilder/contentbuilder.min.js +9 -9
  5. package/public/contentbuilder/lang/en.js +13 -1
  6. package/public/contentbuilder/lang/fr.js +13 -1
  7. package/public/contentbuilder/themes/colored-blue.css +12 -4
  8. package/public/contentbuilder/themes/colored-blue2.css +12 -4
  9. package/public/contentbuilder/themes/colored-blue3.css +12 -4
  10. package/public/contentbuilder/themes/colored-blue4.css +12 -4
  11. package/public/contentbuilder/themes/colored-blue5.css +12 -4
  12. package/public/contentbuilder/themes/colored-blue6.css +12 -4
  13. package/public/contentbuilder/themes/colored-blue7.css +12 -4
  14. package/public/contentbuilder/themes/colored-blue8.css +12 -4
  15. package/public/contentbuilder/themes/colored-dark.css +12 -4
  16. package/public/contentbuilder/themes/colored-darkblue.css +12 -4
  17. package/public/contentbuilder/themes/colored-gray.css +12 -4
  18. package/public/contentbuilder/themes/colored-green.css +12 -4
  19. package/public/contentbuilder/themes/colored-green2.css +12 -4
  20. package/public/contentbuilder/themes/colored-green3.css +12 -4
  21. package/public/contentbuilder/themes/colored-green4.css +12 -4
  22. package/public/contentbuilder/themes/colored-green5.css +12 -4
  23. package/public/contentbuilder/themes/colored-magenta.css +12 -4
  24. package/public/contentbuilder/themes/colored-orange.css +12 -4
  25. package/public/contentbuilder/themes/colored-orange2.css +12 -4
  26. package/public/contentbuilder/themes/colored-orange3.css +12 -4
  27. package/public/contentbuilder/themes/colored-pink.css +12 -4
  28. package/public/contentbuilder/themes/colored-pink2.css +12 -4
  29. package/public/contentbuilder/themes/colored-pink3.css +12 -4
  30. package/public/contentbuilder/themes/colored-pink4.css +12 -4
  31. package/public/contentbuilder/themes/colored-purple.css +12 -4
  32. package/public/contentbuilder/themes/colored-purple2.css +12 -4
  33. package/public/contentbuilder/themes/colored-red.css +12 -4
  34. package/public/contentbuilder/themes/colored-red2.css +12 -4
  35. package/public/contentbuilder/themes/colored-red3.css +12 -4
  36. package/public/contentbuilder/themes/colored-red4.css +12 -4
  37. package/public/contentbuilder/themes/colored-red5.css +12 -4
  38. package/public/contentbuilder/themes/colored-yellow.css +12 -4
  39. package/public/contentbuilder/themes/colored-yellow2.css +12 -4
  40. package/public/contentbuilder/themes/dark-blue.css +12 -4
  41. package/public/contentbuilder/themes/dark-blue2.css +12 -4
  42. package/public/contentbuilder/themes/dark-blue3.css +12 -4
  43. package/public/contentbuilder/themes/dark-gray.css +12 -4
  44. package/public/contentbuilder/themes/dark-pink.css +12 -4
  45. package/public/contentbuilder/themes/dark-purple.css +12 -4
  46. package/public/contentbuilder/themes/dark-red.css +12 -4
  47. package/public/contentbuilder/themes/dark.css +12 -4
  48. package/public/contentbuilder/themes/light-blue.css +12 -4
  49. package/public/contentbuilder/themes/light-blue2.css +12 -4
  50. package/public/contentbuilder/themes/light-blue3.css +12 -4
  51. package/public/contentbuilder/themes/light-cyan.css +12 -4
  52. package/public/contentbuilder/themes/light-gray.css +12 -4
  53. package/public/contentbuilder/themes/light-gray2.css +12 -4
  54. package/public/contentbuilder/themes/light-gray3.css +12 -4
  55. package/public/contentbuilder/themes/light-green.css +12 -4
  56. package/public/contentbuilder/themes/light-pink.css +12 -4
  57. package/public/contentbuilder/themes/light-pink2.css +12 -4
  58. package/public/contentbuilder/themes/light-purple.css +12 -4
  59. package/public/contentbuilder/themes/light-purple2.css +12 -4
  60. package/public/contentbuilder/themes/light-red.css +12 -4
  61. package/public/contentbuilder/themes/light-yellow.css +12 -4
  62. package/public/contentbuilder/themes/light-yellow2.css +12 -4
  63. package/public/contentbuilder/plugins/buttons/plugin.js +0 -1484
@@ -574,6 +574,10 @@
574
574
  background-color: rgba(255, 255, 255, 0.2);
575
575
  border: rgba(255, 255, 255, 0.22) 1px solid;
576
576
  }
577
+ .dark #_cbhtml .is-modal.buttoneditor .is-modal-bar,
578
+ .dark .is-ui .is-modal.buttoneditor .is-modal-bar {
579
+ background-color: rgba(144, 138, 138, 0.17);
580
+ }
577
581
  .dark #_cbhtml .is-modal.columnsettings .is-modal-bar,
578
582
  .dark .is-ui .is-modal.columnsettings .is-modal-bar {
579
583
  background-color: rgba(144, 138, 138, 0.17);
@@ -717,12 +721,16 @@
717
721
  .dark .is-ui .is-tool.is-module-tool > button svg {
718
722
  fill: #000;
719
723
  }
720
- .dark #_cbhtml .is-tool#divLinkTool button,
721
- .dark .is-ui .is-tool#divLinkTool button {
724
+ .dark #_cbhtml .is-tool#divLinkTool button, .dark #_cbhtml .is-tool#divButtonTool button, .dark #_cbhtml .is-tool#divSvgTool button,
725
+ .dark .is-ui .is-tool#divLinkTool button,
726
+ .dark .is-ui .is-tool#divButtonTool button,
727
+ .dark .is-ui .is-tool#divSvgTool button {
722
728
  background: #eaeaea;
723
729
  }
724
- .dark #_cbhtml .is-tool#divLinkTool button svg,
725
- .dark .is-ui .is-tool#divLinkTool button svg {
730
+ .dark #_cbhtml .is-tool#divLinkTool button svg, .dark #_cbhtml .is-tool#divButtonTool button svg, .dark #_cbhtml .is-tool#divSvgTool button svg,
731
+ .dark .is-ui .is-tool#divLinkTool button svg,
732
+ .dark .is-ui .is-tool#divButtonTool button svg,
733
+ .dark .is-ui .is-tool#divSvgTool button svg {
726
734
  fill: #000;
727
735
  }
728
736
  .dark #_cbhtml #divImageProgress,
@@ -574,6 +574,10 @@
574
574
  background-color: rgba(255, 255, 255, 0.2);
575
575
  border: rgba(255, 255, 255, 0.22) 1px solid;
576
576
  }
577
+ .dark #_cbhtml .is-modal.buttoneditor .is-modal-bar,
578
+ .dark .is-ui .is-modal.buttoneditor .is-modal-bar {
579
+ background-color: #4e4e4e;
580
+ }
577
581
  .dark #_cbhtml .is-modal.columnsettings .is-modal-bar,
578
582
  .dark .is-ui .is-modal.columnsettings .is-modal-bar {
579
583
  background-color: #4e4e4e;
@@ -717,12 +721,16 @@
717
721
  .dark .is-ui .is-tool.is-module-tool > button svg {
718
722
  fill: #000;
719
723
  }
720
- .dark #_cbhtml .is-tool#divLinkTool button,
721
- .dark .is-ui .is-tool#divLinkTool button {
724
+ .dark #_cbhtml .is-tool#divLinkTool button, .dark #_cbhtml .is-tool#divButtonTool button, .dark #_cbhtml .is-tool#divSvgTool button,
725
+ .dark .is-ui .is-tool#divLinkTool button,
726
+ .dark .is-ui .is-tool#divButtonTool button,
727
+ .dark .is-ui .is-tool#divSvgTool button {
722
728
  background: #eaeaea;
723
729
  }
724
- .dark #_cbhtml .is-tool#divLinkTool button svg,
725
- .dark .is-ui .is-tool#divLinkTool button svg {
730
+ .dark #_cbhtml .is-tool#divLinkTool button svg, .dark #_cbhtml .is-tool#divButtonTool button svg, .dark #_cbhtml .is-tool#divSvgTool button svg,
731
+ .dark .is-ui .is-tool#divLinkTool button svg,
732
+ .dark .is-ui .is-tool#divButtonTool button svg,
733
+ .dark .is-ui .is-tool#divSvgTool button svg {
726
734
  fill: #000;
727
735
  }
728
736
  .dark #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #eeeff3;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #e9eef1;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #ebecf1;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #ebf1ef;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #efefef;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #eaeaea;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #ecf1ec;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #f3f0f2;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #f3f0f2;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #eeeef5;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #eeeef5;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #efeeee;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #efefe6;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,
@@ -566,6 +566,10 @@
566
566
  background-color: rgba(255, 255, 255, 0.2);
567
567
  border: rgba(255, 255, 255, 0.55) 1px solid;
568
568
  }
569
+ .light #_cbhtml .is-modal.buttoneditor .is-modal-bar,
570
+ .light .is-ui .is-modal.buttoneditor .is-modal-bar {
571
+ background-color: rgba(255, 255, 255, 0.12);
572
+ }
569
573
  .light #_cbhtml .is-modal.columnsettings .is-modal-bar,
570
574
  .light .is-ui .is-modal.columnsettings .is-modal-bar {
571
575
  background-color: rgba(255, 255, 255, 0.12);
@@ -709,12 +713,16 @@
709
713
  .light .is-ui .is-tool.is-module-tool > button svg {
710
714
  fill: #000;
711
715
  }
712
- .light #_cbhtml .is-tool#divLinkTool button,
713
- .light .is-ui .is-tool#divLinkTool button {
716
+ .light #_cbhtml .is-tool#divLinkTool button, .light #_cbhtml .is-tool#divButtonTool button, .light #_cbhtml .is-tool#divSvgTool button,
717
+ .light .is-ui .is-tool#divLinkTool button,
718
+ .light .is-ui .is-tool#divButtonTool button,
719
+ .light .is-ui .is-tool#divSvgTool button {
714
720
  background: #edece6;
715
721
  }
716
- .light #_cbhtml .is-tool#divLinkTool button svg,
717
- .light .is-ui .is-tool#divLinkTool button svg {
722
+ .light #_cbhtml .is-tool#divLinkTool button svg, .light #_cbhtml .is-tool#divButtonTool button svg, .light #_cbhtml .is-tool#divSvgTool button svg,
723
+ .light .is-ui .is-tool#divLinkTool button svg,
724
+ .light .is-ui .is-tool#divButtonTool button svg,
725
+ .light .is-ui .is-tool#divSvgTool button svg {
718
726
  fill: #000;
719
727
  }
720
728
  .light #_cbhtml #divImageProgress,