survey-react 1.12.13 → 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.13
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);
@@ -1928,6 +1930,8 @@ sv-brand-info,
1928
1930
  .sv-list-item__marker-icon {
1929
1931
  position: absolute;
1930
1932
  right: var(--sjs-base-unit, var(--base-unit, 8px));
1933
+ width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1934
+ height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1931
1935
  flex-shrink: 0;
1932
1936
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1933
1937
  box-sizing: content-box;
@@ -1986,12 +1990,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
1986
1990
  font-weight: 400;
1987
1991
  }
1988
1992
 
1989
- .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body {
1993
+ .sv-list__item--group-selected > .sv-list__item-body {
1990
1994
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
1991
1995
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
1992
1996
  font-weight: 400;
1993
1997
  }
1994
- .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use {
1998
+ .sv-list__item--group-selected > .sv-list__item-body use {
1995
1999
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
1996
2000
  }
1997
2001
 
@@ -2814,6 +2818,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
2814
2818
  text-align: start;
2815
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));
2816
2820
  transition: box-shadow var(--sjs-transition-duration, 150ms);
2821
+ display: block;
2817
2822
  }
2818
2823
 
2819
2824
  .sd-input:focus {
@@ -6152,6 +6157,24 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
6152
6157
  transform: translateX(-100%);
6153
6158
  }
6154
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
+
6155
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 {
6156
6179
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
6157
6180
  }