survey-react 1.11.9 → 1.11.11

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.9
+ * surveyjs - Survey JavaScript library v1.11.11
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -612,6 +612,7 @@ sv-popup {
   width: 100%;
   padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   border: unset;
+  box-sizing: content-box;
 }
 .sv-popup--overlay .sv-popup__body-content {
   max-height: var(--sv-popup-overlay-height, 100vh);
@@ -1226,6 +1227,7 @@ sv-popup {
   border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
   display: flex;
   background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
+  box-sizing: content-box;
 }
 .sv_window--collapsed .sv_window_content {
   display: none;
@@ -1353,7 +1355,6 @@ sv-brand-info, .sv-brand-info {
 .sv-ranking-item {
   cursor: pointer;
   position: relative;
-  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   opacity: 1;
 }
 
@@ -1395,11 +1396,12 @@ sv-brand-info, .sv-brand-info {
 .sv-ranking-item__icon-container {
   position: relative;
   left: 0;
-  top: 0;
+  top: 5px;
   bottom: 0;
   flex-shrink: 0;
   width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  align-self: flex-start;
 }
 
 .sv-ranking-item--disabled.sv-ranking-item--disabled,
@@ -1443,6 +1445,7 @@ sv-brand-info, .sv-brand-info {
   margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
   outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
+  align-self: self-start;
 }
 .sv-ranking-item__index.sv-ranking-item__index svg {
   fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
@@ -1460,6 +1463,15 @@ sv-brand-info, .sv-brand-info {
   font-size: var(--sjs-internal-font-editorfont-size);
   line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
   margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  overflow-wrap: break-word;
+  word-break: break-all;
+  align-self: self-start;
+  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
+  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.sv-ranking-item__text .sv-string-viewer {
+  overflow: initial;
+  white-space: pre-line;
 }
 
 .sd-ranking--disabled .sv-ranking-item__text {
@@ -1499,6 +1511,13 @@ sv-brand-info, .sv-brand-info {
   right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
+.sv-ranking-item--ghost {
+  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer {
+  white-space: unset;
+}
+
 .sv-ranking-item--ghost .sv-ranking-item__ghost {
   display: block;
 }
@@ -1588,6 +1607,13 @@ sv-brand-info, .sv-brand-info {
   background-color: var(--sjs-general-backcolor, var(--background, #fff));
   font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
 }
+.sv-ranking-shortcut .sv-ranking-item {
+  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer {
+  overflow: hidden;
+  white-space: nowrap;
+}
 
 .sv-ranking--select-to-rank {
   display: flex;
@@ -1609,7 +1635,6 @@ sv-brand-info, .sv-brand-info {
 }
 
 .sv-ranking-item--animate-item-removing {
-  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   animation-name: moveIn, fadeIn;
   animation-direction: reverse;
   animation-fill-mode: forwards;
@@ -1619,7 +1644,6 @@ sv-brand-info, .sv-brand-info {
 }
 
 .sv-ranking-item--animate-item-adding {
-  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   animation-name: moveIn, fadeIn;
   opacity: 0;
   animation-fill-mode: forwards;
@@ -1629,7 +1653,6 @@ sv-brand-info, .sv-brand-info {
 }
 
 .sv-ranking-item--animate-item-adding-empty {
-  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   animation-name: fadeIn;
   opacity: 0;
   animation-timing-function: linear;
@@ -1638,7 +1661,6 @@ sv-brand-info, .sv-brand-info {
 }
 
 .sv-ranking-item--animate-item-removing-empty {
-  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   animation-name: fadeIn;
   animation-direction: reverse;
   animation-timing-function: linear;
@@ -1836,6 +1858,7 @@ sv-brand-info, .sv-brand-info {
   right: var(--sjs-base-unit, var(--base-unit, 8px));
   flex-shrink: 0;
   padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  box-sizing: content-box;
 }
 .sv-list-item__marker-icon svg {
   display: block;
@@ -2507,6 +2530,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
   display: inline-block;
   flex: 1;
   margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0;
+  max-width: 100%;
 }
 
 .sd-element--with-frame > .sd-question__content--left {
@@ -2990,6 +3014,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
 
 .sjs_sp_container {
   border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
+  box-sizing: content-box;
 }
 
 .sd-question--readonly .sjs_sp_container,
@@ -3242,6 +3267,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   border-left: none;
   border-right: none;
   background-clip: padding-box;
+  box-sizing: content-box;
 }
 
 .sd-table.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {
@@ -4098,6 +4124,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
 .sd-selectbase--multi-column {
   display: flex;
   flex: 1 1 0px;
+  flex-wrap: nowrap;
+  overflow: auto;
+  padding: 0 2px;
+  margin: 0 -2px;
 }
 
 .sd-selectbase__label {
@@ -4116,7 +4146,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   display: block;
   box-sizing: border-box;
   flex: 1 1 0px;
-  min-width: 0;
+  max-width: 100%;
 }
 
 .sd-selectbase__column:not(:last-child) {
@@ -5070,6 +5100,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   justify-content: center;
   align-items: center;
   padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  box-sizing: content-box;
 }
 
 .sd-dropdown_chevron-button-svg,
@@ -5274,6 +5305,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   padding: calc(0.25 * (var(--sjs-internal-font-editorfont-size)));
   width: var(--sjs-internal-font-editorfont-size);
   height: var(--sjs-internal-font-editorfont-size);
+  box-sizing: content-box;
 }
 
 .sd-tagbox-item_clean-button-svg:hover {
@@ -5479,6 +5511,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   align-items: flex-start;
   padding-right: 0;
 }
+.sd-imagepicker__column.sd-selectbase__column {
+  min-width: 0;
+}
 .sd-imagepicker__column .sd-imagepicker__item {
   width: 100%;
 }
@@ -5542,6 +5577,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 
+.sd-question--image {
+  width: 100%;
+}
+
 :root {
   --sjs-transition-duration: 150ms;
 }
@@ -7060,6 +7099,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
   white-space: normal;
   color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
+  box-sizing: content-box;
 }
 
 .sd-question--preview .sd-multipletext__item-title {
@@ -7133,6 +7173,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
   outline: none;
   transition: background-color var(--sjs-transition-duration, 150ms);
+  box-sizing: content-box;
 }
 
 .sd-action--negative {
@@ -7524,6 +7565,7 @@ svg.sd-action--icon {
   line-height: var(--sjs-font-size, 16px);
   justify-content: center;
   color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
+  box-sizing: content-box;
 }
 .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {
   position: absolute;
@@ -7868,6 +7910,7 @@ svg.sd-action--icon {
 
 .sv-header__overlap {
   padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  box-sizing: content-box;
 }
 .sv-header__overlap ~ div .sd-body,
 .sv-header__overlap ~ div .sv-body {
@@ -8479,6 +8522,9 @@ body {
   max-height: 100%;
 }
 
+.sv-popup .sv-popup__scrolling-content {
+  box-sizing: content-box;
+}
 @-moz-document url-prefix() {
   .sv-popup .sv-popup__scrolling-content,
   .sv-popup .sv-popup__scrolling-content * {
@@ -8524,4 +8570,9 @@ body {
   box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
 }
 
+.sv-components-container-right,
+.sv-components-container-left {
+  width: fit-content;
+}
+
 /*# sourceMappingURL=defaultV2.css.map*/