survey-react 1.9.106 → 1.9.108

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.106
+ * 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;
@@ -2050,6 +2053,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   outline: none;
 }
 
+input.sd-input:disabled:not(.sd-input--disabled),
+textarea.sd-input:disabled:not(.sd-input--disabled) {
+  opacity: 1;
+}
+
 .sd-input--disabled {
   background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
   -webkit-user-select: none;
@@ -2066,8 +2074,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   user-select: none;
 }
 
-.sd-input--disabled,
-.sd-input--disabled::placeholder {
+.sd-input.sd-input--disabled,
+.sd-input.sd-input--disabled::placeholder {
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   opacity: 0.25;
 }
@@ -2108,6 +2116,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   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;
@@ -2414,39 +2431,39 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.sd-table--alternate-rows {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows {
   margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {
   padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.sd-table--alternate-rows .sd-table__cell:last-of-type {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {
   padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
   background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
 }
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-matrix__text--checked,
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-matrix__text--checked,
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {
   background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
 }
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-input,
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-input,
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {
   background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
 }
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error) .sd-item__decorator,
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error) .sd-item__decorator,
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {
   background-color: var(--sjs-general-backcolor, var(--background, #fff));
 }
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {
   background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after,
-.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after,
+.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
   background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
 }
 
@@ -3630,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))));
@@ -4208,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));
 }
@@ -4412,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 {
@@ -4431,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));
@@ -4443,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 {
@@ -4463,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;
@@ -4472,6 +4505,10 @@ 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__decorator {
+  padding: 0 calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+
 .sd-file__choose-btn--text {
   display: block;
   margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -4518,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%;
 }
 
@@ -4537,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)));
@@ -4613,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%;
@@ -4648,7 +4686,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 
 .sd-file__drag-area {
-  position: absolute;
+  position: static;
   width: 100%;
   height: 100%;
 }
@@ -5508,6 +5546,26 @@ svg.sd-action--icon {
   font-size: calc(0.75 * var(--sjs-font-size, 16px));
 }
 
+@keyframes rotationAnimation {
+  from {
+    rotate: 0deg;
+  }
+  to {
+    rotate: 360deg;
+  }
+}
+.sd-loading-indicator {
+  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sd-loading-indicator .sv-svg-icon {
+  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  animation-name: rotationAnimation;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: 1s;
+}
+
 sv-components-container,
 .sd-components-container {
   display: flex;
@@ -5598,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;
 }
@@ -5765,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;
 }