survey-react 1.9.84 → 1.9.85

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.84
2
+ * surveyjs - Survey JavaScript library v1.9.85
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
  */
@@ -119,7 +119,7 @@ sv-popup {
119
119
  max-width: 90vw;
120
120
  }
121
121
 
122
- .sv-popup--modal {
122
+ .sv-popup.sv-popup--modal {
123
123
  display: flex;
124
124
  align-items: center;
125
125
  justify-content: center;
@@ -127,11 +127,12 @@ sv-popup {
127
127
  padding: calc(11 * var(--base-unit, 8px)) calc(15 * var(--base-unit, 8px));
128
128
  box-sizing: border-box;
129
129
  }
130
- .sv-popup--modal .sv-popup__container {
130
+ .sv-popup.sv-popup--modal .sv-popup__container {
131
131
  position: static;
132
132
  }
133
- .sv-popup--modal .sv-popup__body-content {
133
+ .sv-popup.sv-popup--modal .sv-popup__body-content {
134
134
  padding: calc(4 * var(--base-unit, 8px));
135
+ height: auto;
135
136
  }
136
137
 
137
138
  .sv-popup--overlay.sv-popup--overlay {
@@ -2737,7 +2738,7 @@ sv-popup {
2737
2738
  max-width: 90vw;
2738
2739
  }
2739
2740
 
2740
- .sv-popup--modal {
2741
+ .sv-popup.sv-popup--modal {
2741
2742
  display: flex;
2742
2743
  align-items: center;
2743
2744
  justify-content: center;
@@ -2745,11 +2746,12 @@ sv-popup {
2745
2746
  padding: calc(11 * var(--base-unit, 8px)) calc(15 * var(--base-unit, 8px));
2746
2747
  box-sizing: border-box;
2747
2748
  }
2748
- .sv-popup--modal .sv-popup__container {
2749
+ .sv-popup.sv-popup--modal .sv-popup__container {
2749
2750
  position: static;
2750
2751
  }
2751
- .sv-popup--modal .sv-popup__body-content {
2752
+ .sv-popup.sv-popup--modal .sv-popup__body-content {
2752
2753
  padding: calc(4 * var(--base-unit, 8px));
2754
+ height: auto;
2753
2755
  }
2754
2756
 
2755
2757
  .sv-popup--overlay.sv-popup--overlay {
@@ -3549,12 +3551,24 @@ sv-popup {
3549
3551
  white-space: nowrap;
3550
3552
  }
3551
3553
 
3552
- .sv-list__item.sv-list__item--focused,
3554
+ .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {
3555
+ outline: none;
3556
+ }
3557
+ .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
3558
+ border: calc(0.25 * var(--base-unit, 8px)) solid var(--sjs-border-light, var(--border-light, #eaeaea));
3559
+ border-radius: 3px;
3560
+ padding-block: calc(0.75 * var(--base-unit, 8px));
3561
+ padding-inline-end: calc(7.75 * var(--base-unit, 8px));
3562
+ padding-inline-start: calc(1.75 * var(--base-unit, 8px));
3563
+ }
3564
+ .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {
3565
+ margin-inline-start: calc(-0.25 * var(--base-unit, 8px));
3566
+ }
3567
+
3553
3568
  .sv-list__item:hover,
3554
3569
  .sv-list__item:focus {
3555
3570
  outline: none;
3556
3571
  }
3557
- .sv-list__item.sv-list__item--focused .sv-list__item-body,
3558
3572
  .sv-list__item:hover .sv-list__item-body,
3559
3573
  .sv-list__item:focus .sv-list__item-body {
3560
3574
  background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));