survey-react 1.9.89 → 1.9.90

package/README.md

@@ -1,8 +1,8 @@
-# SurveyJS Form Library for React (OBSOLETE)
+# SurveyJS Form Library for React
 
 SurveyJS Form Library is a free and open-source MIT-licensed JavaScript form builder library that allows you to design dynamic, data-driven, multi-language survey forms and run them in your web applications.
 
-> **NOTE**: This package contains an obsolete Knockout-dependent version of SurveyJS Form Library for React. We recommend using a new [native implementation of SurveyJS React Form Library](https://www.npmjs.com/package/survey-react-ui). For information on how to integrate it into your application, refer to the following tutorial: [Add a Survey to a React Application](https://surveyjs.io/form-library/documentation/get-started-react).
+> **NOTE**: This package contains a legacy Knockout-dependent version of SurveyJS Form Library for React. We recommend using a new [native implementation of SurveyJS React Form Library](https://www.npmjs.com/package/survey-react-ui). For information on how to integrate it into your application, refer to the following tutorial: [Add a Survey to a React Application](https://surveyjs.io/form-library/documentation/get-started-react).
 
 ## Resources
 

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.89
+ * surveyjs - Survey JavaScript library v1.9.90
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -639,44 +639,7 @@ sv-popup {
 }
 
 .sv-popup__button {
-  padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));
-  background: var(--background, #fff);
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: calc(1 * var(--sjs-corner-radius, 4px));
-  margin: 2px;
-  cursor: pointer;
-  font-family: var(--font-family, var(--font-family));
-  font-style: normal;
-  font-weight: 600;
-  font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
-  line-height: calc(3 * var(--base-unit, 8px));
-  text-align: center;
-  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
-  border: none;
-  outline: none;
-}
-
-.sv-popup__button:hover {
-  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
-}
-
-.sv-popup__button:disabled {
-  color: var(--sjs-general-forecolor, var(--foreground, #161616));
-  opacity: 0.25;
-  cursor: default;
-}
-
-.sv-popup__button:disabled:hover {
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
-}
-
-.sv-popup__button--apply {
-  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
-  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
-}
-
-.sv-popup__button--apply:disabled {
-  background-color: var(--background-dim, #f3f3f3);
+  margin: calc(0.25 * var(--base-unit, 8px));
 }
 
 .sv-popup--modal .sv-list__filter,
@@ -1670,7 +1633,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
   padding-bottom: var(--sd-base-padding);
   background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
+  box-shadow: var(--sjs-general-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
 }
 .svc-logic-question-value.sd-question--paneldynamic,
 .sd-element--with-frame.sd-question--paneldynamic {
@@ -1990,7 +1953,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
   font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
   background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
-  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
+  box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
   border: none;
   border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));
   text-align: start;
@@ -2758,7 +2721,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   height: calc(3 * var(--base-unit, 8px));
   box-sizing: border-box;
   background: var(--sd-item-default-background, var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9))));
-  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
+  box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
   border: none;
   flex-shrink: 0;
 }
@@ -3735,7 +3698,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   position: relative;
   padding: calc(0.5 * var(--base-unit, 8px));
   background: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
-  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
+  box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
   border-radius: calc(12.5 * var(--base-unit, 8px));
 }
 
@@ -4303,7 +4266,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   line-height: calc(3 * var(--base-unit, 8px));
   text-align: center;
   color: var(--sjs-primary-backcolor, var(--primary, #19b394));
-  border: 2px solid transparent;
+  border: none;
   outline: none;
 }