survey-react 1.9.129 → 1.9.131

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/defaultV2.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.129
2
+ * surveyjs - Survey JavaScript library v1.9.131
3
3
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -541,10 +541,14 @@ sv-popup {
541
541
  }
542
542
  .sv-popup--confirm-delete .sv-popup__body-content {
543
543
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
544
+ max-width: min-content;
545
+ align-items: flex-end;
546
+ min-width: 452px;
544
547
  }
545
548
  .sv-popup--confirm-delete .sv-popup__body-header {
546
549
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
547
550
  margin-bottom: 0;
551
+ align-self: self-start;
548
552
  /* UI/Default */
549
553
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
550
554
  font-size: var(--sjs-font-size, 16px);
@@ -558,6 +562,7 @@ sv-popup {
558
562
  }
559
563
  .sv-popup--confirm-delete .sv-popup__body-footer {
560
564
  padding-bottom: 0;
565
+ max-width: max-content;
561
566
  }
562
567
  .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
563
568
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -1063,6 +1068,7 @@ sv-popup {
1063
1068
  overflow: auto;
1064
1069
  box-sizing: border-box;
1065
1070
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
1071
+ width: calc(100% - 4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) !important;
1066
1072
  }
1067
1073
  @-moz-document url-prefix() {
1068
1074
  .sv_window,
@@ -1166,7 +1172,7 @@ sv-popup {
1166
1172
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
1167
1173
  display: flex;
1168
1174
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
1169
- z-index: 1;
1175
+ z-index: 10000;
1170
1176
  }
1171
1177
 
1172
1178
  .sv_window_button {
@@ -1503,13 +1509,14 @@ sv-brand-info, .sv-brand-info {
1503
1509
  font-style: normal;
1504
1510
  font-size: var(--sjs-font-size, 16px);
1505
1511
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
1506
- white-space: break-spaces;
1512
+ white-space: normal;
1507
1513
  display: flex;
1508
1514
  justify-content: center;
1509
1515
  align-items: center;
1510
1516
  height: 100%;
1511
1517
  padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1512
1518
  padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1519
+ box-sizing: border-box;
1513
1520
  }
1514
1521
 
1515
1522
  .sv-ranking__container {
@@ -1839,6 +1846,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
1839
1846
  font-weight: 600;
1840
1847
  }
1841
1848
 
1849
+ .sv-string-viewer.sv-string-viewer--multiline {
1850
+ white-space: pre-wrap;
1851
+ }
1852
+
1842
1853
  .sd-element {
1843
1854
  padding-left: var(--sv-element-add-padding-left, 0px);
1844
1855
  padding-right: var(--sv-element-add-padding-right, 0px);
@@ -4751,15 +4762,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4751
4762
  font-weight: 600;
4752
4763
  margin-left: 0%;
4753
4764
  transform: translateX(0);
4754
- white-space: nowrap;
4755
4765
  z-index: 2;
4756
4766
  }
4767
+ .sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {
4768
+ white-space: nowrap;
4769
+ }
4757
4770
 
4758
4771
  .sd-boolean--checked .sd-boolean__thumb {
4759
4772
  margin-left: 100%;
4760
4773
  transform: translateX(-100%);
4761
4774
  }
4762
4775
 
4776
+ .sd-boolean--exchanged .sd-boolean__thumb {
4777
+ margin-left: 100%;
4778
+ transform: translateX(-100%);
4779
+ }
4780
+ .sd-boolean--exchanged.sd-boolean--checked .sd-boolean__thumb {
4781
+ margin-left: 0%;
4782
+ transform: translateX(0);
4783
+ }
4784
+ .sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false, .sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true {
4785
+ color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
4786
+ }
4787
+
4763
4788
  .sd-boolean--disabled {
4764
4789
  pointer-events: none;
4765
4790
  }
@@ -7046,7 +7071,7 @@ body {
7046
7071
  width: 100%;
7047
7072
  height: 100%;
7048
7073
  overflow: auto;
7049
- position: static;
7074
+ position: relative;
7050
7075
  }
7051
7076
 
7052
7077
  .sd-root-modern--mobile {