survey-react 1.12.14 → 1.12.16

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.16
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
  */
@@ -597,16 +597,16 @@ sv-popup {
597
597
  overflow: visible;
598
598
  }
599
599
 
600
- .sv-popup--confirm-delete .sv-popup__container {
600
+ .sv-popup--confirm .sv-popup__container {
601
601
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
602
602
  }
603
- .sv-popup--confirm-delete .sv-popup__body-content {
603
+ .sv-popup--confirm .sv-popup__body-content {
604
604
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
605
605
  max-width: min-content;
606
606
  align-items: flex-end;
607
607
  min-width: 452px;
608
608
  }
609
- .sv-popup--confirm-delete .sv-popup__body-header {
609
+ .sv-popup--confirm .sv-popup__body-header {
610
610
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
611
611
  align-self: self-start;
612
612
  /* UI/Default */
@@ -617,17 +617,17 @@ sv-popup {
617
617
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
618
618
  /* 150% */
619
619
  }
620
- .sv-popup--confirm-delete .sv-popup__scrolling-content {
620
+ .sv-popup--confirm .sv-popup__scrolling-content {
621
621
  display: none;
622
622
  }
623
- .sv-popup--confirm-delete .sv-popup__body-footer {
623
+ .sv-popup--confirm .sv-popup__body-footer {
624
624
  max-width: max-content;
625
625
  }
626
- .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
626
+ .sv-popup--confirm .sv-popup__body-footer .sv-action-bar {
627
627
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
628
628
  }
629
629
 
630
- .sd-root-modern--mobile .sv-popup--confirm-delete .sv-popup__body-content {
630
+ .sd-root-modern--mobile .sv-popup--confirm .sv-popup__body-content {
631
631
  min-width: auto;
632
632
  }
633
633
 
@@ -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
  }