survey-react 1.9.79 → 1.9.80

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.79
+ * surveyjs - Survey JavaScript library v1.9.80
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1927,6 +1927,32 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   row-gap: 0;
 }
 
+.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {
+  content: none;
+}
+.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
+  position: static;
+  font-size: calc(3 * var(--base-unit, 8px));
+  line-height: calc(4 * var(--base-unit, 8px));
+  margin: calc(0.5 * var(--base-unit, 8px)) 0px;
+  font-weight: 700;
+}
+.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
+  font-size: inherit;
+  line-height: inherit;
+}
+.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {
+  position: static;
+  font-size: calc(2 * var(--base-unit, 8px));
+  line-height: calc(3 * var(--base-unit, 8px));
+  margin: calc(0.5 * var(--base-unit, 8px)) 0px;
+  font-weight: 400;
+}
+
 .sd-panel__required-text {
   color: var(--red, #e60a3e);
 }
@@ -2193,6 +2219,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding: calc(2.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
 }
 
+.sd-matrixdynamic__content .sd-table__question-wrapper {
+  position: relative;
+}
+
 .sd-table__question-wrapper:not(:focus-within):hover {
   position: relative;
 }
@@ -2312,6 +2342,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-size: calc(3 * var(--base-unit, 8px));
   line-height: calc(4 * var(--base-unit, 8px));
   margin: calc(0.5 * var(--base-unit, 8px)) 0px;
+  font-weight: 700;
 }
 
 .sd-page__description {
@@ -2319,6 +2350,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-size: calc(2 * var(--base-unit, 8px));
   line-height: calc(3 * var(--base-unit, 8px));
   margin: calc(0.5 * var(--base-unit, 8px)) 0px;
+  font-weight: 400;
 }
 
 .sd-row {
@@ -2329,6 +2361,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   margin-top: calc(2 * var(--base-unit, 8px));
 }
 
+.sd-page__row.sd-row {
+  margin-top: calc(2 * var(--base-unit, 8px));
+}
+
 .sd-page__row.sd-row--multiple,
 .svc-row > .sd-row--multiple {
   background: var(--background, #fff);
@@ -2399,6 +2435,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-family: var(--font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif);
   gap: calc(4 * var(--base-unit, 8px));
   box-shadow: 0px 2px 0px var(--primary, #19b394);
+  margin-bottom: 2px;
 }
 .sd-title.sd-container-modern__title .sd-logo__image {
   margin-top: calc(1 * var(--base-unit, 8px));
@@ -2696,6 +2733,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   text-align: center;
   border: 2px solid var(--background, #fff);
   color: var(--foreground, #161616);
+  fill: var(--foreground, #161616);
   font-size: calc(2 * var(--base-unit, 8px));
 }
 
@@ -2712,10 +2750,12 @@ legend + sv-ng-rating-item + .sd-rating__item {
 
 .sd-rating__item.sd-rating__item--disabled {
   color: var(--foreground-disabled, rgba(22, 22, 22, 0.25));
+  fill: var(--foreground-disabled, rgba(22, 22, 22, 0.25));
 }
 
 .sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {
   color: var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25));
+  fill: var(--foreground-disabled, rgba(22, 22, 22, 0.25));
 }
 
 .sd-rating__item--allowhover:hover,
@@ -2728,12 +2768,67 @@ legend + sv-ng-rating-item + .sd-rating__item {
   border-color: var(--primary, #19b394);
   color: var(--primary-foreground, #fff);
   font-weight: 600;
+  box-shadow: 0px 1px 2px transparent;
 }
 
 .sd-rating__item--selected:focus-within {
   box-shadow: inset 0 0 0 2px var(--background, #fff);
 }
 
+.sd-rating__item-smiley {
+  position: relative;
+  background: var(--background, #fff);
+  border-radius: calc(12.5 * var(--base-unit, 8px));
+  white-space: nowrap;
+  padding: calc(1.25 * var(--base-unit, 8px));
+  box-sizing: border-box;
+  min-width: calc(6 * var(--base-unit, 8px));
+  text-align: center;
+  border: 2px solid var(--border, #d6d6d6);
+  color: var(--foreground, #161616);
+  fill: var(--border, #d6d6d6);
+}
+.sd-rating__item-smiley svg {
+  display: block;
+  width: calc(3 * var(--base-unit, 8px));
+  height: calc(3 * var(--base-unit, 8px));
+}
+
+legend + .sd-rating__item-smiley,
+legend + sv-ng-rating-item + .sd-rating__item-smiley {
+  margin-inline-start: 2px;
+}
+
+.sd-rating__item-smiley--error {
+  background-color: var(--red-light, rgba(230, 10, 62, 0.1));
+  border-color: transparent;
+}
+
+.sd-rating__item-smiley.sd-rating__item-smiley--disabled {
+  opacity: 0.5;
+}
+
+.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {
+  opacity: initial;
+  fill: var(--primary-foreground, #fff);
+}
+
+.sd-rating__item-smiley--allowhover:hover,
+.sd-rating__item-smiley:focus-within {
+  border-color: var(--primary, #19b394);
+}
+
+.sd-rating__item-smiley--selected {
+  background-color: var(--primary, #19b394);
+  border-color: var(--primary, #19b394);
+  fill: var(--primary-foreground, #fff);
+  font-weight: 600;
+}
+
+.sd-rating__item-smiley--selected:focus-within {
+  box-shadow: inset 0 0 0 2px var(--background, #fff);
+}
+
 .sd-rating__item-star {
   position: relative;
   background: var(--background, #fff);
@@ -3935,6 +4030,10 @@ legend + sv-ng-rating-item + .sd-rating__item {
   flex-grow: 1;
 }
 
+.sd-multipletext__content .sd-multipletext__item-container {
+  position: relative;
+}
+
 .sd-multipletext__item-container--error {
   background-color: var(--red-light, rgba(230, 10, 62, 0.1));
 }
@@ -4156,12 +4255,11 @@ svg.sd-action--icon {
   height: 100%;
   background: var(--background, #fff);
   border-right: 1px solid var(--border, #d6d6d6);
-  margin-top: 2px;
   box-sizing: border-box;
+  min-width: calc(32 * var(--base-unit, 8px));
 }
 .sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
   background: var(--primary-light, rgba(25, 179, 148, 0.1));
-  border-radius: 3px;
   color: var(--foreground, #161616);
   font-weight: 400;
 }
@@ -4171,6 +4269,9 @@ svg.sd-action--icon {
 .sv_progress-toc .sv-list__item-body {
   padding-inline-start: calc(2 * var(--base-unit, 8px));
   padding-inline-end: calc(2 * var(--base-unit, 8px));
+  border-radius: 3px;
+  padding-top: calc(1.5 * var(--base-unit, 8px));
+  padding-bottom: calc(1.5 * var(--base-unit, 8px));
 }
 
 .sd-list {