survey-react 1.9.115 → 1.9.116

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 +119 -85
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.min.css +2 -2
  4. package/modern.css +20 -11
  5. package/modern.css.map +1 -1
  6. package/modern.min.css +2 -2
  7. package/package.json +1 -1
  8. package/survey.css +11 -2
  9. package/survey.css.map +1 -1
  10. package/survey.min.css +2 -2
  11. package/survey.react.d.ts +65 -34
  12. package/survey.react.js +136 -68
  13. package/survey.react.js.map +1 -1
  14. package/survey.react.min.js +3 -3
package/modern.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.115
2
+ * surveyjs - Survey JavaScript library v1.9.116
3
3
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -437,8 +437,8 @@ sv-popup {
437
437
  }
438
438
  .sv-popup--dropdown-overlay .sv-list__input {
439
439
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
440
- font-size: var(--sjs-font-size, 16px);
441
- line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
440
+ font-size: max(16px, var(--sjs-font-size, 16px));
441
+ line-height: max(24px, 1.5 * (var(--sjs-font-size, 16px)));
442
442
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
443
443
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
444
444
  }
@@ -3145,8 +3145,8 @@ sv-popup {
3145
3145
  }
3146
3146
  .sv-popup--dropdown-overlay .sv-list__input {
3147
3147
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
3148
- font-size: var(--sjs-font-size, 16px);
3149
- line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
3148
+ font-size: max(16px, var(--sjs-font-size, 16px));
3149
+ line-height: max(24px, 1.5 * (var(--sjs-font-size, 16px)));
3150
3150
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
3151
3151
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3152
3152
  }
@@ -3545,7 +3545,7 @@ sv-brand-info, .sv-brand-info {
3545
3545
  justify-content: center;
3546
3546
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
3547
3547
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
3548
- font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
3548
+ font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3549
3549
  border-radius: 100%;
3550
3550
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
3551
3551
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -3557,8 +3557,8 @@ sv-brand-info, .sv-brand-info {
3557
3557
  }
3558
3558
  .sv-ranking-item__index.sv-ranking-item__index svg {
3559
3559
  fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
3560
- width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
3561
- height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
3560
+ width: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3561
+ height: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3562
3562
  }
3563
3563
 
3564
3564
  .sv-ranking-item__text {
@@ -3567,8 +3567,8 @@ sv-brand-info, .sv-brand-info {
3567
3567
  text-overflow: ellipsis;
3568
3568
  white-space: nowrap;
3569
3569
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
3570
- font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));
3571
- line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));
3570
+ font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
3571
+ line-height: calc(1.5 * (var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)))));
3572
3572
  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3573
3573
  }
3574
3574
 
@@ -4047,6 +4047,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
4047
4047
 
4048
4048
  .sjs_sp_container {
4049
4049
  position: relative;
4050
+ max-width: 100%;
4050
4051
  }
4051
4052
 
4052
4053
  .sjs_sp_controls {
@@ -4075,12 +4076,20 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
4075
4076
  height: 100%;
4076
4077
  }
4077
4078
 
4078
- .sjs_sp_canvas,
4079
+ .sjs_sp_canvas {
4080
+ position: relative;
4081
+ max-width: 100%;
4082
+ display: block;
4083
+ }
4084
+
4079
4085
  .sjs_sp__background-image {
4080
4086
  position: absolute;
4081
4087
  top: 0;
4082
4088
  left: 0;
4083
4089
  object-fit: cover;
4090
+ max-width: 100%;
4091
+ width: 100%;
4092
+ height: 100%;
4084
4093
  }
4085
4094
 
4086
4095
  :root {