survey-react 1.9.89 → 1.9.90

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/README.md CHANGED
@@ -1,8 +1,8 @@
1
- # SurveyJS Form Library for React (OBSOLETE)
1
+ # SurveyJS Form Library for React
2
2
 
3
3
  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.
4
4
 
5
- > **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).
5
+ > **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).
6
6
 
7
7
  ## Resources
8
8
 
package/defaultV2.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.89
2
+ * surveyjs - Survey JavaScript library v1.9.90
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
  */
@@ -639,44 +639,7 @@ sv-popup {
639
639
  }
640
640
 
641
641
  .sv-popup__button {
642
- padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));
643
- background: var(--background, #fff);
644
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
645
- border-radius: calc(1 * var(--sjs-corner-radius, 4px));
646
- margin: 2px;
647
- cursor: pointer;
648
- font-family: var(--font-family, var(--font-family));
649
- font-style: normal;
650
- font-weight: 600;
651
- font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
652
- line-height: calc(3 * var(--base-unit, 8px));
653
- text-align: center;
654
- color: var(--sjs-primary-backcolor, var(--primary, #19b394));
655
- border: none;
656
- outline: none;
657
- }
658
-
659
- .sv-popup__button:hover {
660
- box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
661
- }
662
-
663
- .sv-popup__button:disabled {
664
- color: var(--sjs-general-forecolor, var(--foreground, #161616));
665
- opacity: 0.25;
666
- cursor: default;
667
- }
668
-
669
- .sv-popup__button:disabled:hover {
670
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
671
- }
672
-
673
- .sv-popup__button--apply {
674
- background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
675
- color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
676
- }
677
-
678
- .sv-popup__button--apply:disabled {
679
- background-color: var(--background-dim, #f3f3f3);
642
+ margin: calc(0.25 * var(--base-unit, 8px));
680
643
  }
681
644
 
682
645
  .sv-popup--modal .sv-list__filter,
@@ -1670,7 +1633,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
1670
1633
  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
1671
1634
  padding-bottom: var(--sd-base-padding);
1672
1635
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
1673
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1636
+ box-shadow: var(--sjs-general-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
1674
1637
  }
1675
1638
  .svc-logic-question-value.sd-question--paneldynamic,
1676
1639
  .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 {
1990
1953
  color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
1991
1954
  font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
1992
1955
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
1993
- box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
1956
+ box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
1994
1957
  border: none;
1995
1958
  border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));
1996
1959
  text-align: start;
@@ -2758,7 +2721,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
2758
2721
  height: calc(3 * var(--base-unit, 8px));
2759
2722
  box-sizing: border-box;
2760
2723
  background: var(--sd-item-default-background, var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9))));
2761
- box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
2724
+ box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
2762
2725
  border: none;
2763
2726
  flex-shrink: 0;
2764
2727
  }
@@ -3735,7 +3698,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
3735
3698
  position: relative;
3736
3699
  padding: calc(0.5 * var(--base-unit, 8px));
3737
3700
  background: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
3738
- box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
3701
+ box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
3739
3702
  border-radius: calc(12.5 * var(--base-unit, 8px));
3740
3703
  }
3741
3704
 
@@ -4303,7 +4266,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
4303
4266
  line-height: calc(3 * var(--base-unit, 8px));
4304
4267
  text-align: center;
4305
4268
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
4306
- border: 2px solid transparent;
4269
+ border: none;
4307
4270
  outline: none;
4308
4271
  }
4309
4272