survey-react 1.9.126 → 1.9.128

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.126
+ * surveyjs - Survey JavaScript library v1.9.128
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -79,6 +79,10 @@
     transform: translate(0, 0);
   }
 }
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 sv-popup {
   display: block;
   position: absolute;
@@ -515,6 +519,10 @@ sv-popup {
   flex-grow: 1;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv_progress-buttons__container-center {
   text-align: center;
 }
@@ -624,6 +632,10 @@ sv-popup {
   cursor: not-allowed;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv_progress-toc {
   padding: var(--sjs-base-unit, var(--base-unit, 8px));
   max-width: 336px;
@@ -2553,6 +2565,10 @@ select.sv-dropdown {
   color: var(--foreground-light, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv-action-bar {
   display: flex;
   box-sizing: content-box;
@@ -2742,6 +2758,10 @@ button.sv-action-bar-item {
   opacity: 50%;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv-dragged-element-shortcut {
   height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -2782,6 +2802,10 @@ button.sv-action-bar-item {
   visibility: hidden;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 sv-popup {
   display: block;
   position: absolute;
@@ -3218,6 +3242,10 @@ sv-popup {
   flex-grow: 1;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv-button-group {
   display: flex;
   align-items: center;
@@ -3356,6 +3384,14 @@ sv-popup {
   min-width: unset;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv_window {
   position: fixed;
   bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -3395,7 +3431,7 @@ sv-popup {
   line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
   flex: 1;
   display: flex;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: center;
 }
 
@@ -3431,13 +3467,16 @@ sv-popup {
 .sv_window_button:hover, .sv_window_button:active {
   background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
 }
-.sv_window_button:hover svg use, .sv_window_button:hover svg path, .sv_window_button:active svg use, .sv_window_button:active svg path {
+.sv_window_button:hover svg use,
+.sv_window_button:hover svg path, .sv_window_button:active svg use,
+.sv_window_button:active svg path {
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 .sv_window_button:active {
   opacity: 0.5;
 }
-.sv_window_button svg use, .sv_window_button svg path {
+.sv_window_button svg use,
+.sv_window_button svg path {
   fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
 }
 
@@ -3484,6 +3523,14 @@ sv-brand-info, .sv-brand-info {
   color: #909090;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv-ranking {
   outline: none;
   user-select: none;
@@ -3573,6 +3620,8 @@ sv-brand-info, .sv-brand-info {
   box-sizing: border-box;
   font-weight: 600;
   margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
+  outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
 }
 .sv-ranking-item__index.sv-ranking-item__index svg {
   fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
@@ -3767,6 +3816,10 @@ sv-brand-info, .sv-brand-info {
   display: none;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv-list {
   padding: 0;
   margin: 0;
@@ -3821,6 +3874,7 @@ sv-brand-info, .sv-brand-info {
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
+  transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);
 }
 
 .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {
@@ -3981,6 +4035,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   background-color: transparent;
 }
 
+:root {
+  --sjs-transition-duration: 150ms;
+}
+
 .sv-save-data_root {
   position: fixed;
   left: 50%;