survey-core 1.12.13 → 1.12.15

package/defaultV2.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.13
+ * surveyjs - Survey JavaScript library v1.12.15
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1639,13 +1639,15 @@ sv-brand-info,
 }
 
 .sv-list__item-body {
+  --sjs-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  --sjs-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--sjs-list-item-padding-left-default));
   position: relative;
   width: 100%;
   align-items: center;
   box-sizing: border-box;
   padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
   padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-inline-start: var(--sjs-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
   color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
   font-weight: normal;
   font-size: var(--sjs-font-size, 16px);
@@ -1708,6 +1710,8 @@ sv-brand-info,
 .sv-list-item__marker-icon {
   position: absolute;
   right: var(--sjs-base-unit, var(--base-unit, 8px));
+  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   flex-shrink: 0;
   padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   box-sizing: content-box;
@@ -1766,12 +1770,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
   font-weight: 400;
 }
 
-.sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body {
+.sv-list__item--group-selected > .sv-list__item-body {
   background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
   color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
   font-weight: 400;
 }
-.sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use {
+.sv-list__item--group-selected > .sv-list__item-body use {
   fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 
@@ -2594,6 +2598,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
   text-align: start;
   box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
   transition: box-shadow var(--sjs-transition-duration, 150ms);
+  display: block;
 }
 
 .sd-input:focus {
@@ -5932,6 +5937,24 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   transform: translateX(-100%);
 }
 
+[dir=rtl] .sd-boolean__thumb,
+[style*="direction:rtl"] .sd-boolean__thumb,
+[style*="direction: rtl"] .sd-boolean__thumb {
+  left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  right: unset;
+  transform: translateX(100%);
+}
+[dir=rtl] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
+[dir=rtl] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
+[style*="direction:rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
+[style*="direction:rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
+[style*="direction: rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
+[style*="direction: rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {
+  left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  right: unset;
+  transform: translateX(0);
+}
+
 .sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false, .sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true {
   color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
 }