survey-react 1.9.100 → 1.9.101

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.100
+ * surveyjs - Survey JavaScript library v1.9.101
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2008,7 +2008,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 
 .sd-scrollable-container:not(.sd-scrollable-container--compact) {
   width: max-content;
-  overflow-x: hidden;
+  overflow: visible;
   max-width: 100%;
 }
 
@@ -2721,6 +2721,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 
 .sd-root-modern .sd-container-modern__title .sd-header__text h3 {
   margin: 0;
+  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 .sd-root-modern .sd-container-modern__title .sd-description {
   margin: 0;
@@ -2763,6 +2764,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   word-break: break-word;
 }
 
+.sd-description.sd-question__description--under-input {
+  padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+
 .sd-element__header .sd-description {
   margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -2988,9 +2993,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 .sd-rating.sd-rating--wrappable fieldset {
   flex-wrap: wrap;
 }
-.sd-rating.sd-scrollable-container:not(.sd-scrollable-container--compact) {
-  overflow: visible;
-}
 
 .sd-rating--small {
   min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -3046,6 +3048,8 @@ legend + sv-ng-rating-item + .sd-rating__item {
 .sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {
   color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
   fill: var(--sjs-general-forecolor, var(--foreground, #161616));
+  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
+  border-color: transparent;
 }
 
 .sd-question--disabled .sd-rating__item-text {
@@ -3769,11 +3773,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   }
 }
 
-.sd-boolean-root {
-  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
-  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
-
 .sd-boolean {
   display: flex;
   width: max-content;
@@ -3781,8 +3780,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
-  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
   border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
+}
+.sd-boolean.sd-boolean--allowhover:focus-within {
+  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
 .sd-boolean__thumb,
@@ -3809,10 +3811,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.sd-boolean__control:focus ~ .sd-boolean__switch {
-  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
-}
-
 .sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {
   display: none;
 }