survey-creator-core 1.9.80 → 1.9.82

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.80
+ * SurveyJS Creator v1.9.82
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -730,7 +730,8 @@ td.st-table__cell:first-of-type {
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); }
 
 .svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-text {
-  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); }
+  color: var(--foreground, #161616);
+  opacity: 0.25; }
 
 .svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
   margin-top: 0;
@@ -794,6 +795,9 @@ td.st-table__cell:first-of-type {
   display: block;
   padding: calc(4 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px)); }
 
+.svc-logic-tab__leave-apply-button {
+  background-color: var(--red, #e60a3e); }
+
 svc-tab-designer {
   width: 100%;
   height: 100%;
@@ -1134,7 +1138,8 @@ survey-creator,
   margin-left: calc(1 * var(--base-unit, 8px));
   line-height: calc(4 * var(--base-unit, 8px));
   font-size: calc(2 * var(--base-unit, 8px));
-  color: red; }
+  color: red;
+  display: none; }
 
 .svc-string-editor__controls {
   position: absolute;
@@ -1187,6 +1192,9 @@ survey-creator,
   background-color: var(--background, #fff);
   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) var(--primary, #19b394); }
 
+.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) var(--red, #e60a3e); }
+
 .sd-rating .sd-rating__item:focus-within {
   border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
 
@@ -1422,7 +1430,8 @@ svc-page-navigator-item,
   padding: 0 calc(2.5 * var(--base-unit, 8px)) 0 calc(4.5 * var(--base-unit, 8px)); }
 
 .svc-page-navigator-item--disabled .svc-page-navigator-item__banner {
-  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); }
+  color: var(--foreground, #161616);
+  opacity: 0.25; }
 
 svc-page {
   display: block; }
@@ -1513,6 +1522,18 @@ svc-page {
   box-shadow: none; }
 
 .svc-row.svc-row--ghost .sd-row {
+  height: calc(4 * var(--base-unit, 8px)); }
+
+.svc-row.svc-row--ghost:last-child .sd-row {
+  height: initial;
+  margin-top: calc(2 * var(--base-unit, 8px));
+  margin-bottom: calc(2 * var(--base-unit, 8px)); }
+
+.svc-row.svc-row--ghost + .svc-row .sd-page__row {
+  margin-top: 0; }
+
+.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {
+  height: initial;
   margin-top: calc(2 * var(--base-unit, 8px));
   margin-bottom: calc(2 * var(--base-unit, 8px)); }
 
@@ -1568,7 +1589,8 @@ svc-question {
   box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); }
 
 .svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
-  color: var(--foreground-disabled, rgba(22, 22, 22, 0.25)); }
+  color: var(--foreground, #161616);
+  opacity: 0.25; }
 
 .svc-question__content > div {
   overflow: visible; }
@@ -1858,12 +1880,6 @@ svc-question .sv-action-bar,
   margin-top: 0;
   margin-bottom: 0; }
 
-.sd-panel .svc-row.svc-row--ghost {
-  margin-top: calc(1 * var(--base-unit, 8px));
-  margin-bottom: calc(1.5 * var(--base-unit, 8px)); }
-  .sd-panel .svc-row.svc-row--ghost .sv-drag-drop-ghost {
-    top: 0; }
-
 .svc-question__dropdown-choices {
   margin-top: calc(2 * var(--base-unit, 8px)); }
 
@@ -1929,6 +1945,10 @@ svc-question .sv-action-bar,
   min-width: auto;
   justify-content: flex-start; }
 
+.svc-question__content .sd-rating__item--fixed-size:focus-within {
+  width: unset;
+  padding: calc(0.5 * var(--base-unit, 8px)) calc(2.5 * var(--base-unit, 8px)); }
+
 .svc-item-value-wrapper {
   position: relative;
   display: flex;
@@ -2020,7 +2040,9 @@ svc-question .sv-action-bar,
   opacity: 0.35; }
 
 .svc-item-value--new .sv-ranking-item__index {
-  background: var(--background-for-editors, #f9f9f9); }
+  background: var(--background-dim, #f3f3f3); }
+  .svc-item-value--new .sv-ranking-item__index.sv-ranking-item__index--empty:empty {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgBjcABDQAACAKwa2X6b1Tghxi8UQEkAAB3NR3N2gAAAABJRU5ErkJggg==); }
 
 .sv-ranking .svc-item-value-wrapper {
   align-items: center; }
@@ -2067,7 +2089,7 @@ svc-question .sv-action-bar,
   background: var(--background-dim, #f3f3f3);
   border-radius: calc(12.5 * var(--base-unit, 8px));
   width: calc(25 * var(--base-unit, 8px));
-  height: 55px;
+  height: 40px;
   z-index: 11;
   position: absolute;
   left: 35px; }
@@ -2380,7 +2402,8 @@ svc-question .sv-action-bar,
 .svc-property-panel__group:disabled,
 .svc-property-panel__group:disabled:hover {
   background-color: var(--background, #fff);
-  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16));
+  color: var(--foreground, #161616);
+  opacity: 0.25;
   cursor: default; }
 
 .svc-property-panel__group:hover {
@@ -2414,7 +2437,8 @@ svc-question .sv-action-bar,
 
 .svc-tabbed-menu-item--disabled {
   cursor: default;
-  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); }
+  color: var(--foreground, #161616);
+  opacity: 0.25; }
   .svc-tabbed-menu-item--disabled:hover {
     background-color: var(--background, #fff); }
 
@@ -3020,19 +3044,39 @@ button.spg-action-button--large {
 
 .spg-input:focus,
 .spg-input.spg-dropdown:focus,
-.spg-input.spg-dropdown:focus-within {
+.spg-input.spg-dropdown:focus-within,
+.spg-input-container:focus-within {
   border-color: var(--primary, #19b394);
   box-shadow: inset 0 0 0 1px var(--primary, #19b394); }
 
 .spg-input:disabled,
 .spg-input:disabled::placeholder {
-  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); }
+  color: var(--foreground, #161616);
+  opacity: 0.25; }
 
 .spg-input[type="color"] {
   padding-left: 0;
   padding-right: 0;
   min-width: calc(8 * var(--base-unit, 8px)); }
 
+.spg-input__edit-button {
+  position: relative;
+  box-sizing: border-box;
+  appearance: none;
+  background: var(--background, #fff);
+  border: none;
+  width: calc(5 * var(--base-unit, 8px));
+  height: calc(5 * var(--base-unit, 8px));
+  padding: calc(1 * var(--base-unit, 8px)); }
+  .spg-input__edit-button:hover {
+    background: var(--background-dim, #f3f3f3); }
+  .spg-input__edit-button:active {
+    opacity: 0.5; }
+  .spg-input__edit-button svg {
+    height: 24px;
+    width: 24px;
+    fill: rgba(0, 0, 0, 0.45); }
+
 .spg-dropdown {
   border-radius: 0;
   display: flex;
@@ -3072,7 +3116,8 @@ button.spg-action-button--large {
 
 .spg-panel__title:disabled,
 .spg-panel__title:disabled:hover {
-  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16));
+  color: var(--foreground, #161616);
+  opacity: 0.25;
   cursor: default; }
 
 .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):hover, .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):focus {
@@ -3334,6 +3379,42 @@ button.spg-action-button--large {
     .spg-question-group .spg-question--location--left .spg-question__content--left .spg-input.spg-dropdown:focus-within {
       box-shadow: none; }
 
+.spg-spin-editor__buttons-container {
+  display: flex; }
+
+.spg-input-container {
+  display: flex;
+  justify-content: space-between;
+  cursor: default;
+  padding: calc(0.5 * var(--base-unit, 8px));
+  align-items: center;
+  gap: calc(0.5 * var(--base-unit, 8px)); }
+
+.spg-input-container__input {
+  outline: none;
+  border: none;
+  flex-grow: 1;
+  padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px)); }
+
+.spg-color-editor__color-input {
+  position: absolute;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px 1px 1px 1px);
+  /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+  left: calc(50%);
+  top: calc(100%);
+  transform: translate(-50%, -50%); }
+
+.spg-color-editor__color-swatch {
+  border: 1px solid rgba(0, 0, 0, 0.16);
+  border-radius: 3px;
+  width: calc(4.5 * var(--base-unit, 8px));
+  height: calc(3 * var(--base-unit, 8px));
+  margin-left: calc(1.5 * var(--base-unit, 8px)); }
+
 .spg-root-modern {
   width: 100%;
   border-right: 1px solid var(--border, #d6d6d6);