survey-react 1.9.107 → 1.9.108

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.107
+ * surveyjs - Survey JavaScript library v1.9.108
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -391,6 +391,9 @@ button.sv-action-bar-item {
   overflow: hidden;
   visibility: hidden;
 }
+.sv-action--hidden .sv-action__content {
+  min-width: fit-content;
+}
 
 .sv-action__content {
   display: flex;
@@ -2113,6 +2116,15 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   display: flex;
 }
 
+.sd-input[type=time],
+.sd-input[type=date],
+.sd-input[type=datetime-local],
+.sd-input[type=week],
+.sd-input[type=month],
+.sd-input[type=tel],
+.sd-input[type=password],
+.sd-input[type=url],
+.sd-input[type=email],
 .sd-input[type=color],
 .sd-input[type=range] {
   box-sizing: content-box;
@@ -3635,6 +3647,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   white-space: pre;
 }
 
+.sd-input--disabled .sv-string-viewer {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .sv-popup.sv-popup--dropdown.sv-popup--dropdown .sd-list__item-body {
   line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));
   font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));
@@ -4213,6 +4231,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   border: none;
 }
 
+.sd-paneldynamic__separator:only-child {
+  display: none;
+}
+
 .sd-paneldynamic__panel-wrapper {
   padding-bottom: calc(1 * var(--sd-base-padding));
 }
@@ -4417,16 +4439,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 
 .sd-file {
-  min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));
   position: relative;
   font-size: calc(1 * var(--sjs-font-size, 16px));
   line-height: calc(1.5 * var(--sjs-font-size, 16px));
+  min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  box-sizing: border-box;
+  padding: 0 calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .sd-file .sv-action-bar {
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
   justify-content: center;
   position: absolute;
   width: 100%;
+  left: 0;
   bottom: 0;
 }
 .sd-file .sv-action-bar .sv-action-bar-item {
@@ -4436,6 +4461,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 .sd-file .sv-action-bar #fileIndex .sv-action-bar-item {
   padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+  font-weight: 600;
 }
 .sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {
   background-color: var(--sjs-general-backcolor, var(--background, #fff));
@@ -4448,19 +4474,22 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   display: flex;
   flex-direction: column;
   position: absolute;
+  position: absolute;
+  left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: 100%;
   height: 100%;
   box-sizing: border-box;
-  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
   justify-content: center;
   align-items: center;
+  padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
 }
 
 .sd-file__decorator--drag {
+  z-index: 1;
   border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
-  box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
   background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
-  z-index: 1;
+  box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
 .sd-file__no-file-chosen {
@@ -4468,7 +4497,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 
 .sd-file__drag-area-placeholder {
-  padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
   text-align: center;
   word-break: break-word;
   white-space: normal;
@@ -4477,7 +4505,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   line-height: calc(1.5 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));
 }
 
-.sd-root-modern--mobile .sd-file__drag-area-placeholder {
+.sd-root-modern--mobile .sd-file__decorator {
   padding: 0 calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
@@ -4527,16 +4555,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 
 .sd-file__list {
-  overflow: auto;
   display: flex;
+  gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: content-box;
   flex-direction: row;
   align-items: stretch;
-  justify-content: space-between;
+  justify-content: center;
   padding: calc(10.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
   min-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
   max-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  position: absolute;
   width: 100%;
 }
 
@@ -4546,7 +4573,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   align-items: center;
   flex-direction: column;
   min-height: 100%;
-  margin: 0 auto;
+  margin: 0;
 }
 .sd-file__preview .sd-file__default-image {
   width: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -4622,6 +4649,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   margin: 0;
 }
 .sd-file--single-image .sd-file__list {
+  position: absolute;
+  left: 0;
   padding: 0;
   height: 100%;
   max-height: 100%;
@@ -4657,7 +4686,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 
 .sd-file__drag-area {
-  position: absolute;
+  position: static;
   width: 100%;
   height: 100%;
 }
@@ -5627,47 +5656,6 @@ sv-components-container,
 .sd-root-modern.sd-root-modern--mobile .sd-header__text {
   min-width: 100%;
 }
-.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell {
-  display: block;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell:not(:first-of-type) {
-  padding-left: 0;
-  padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell :not(:last-of-type) {
-  padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-container {
-  flex-direction: column;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title {
-  height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  padding-right: 0;
-  border-right: none;
-  margin-bottom: 0;
-  margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  width: 100%;
-  max-width: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title span {
-  font-size: calc(0.75 * var(--sjs-font-size, 16px));
-  line-height: calc(1 * var(--sjs-font-size, 16px));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item {
-  width: 100%;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item .sd-input {
-  padding-right: 0;
-  padding-left: 0;
-  margin-top: 0;
-  margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column {
-  flex-direction: column;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {
-  padding-right: 0;
-}
 .sd-root-modern.sd-root-modern--mobile .sd-question.sd-question--table > .sd-question__content {
   padding-top: 0;
 }
@@ -5794,6 +5782,60 @@ sv-components-container,
   margin-right: 0;
 }
 
+.sd-multipletext--mobile .sd-multipletext__cell {
+  display: block;
+}
+.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {
+  padding-left: 0;
+  padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {
+  padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sd-multipletext--mobile .sd-multipletext__item-container {
+  padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sd-multipletext--mobile .sd-multipletext__item-title {
+  max-width: none;
+  border-right: none;
+  width: 100%;
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+  margin: 0;
+}
+.sd-multipletext--mobile .sd-multipletext__item {
+  flex-basis: 0;
+}
+.sd-multipletext--mobile .sd-multipletext__item .sd-input {
+  padding: 0;
+  margin: 0;
+}
+.sd-multipletext--mobile .sd-multipletext__item-container--answered,
+.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within {
+  flex-direction: column;
+}
+.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title,
+.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title {
+  padding: 0;
+}
+.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,
+.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span {
+  font-size: calc(0.75 * var(--sjs-font-size, 16px));
+  line-height: calc(1 * var(--sjs-font-size, 16px));
+}
+.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,
+.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {
+  flex-basis: auto;
+  width: 100%;
+}
+
+.sd-selectbase--mobile .sd-selectbase--multi-column {
+  flex-direction: column;
+}
+.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {
+  padding-right: 0;
+}
+
 body {
   --sv-defaultV2-mark: true;
 }