survey-react 1.12.21 → 1.12.23

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.21
+ * surveyjs - Survey JavaScript library v1.12.23
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3191,9 +3191,25 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   z-index: 12;
 }
 
+.sd-question--mobile .sd-matrixdynamic__footer::before {
+  z-index: 12;
+  content: " ";
+  display: block;
+  position: relative;
+  height: 1px;
+  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
+  left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  z-index: 12;
+}
+
 .sd-matrixdynamic__footer:first-child {
   padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
+.sd-matrixdynamic__footer:first-child::before {
+  display: none;
+}
 
 .sd-matrixdynamic__footer {
   padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -3841,6 +3857,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
 .sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
   bottom: 0;
 }
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:last-of-type::after {
+  display: none;
+}
 .sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr {
   padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
@@ -5567,7 +5586,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
   border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
-  max-width: 100%;
+  max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
 }
 
@@ -5664,6 +5683,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 .sd-tagbox__hint {
   display: flex;
   flex-grow: 1;
+  max-width: 100%;
 }
 
 .sd-tagbox__hint-suffix-wrapper {
@@ -5685,6 +5705,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   height: 100%;
   display: flex;
   align-items: center;
+  max-width: 50%;
+  justify-content: flex-end;
 }
 
 .sd-imagepicker {
@@ -6392,10 +6414,30 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
+.sd-paneldynamic__tabs-container {
+  padding-top: var(--sd-base-padding);
+}
+.sd-paneldynamic__tabs-container .sd-tabs-toolbar {
+  margin: 0 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sd-paneldynamic__tabs-container:after {
+  content: " ";
+  display: block;
+  height: 1px;
+  position: relative;
+  background: var(--sjs-border-light, var(--border-light, #eaeaea));
+  bottom: 0;
+  inset-inline-start: calc(-1 * var(--sd-base-padding));
+  width: calc(100% + 2 * var(--sd-base-padding));
+}
+
+.sd-paneldynamic__tabs-container--with-header {
+  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+
 .sd-tabs-toolbar.sv-action-bar {
   align-items: flex-start;
-  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   z-index: 1;
 }
 
@@ -6493,8 +6535,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   padding-bottom: 0;
 }
 
+.sd-element--collapsed .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
+  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+
 .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {
-  bottom: 0;
+  content: none;
 }
 
 .sd-question--paneldynamic.sd-element--with-frame {