survey-react 1.9.134 → 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 +21 -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 +320 -14
  12. package/survey.react.js +952 -565
  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.134
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);
@@ -5636,7 +5647,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5636
5647
 
5637
5648
  .sd-body--empty,
5638
5649
  .sd-body--loading {
5639
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5640
5650
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
5641
5651
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
5642
5652
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5647,10 +5657,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5647
5657
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
5648
5658
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
5649
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)));
5650
5661
  }
5651
5662
  .sd-body--empty h1,
5652
5663
  .sd-body--loading h1 {
5653
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5654
5664
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
5655
5665
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
5656
5666
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5664,7 +5674,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5664
5674
  }
5665
5675
  .sd-body--empty h2,
5666
5676
  .sd-body--loading h2 {
5667
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5668
5677
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
5669
5678
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
5670
5679
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5678,7 +5687,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5678
5687
  }
5679
5688
  .sd-body--empty h3,
5680
5689
  .sd-body--loading h3 {
5681
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5682
5690
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
5683
5691
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
5684
5692
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5696,7 +5704,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5696
5704
  .sd-body--loading h4,
5697
5705
  .sd-body--loading h5,
5698
5706
  .sd-body--loading h6 {
5699
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5700
5707
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
5701
5708
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
5702
5709
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -5716,7 +5723,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5716
5723
  .sd-body--loading span,
5717
5724
  .sd-body--loading div,
5718
5725
  .sd-body--loading p {
5719
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
5720
5726
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
5721
5727
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
5722
5728
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6040,7 +6046,6 @@ svg.sd-action--icon {
6040
6046
  box-sizing: border-box;
6041
6047
  text-align: center;
6042
6048
  height: auto;
6043
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6044
6049
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
6045
6050
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
6046
6051
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6051,10 +6056,10 @@ svg.sd-action--icon {
6051
6056
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
6052
6057
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
6053
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)));
6054
6060
  }
6055
6061
  .sd-completedpage h1,
6056
6062
  .sd-completed-before-page h1 {
6057
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6058
6063
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
6059
6064
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
6060
6065
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6068,7 +6073,6 @@ svg.sd-action--icon {
6068
6073
  }
6069
6074
  .sd-completedpage h2,
6070
6075
  .sd-completed-before-page h2 {
6071
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6072
6076
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
6073
6077
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
6074
6078
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6082,7 +6086,6 @@ svg.sd-action--icon {
6082
6086
  }
6083
6087
  .sd-completedpage h3,
6084
6088
  .sd-completed-before-page h3 {
6085
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6086
6089
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
6087
6090
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
6088
6091
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6100,7 +6103,6 @@ svg.sd-action--icon {
6100
6103
  .sd-completed-before-page h4,
6101
6104
  .sd-completed-before-page h5,
6102
6105
  .sd-completed-before-page h6 {
6103
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6104
6106
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
6105
6107
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
6106
6108
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -6120,7 +6122,6 @@ svg.sd-action--icon {
6120
6122
  .sd-completed-before-page span,
6121
6123
  .sd-completed-before-page div,
6122
6124
  .sd-completed-before-page p {
6123
- color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
6124
6125
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
6125
6126
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
6126
6127
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));