survey-creator-core 1.9.83 → 1.9.85

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.83
+ * SurveyJS Creator v1.9.85
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -811,7 +811,8 @@ svc-tab-designer {
 
 .svc-tab-designer--with-place-holder .svc-tab-designer_content {
   display: flex;
-  justify-content: center; }
+  justify-content: center;
+  flex-direction: column; }
 
 .svc-tab-designer--with-place-holder .svc-designer-header {
   min-width: calc(84 * var(--base-unit, 8px)); }
@@ -844,8 +845,14 @@ svc-tab-designer {
   border-bottom: 2px solid transparent; }
 
 .svc-designer__placeholder-container {
-  position: absolute;
-  top: 35%; }
+  display: flex;
+  flex-grow: 1;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: calc(2 * var(--base-unit, 8px));
+  box-sizing: border-box; }
 
 .svc-designer-placeholder-page {
   margin-top: calc(2 * var(--base-unit, 8px)); }
@@ -1236,7 +1243,9 @@ survey-creator,
     justify-content: center;
     color: var(--primary, #19b394); }
 
-.svc-btn:hover,
+.svc-btn:hover {
+  background-color: var(--sjs-general-backcolor-dark, #f8f8f8); }
+
 .svc-btn:focus {
   box-shadow: 0 0 0 2px var(--primary, #19b394); }
 
@@ -1572,6 +1581,9 @@ svc-question {
   border: 2px solid transparent;
   outline: none; }
 
+.svc-question__content .sd-element__header .sd-description {
+  margin-top: 0; }
+
 .svc-question__content .sd-selectbase:not(.sd-imagepicker) {
   overflow-x: auto;
   padding-left: calc(5 * var(--base-unit, 8px));
@@ -1606,8 +1618,7 @@ svc-question {
   inset-inline-end: calc(3.5 * var(--base-unit, 8px)); }
   .svc-question__content-actions .sv-action--convertTo {
     min-width: calc(13 * var(--base-unit, 8px));
-    max-width: max-content;
-    margin-inline-end: auto; }
+    max-width: max-content; }
     .svc-question__content-actions .sv-action--convertTo .sv-action-bar-item {
       max-width: 100%;
       flex-direction: row-reverse; }
@@ -1620,6 +1631,10 @@ svc-question {
     .svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {
       margin-inline-start: 0;
       margin-inline-end: calc(0.5 * var(--base-unit, 8px)); }
+  .svc-question__content-actions .sv-action--convertTo.sv-action--hidden {
+    min-width: 0; }
+  .svc-question__content-actions .sv-action--convertTo-last {
+    margin-inline-end: auto; }
 
 .svc-question__content:focus,
 .svc-creator .svc-page .svc-hovered > .svc-question__content {
@@ -2371,11 +2386,11 @@ svc-question .sv-action-bar,
   margin-left: calc(-2 * var(--base-unit, 8px)); }
 
 .svc-question-link__clear-button {
-  margin-left: calc(4 * var(--base-unit, 8px));
   color: var(--red, #e60a3e);
   font-weight: 600;
   cursor: pointer; }
 
+.svc-question-link__clear-button:focus,
 .svc-question-link__clear-button:hover {
   background-color: var(--red-light, rgba(229, 10, 62, 0.1)); }
 
@@ -3010,18 +3025,38 @@ button.spg-action-button--large {
   overflow: hidden;
   flex-wrap: wrap; }
   .spg-row--multiple > div {
-    width: 0;
     flex-grow: 1;
     min-width: calc(25.5 * var(--base-unit, 8px)); }
     .spg-row--multiple > div .spg-question__header--location--left {
       min-width: calc(8 * var(--base-unit, 8px)); }
     .spg-row--multiple > div input {
-      min-width: calc(17 * var(--base-unit, 8px));
-      width: 100%; }
-    .spg-row--multiple > div input[type="date"] {
-      width: 100%; }
-      .spg-row--multiple > div input[type="date"]::-webkit-calendar-picker-indicator {
-        display: none; }
+      min-width: calc(max(17 * var(--base-unit, 8px), 100%));
+      width: 0; }
+
+.spg-question__erbox {
+  padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
+  color: var(--foreground, #161616);
+  background-color: var(--red-light, rgba(229, 10, 62, 0.1));
+  border-radius: calc(0.5 * var(--base-unit, 8px));
+  line-height: calc(3 * var(--base-unit, 8px)); }
+  .spg-question__erbox > div {
+    display: flex;
+    gap: calc(1 * var(--base-unit, 8px)); }
+
+.spg-question__erbox-icon {
+  display: block;
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: calc(3 * var(--base-unit, 8px));
+  height: calc(3 * var(--base-unit, 8px));
+  background-size: calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  line-height: calc(3 * var(--base-unit, 8px));
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E"); }
+
+.spg-question__erbox--location--bottom {
+  margin-top: calc(1 * var(--base-unit, 8px)); }
 
 .spg-input {
   -webkit-appearance: none;
@@ -3065,6 +3100,7 @@ button.spg-action-button--large {
   appearance: none;
   background: var(--background, #fff);
   border: none;
+  outline: none;
   width: calc(5 * var(--base-unit, 8px));
   height: calc(5 * var(--base-unit, 8px));
   padding: calc(1 * var(--base-unit, 8px)); }
@@ -3072,11 +3108,31 @@ button.spg-action-button--large {
     background: var(--background-dim, #f3f3f3); }
   .spg-input__edit-button:active {
     opacity: 0.5; }
+  .spg-input__edit-button:disabled {
+    opacity: 0.25;
+    background: var(--background, #fff); }
   .spg-input__edit-button svg {
     height: 24px;
     width: 24px;
     fill: rgba(0, 0, 0, 0.45); }
 
+.spg-input.spg-input--error {
+  border-color: var(--red, #e60a3e);
+  box-shadow: none; }
+
+.spg-input-container__input {
+  flex-grow: 1;
+  width: 100%;
+  padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
+  color: var(--foreground, #161616);
+  font-size: calc(2 * var(--base-unit, 8px));
+  font-family: var(--font-family);
+  outline: none;
+  border: none; }
+
+.spg-input-container__buttons-container {
+  display: flex; }
+
 .spg-dropdown {
   border-radius: 0;
   display: flex;
@@ -3285,6 +3341,21 @@ button.spg-action-button--large {
   font-weight: 600;
   line-height: calc(3 * var(--base-unit, 8px)); }
 
+.spg-smiley-icon {
+  width: calc(3 * var(--base-unit, 8px));
+  height: calc(3 * var(--base-unit, 8px));
+  margin: calc(1 * var(--base-unit, 8px));
+  border-radius: 100px;
+  border: 1px solid var(--foreground, #161616);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: calc(4 * var(--base-unit, 8px)); }
+  .spg-smiley-icon svg {
+    width: calc(1.5 * var(--base-unit, 8px));
+    height: calc(1.5 * var(--base-unit, 8px));
+    fill: var(--foreground, #161616); }
+
 .spg-table-wrapper {
   border: 1px solid var(--border, #d6d6d6);
   border-bottom: none; }
@@ -3379,9 +3450,6 @@ 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;
@@ -3390,12 +3458,6 @@ button.spg-action-button--large {
   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;
@@ -3409,12 +3471,20 @@ button.spg-action-button--large {
   transform: translate(-50%, -50%); }
 
 .spg-color-editor__color-swatch {
+  flex-shrink: 0;
+  flex-grow: 0;
   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-file-edit__choose-button {
+  position: relative; }
+
+.spg-link {
+  display: flex; }
+
 .spg-root-modern {
   width: 100%;
   border-right: 1px solid var(--border, #d6d6d6);
@@ -3442,6 +3512,13 @@ button.spg-action-button--large {
   margin-left: calc(1 * var(--base-unit, 8px));
   margin-right: calc(1 * var(--base-unit, 8px)); }
 
+.svc-object-selector__content {
+  position: relative;
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column; }
+
 .spg-title .spg-action-bar {
   margin-top: calc(-1 * var(--base-unit, 8px));
   margin-bottom: calc(-1 * var(--base-unit, 8px));