survey-react 1.9.112 → 1.9.114

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 +533 -436
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.min.css +2 -2
  4. package/modern.css +304 -163
  5. package/modern.css.map +1 -1
  6. package/modern.min.css +2 -2
  7. package/package.json +1 -1
  8. package/survey.css +36 -9
  9. package/survey.css.map +1 -1
  10. package/survey.min.css +2 -2
  11. package/survey.react.d.ts +488 -256
  12. package/survey.react.js +1260 -956
  13. package/survey.react.js.map +1 -1
  14. package/survey.react.min.js +3 -3
package/survey.css CHANGED
@@ -1,8 +1,12 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.112
2
+ * surveyjs - Survey JavaScript library v1.9.114
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
  */
6
+ :root {
7
+ --sjs-default-font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
8
+ }
9
+
6
10
  .sv_progress-buttons__container-center {
7
11
  text-align: center;
8
12
  }
@@ -60,7 +64,7 @@
60
64
  .sv_progress-buttons__list li {
61
65
  width: 138px;
62
66
  font-size: calc(0.875 * (var(--sjs-font-size, 16px)));
63
- font-family: var(--font-family, var(--font-family));
67
+ font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
64
68
  position: relative;
65
69
  text-align: center;
66
70
  vertical-align: top;
@@ -169,7 +173,7 @@
169
173
  right: 10px;
170
174
  background-color: cadetblue;
171
175
  padding: 1px;
172
- font-family: var(--font-family, var(--font-family));
176
+ font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
173
177
  font-size: calc(0.875 * (var(--sjs-font-size, 16px)));
174
178
  font-style: normal;
175
179
  font-weight: 400;
@@ -226,9 +230,15 @@
226
230
  margin: 4px;
227
231
  }
228
232
 
233
+ sv-brand-info, .sv-brand-info {
234
+ z-index: 1;
235
+ position: relative;
236
+ margin-top: 1px;
237
+ }
238
+
229
239
  .sv-brand-info {
230
240
  width: 100%;
231
- font-family: var(--font-family, var(--font-family));
241
+ font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
232
242
  text-align: center;
233
243
  color: #161616;
234
244
  background: white;
@@ -273,7 +283,7 @@
273
283
  position: absolute;
274
284
  z-index: 10000;
275
285
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
276
- font-family: var(--font-family, var(--font-family));
286
+ font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
277
287
  font-size: var(--sjs-font-size, 16px);
278
288
  padding-left: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
279
289
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
@@ -316,7 +326,7 @@
316
326
  min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
317
327
  text-align: center;
318
328
  z-index: 1600;
319
- font-family: var(--font-family, var(--font-family));
329
+ font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
320
330
  font-size: var(--sjs-font-size, 16px);
321
331
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
322
332
  display: flex;
@@ -678,7 +688,7 @@ body {
678
688
 
679
689
  .sv_main {
680
690
  width: 100%;
681
- font-family: var(--font-family, var(--font-family));
691
+ font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
682
692
  font-size: var(--font-size, 14px);
683
693
  }
684
694
  .sv_main hr {
@@ -1306,6 +1316,10 @@ body {
1306
1316
  object-fit: cover;
1307
1317
  }
1308
1318
 
1319
+ :root {
1320
+ --sjs-default-font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
1321
+ }
1322
+
1309
1323
  .sv-boolean__decorator {
1310
1324
  border-radius: 2px;
1311
1325
  }
@@ -2404,6 +2418,14 @@ f-panel {
2404
2418
  width: calc(3 * var(--base-unit, 8px));
2405
2419
  flex-shrink: 0;
2406
2420
  }
2421
+ .sv-ranking-item__icon-container svg:nth-of-type(1) {
2422
+ height: 16px;
2423
+ width: 10px;
2424
+ }
2425
+ .sv-ranking-item__icon-container svg:nth-of-type(2) {
2426
+ height: 24px;
2427
+ width: 10px;
2428
+ }
2407
2429
 
2408
2430
  .sv-ranking-item__icon {
2409
2431
  visibility: hidden;
@@ -2425,6 +2447,11 @@ f-panel {
2425
2447
  height: 40px;
2426
2448
  line-height: 1em;
2427
2449
  }
2450
+ .sv-ranking-item__index svg {
2451
+ fill: var(--foreground);
2452
+ width: 16px;
2453
+ height: 16px;
2454
+ }
2428
2455
 
2429
2456
  .sv-ranking-item__text {
2430
2457
  display: inline-block;
@@ -3127,7 +3154,7 @@ sv-popup {
3127
3154
  }
3128
3155
 
3129
3156
  .sv-popup__body-header {
3130
- font-family: var(--font-family, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif);
3157
+ font-family: var(--font-family, var(--sjs-default-font-family));
3131
3158
  font-size: calc(3 * var(--base-unit, 8px));
3132
3159
  line-height: calc(4 * var(--base-unit, 8px));
3133
3160
  font-style: normal;
@@ -3152,7 +3179,7 @@ sv-popup {
3152
3179
  border-radius: 4px;
3153
3180
  margin: 2px;
3154
3181
  cursor: pointer;
3155
- font-family: var(--font-family, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif);
3182
+ font-family: var(--font-family, var(--sjs-default-font-family));
3156
3183
  font-style: normal;
3157
3184
  font-weight: 600;
3158
3185
  font-size: calc(2 * var(--base-unit, 8px));