survey-react 1.12.7 → 1.12.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.12.7",
+  "version": "1.12.9",
   "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.",
   "keywords": [
     "Survey",

package/survey.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.7
+ * surveyjs - Survey JavaScript library v1.12.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -147,6 +147,9 @@
   padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
+.sv_progress-toc use {
+  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
+}
 
 .sv_progress-toc--left {
   border-right: 1px solid #D6D6D6;
@@ -439,6 +442,22 @@ sv-brand-info,
   margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
+.sv-matrixdynamic-dragged-row {
+  cursor: grabbing;
+  position: absolute;
+  z-index: 10000;
+  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
+}
+.sv-matrixdynamic-dragged-row .sd-table__row {
+  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
+  background-color: var(--sjs-general-backcolor, var(--background, #fff));
+  display: flex;
+  flex-grow: 0;
+  flex-shrink: 0;
+  align-items: center;
+  line-height: 0;
+}
+
 .sv-matrix-row--drag-drop-ghost-mod td {
   background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
 }
@@ -622,12 +641,15 @@ sv-brand-info,
 .sv-ranking-item__icon-container {
   position: relative;
   left: 0;
-  top: 5px;
   bottom: 0;
   flex-shrink: 0;
   width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   align-self: flex-start;
+  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
+  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
+  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  box-sizing: content-box;
 }
 
 .sv-ranking-item--disabled.sv-ranking-item--disabled,
@@ -648,8 +670,8 @@ sv-brand-info,
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
   position: absolute;
   top: var(--sjs-base-unit, var(--base-unit, 8px));
-  width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
 .sv-ranking-item__index.sv-ranking-item__index {
@@ -812,8 +834,8 @@ sv-brand-info,
 }
 
 .sv-ranking-shortcut .sv-ranking-item__icon {
-  width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   top: var(--sjs-base-unit, var(--base-unit, 8px));
 }
 
@@ -821,7 +843,7 @@ sv-brand-info,
   padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 .sv-ranking-shortcut .sv-ranking-item__icon-container {
-  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
+  margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 
 .sv-ranking-shortcut {
@@ -999,6 +1021,15 @@ sv-brand-info,
   padding-right: 0;
 }
 
+.sd-question--mobile .sv-ranking-item__icon-container,
+.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
+  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  display: flex;
+  justify-content: flex-end;
+  padding: 0;
+  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+
 body {
   --sv-default-mark: true;
 }
@@ -3032,11 +3063,11 @@ f-panel {
 
 .sv-ranking-item__icon-container {
   left: 0;
-  top: 5px;
   bottom: 0;
   width: calc(3 * var(--base-unit, 8px));
   flex-shrink: 0;
   align-items: self-start;
+  box-sizing: content-box;
 }
 .sv-ranking-item__icon-container svg:nth-of-type(1) {
   height: 16px;