survey-react 1.12.8 → 1.12.9

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-react",
3
- "version": "1.12.8",
3
+ "version": "1.12.9",
4
4
  "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
5
5
  "keywords": [
6
6
  "Survey",
package/survey.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.12.8
2
+ * surveyjs - Survey JavaScript library v1.12.9
3
3
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -147,6 +147,9 @@
147
147
  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
148
148
  padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
149
149
  }
150
+ .sv_progress-toc use {
151
+ fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
152
+ }
150
153
 
151
154
  .sv_progress-toc--left {
152
155
  border-right: 1px solid #D6D6D6;
@@ -638,12 +641,15 @@ sv-brand-info,
638
641
  .sv-ranking-item__icon-container {
639
642
  position: relative;
640
643
  left: 0;
641
- top: 5px;
642
644
  bottom: 0;
643
645
  flex-shrink: 0;
644
646
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
645
- height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
647
+ height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
646
648
  align-self: flex-start;
649
+ padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
650
+ padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
651
+ margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
652
+ box-sizing: content-box;
647
653
  }
648
654
 
649
655
  .sv-ranking-item--disabled.sv-ranking-item--disabled,
@@ -664,8 +670,8 @@ sv-brand-info,
664
670
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
665
671
  position: absolute;
666
672
  top: var(--sjs-base-unit, var(--base-unit, 8px));
667
- width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
668
- height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
673
+ width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
674
+ height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
669
675
  }
670
676
 
671
677
  .sv-ranking-item__index.sv-ranking-item__index {
@@ -828,8 +834,8 @@ sv-brand-info,
828
834
  }
829
835
 
830
836
  .sv-ranking-shortcut .sv-ranking-item__icon {
831
- width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
832
- height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
837
+ width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
838
+ height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
833
839
  top: var(--sjs-base-unit, var(--base-unit, 8px));
834
840
  }
835
841
 
@@ -837,7 +843,7 @@ sv-brand-info,
837
843
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
838
844
  }
839
845
  .sv-ranking-shortcut .sv-ranking-item__icon-container {
840
- margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
846
+ margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
841
847
  }
842
848
 
843
849
  .sv-ranking-shortcut {
@@ -1015,6 +1021,15 @@ sv-brand-info,
1015
1021
  padding-right: 0;
1016
1022
  }
1017
1023
 
1024
+ .sd-question--mobile .sv-ranking-item__icon-container,
1025
+ .sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
1026
+ margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1027
+ display: flex;
1028
+ justify-content: flex-end;
1029
+ padding: 0;
1030
+ width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1031
+ }
1032
+
1018
1033
  body {
1019
1034
  --sv-default-mark: true;
1020
1035
  }
@@ -3048,11 +3063,11 @@ f-panel {
3048
3063
 
3049
3064
  .sv-ranking-item__icon-container {
3050
3065
  left: 0;
3051
- top: 5px;
3052
3066
  bottom: 0;
3053
3067
  width: calc(3 * var(--base-unit, 8px));
3054
3068
  flex-shrink: 0;
3055
3069
  align-items: self-start;
3070
+ box-sizing: content-box;
3056
3071
  }
3057
3072
  .sv-ranking-item__icon-container svg:nth-of-type(1) {
3058
3073
  height: 16px;