survey-react 1.9.84 → 1.9.86

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 +367 -259
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.min.css +2 -2
  4. package/modern.css +70 -58
  5. package/modern.css.map +1 -1
  6. package/modern.min.css +2 -2
  7. package/package.json +1 -1
  8. package/survey.css +23 -19
  9. package/survey.css.map +1 -1
  10. package/survey.min.css +2 -2
  11. package/survey.react.d.ts +3197 -3092
  12. package/survey.react.js +460 -108
  13. package/survey.react.js.map +1 -1
  14. package/survey.react.min.js +3 -3
package/survey.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.84
2
+ * surveyjs - Survey JavaScript library v1.9.86
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
  */
@@ -20,7 +20,7 @@
20
20
  display: inline-block;
21
21
  vertical-align: top;
22
22
  margin-top: 22px;
23
- font-size: 14px;
23
+ font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
24
24
  width: 16px;
25
25
  height: 16px;
26
26
  cursor: pointer;
@@ -31,7 +31,7 @@
31
31
  display: inline-block;
32
32
  vertical-align: top;
33
33
  margin-top: 22px;
34
- font-size: 14px;
34
+ font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
35
35
  width: 16px;
36
36
  height: 16px;
37
37
  cursor: pointer;
@@ -59,7 +59,7 @@
59
59
 
60
60
  .sv_progress-buttons__list li {
61
61
  width: 138px;
62
- font-size: 14px;
62
+ font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
63
63
  font-family: var(--font-family, var(--font-family));
64
64
  position: relative;
65
65
  text-align: center;
@@ -131,7 +131,7 @@
131
131
  .sv_progress-toc .sv-list__item-body {
132
132
  padding-inline-start: 16px;
133
133
  padding-inline-end: 16px;
134
- border-radius: 3px;
134
+ border-radius: calc(1 * var(--sjs-corner-radius, 4px));
135
135
  padding-top: 12px;
136
136
  padding-bottom: 12px;
137
137
  }
@@ -151,7 +151,7 @@
151
151
  background-color: cadetblue;
152
152
  padding: 1px;
153
153
  font-family: var(--font-family, var(--font-family));
154
- font-size: 14px;
154
+ font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
155
155
  font-style: normal;
156
156
  font-weight: 400;
157
157
  line-height: 1.42857143;
@@ -170,7 +170,7 @@
170
170
  background-clip: padding-box;
171
171
  border: 1px solid #ccc;
172
172
  border: 1px solid rgba(0, 0, 0, 0.2);
173
- border-radius: 6px;
173
+ border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));
174
174
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
175
175
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
176
176
  line-break: auto;
@@ -180,10 +180,10 @@
180
180
  .sv_window_title {
181
181
  padding: 8px 14px;
182
182
  margin: 0;
183
- font-size: 14px;
183
+ font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
184
184
  background-color: #f7f7f7;
185
185
  border-bottom: 1px solid #ebebeb;
186
- border-radius: 5px 5px 0 0;
186
+ border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;
187
187
  }
188
188
 
189
189
  .sv_window_content {
@@ -197,7 +197,7 @@
197
197
  .sv_window_title a:link,
198
198
  .sv_window_title a:visited {
199
199
  text-decoration: none;
200
- font-size: 14px;
200
+ font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
201
201
  font-style: normal;
202
202
  color: black;
203
203
  }
@@ -218,8 +218,8 @@
218
218
 
219
219
  .sv-brand-info__text {
220
220
  font-weight: 600;
221
- font-size: 16px;
222
- line-height: 24px;
221
+ font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
222
+ line-height: calc(3 * var(--base-unit, 8px));
223
223
  color: #161616;
224
224
  }
225
225
 
@@ -232,8 +232,8 @@
232
232
 
233
233
  .sv-brand-info__terms {
234
234
  font-weight: 400;
235
- font-size: 12px;
236
- line-height: 16px;
235
+ font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
236
+ line-height: calc(2 * var(--base-unit, 8px));
237
237
  }
238
238
  .sv-brand-info__terms a {
239
239
  color: #909090;
@@ -250,7 +250,7 @@
250
250
  z-index: 1000;
251
251
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
252
252
  font-family: var(--font-family, var(--font-family));
253
- font-size: calc(2 * var(--base-unit, 8px));
253
+ font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
254
254
  padding-left: calc(2.5 * var(--base-unit, 8px));
255
255
  line-height: calc(3 * var(--base-unit, 8px));
256
256
  }
@@ -287,13 +287,13 @@
287
287
  opacity: 0;
288
288
  padding: calc(3 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));
289
289
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
290
- border-radius: calc(1 * var(--base-unit, 8px));
290
+ border-radius: calc(2 * var(--sjs-corner-radius, 4px));
291
291
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
292
292
  min-width: calc(30 * var(--base-unit, 8px));
293
293
  text-align: center;
294
294
  z-index: 1600;
295
295
  font-family: var(--font-family, var(--font-family));
296
- font-size: calc(2 * var(--base-unit, 8px));
296
+ font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
297
297
  line-height: calc(3 * var(--base-unit, 8px));
298
298
  display: flex;
299
299
  flex-direction: row;
@@ -339,13 +339,13 @@
339
339
 
340
340
  .sv-save-data_root.sv-save-data_error .sv-save-data_button {
341
341
  font-weight: 600;
342
- font-size: calc(2 * var(--base-unit, 8px));
342
+ font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
343
343
  line-height: calc(3 * var(--base-unit, 8px));
344
344
  height: calc(5 * var(--base-unit, 8px));
345
345
  color: #ffffff;
346
346
  background-color: var(--red, #e60a3e);
347
347
  border: calc(0.25 * var(--base-unit, 8px)) solid #ffffff;
348
- border-radius: calc(0.75 * var(--base-unit, 8px));
348
+ border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));
349
349
  padding: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
350
350
  display: flex;
351
351
  align-items: center;
@@ -2572,6 +2572,10 @@ f-panel {
2572
2572
  cursor: pointer;
2573
2573
  }
2574
2574
 
2575
+ .sv_main .sv-boolean__thumb-ghost {
2576
+ display: inline-block;
2577
+ }
2578
+
2575
2579
  .sv_main .sv-boolean__slider {
2576
2580
  display: inline-block;
2577
2581
  width: 20px;