survey-react 1.9.133 → 1.9.135

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.
Files changed (14) hide show
  1. package/defaultV2.css +26 -20
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.min.css +2 -2
  4. package/modern.css +6 -1
  5. package/modern.css.map +1 -1
  6. package/modern.min.css +2 -2
  7. package/package.json +1 -1
  8. package/survey.css +1 -1
  9. package/survey.css.map +1 -1
  10. package/survey.min.css +1 -1
  11. package/survey.react.d.ts +515 -15
  12. package/survey.react.js +2457 -638
  13. package/survey.react.js.map +1 -1
  14. package/survey.react.min.js +5 -5
package/defaultV2.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.133
2
+ * surveyjs - Survey JavaScript library v1.9.135
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
  */
@@ -1692,6 +1692,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
1692
1692
  white-space: nowrap;
1693
1693
  }
1694
1694
 
1695
+ .sv-list__item-text--wrap span {
1696
+ white-space: normal;
1697
+ word-wrap: break-word;
1698
+ }
1699
+
1695
1700
  .sv-list__container {
1696
1701
  position: relative;
1697
1702
  display: flex;
@@ -2667,7 +2672,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
2667
2672
  background-clip: padding-box;
2668
2673
  }
2669
2674
 
2670
- .sd-root-modern:not(.sd-root-modern--mobile) .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {
2675
+ .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) {
2671
2676
  width: 10000px;
2672
2677
  }
2673
2678
 
@@ -4251,6 +4256,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4251
4256
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4252
4257
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
4253
4258
  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
4259
+ max-width: 100%;
4260
+ box-sizing: border-box;
4254
4261
  }
4255
4262
 
4256
4263
  .sv-tagbox__item-text {
@@ -4259,6 +4266,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4259
4266
  text-align: center;
4260
4267
  font-weight: 600;
4261
4268
  }
4269
+ .sv-tagbox__item-text span {
4270
+ display: block;
4271
+ text-overflow: ellipsis;
4272
+ overflow: hidden;
4273
+ }
4262
4274
 
4263
4275
  .sv-tagbox__item:hover .sd-tagbox-item_clean-button,
4264
4276
  .sv-tagbox__item:focus .sd-tagbox-item_clean-button,
@@ -4531,7 +4543,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4531
4543
  }
4532
4544
 
4533
4545
  .sd-html {
4534
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4535
4546
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
4536
4547
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
4537
4548
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -4542,9 +4553,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4542
4553
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
4543
4554
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
4544
4555
  text-transform: var(--sjs-article-font-default-textCase, "none");
4556
+ color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
4545
4557
  }
4546
4558
  .sd-html h1 {
4547
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4548
4559
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
4549
4560
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
4550
4561
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -4557,7 +4568,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4557
4568
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
4558
4569
  }
4559
4570
  .sd-html h2 {
4560
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4561
4571
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
4562
4572
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
4563
4573
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -4570,7 +4580,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4570
4580
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
4571
4581
  }
4572
4582
  .sd-html h3 {
4573
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4574
4583
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
4575
4584
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
4576
4585
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -4585,7 +4594,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4585
4594
  .sd-html h4,
4586
4595
  .sd-html h5,
4587
4596
  .sd-html h6 {
4588
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4589
4597
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
4590
4598
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
4591
4599
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -4601,7 +4609,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4601
4609
  .sd-html span,
4602
4610
  .sd-html div,
4603
4611
  .sd-html p {
4604
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4605
4612
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
4606
4613
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
4607
4614
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -4650,6 +4657,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4650
4657
  justify-content: center;
4651
4658
  }
4652
4659
 
4660
+ .sd-html--nested {
4661
+ color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4662
+ }
4663
+
4653
4664
  .sd-expression {
4654
4665
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4655
4666
  font-size: var(--sjs-font-size, 16px);
@@ -5438,6 +5449,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5438
5449
  transform: translate(-50%, -50%);
5439
5450
  }
5440
5451
 
5452
+ .sd-file__choose-file-btn--disabled {
5453
+ opacity: 0.25;
5454
+ cursor: default;
5455
+ }
5456
+
5441
5457
  .sd-hidden {
5442
5458
  display: none !important;
5443
5459
  }
@@ -5631,7 +5647,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5631
5647
 
5632
5648
  .sd-body--empty,
5633
5649
  .sd-body--loading {
5634
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5635
5650
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
5636
5651
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
5637
5652
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5642,10 +5657,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5642
5657
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
5643
5658
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
5644
5659
  text-transform: var(--sjs-article-font-default-textCase, "none");
5660
+ color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
5645
5661
  }
5646
5662
  .sd-body--empty h1,
5647
5663
  .sd-body--loading h1 {
5648
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5649
5664
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
5650
5665
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
5651
5666
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5659,7 +5674,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5659
5674
  }
5660
5675
  .sd-body--empty h2,
5661
5676
  .sd-body--loading h2 {
5662
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5663
5677
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
5664
5678
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
5665
5679
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5673,7 +5687,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5673
5687
  }
5674
5688
  .sd-body--empty h3,
5675
5689
  .sd-body--loading h3 {
5676
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5677
5690
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
5678
5691
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
5679
5692
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5691,7 +5704,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5691
5704
  .sd-body--loading h4,
5692
5705
  .sd-body--loading h5,
5693
5706
  .sd-body--loading h6 {
5694
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5695
5707
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
5696
5708
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
5697
5709
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5711,7 +5723,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5711
5723
  .sd-body--loading span,
5712
5724
  .sd-body--loading div,
5713
5725
  .sd-body--loading p {
5714
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5715
5726
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
5716
5727
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
5717
5728
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6035,7 +6046,6 @@ svg.sd-action--icon {
6035
6046
  box-sizing: border-box;
6036
6047
  text-align: center;
6037
6048
  height: auto;
6038
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6039
6049
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
6040
6050
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
6041
6051
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6046,10 +6056,10 @@ svg.sd-action--icon {
6046
6056
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
6047
6057
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
6048
6058
  text-transform: var(--sjs-article-font-default-textCase, "none");
6059
+ color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
6049
6060
  }
6050
6061
  .sd-completedpage h1,
6051
6062
  .sd-completed-before-page h1 {
6052
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6053
6063
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
6054
6064
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
6055
6065
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6063,7 +6073,6 @@ svg.sd-action--icon {
6063
6073
  }
6064
6074
  .sd-completedpage h2,
6065
6075
  .sd-completed-before-page h2 {
6066
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6067
6076
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
6068
6077
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
6069
6078
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6077,7 +6086,6 @@ svg.sd-action--icon {
6077
6086
  }
6078
6087
  .sd-completedpage h3,
6079
6088
  .sd-completed-before-page h3 {
6080
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6081
6089
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
6082
6090
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
6083
6091
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6095,7 +6103,6 @@ svg.sd-action--icon {
6095
6103
  .sd-completed-before-page h4,
6096
6104
  .sd-completed-before-page h5,
6097
6105
  .sd-completed-before-page h6 {
6098
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6099
6106
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
6100
6107
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
6101
6108
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6115,7 +6122,6 @@ svg.sd-action--icon {
6115
6122
  .sd-completed-before-page span,
6116
6123
  .sd-completed-before-page div,
6117
6124
  .sd-completed-before-page p {
6118
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6119
6125
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
6120
6126
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
6121
6127
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));