survey-react 1.12.14 → 1.12.15

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/defaultV2.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.12.14
2
+ * surveyjs - Survey JavaScript library v1.12.15
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
  */
@@ -1859,13 +1859,15 @@ sv-brand-info,
1859
1859
  }
1860
1860
 
1861
1861
  .sv-list__item-body {
1862
+ --sjs-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
1863
+ --sjs-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--sjs-list-item-padding-left-default));
1862
1864
  position: relative;
1863
1865
  width: 100%;
1864
1866
  align-items: center;
1865
1867
  box-sizing: border-box;
1866
1868
  padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
1867
1869
  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1868
- padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1870
+ padding-inline-start: var(--sjs-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
1869
1871
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
1870
1872
  font-weight: normal;
1871
1873
  font-size: var(--sjs-font-size, 16px);
@@ -2816,6 +2818,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
2816
2818
  text-align: start;
2817
2819
  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));
2818
2820
  transition: box-shadow var(--sjs-transition-duration, 150ms);
2821
+ display: block;
2819
2822
  }
2820
2823
 
2821
2824
  .sd-input:focus {
@@ -6154,6 +6157,24 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
6154
6157
  transform: translateX(-100%);
6155
6158
  }
6156
6159
 
6160
+ [dir=rtl] .sd-boolean__thumb,
6161
+ [style*="direction:rtl"] .sd-boolean__thumb,
6162
+ [style*="direction: rtl"] .sd-boolean__thumb {
6163
+ left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6164
+ right: unset;
6165
+ transform: translateX(100%);
6166
+ }
6167
+ [dir=rtl] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
6168
+ [dir=rtl] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
6169
+ [style*="direction:rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
6170
+ [style*="direction:rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
6171
+ [style*="direction: rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
6172
+ [style*="direction: rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {
6173
+ left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6174
+ right: unset;
6175
+ transform: translateX(0);
6176
+ }
6177
+
6157
6178
  .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 {
6158
6179
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
6159
6180
  }