survey-react 1.12.14 → 1.12.16

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 (13) hide show
  1. package/defaultV2.css +30 -9
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.min.css +2 -2
  4. package/modern.css +18 -16
  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.min.css +1 -1
  10. package/survey.react.d.ts +425 -296
  11. package/survey.react.js +550 -303
  12. package/survey.react.js.map +1 -1
  13. package/survey.react.min.js +3 -3
package/modern.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.12.14
2
+ * surveyjs - Survey JavaScript library v1.12.16
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
  */
@@ -159,16 +159,16 @@ sv-popup {
159
159
  overflow: visible;
160
160
  }
161
161
 
162
- .sv-popup--confirm-delete .sv-popup__container {
162
+ .sv-popup--confirm .sv-popup__container {
163
163
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
164
164
  }
165
- .sv-popup--confirm-delete .sv-popup__body-content {
165
+ .sv-popup--confirm .sv-popup__body-content {
166
166
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
167
167
  max-width: min-content;
168
168
  align-items: flex-end;
169
169
  min-width: 452px;
170
170
  }
171
- .sv-popup--confirm-delete .sv-popup__body-header {
171
+ .sv-popup--confirm .sv-popup__body-header {
172
172
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
173
173
  align-self: self-start;
174
174
  /* UI/Default */
@@ -179,17 +179,17 @@ sv-popup {
179
179
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
180
180
  /* 150% */
181
181
  }
182
- .sv-popup--confirm-delete .sv-popup__scrolling-content {
182
+ .sv-popup--confirm .sv-popup__scrolling-content {
183
183
  display: none;
184
184
  }
185
- .sv-popup--confirm-delete .sv-popup__body-footer {
185
+ .sv-popup--confirm .sv-popup__body-footer {
186
186
  max-width: max-content;
187
187
  }
188
- .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
188
+ .sv-popup--confirm .sv-popup__body-footer .sv-action-bar {
189
189
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
190
190
  }
191
191
 
192
- .sd-root-modern--mobile .sv-popup--confirm-delete .sv-popup__body-content {
192
+ .sd-root-modern--mobile .sv-popup--confirm .sv-popup__body-content {
193
193
  min-width: auto;
194
194
  }
195
195
 
@@ -3008,16 +3008,16 @@ sv-popup {
3008
3008
  overflow: visible;
3009
3009
  }
3010
3010
 
3011
- .sv-popup--confirm-delete .sv-popup__container {
3011
+ .sv-popup--confirm .sv-popup__container {
3012
3012
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
3013
3013
  }
3014
- .sv-popup--confirm-delete .sv-popup__body-content {
3014
+ .sv-popup--confirm .sv-popup__body-content {
3015
3015
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
3016
3016
  max-width: min-content;
3017
3017
  align-items: flex-end;
3018
3018
  min-width: 452px;
3019
3019
  }
3020
- .sv-popup--confirm-delete .sv-popup__body-header {
3020
+ .sv-popup--confirm .sv-popup__body-header {
3021
3021
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
3022
3022
  align-self: self-start;
3023
3023
  /* UI/Default */
@@ -3028,17 +3028,17 @@ sv-popup {
3028
3028
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
3029
3029
  /* 150% */
3030
3030
  }
3031
- .sv-popup--confirm-delete .sv-popup__scrolling-content {
3031
+ .sv-popup--confirm .sv-popup__scrolling-content {
3032
3032
  display: none;
3033
3033
  }
3034
- .sv-popup--confirm-delete .sv-popup__body-footer {
3034
+ .sv-popup--confirm .sv-popup__body-footer {
3035
3035
  max-width: max-content;
3036
3036
  }
3037
- .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
3037
+ .sv-popup--confirm .sv-popup__body-footer .sv-action-bar {
3038
3038
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3039
3039
  }
3040
3040
 
3041
- .sd-root-modern--mobile .sv-popup--confirm-delete .sv-popup__body-content {
3041
+ .sd-root-modern--mobile .sv-popup--confirm .sv-popup__body-content {
3042
3042
  min-width: auto;
3043
3043
  }
3044
3044
 
@@ -4270,13 +4270,15 @@ sv-brand-info,
4270
4270
  }
4271
4271
 
4272
4272
  .sv-list__item-body {
4273
+ --sjs-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
4274
+ --sjs-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--sjs-list-item-padding-left-default));
4273
4275
  position: relative;
4274
4276
  width: 100%;
4275
4277
  align-items: center;
4276
4278
  box-sizing: border-box;
4277
4279
  padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
4278
4280
  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4279
- padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4281
+ padding-inline-start: var(--sjs-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
4280
4282
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4281
4283
  font-weight: normal;
4282
4284
  font-size: var(--sjs-font-size, 16px);