survey-react 1.9.98 → 1.9.100

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/modern.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.98
2
+ * surveyjs - Survey JavaScript library v1.9.100
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
  */
@@ -95,7 +95,7 @@ sv-popup {
95
95
  }
96
96
 
97
97
  .sv-popup__container {
98
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
98
+ box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
99
99
  position: absolute;
100
100
  padding: 0;
101
101
  }
@@ -153,7 +153,7 @@ sv-popup {
153
153
  max-width: 100vw;
154
154
  border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;
155
155
  background: var(--sjs-general-backcolor, var(--background, #fff));
156
- box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);
156
+ box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
157
157
  padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
158
158
  height: calc(100% - (1 * var(--sjs-base-unit, var(--base-unit, 8px))));
159
159
  }
@@ -560,12 +560,12 @@ sv-popup {
560
560
 
561
561
  .sv_progress-toc--mobile {
562
562
  position: fixed;
563
- top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
563
+ top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
564
564
  right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
565
565
  width: auto;
566
566
  min-width: auto;
567
567
  height: auto;
568
- background-color: transparent;
568
+ background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
569
569
  z-index: 15;
570
570
  border-radius: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
571
571
  }
@@ -2702,7 +2702,7 @@ sv-popup {
2702
2702
  }
2703
2703
 
2704
2704
  .sv-popup__container {
2705
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
2705
+ box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
2706
2706
  position: absolute;
2707
2707
  padding: 0;
2708
2708
  }
@@ -2760,7 +2760,7 @@ sv-popup {
2760
2760
  max-width: 100vw;
2761
2761
  border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;
2762
2762
  background: var(--sjs-general-backcolor, var(--background, #fff));
2763
- box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);
2763
+ box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
2764
2764
  padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
2765
2765
  height: calc(100% - (1 * var(--sjs-base-unit, var(--base-unit, 8px))));
2766
2766
  }
@@ -3103,9 +3103,12 @@ sv-popup {
3103
3103
 
3104
3104
  .sv-button-group__item--disabled {
3105
3105
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
3106
- opacity: 0.25;
3107
3106
  cursor: default;
3108
3107
  }
3108
+ .sv-button-group__item--disabled .sv-button-group__item-decorator {
3109
+ opacity: 0.25;
3110
+ font-weight: normal;
3111
+ }
3109
3112
  .sv-button-group__item--disabled .sv-button-group__item-icon use {
3110
3113
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
3111
3114
  }
@@ -3217,6 +3220,10 @@ sv-popup {
3217
3220
  color: black;
3218
3221
  }
3219
3222
 
3223
+ .sv_window_button .sv-svg-icon {
3224
+ margin: 4px;
3225
+ }
3226
+
3220
3227
  .sv-brand-info {
3221
3228
  width: 100%;
3222
3229
  font-family: var(--font-family, var(--font-family));
@@ -3389,7 +3396,7 @@ sv-popup {
3389
3396
  }
3390
3397
 
3391
3398
  .sv-ranking-item--drag .sv-ranking-item__content {
3392
- box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);
3399
+ box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
3393
3400
  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
3394
3401
  }
3395
3402