survey-react 1.9.83 → 1.9.84

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.83
2
+ * surveyjs - Survey JavaScript library v1.9.84
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
  */
@@ -87,8 +87,8 @@ sv-popup {
87
87
  top: 0;
88
88
  width: 100vw;
89
89
  outline: none;
90
+ z-index: 2000;
90
91
  height: 100vh;
91
- z-index: 1500;
92
92
  }
93
93
 
94
94
  .sv-dropdown-popup {
@@ -346,7 +346,7 @@ sv-popup {
346
346
  margin-top: 0;
347
347
  padding-top: calc(0.5 * var(--base-unit, 8px));
348
348
  padding-bottom: calc(0.5 * var(--base-unit, 8px));
349
- border-top: 1px solid var(--border-light, #eaeaea);
349
+ border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
350
350
  }
351
351
  .sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {
352
352
  height: calc(100% - 6 * var(--base-unit, 8px));
@@ -2483,7 +2483,7 @@ select.sv-dropdown {
2483
2483
  height: 24px;
2484
2484
  vertical-align: middle;
2485
2485
  margin-right: 16px;
2486
- background-color: var(--border, #d6d6d6);
2486
+ background-color: var(--sjs-border-default, var(--border, #d6d6d6));
2487
2487
  }
2488
2488
 
2489
2489
  .sv-action-bar--default-size-mode .sv-action-bar-separator {
@@ -2705,8 +2705,8 @@ sv-popup {
2705
2705
  top: 0;
2706
2706
  width: 100vw;
2707
2707
  outline: none;
2708
+ z-index: 2000;
2708
2709
  height: 100vh;
2709
- z-index: 1500;
2710
2710
  }
2711
2711
 
2712
2712
  .sv-dropdown-popup {
@@ -2964,7 +2964,7 @@ sv-popup {
2964
2964
  margin-top: 0;
2965
2965
  padding-top: calc(0.5 * var(--base-unit, 8px));
2966
2966
  padding-bottom: calc(0.5 * var(--base-unit, 8px));
2967
- border-top: 1px solid var(--border-light, #eaeaea);
2967
+ border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
2968
2968
  }
2969
2969
  .sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {
2970
2970
  height: calc(100% - 6 * var(--base-unit, 8px));
@@ -3075,7 +3075,7 @@ sv-popup {
3075
3075
  flex-direction: row;
3076
3076
  font-size: calc(2 * var(--base-unit, 8px));
3077
3077
  overflow: auto;
3078
- border: 1px solid var(--border, #d6d6d6);
3078
+ border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
3079
3079
  }
3080
3080
 
3081
3081
  .sv-button-group:focus-within {
@@ -3103,7 +3103,7 @@ sv-popup {
3103
3103
  position: relative;
3104
3104
  }
3105
3105
  .sv-button-group__item:not(:last-of-type) {
3106
- border-right: 1px solid var(--border, #d6d6d6);
3106
+ border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
3107
3107
  }
3108
3108
 
3109
3109
  .sv-button-group__item--hover:hover {
@@ -3557,7 +3557,7 @@ sv-popup {
3557
3557
  .sv-list__item.sv-list__item--focused .sv-list__item-body,
3558
3558
  .sv-list__item:hover .sv-list__item-body,
3559
3559
  .sv-list__item:focus .sv-list__item-body {
3560
- background-color: var(--background-dim, #f3f3f3);
3560
+ background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
3561
3561
  }
3562
3562
 
3563
3563
  .sv-list__item--with-icon.sv-list__item--with-icon {
@@ -3591,7 +3591,7 @@ sv-popup {
3591
3591
  .sv-list__item-separator {
3592
3592
  margin: calc(1 * var(--base-unit, 8px)) 0;
3593
3593
  height: 1px;
3594
- background-color: var(--border, #d6d6d6);
3594
+ background-color: var(--sjs-border-default, var(--border, #d6d6d6));
3595
3595
  }
3596
3596
 
3597
3597
  .sv-list__item.sv-list__item--selected .sv-list__item-body,
@@ -3637,7 +3637,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
3637
3637
  }
3638
3638
 
3639
3639
  .sv-list__filter {
3640
- border-bottom: 1px solid var(--border-inside, rgba(0, 0, 0, 0.16));
3640
+ border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
3641
3641
  background: var(--background, #fff);
3642
3642
  padding-bottom: calc(1 * var(--base-unit, 8px));
3643
3643
  }