survey-react 1.11.13 → 1.12.1
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.
- package/defaultV2.css +361 -339
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +27 -41
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +1 -1
- package/survey.min.css +1 -1
- package/survey.react.d.ts +169 -101
- package/survey.react.js +699 -331
- package/survey.react.js.map +1 -1
- package/survey.react.min.js +3 -3
package/modern.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v1.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.12.1
|
|
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
|
*/
|
|
@@ -145,7 +145,7 @@ sv-popup {
|
|
|
145
145
|
align-items: center;
|
|
146
146
|
justify-content: center;
|
|
147
147
|
background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
|
|
148
|
-
padding: calc(
|
|
148
|
+
padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
149
149
|
box-sizing: border-box;
|
|
150
150
|
}
|
|
151
151
|
|
|
@@ -550,24 +550,26 @@ sv-popup {
|
|
|
550
550
|
opacity: 0;
|
|
551
551
|
}
|
|
552
552
|
|
|
553
|
-
.sv-popup--
|
|
553
|
+
.sv-popup--enter {
|
|
554
554
|
animation-name: fadeIn;
|
|
555
555
|
animation-fill-mode: forwards;
|
|
556
556
|
animation-duration: 0.15s;
|
|
557
557
|
}
|
|
558
558
|
|
|
559
|
-
.sv-popup--modal.sv-popup--
|
|
559
|
+
.sv-popup--modal.sv-popup--enter {
|
|
560
|
+
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
|
|
560
561
|
animation-duration: 0.25s;
|
|
561
562
|
}
|
|
562
563
|
|
|
563
|
-
.sv-popup--
|
|
564
|
+
.sv-popup--leave {
|
|
564
565
|
animation-direction: reverse;
|
|
565
566
|
animation-name: fadeIn;
|
|
566
567
|
animation-fill-mode: forwards;
|
|
567
568
|
animation-duration: 0.15s;
|
|
568
569
|
}
|
|
569
570
|
|
|
570
|
-
.sv-popup--modal.sv-popup--
|
|
571
|
+
.sv-popup--modal.sv-popup--leave {
|
|
572
|
+
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
|
|
571
573
|
animation-duration: 0.25s;
|
|
572
574
|
}
|
|
573
575
|
|
|
@@ -575,14 +577,6 @@ sv-popup {
|
|
|
575
577
|
opacity: 0;
|
|
576
578
|
}
|
|
577
579
|
|
|
578
|
-
@keyframes modalMoveDown {
|
|
579
|
-
from {
|
|
580
|
-
transform: translateY(0);
|
|
581
|
-
}
|
|
582
|
-
to {
|
|
583
|
-
transform: translateY(64px);
|
|
584
|
-
}
|
|
585
|
-
}
|
|
586
580
|
@keyframes modalMoveUp {
|
|
587
581
|
from {
|
|
588
582
|
transform: translateY(64px);
|
|
@@ -591,17 +585,16 @@ sv-popup {
|
|
|
591
585
|
transform: translateY(0);
|
|
592
586
|
}
|
|
593
587
|
}
|
|
594
|
-
.sv-popup--modal.sv-popup--
|
|
595
|
-
animation-name: modalMoveDown;
|
|
596
|
-
animation-fill-mode: forwards;
|
|
597
|
-
animation-duration: 0.25s;
|
|
598
|
-
}
|
|
599
|
-
|
|
600
|
-
.sv-popup--modal.sv-popup--animate-enter .sv-popup__container {
|
|
588
|
+
.sv-popup--modal.sv-popup--leave .sv-popup__container, .sv-popup--modal.sv-popup--enter .sv-popup__container {
|
|
601
589
|
animation-name: modalMoveUp;
|
|
590
|
+
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
|
|
602
591
|
animation-fill-mode: forwards;
|
|
603
592
|
animation-duration: 0.25s;
|
|
604
593
|
}
|
|
594
|
+
.sv-popup--modal.sv-popup--leave .sv-popup__container {
|
|
595
|
+
animation-direction: reverse;
|
|
596
|
+
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
|
|
597
|
+
}
|
|
605
598
|
|
|
606
599
|
:root {
|
|
607
600
|
--sjs-transition-duration: 150ms;
|
|
@@ -2980,7 +2973,7 @@ sv-popup {
|
|
|
2980
2973
|
align-items: center;
|
|
2981
2974
|
justify-content: center;
|
|
2982
2975
|
background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
|
|
2983
|
-
padding: calc(
|
|
2976
|
+
padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2984
2977
|
box-sizing: border-box;
|
|
2985
2978
|
}
|
|
2986
2979
|
|
|
@@ -3385,24 +3378,26 @@ sv-popup {
|
|
|
3385
3378
|
opacity: 0;
|
|
3386
3379
|
}
|
|
3387
3380
|
|
|
3388
|
-
.sv-popup--
|
|
3381
|
+
.sv-popup--enter {
|
|
3389
3382
|
animation-name: fadeIn;
|
|
3390
3383
|
animation-fill-mode: forwards;
|
|
3391
3384
|
animation-duration: 0.15s;
|
|
3392
3385
|
}
|
|
3393
3386
|
|
|
3394
|
-
.sv-popup--modal.sv-popup--
|
|
3387
|
+
.sv-popup--modal.sv-popup--enter {
|
|
3388
|
+
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
|
|
3395
3389
|
animation-duration: 0.25s;
|
|
3396
3390
|
}
|
|
3397
3391
|
|
|
3398
|
-
.sv-popup--
|
|
3392
|
+
.sv-popup--leave {
|
|
3399
3393
|
animation-direction: reverse;
|
|
3400
3394
|
animation-name: fadeIn;
|
|
3401
3395
|
animation-fill-mode: forwards;
|
|
3402
3396
|
animation-duration: 0.15s;
|
|
3403
3397
|
}
|
|
3404
3398
|
|
|
3405
|
-
.sv-popup--modal.sv-popup--
|
|
3399
|
+
.sv-popup--modal.sv-popup--leave {
|
|
3400
|
+
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
|
|
3406
3401
|
animation-duration: 0.25s;
|
|
3407
3402
|
}
|
|
3408
3403
|
|
|
@@ -3410,14 +3405,6 @@ sv-popup {
|
|
|
3410
3405
|
opacity: 0;
|
|
3411
3406
|
}
|
|
3412
3407
|
|
|
3413
|
-
@keyframes modalMoveDown {
|
|
3414
|
-
from {
|
|
3415
|
-
transform: translateY(0);
|
|
3416
|
-
}
|
|
3417
|
-
to {
|
|
3418
|
-
transform: translateY(64px);
|
|
3419
|
-
}
|
|
3420
|
-
}
|
|
3421
3408
|
@keyframes modalMoveUp {
|
|
3422
3409
|
from {
|
|
3423
3410
|
transform: translateY(64px);
|
|
@@ -3426,17 +3413,16 @@ sv-popup {
|
|
|
3426
3413
|
transform: translateY(0);
|
|
3427
3414
|
}
|
|
3428
3415
|
}
|
|
3429
|
-
.sv-popup--modal.sv-popup--
|
|
3430
|
-
animation-name: modalMoveDown;
|
|
3431
|
-
animation-fill-mode: forwards;
|
|
3432
|
-
animation-duration: 0.25s;
|
|
3433
|
-
}
|
|
3434
|
-
|
|
3435
|
-
.sv-popup--modal.sv-popup--animate-enter .sv-popup__container {
|
|
3416
|
+
.sv-popup--modal.sv-popup--leave .sv-popup__container, .sv-popup--modal.sv-popup--enter .sv-popup__container {
|
|
3436
3417
|
animation-name: modalMoveUp;
|
|
3418
|
+
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
|
|
3437
3419
|
animation-fill-mode: forwards;
|
|
3438
3420
|
animation-duration: 0.25s;
|
|
3439
3421
|
}
|
|
3422
|
+
.sv-popup--modal.sv-popup--leave .sv-popup__container {
|
|
3423
|
+
animation-direction: reverse;
|
|
3424
|
+
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
|
|
3425
|
+
}
|
|
3440
3426
|
|
|
3441
3427
|
:root {
|
|
3442
3428
|
--sjs-transition-duration: 150ms;
|