survey-react 1.9.83 → 1.9.85

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.83
+ * surveyjs - Survey JavaScript library v1.9.85
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -87,8 +87,8 @@ sv-popup {
   top: 0;
   width: 100vw;
   outline: none;
+  z-index: 2000;
   height: 100vh;
-  z-index: 1500;
 }
 
 .sv-dropdown-popup {
@@ -119,7 +119,7 @@ sv-popup {
   max-width: 90vw;
 }
 
-.sv-popup--modal {
+.sv-popup.sv-popup--modal {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -127,11 +127,12 @@ sv-popup {
   padding: calc(11 * var(--base-unit, 8px)) calc(15 * var(--base-unit, 8px));
   box-sizing: border-box;
 }
-.sv-popup--modal .sv-popup__container {
+.sv-popup.sv-popup--modal .sv-popup__container {
   position: static;
 }
-.sv-popup--modal .sv-popup__body-content {
+.sv-popup.sv-popup--modal .sv-popup__body-content {
   padding: calc(4 * var(--base-unit, 8px));
+  height: auto;
 }
 
 .sv-popup--overlay.sv-popup--overlay {
@@ -346,7 +347,7 @@ sv-popup {
   margin-top: 0;
   padding-top: calc(0.5 * var(--base-unit, 8px));
   padding-bottom: calc(0.5 * var(--base-unit, 8px));
-  border-top: 1px solid var(--border-light, #eaeaea);
+  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
 }
 .sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {
   height: calc(100% - 6 * var(--base-unit, 8px));
@@ -2483,7 +2484,7 @@ select.sv-dropdown {
   height: 24px;
   vertical-align: middle;
   margin-right: 16px;
-  background-color: var(--border, #d6d6d6);
+  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
 }
 
 .sv-action-bar--default-size-mode .sv-action-bar-separator {
@@ -2705,8 +2706,8 @@ sv-popup {
   top: 0;
   width: 100vw;
   outline: none;
+  z-index: 2000;
   height: 100vh;
-  z-index: 1500;
 }
 
 .sv-dropdown-popup {
@@ -2737,7 +2738,7 @@ sv-popup {
   max-width: 90vw;
 }
 
-.sv-popup--modal {
+.sv-popup.sv-popup--modal {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2745,11 +2746,12 @@ sv-popup {
   padding: calc(11 * var(--base-unit, 8px)) calc(15 * var(--base-unit, 8px));
   box-sizing: border-box;
 }
-.sv-popup--modal .sv-popup__container {
+.sv-popup.sv-popup--modal .sv-popup__container {
   position: static;
 }
-.sv-popup--modal .sv-popup__body-content {
+.sv-popup.sv-popup--modal .sv-popup__body-content {
   padding: calc(4 * var(--base-unit, 8px));
+  height: auto;
 }
 
 .sv-popup--overlay.sv-popup--overlay {
@@ -2964,7 +2966,7 @@ sv-popup {
   margin-top: 0;
   padding-top: calc(0.5 * var(--base-unit, 8px));
   padding-bottom: calc(0.5 * var(--base-unit, 8px));
-  border-top: 1px solid var(--border-light, #eaeaea);
+  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
 }
 .sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {
   height: calc(100% - 6 * var(--base-unit, 8px));
@@ -3075,7 +3077,7 @@ sv-popup {
   flex-direction: row;
   font-size: calc(2 * var(--base-unit, 8px));
   overflow: auto;
-  border: 1px solid var(--border, #d6d6d6);
+  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
 }
 
 .sv-button-group:focus-within {
@@ -3103,7 +3105,7 @@ sv-popup {
   position: relative;
 }
 .sv-button-group__item:not(:last-of-type) {
-  border-right: 1px solid var(--border, #d6d6d6);
+  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
 }
 
 .sv-button-group__item--hover:hover {
@@ -3549,15 +3551,27 @@ sv-popup {
   white-space: nowrap;
 }
 
-.sv-list__item.sv-list__item--focused,
+.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {
+  outline: none;
+}
+.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
+  border: calc(0.25 * var(--base-unit, 8px)) solid var(--sjs-border-light, var(--border-light, #eaeaea));
+  border-radius: 3px;
+  padding-block: calc(0.75 * var(--base-unit, 8px));
+  padding-inline-end: calc(7.75 * var(--base-unit, 8px));
+  padding-inline-start: calc(1.75 * var(--base-unit, 8px));
+}
+.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {
+  margin-inline-start: calc(-0.25 * var(--base-unit, 8px));
+}
+
 .sv-list__item:hover,
 .sv-list__item:focus {
   outline: none;
 }
-.sv-list__item.sv-list__item--focused .sv-list__item-body,
 .sv-list__item:hover .sv-list__item-body,
 .sv-list__item:focus .sv-list__item-body {
-  background-color: var(--background-dim, #f3f3f3);
+  background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
 }
 
 .sv-list__item--with-icon.sv-list__item--with-icon {
@@ -3591,7 +3605,7 @@ sv-popup {
 .sv-list__item-separator {
   margin: calc(1 * var(--base-unit, 8px)) 0;
   height: 1px;
-  background-color: var(--border, #d6d6d6);
+  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
 }
 
 .sv-list__item.sv-list__item--selected .sv-list__item-body,
@@ -3637,7 +3651,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 }
 
 .sv-list__filter {
-  border-bottom: 1px solid var(--border-inside, rgba(0, 0, 0, 0.16));
+  border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
   background: var(--background, #fff);
   padding-bottom: calc(1 * var(--base-unit, 8px));
 }