survey-react 1.11.1 → 1.11.3

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.1
+ * surveyjs - Survey JavaScript library v1.11.3
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3169,7 +3169,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   animation-fill-mode: forwards;
 }
 .sd-table__row--detail.sd-table__row--fade-in {
-  --fade-in-animation-duration: calc(var(--sjs--fade-in-duration, 500ms) + var(--sjs-matrix-detail-row-fade-in-delay, 150ms));
+  --fade-in-animation-duration: calc(var(--sjs-matrix-detail-row-fade-in-duration, 500ms) + var(--sjs-matrix-detail-row-fade-in-delay, 150ms));
   animation-duration: max(var(--fade-in-animation-duration), var(--sjs-matrix-detail-row-move-in-duration, 150ms));
 }
 .sd-table__row--detail.sd-table__row--fade-in > td {
@@ -3177,7 +3177,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);
 }
 .sd-table__row--detail.sd-table__row--fade-in > td > div {
-  animation-duration: var(--sjs--fade-in-duration, 500ms), var(--sjs-matrix-detail-row-move-in-duration, 150ms);
+  animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms), var(--sjs-matrix-detail-row-move-in-duration, 150ms);
   animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms), 0s;
 }
 .sd-table__row--detail.sd-table__row--fade-out {
@@ -3602,6 +3602,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   box-sizing: content-box;
 }
 
+.sd-row--multiple .sd-question--table.sd-element--nested > .sd-question__content {
+  padding-right: calc(var(--sd-base-padding) + 2px);
+}
+
 .sd-question--scroll {
   overflow-x: scroll;
 }
@@ -5028,6 +5032,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
 }
 
+.sd-dropdown--empty div {
+  min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
+}
+
 .sd-dropdown__filter-string-input::placeholder {
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   width: 100%;
@@ -7158,23 +7166,33 @@ svg.sd-action--icon {
 }
 
 .sd-context-btn--with-border {
-  border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
+  --box-shadow-color: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
+  box-shadow: 0 0 0 1px var(--box-shadow-color);
+}
+
+.sd-context-btn--colorful use {
+  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
+}
+.sd-context-btn--colorful.sd-context-btn--negative use {
+  fill: red;
 }
 
 .sd-context-btn--colorful:focus,
 .sd-context-btn--colorful:hover {
-  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
   background: linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));
 }
-.sd-context-btn--colorful:focus.sd-context-btn--with-border,
-.sd-context-btn--colorful:hover.sd-context-btn--with-border {
-  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
-}
 .sd-context-btn--colorful:focus.sd-context-btn--negative,
 .sd-context-btn--colorful:hover.sd-context-btn--negative {
-  border-color: var(--sjs-special-red, var(--red, #e60a3e));
   background: linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));
 }
+.sd-context-btn--colorful:focus.sd-context-btn--with-border,
+.sd-context-btn--colorful:hover.sd-context-btn--with-border {
+  --box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
+}
+.sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative,
+.sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative {
+  --box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e));
+}
 
 :root {
   --sjs-transition-duration: 150ms;
@@ -7770,7 +7788,7 @@ svg.sd-action--icon {
 }
 
 .sv-header__content--static {
-  max-width: calc(88 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   margin-left: auto;
   margin-right: auto;
 }
@@ -8118,25 +8136,20 @@ sv-components-container,
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer:not(.sd-question--answered) {
   display: none;
 }
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell::before {
+.sd-root-modern.sd-root-modern--mobile .sd-table__responsive-title {
   padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
-  content: attr(data-responsive-title);
   font-weight: 600;
   display: block;
   text-align: left;
 }
+.sd-root-modern.sd-root-modern--mobile .sd-table__responsive-title .sv-string-viewer {
+  white-space: normal;
+}
 .sd-root-modern.sd-root-modern--mobile .sd-table--no-header {
   padding-top: 0;
 }
-.sd-root-modern.sd-root-modern--mobile .sd-table--no-header .sd-table__cell::before {
-  content: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell::before,
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--actions::before,
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text::before,
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer-total::before,
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error::before {
-  content: none;
+.sd-root-modern.sd-root-modern--mobile .sd-table--no-header .sd-table__responsive-title {
+  display: none;
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel {
   padding-top: 0;