survey-creator-core 1.9.97 → 1.9.99

package/fonts.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.97
+ * SurveyJS Creator v1.9.99
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/fonts.fontless.min.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.97
+ * SurveyJS Creator v1.9.99
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-core",
-  "version": "1.9.97",
+  "version": "1.9.99",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -28,8 +28,13 @@
   "peerDependencies": {
     "ace-builds": "^1.4.12"
   },
+  "peerDependenciesMeta": {
+    "ace-builds": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "survey-core": "1.9.97"
+    "survey-core": "1.9.99"
   },
   "devDependencies": {}
 }

package/survey-creator-core.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.97
+ * SurveyJS Creator v1.9.99
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -225,7 +225,7 @@
 }
 
 /*# sourceMappingURL=fonts.fontless.css.map*//*!
- * SurveyJS Creator v1.9.97
+ * SurveyJS Creator v1.9.99
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1920,11 +1920,9 @@ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigato
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
-.svc-page-navigator__selector--opened {
-  opacity: 0.5;
-}
 .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {
   background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
+  opacity: 0.5;
 }
 .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
@@ -2092,6 +2090,7 @@ svc-page {
 
 .svc-page__content {
   position: relative;
+  border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
   width: 100%;
@@ -2116,15 +2115,10 @@ svc-page {
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 
-.svc-creator .svc-page .svc-page__content--selected,
-.svc-creator .svc-page .svc-page__content--selected:focus,
-.svc-hovered {
-  border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
 .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
 .svc-hovered.svc-page__content--selected {
-  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
+  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
@@ -2179,9 +2173,9 @@ svc-page {
   position: absolute;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  bottom: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  bottom: calc(11.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(100% - 48px);
-  height: 4px;
+  height: 2px;
 }
 .svc-row {
   width: 100%;
@@ -2249,7 +2243,7 @@ svc-page {
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 6px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-row--drag-over-bottom:after {
@@ -2259,16 +2253,16 @@ svc-page {
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   bottom: -10px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--panel .svc-row--drag-over-top:before,
 .sd-panel__content .svc-row--drag-over-top:before {
-  top: -6px;
+  top: -4px;
 }
 .svc-question__content--panel .svc-row--drag-over-bottom:after,
 .sd-panel__content .svc-row--drag-over-bottom:after {
-  bottom: -6px;
+  bottom: -4px;
 }
 .svc-carry-forward-panel {
   box-sizing: border-box;
@@ -2332,7 +2326,6 @@ svc-question {
   padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background: var(--sjs-general-backcolor, var(--background, #fff));
   box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
-  border: 2px solid transparent;
   outline: none;
 }
 
@@ -2399,15 +2392,15 @@ svc-question {
 }
 
 .svc-question__content:focus,
-.svc-creator .svc-page .svc-hovered > .svc-question__content {
+.svc-hovered > .svc-question__content {
   box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
 }
 
-.svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,
-.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
+.svc-question__content--selected:not(.svc-question__content--dragged) {
   box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
 }
-.svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
+
+.svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
 .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
   display: block;
 }
@@ -2474,7 +2467,8 @@ svc-question {
 
 .svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
 .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
-  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
+  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
+  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
   background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
 }
 .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
@@ -2485,21 +2479,21 @@ svc-question {
 .svc-question__content--drag-over-left:before {
   content: " ";
   position: absolute;
-  left: -7px;
+  left: -6px;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 0;
   height: 100%;
-  width: 4px;
+  width: 2px;
 }
 
 .svc-question__content--drag-over-right:after {
   content: " ";
   position: absolute;
-  right: -7px;
+  right: -6px;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 0;
   height: 100%;
-  width: 4px;
+  width: 2px;
 }
 
 .svc-question__content--drag-over-top:before {
@@ -2507,9 +2501,9 @@ svc-question {
   position: absolute;
   left: 0;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
-  top: -12px;
+  top: -9px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--drag-over-bottom:before {
@@ -2517,9 +2511,9 @@ svc-question {
   position: absolute;
   left: 0;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
-  bottom: -12px;
+  bottom: -9px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
@@ -2532,6 +2526,14 @@ svc-question {
   margin-right: 8px;
   width: calc(100% - 8px);
 }
+.svc-question__content--panel .svc-question__content--drag-over-top:before,
+.sd-panel__content .svc-question__content--drag-over-top:before {
+  top: -6px;
+}
+.svc-question__content--panel .svc-question__content--drag-over-bottom:before,
+.sd-panel__content .svc-question__content--drag-over-bottom:before {
+  bottom: -6px;
+}
 
 .svc-question__content-actions .sv-action-bar {
   box-sizing: border-box;
@@ -2617,28 +2619,34 @@ svc-question .sv-action-bar,
   fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 
-.sd-panel :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected),
-.sd-row--multiple :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected) {
-  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
-  box-shadow: none;
+.sd-panel .svc-question__content--image:not(.svc-question__content--empty),
+.sd-row--multiple .svc-question__content--image:not(.svc-question__content--empty) {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+.sd-panel .svc-question__content .sd-table-wrapper::before,
+.sd-row--multiple .svc-question__content .sd-table-wrapper::before {
+  left: calc(-1 * var(--sd-base-padding) + 1px);
+}
+.sd-panel .svc-question__content .sd-table-wrapper::after,
+.sd-row--multiple .svc-question__content .sd-table-wrapper::after {
+  right: calc(-1 * var(--sd-base-padding) + 1px);
 }
 .sd-panel .svc-question__content,
 .sd-row--multiple .svc-question__content {
   border-radius: 0;
-}
-.sd-panel .svc-question__content.svc-question__content--selected,
-.sd-row--multiple .svc-question__content.svc-question__content--selected {
-  border: 1px solid transparent;
-  box-shadow: none;
-}
-.sd-panel .svc-question__content:hover,
-.sd-row--multiple .svc-question__content:hover {
-  border: 1px solid transparent;
+  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
   box-shadow: none;
 }
-.sd-row--multiple .svc-hovered > .svc-question__content:not(.svc-question__content--selected) {
+.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged),
+.sd-row--multiple .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {
   border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
-  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
+  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;
+}
+.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged),
+.sd-row--multiple .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {
+  border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
+  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
 }
 
 .sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
@@ -2810,6 +2818,9 @@ svc-question .sv-action-bar,
 .svc-question__content--image:not(.svc-question__content--empty) {
   padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
 }
+.svc-question__content--image:not(.svc-question__content--empty) .sd-image__image {
+  border-radius: 0;
+}
 
 .svc-question__content--image.svc-question__content--empty .sd-file,
 .svc-question__content--image.svc-question__content--empty sv-ng-file-question {
@@ -3790,6 +3801,7 @@ svc-toolbox {
   width: 3px;
   height: 100%;
   position: absolute;
+  z-index: 1;
   top: 0;
   background-color: transparent;
   cursor: e-resize;
@@ -4240,7 +4252,7 @@ button.spg-action-button--large {
 .spg-input__edit-button:active {
   opacity: 0.5;
 }
-.spg-input__edit-button:disabled {
+.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {
   opacity: 0.25;
   background: var(--sjs-general-backcolor, var(--background, #fff));
 }
@@ -4277,6 +4289,10 @@ button.spg-action-button--large {
   background-color: transparent;
 }
 
+.spg-input-container__input:disabled {
+  opacity: 0.25;
+}
+
 .spg-input-container__buttons-container {
   display: flex;
   gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -4694,6 +4710,10 @@ button.spg-action-button--large {
   fill: var(--sjs-general-backcolor, var(--background, #fff));
 }
 
+.spg-color-editor__color-swatch--disabled .sv-svg-icon {
+  opacity: 0.25;
+}
+
 .spg-color-editor .spg-input__edit-button + * {
   margin-inline-end: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -4724,8 +4744,8 @@ button.spg-action-button--large {
   min-width: auto;
 }
 .spg-theme-builder-root .spg-row--multiple > div {
-  flex: 1 1 0;
-  min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  flex: 1 1 calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);
+  min-width: auto;
 }
 .spg-theme-builder-root .spg-row--multiple > div input {
   min-width: 0;
@@ -4810,6 +4830,7 @@ button.spg-action-button--large {
 }
 
 .spg-root-modern {
+  position: relative;
   width: 100%;
   border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
   box-sizing: border-box;

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.97
+ * SurveyJS Creator v1.9.99
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1694,11 +1694,9 @@ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigato
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
-.svc-page-navigator__selector--opened {
-  opacity: 0.5;
-}
 .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {
   background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
+  opacity: 0.5;
 }
 .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
@@ -1866,6 +1864,7 @@ svc-page {
 
 .svc-page__content {
   position: relative;
+  border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
   width: 100%;
@@ -1890,15 +1889,10 @@ svc-page {
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 
-.svc-creator .svc-page .svc-page__content--selected,
-.svc-creator .svc-page .svc-page__content--selected:focus,
-.svc-hovered {
-  border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
 .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
 .svc-hovered.svc-page__content--selected {
-  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
+  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
@@ -1953,9 +1947,9 @@ svc-page {
   position: absolute;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  bottom: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  bottom: calc(11.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(100% - 48px);
-  height: 4px;
+  height: 2px;
 }
 .svc-row {
   width: 100%;
@@ -2023,7 +2017,7 @@ svc-page {
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 6px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-row--drag-over-bottom:after {
@@ -2033,16 +2027,16 @@ svc-page {
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   bottom: -10px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--panel .svc-row--drag-over-top:before,
 .sd-panel__content .svc-row--drag-over-top:before {
-  top: -6px;
+  top: -4px;
 }
 .svc-question__content--panel .svc-row--drag-over-bottom:after,
 .sd-panel__content .svc-row--drag-over-bottom:after {
-  bottom: -6px;
+  bottom: -4px;
 }
 .svc-carry-forward-panel {
   box-sizing: border-box;
@@ -2106,7 +2100,6 @@ svc-question {
   padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background: var(--sjs-general-backcolor, var(--background, #fff));
   box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
-  border: 2px solid transparent;
   outline: none;
 }
 
@@ -2173,15 +2166,15 @@ svc-question {
 }
 
 .svc-question__content:focus,
-.svc-creator .svc-page .svc-hovered > .svc-question__content {
+.svc-hovered > .svc-question__content {
   box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
 }
 
-.svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,
-.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
+.svc-question__content--selected:not(.svc-question__content--dragged) {
   box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
 }
-.svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
+
+.svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
 .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
   display: block;
 }
@@ -2248,7 +2241,8 @@ svc-question {
 
 .svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
 .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
-  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
+  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
+  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
   background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
 }
 .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
@@ -2259,21 +2253,21 @@ svc-question {
 .svc-question__content--drag-over-left:before {
   content: " ";
   position: absolute;
-  left: -7px;
+  left: -6px;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 0;
   height: 100%;
-  width: 4px;
+  width: 2px;
 }
 
 .svc-question__content--drag-over-right:after {
   content: " ";
   position: absolute;
-  right: -7px;
+  right: -6px;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 0;
   height: 100%;
-  width: 4px;
+  width: 2px;
 }
 
 .svc-question__content--drag-over-top:before {
@@ -2281,9 +2275,9 @@ svc-question {
   position: absolute;
   left: 0;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
-  top: -12px;
+  top: -9px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--drag-over-bottom:before {
@@ -2291,9 +2285,9 @@ svc-question {
   position: absolute;
   left: 0;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
-  bottom: -12px;
+  bottom: -9px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
@@ -2306,6 +2300,14 @@ svc-question {
   margin-right: 8px;
   width: calc(100% - 8px);
 }
+.svc-question__content--panel .svc-question__content--drag-over-top:before,
+.sd-panel__content .svc-question__content--drag-over-top:before {
+  top: -6px;
+}
+.svc-question__content--panel .svc-question__content--drag-over-bottom:before,
+.sd-panel__content .svc-question__content--drag-over-bottom:before {
+  bottom: -6px;
+}
 
 .svc-question__content-actions .sv-action-bar {
   box-sizing: border-box;
@@ -2391,28 +2393,34 @@ svc-question .sv-action-bar,
   fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 
-.sd-panel :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected),
-.sd-row--multiple :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected) {
-  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
-  box-shadow: none;
+.sd-panel .svc-question__content--image:not(.svc-question__content--empty),
+.sd-row--multiple .svc-question__content--image:not(.svc-question__content--empty) {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+.sd-panel .svc-question__content .sd-table-wrapper::before,
+.sd-row--multiple .svc-question__content .sd-table-wrapper::before {
+  left: calc(-1 * var(--sd-base-padding) + 1px);
+}
+.sd-panel .svc-question__content .sd-table-wrapper::after,
+.sd-row--multiple .svc-question__content .sd-table-wrapper::after {
+  right: calc(-1 * var(--sd-base-padding) + 1px);
 }
 .sd-panel .svc-question__content,
 .sd-row--multiple .svc-question__content {
   border-radius: 0;
-}
-.sd-panel .svc-question__content.svc-question__content--selected,
-.sd-row--multiple .svc-question__content.svc-question__content--selected {
-  border: 1px solid transparent;
-  box-shadow: none;
-}
-.sd-panel .svc-question__content:hover,
-.sd-row--multiple .svc-question__content:hover {
-  border: 1px solid transparent;
+  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
   box-shadow: none;
 }
-.sd-row--multiple .svc-hovered > .svc-question__content:not(.svc-question__content--selected) {
+.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged),
+.sd-row--multiple .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {
   border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
-  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
+  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;
+}
+.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged),
+.sd-row--multiple .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {
+  border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
+  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
 }
 
 .sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
@@ -2584,6 +2592,9 @@ svc-question .sv-action-bar,
 .svc-question__content--image:not(.svc-question__content--empty) {
   padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
 }
+.svc-question__content--image:not(.svc-question__content--empty) .sd-image__image {
+  border-radius: 0;
+}
 
 .svc-question__content--image.svc-question__content--empty .sd-file,
 .svc-question__content--image.svc-question__content--empty sv-ng-file-question {
@@ -3564,6 +3575,7 @@ svc-toolbox {
   width: 3px;
   height: 100%;
   position: absolute;
+  z-index: 1;
   top: 0;
   background-color: transparent;
   cursor: e-resize;
@@ -4014,7 +4026,7 @@ button.spg-action-button--large {
 .spg-input__edit-button:active {
   opacity: 0.5;
 }
-.spg-input__edit-button:disabled {
+.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {
   opacity: 0.25;
   background: var(--sjs-general-backcolor, var(--background, #fff));
 }
@@ -4051,6 +4063,10 @@ button.spg-action-button--large {
   background-color: transparent;
 }
 
+.spg-input-container__input:disabled {
+  opacity: 0.25;
+}
+
 .spg-input-container__buttons-container {
   display: flex;
   gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -4468,6 +4484,10 @@ button.spg-action-button--large {
   fill: var(--sjs-general-backcolor, var(--background, #fff));
 }
 
+.spg-color-editor__color-swatch--disabled .sv-svg-icon {
+  opacity: 0.25;
+}
+
 .spg-color-editor .spg-input__edit-button + * {
   margin-inline-end: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -4498,8 +4518,8 @@ button.spg-action-button--large {
   min-width: auto;
 }
 .spg-theme-builder-root .spg-row--multiple > div {
-  flex: 1 1 0;
-  min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  flex: 1 1 calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);
+  min-width: auto;
 }
 .spg-theme-builder-root .spg-row--multiple > div input {
   min-width: 0;
@@ -4584,6 +4604,7 @@ button.spg-action-button--large {
 }
 
 .spg-root-modern {
+  position: relative;
   width: 100%;
   border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
   box-sizing: border-box;