survey-react 1.9.86 → 1.9.88

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.86
+ * surveyjs - Survey JavaScript library v1.9.88
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -344,7 +344,7 @@ sv-popup {
   display: flex;
   flex-direction: column;
   max-height: 90vh;
-  max-width: 90vw;
+  max-width: 100vw;
 }
 
 .sv-popup.sv-popup--modal {
@@ -2514,11 +2514,13 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   gap: calc(1 * var(--base-unit, 8px));
   flex-grow: 1;
 }
+.sd-header__text .sd-title {
+  color: var(--primary, #19b394);
+}
 .sd-header__text h3 {
   font-size: calc(2 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
   font-weight: 700;
   line-height: calc(5 * var(--base-unit, 8px));
-  color: var(--primary, #19b394);
 }
 .sd-header__text h5 {
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
@@ -2804,6 +2806,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   flex-wrap: wrap;
 }
 
+.sd-rating--small {
+  min-height: calc(3 * var(--base-unit, 8px));
+  margin: auto;
+}
+.sd-rating--small fieldset {
+  padding: 0;
+  gap: calc(1 * var(--base-unit, 8px));
+}
+
 .sd-rating__item {
   position: relative;
   background: var(--background, #fff);
@@ -2830,6 +2841,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 }
 
 legend + .sd-rating__item,
+legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,
 legend + sv-ng-rating-item + .sd-rating__item {
   margin-inline-start: 2px;
 }
@@ -2894,6 +2906,20 @@ legend + sv-ng-rating-item + .sd-rating__item {
   height: calc(3 * var(--base-unit, 8px));
 }
 
+.sd-rating__item-smiley--small {
+  padding: calc(0.625 * var(--base-unit, 8px));
+  min-width: calc(3 * var(--base-unit, 8px));
+  border-width: 1px;
+}
+.sd-rating__item-smiley--small svg {
+  width: calc(1.5 * var(--base-unit, 8px));
+  height: calc(1.5 * var(--base-unit, 8px));
+}
+
+.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {
+  box-shadow: inset 0 0 0 1px var(--background, #fff);
+}
+
 legend + .sd-rating__item-smiley,
 legend + sv-ng-rating-item + .sd-rating__item-smiley {
   margin-inline-start: 2px;
@@ -2977,6 +3003,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   display: none;
 }
 
+.sd-rating__item-star--small {
+  width: calc(3 * var(--base-unit, 8px));
+  height: calc(3 * var(--base-unit, 8px));
+}
+.sd-rating__item-star--small svg {
+  width: calc(3 * var(--base-unit, 8px));
+  height: calc(3 * var(--base-unit, 8px));
+}
+
 .sd-rating__item-star--selected svg {
   stroke: none;
   fill: var(--primary, #19b394);
@@ -3165,6 +3200,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   display: inline-block;
   line-height: calc(3 * var(--base-unit, 8px));
   appearance: none;
+  height: 100%;
 }
 
 .sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {
@@ -3288,11 +3324,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 
 .sd-tagbox__filter-string-input {
-  width: auto;
+  width: 100%;
   display: flex;
   flex-grow: 1;
   height: calc(5 * var(--base-unit, 8px));
-  position: initial;
 }
 
 .sd-tagbox__placeholder {
@@ -3314,6 +3349,32 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   background: linear-gradient(90deg, var(--primary, #19b394) 53.12%, rgba(25, 179, 148, 0) 100%);
 }
 
+.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,
+.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,
+.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {
+  width: 100%;
+}
+
+.sd-tagbox__hint {
+  display: flex;
+  flex-grow: 1;
+}
+
+.sd-tagbox__hint-suffix-wrapper {
+  position: relative;
+  width: 100%;
+}
+
+.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
+  height: calc(5 * var(--base-unit, 8px));
+  line-height: calc(5 * var(--base-unit, 8px));
+}
+
+.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
+  height: calc(5 * var(--base-unit, 8px));
+  line-height: calc(5 * var(--base-unit, 8px));
+}
+
 .sd-imagepicker {
   display: flex;
   flex-wrap: wrap;