survey-react 1.12.1 → 1.12.3

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.1
2
+ * surveyjs - Survey JavaScript library v1.12.3
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
  */
@@ -465,6 +465,16 @@ button.sv-action-bar-item {
465
465
  position: absolute;
466
466
  z-index: 10000;
467
467
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
468
+ min-width: 100px;
469
+ max-width: 400px;
470
+ }
471
+ .sv-drag-drop-choices-shortcut .sv-ranking-item {
472
+ height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
473
+ }
474
+ .sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
475
+ .sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
476
+ overflow: hidden;
477
+ white-space: nowrap;
468
478
  }
469
479
 
470
480
  .sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {
@@ -1477,12 +1487,13 @@ sv-brand-info,
1477
1487
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
1478
1488
  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1479
1489
  overflow-wrap: break-word;
1480
- word-break: break-all;
1490
+ word-break: normal;
1481
1491
  align-self: self-start;
1482
1492
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
1483
1493
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
1484
1494
  }
1485
- .sv-ranking-item__text .sv-string-viewer {
1495
+ .sv-ranking-item__text .sv-string-viewer,
1496
+ .sv-ranking-item__text .sv-string-editor {
1486
1497
  overflow: initial;
1487
1498
  white-space: pre-line;
1488
1499
  }
@@ -1527,7 +1538,8 @@ sv-brand-info,
1527
1538
  .sv-ranking-item--ghost {
1528
1539
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1529
1540
  }
1530
- .sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer {
1541
+ .sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,
1542
+ .sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor {
1531
1543
  white-space: unset;
1532
1544
  }
1533
1545
 
@@ -1623,7 +1635,8 @@ sv-brand-info,
1623
1635
  .sv-ranking-shortcut .sv-ranking-item {
1624
1636
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1625
1637
  }
1626
- .sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer {
1638
+ .sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
1639
+ .sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
1627
1640
  overflow: hidden;
1628
1641
  white-space: nowrap;
1629
1642
  }
@@ -1757,6 +1770,32 @@ sv-brand-info,
1757
1770
  left: initial;
1758
1771
  }
1759
1772
 
1773
+ .sv-ranking--select-to-rank-swap-areas {
1774
+ flex-direction: row-reverse;
1775
+ }
1776
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item {
1777
+ padding-left: 0;
1778
+ left: -24px !important;
1779
+ }
1780
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item {
1781
+ padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1782
+ left: 0;
1783
+ }
1784
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost {
1785
+ left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1786
+ }
1787
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
1788
+ padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1789
+ padding-left: 0;
1790
+ }
1791
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost {
1792
+ right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1793
+ }
1794
+ .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
1795
+ padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
1796
+ padding-right: 0;
1797
+ }
1798
+
1760
1799
  :root {
1761
1800
  --sjs-transition-duration: 150ms;
1762
1801
  }
@@ -1813,7 +1852,7 @@ sv-brand-info,
1813
1852
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
1814
1853
  cursor: pointer;
1815
1854
  overflow: hidden;
1816
- text-align: left;
1855
+ text-align: start;
1817
1856
  text-overflow: ellipsis;
1818
1857
  white-space: nowrap;
1819
1858
  transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);
@@ -2129,6 +2168,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
2129
2168
  from {
2130
2169
  overflow: hidden;
2131
2170
  height: var(--animation-height-from);
2171
+ min-height: var(--animation-height-from);
2132
2172
  margin-top: 0;
2133
2173
  margin-bottom: 0;
2134
2174
  padding-top: 0;
@@ -2145,6 +2185,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
2145
2185
  border-top-width: var(--animation-border-top-width);
2146
2186
  border-bottom-width: var(--animation-border-bottom-width);
2147
2187
  height: var(--animation-height-to);
2188
+ min-height: var(--animation-height-to);
2148
2189
  }
2149
2190
  to {
2150
2191
  overflow: visible;
@@ -2155,6 +2196,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
2155
2196
  border-top-width: var(--animation-border-top-width);
2156
2197
  border-bottom-width: var(--animation-border-bottom-width);
2157
2198
  height: var(--animation-height-to);
2199
+ min-height: var(--animation-height-to);
2158
2200
  }
2159
2201
  }
2160
2202
  @keyframes moveIn {
@@ -2188,10 +2230,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
2188
2230
  opacity: 0.25;
2189
2231
  }
2190
2232
 
2191
- .sd-element__title.sd-element__title--hidden {
2192
- display: none;
2193
- }
2194
-
2195
2233
  .sd-root--readonly .sd-element__title.sd-element__title--disabled {
2196
2234
  opacity: 1;
2197
2235
  }
@@ -2256,6 +2294,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
2256
2294
  white-space: nowrap;
2257
2295
  flex-shrink: 0;
2258
2296
  }
2297
+
2298
+ .sd-page__num + span,
2259
2299
  .sd-element__num + span {
2260
2300
  float: left;
2261
2301
  width: 0;
@@ -4271,7 +4311,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
4271
4311
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4272
4312
  white-space: normal;
4273
4313
  width: 100%;
4274
- text-align: left;
4314
+ text-align: start;
4275
4315
  min-width: 0;
4276
4316
  }
4277
4317
  .sd-item__control-label .sv-string-viewer {
@@ -5563,7 +5603,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5563
5603
  max-width: 100%;
5564
5604
  width: auto;
5565
5605
  height: 100%;
5566
- text-align: left;
5606
+ text-align: start;
5567
5607
  cursor: text;
5568
5608
  pointer-events: none;
5569
5609
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));