survey-react 1.9.84 → 1.9.85

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.84
+ * surveyjs - Survey JavaScript library v1.9.85
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -347,7 +347,7 @@ sv-popup {
   max-width: 90vw;
 }
 
-.sv-popup--modal {
+.sv-popup.sv-popup--modal {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -355,11 +355,12 @@ sv-popup {
   padding: calc(11 * var(--base-unit, 8px)) calc(15 * var(--base-unit, 8px));
   box-sizing: border-box;
 }
-.sv-popup--modal .sv-popup__container {
+.sv-popup.sv-popup--modal .sv-popup__container {
   position: static;
 }
-.sv-popup--modal .sv-popup__body-content {
+.sv-popup.sv-popup--modal .sv-popup__body-content {
   padding: calc(4 * var(--base-unit, 8px));
+  height: auto;
 }
 
 .sv-popup--overlay.sv-popup--overlay {
@@ -1159,12 +1160,24 @@ sv-popup {
   white-space: nowrap;
 }
 
-.sv-list__item.sv-list__item--focused,
+.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {
+  outline: none;
+}
+.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
+  border: calc(0.25 * var(--base-unit, 8px)) solid var(--sjs-border-light, var(--border-light, #eaeaea));
+  border-radius: 3px;
+  padding-block: calc(0.75 * var(--base-unit, 8px));
+  padding-inline-end: calc(7.75 * var(--base-unit, 8px));
+  padding-inline-start: calc(1.75 * var(--base-unit, 8px));
+}
+.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {
+  margin-inline-start: calc(-0.25 * var(--base-unit, 8px));
+}
+
 .sv-list__item:hover,
 .sv-list__item:focus {
   outline: none;
 }
-.sv-list__item.sv-list__item--focused .sv-list__item-body,
 .sv-list__item:hover .sv-list__item-body,
 .sv-list__item:focus .sv-list__item-body {
   background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
@@ -1389,67 +1402,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding-right: var(--sv-element-add-padding-right, 0px);
 }
 
-.svc-logic-question-value,
-.sd-element--with-frame:not(.sd-element--collapsed) {
-  border-radius: calc(0.5 * var(--base-unit, 8px));
-  box-sizing: border-box;
-  padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));
-  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
-  padding-bottom: var(--sd-base-padding);
-  background: var(--sjs-question-background, var(--background, #fff));
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
-}
-.svc-logic-question-value > .sd-question__erbox--outside-question,
-.sd-element--with-frame:not(.sd-element--collapsed) > .sd-question__erbox--outside-question {
-  margin-left: calc(-1 * var(--sd-base-padding));
-  margin-right: calc(-1 * var(--sd-base-padding));
-  width: calc(100% + 2 * var(--sd-base-padding));
-}
-.svc-logic-question-value.sd-question--paneldynamic,
-.sd-element--with-frame:not(.sd-element--collapsed).sd-question--paneldynamic {
-  padding-bottom: 0;
-}
-.svc-logic-question-value.sd-question--paneldynamic > .sd-question__erbox--below-question,
-.sd-element--with-frame:not(.sd-element--collapsed).sd-question--paneldynamic > .sd-question__erbox--below-question {
-  bottom: 0;
-  margin-top: 0;
-}
-
-.sd-element--with-frame > .sd-question__erbox--above-question {
-  margin-top: calc(-1 * var(--sd-base-vertical-padding));
-}
-
-.svc-logic-question-value,
-.sd-element:not(.sd-element--collapsed) {
-  padding-top: var(--sd-base-vertical-padding);
-}
-
-.sd-table__cell--detail-panel .sd-element:not(.sd-element--collapsed) {
-  padding-top: calc(0.5 * var(--base-unit, 8px));
-}
-
-.sd-element.sd-element--complex {
-  padding-top: 0;
-}
-
-.sd-element--expanded > .sd-element__header,
-.sd-element--collapsed > .sd-element__header {
-  cursor: pointer;
-}
-
-.sd-element--collapsed > .sd-element__header {
-  padding: calc(2 * var(--base-unit, 8px)) var(--sd-base-padding);
-  box-sizing: border-box;
-  background-color: var(--background, #fff);
-}
-.sd-element--collapsed.sd-element--with-frame > .sd-element__header {
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: calc(0.5 * var(--base-unit, 8px));
-}
-.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {
-  background-color: var(--background-dim-light, #f9f9f9);
-}
-
 .sd-element__title {
   outline: none;
 }
@@ -1462,80 +1414,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   opacity: 1;
 }
 
-.sd-element--collapsed:not(.sd-element--with-frame) > .sd-element__header {
-  margin-left: calc(-1 * var(--sd-base-padding));
-  width: calc(100% + 2 * var(--sd-base-padding));
-}
-
-.sd-element--complex:not(.sd-element--collapsed) > .sd-element__header--location-top {
-  padding-top: var(--sd-base-vertical-padding);
-  padding-bottom: var(--sd-base-vertical-padding);
-}
-.sd-element--complex:not(.sd-element--collapsed) > .sd-element__header--location-top:after {
-  content: " ";
-  display: block;
-  position: relative;
-  bottom: calc(-1 * var(--sd-base-vertical-padding));
-  height: 1px;
-  background: var(--sjs-border-light, var(--border-light, #eaeaea));
-}
-
-.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {
-  content: " ";
-  left: calc(-1 * var(--sd-base-padding));
-  width: calc(100% + 2 * var(--sd-base-padding));
-}
-
-.sd-element--nested.sd-element--complex > .sd-element__header--location-top {
-  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
-}
-.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {
-  bottom: calc(-0.5 * var(--sd-base-vertical-padding));
-}
-.sd-element--nested.sd-question--image {
-  padding-top: var(--sd-base-vertical-padding);
-}
-.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {
-  border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
-  box-sizing: border-box;
-  padding-left: var(--sd-base-padding);
-  padding-right: var(--sd-base-padding);
-  margin-top: var(--sd-base-vertical-padding);
-}
-.sd-element--nested.sd-panel > .sd-element__header--location-top, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top {
-  padding-top: calc(0.5 * var(--sd-base-vertical-padding));
-  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
-}
-.sd-element--nested.sd-panel > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top:after {
-  left: calc(-1 * var(--sd-base-padding));
-  width: calc(100% + 2 * var(--sd-base-padding));
-  bottom: calc(-0.5 * var(--sd-base-vertical-padding));
-}
-.sd-element--nested.sd-panel > .sd-question__erbox--outside-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--outside-question {
-  margin-left: calc(-1 * var(--sd-base-padding));
-  margin-right: calc(-1 * var(--sd-base-padding));
-  width: calc(100% + 2 * var(--sd-base-padding));
-}
-.sd-element--nested.sd-panel > .sd-question__erbox--below-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--below-question {
-  bottom: 0;
-  margin-top: 0;
-}
-.sd-element--nested.sd-panel:not(.sd-element--collapsed) {
-  padding-bottom: var(--sd-base-padding);
-}
-
-.svc-question__content .sd-element {
-  padding-top: 0;
-}
-
-.svc-question__content .sd-element--complex > .sd-element__header--location-top {
-  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
-  padding-top: 0;
-}
-.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {
-  display: none;
-}
-
 .sd-element--invisible {
   opacity: 0.35;
 }
@@ -1635,6 +1513,140 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   transform: rotate(90deg);
 }
 
+.svc-logic-question-value,
+.sd-element--with-frame {
+  border-radius: calc(0.5 * var(--base-unit, 8px));
+  box-sizing: border-box;
+  padding-top: var(--sd-base-padding);
+  padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));
+  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
+  padding-bottom: var(--sd-base-padding);
+  background: var(--sjs-question-background, var(--background, #fff));
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
+}
+.svc-logic-question-value.sd-question--paneldynamic,
+.sd-element--with-frame.sd-question--paneldynamic {
+  padding-bottom: 0;
+}
+.svc-logic-question-value.sd-question--paneldynamic > .sd-question__erbox--below-question,
+.sd-element--with-frame.sd-question--paneldynamic > .sd-question__erbox--below-question {
+  bottom: 0;
+  margin-top: 0;
+}
+
+.sd-element--complex > .sd-element__header--location-top {
+  margin-top: 0;
+}
+.sd-element--complex > .sd-element__header--location-top:after {
+  content: " ";
+  display: block;
+  position: relative;
+  height: 1px;
+  background: var(--sjs-border-light, var(--border-light, #eaeaea));
+  bottom: 0;
+}
+.sd-element--complex.sd-element--with-frame {
+  padding-top: 0;
+}
+.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top {
+  margin-top: 0;
+  padding-top: var(--sd-base-vertical-padding);
+  padding-bottom: var(--sd-base-vertical-padding);
+}
+.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {
+  bottom: calc(-1 * var(--sd-base-vertical-padding));
+  left: calc(-1 * var(--sd-base-padding));
+  width: calc(100% + 2 * var(--sd-base-padding));
+}
+
+.sd-element--expanded > .sd-element__header,
+.sd-element--collapsed > .sd-element__header {
+  cursor: pointer;
+}
+
+.sd-element--collapsed > .sd-element__header {
+  padding: calc(0 * var(--base-unit, 8px)) var(--sd-base-padding);
+  box-sizing: border-box;
+  background-color: var(--background, #fff);
+}
+.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {
+  display: none;
+}
+.sd-element--collapsed.sd-element--with-frame {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.sd-element--collapsed.sd-element--with-frame > .sd-element__header {
+  padding-top: calc(2 * var(--base-unit, 8px));
+  padding-bottom: calc(2 * var(--base-unit, 8px));
+  border-radius: calc(0.5 * var(--base-unit, 8px));
+}
+.sd-element--collapsed.sd-element--with-frame > .sd-element__header--location-top {
+  margin-top: 0;
+}
+.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {
+  background-color: var(--background-dim-light, #f9f9f9);
+}
+
+.sd-element--collapsed > .sd-element__header {
+  margin-left: calc(-1 * var(--sd-base-padding));
+  width: calc(100% + 2 * var(--sd-base-padding));
+}
+
+.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {
+  bottom: calc(-0.5 * var(--sd-base-vertical-padding));
+}
+.sd-element--nested.sd-element--collapsed > .sd-element__header:hover, .sd-element--nested.sd-element--collapsed > .sd-element__header:focus-within {
+  box-shadow: 0 calc(-2 * var(--base-unit, 8px)) 0 0 var(--background-dim-light, #f9f9f9), 0 calc(2 * var(--base-unit, 8px)) 0 var(--background-dim-light, #f9f9f9);
+}
+.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {
+  border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
+  box-sizing: border-box;
+  padding-left: var(--sd-base-padding);
+  padding-right: var(--sd-base-padding);
+}
+.sd-element--nested.sd-panel > .sd-element__header--location-top, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top {
+  padding-top: calc(0.5 * var(--sd-base-vertical-padding));
+  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
+}
+.sd-element--nested.sd-panel > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top:after {
+  left: calc(-1 * var(--sd-base-padding));
+  width: calc(100% + 2 * var(--sd-base-padding));
+  bottom: calc(-0.5 * var(--sd-base-vertical-padding));
+}
+.sd-element--nested.sd-panel > .sd-question__erbox--outside-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--outside-question {
+  margin-left: calc(-1 * var(--sd-base-padding));
+  margin-right: calc(-1 * var(--sd-base-padding));
+  width: calc(100% + 2 * var(--sd-base-padding));
+}
+.sd-element--nested.sd-panel > .sd-question__erbox--below-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--below-question {
+  bottom: 0;
+  margin-top: 0;
+}
+.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:after {
+  display: none;
+}
+.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:focus-within, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:focus-within {
+  box-shadow: none;
+}
+.sd-element--nested > .sd-panel__content {
+  padding-bottom: var(--sd-base-padding);
+}
+
+.sd-element--with-frame.sd-element--compact {
+  border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+.svc-question__content .sd-element--complex > .sd-element__header--location-top {
+  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
+  padding-top: 0;
+}
+.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {
+  display: none;
+}
+
 .sd-question {
   position: relative;
 }
@@ -1688,6 +1700,30 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
 }
 
+.sd-question__header--location--bottom {
+  padding-top: calc(0.5 * var(--sd-base-vertical-padding));
+}
+
+.svc-logic-question-value > .sd-question__erbox--outside-question,
+.sd-element--with-frame > .sd-question__erbox--outside-question {
+  margin-left: calc(-1 * var(--sd-base-padding));
+  margin-right: calc(-1 * var(--sd-base-padding));
+  width: calc(100% + 2 * var(--sd-base-padding));
+}
+.svc-logic-question-value > .sd-question__erbox--above-question,
+.sd-element--with-frame > .sd-question__erbox--above-question {
+  margin-top: calc(-1 * var(--sd-base-padding));
+  margin-bottom: var(--sd-base-vertical-padding);
+}
+.svc-logic-question-value > .sd-question__header--location-top,
+.sd-element--with-frame > .sd-question__header--location-top {
+  margin-top: calc(-1 * var(--base-unit, 8px));
+}
+.svc-logic-question-value > .sd-question__content > .sd-question__header--location--bottom,
+.sd-element--with-frame > .sd-question__content > .sd-question__header--location--bottom {
+  margin-bottom: calc(-1 * var(--base-unit, 8px));
+}
+
 .sd-scrollable .sd-question__content {
   overflow-x: auto;
   padding: calc(2 * var(--base-unit, 8px)) 0;
@@ -1755,6 +1791,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 
 .sd-question--complex .sd-question__erbox--above-question {
   margin-top: 0;
+  margin-bottom: calc(var(--sd-base-vertical-padding) - 1 * var(--base-unit, 8px));
 }
 .sd-question--complex .sd-question__erbox--above-question ~ .sd-question__header--location-top {
   padding-top: calc(1 * var(--base-unit, 8px));
@@ -1930,13 +1967,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 .sd-panel {
   position: relative;
 }
-.sd-panel .sd-row {
-  margin-top: 0;
-}
-.sd-panel :not(.svc-row) > .sd-row--multiple {
-  row-gap: 0;
-}
 
+.sd-panel.sd-panel--as-page > .sd-panel__content {
+  padding-top: 0;
+}
 .sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {
   padding-top: 0;
   padding-bottom: 0;
@@ -1978,6 +2012,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding-top: calc(0.5 * var(--sd-base-vertical-padding));
 }
 
+.sd-panel__content {
+  padding-top: var(--sd-base-vertical-padding);
+}
+
+.svc-question__content .sd-panel__content {
+  gap: 0;
+  padding-top: 0;
+}
+
 .sjs_sp_placeholder {
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
@@ -2326,6 +2369,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   table-layout: fixed;
 }
 
+.sd-table__cell--detail-panel .sd-panel__content {
+  padding-top: calc(1 * var(--base-unit, 8px));
+}
+
 .sd-body--responsive .sd-page {
   padding: calc(5 * var(--base-unit, 8px)) var(--sd-page-vertical-padding) calc(2 * var(--base-unit, 8px));
 }
@@ -2370,14 +2417,21 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   flex-direction: row;
   width: 100%;
   box-sizing: border-box;
-  margin-top: calc(2 * var(--base-unit, 8px));
+  margin-top: var(--sd-base-vertical-padding);
+}
+
+.sd-row:first-of-type {
+  margin-top: 0;
 }
 
-.sd-page__row.sd-row {
+.sd-row.sd-page__row {
   margin-top: calc(2 * var(--base-unit, 8px));
 }
+.sd-row.sd-page__row.sd-row--compact {
+  margin-top: var(--sd-base-vertical-padding);
+}
 
-.sd-page__row.sd-row--multiple,
+.sd-page__row.sd-row--multiple:not(.sd-row--compact),
 .svc-row > .sd-row--multiple {
   background: var(--sjs-question-background, var(--background, #fff));
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
@@ -2385,7 +2439,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 }
 
 :not(.svc-row) > .sd-row--multiple {
-  row-gap: calc(1 * var(--base-unit, 8px));
+  row-gap: var(--sd-base-vertical-padding);
   margin-left: calc(-1 * var(--sd-base-padding));
   width: calc(100% + var(--sd-base-padding));
   flex-wrap: wrap;
@@ -2396,10 +2450,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 }
 
 :not(.svc-row) > .sd-page__row.sd-row--multiple {
-  padding: 0 var(--sd-base-padding) var(--sd-base-padding) 0;
+  padding: var(--sd-base-vertical-padding) var(--sd-base-padding) var(--sd-base-padding) 0;
   margin-left: 0;
   width: 100%;
 }
+:not(.svc-row) > .sd-page__row.sd-row--multiple.sd-row--compact {
+  padding: 0;
+  width: calc(100% + var(--sd-base-padding));
+  margin-left: calc(-1 * var(--sd-base-padding));
+}
 
 .svc-row .sd-row--multiple {
   overflow: auto;
@@ -2410,7 +2469,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   gap: calc(1 * var(--base-unit, 8px));
 }
 
-:not(.svc-row--ghost) > .sd-row {
+.svc-row:not(.svc-row--ghost) > .sd-row {
   min-height: 50px;
 }
 
@@ -2517,11 +2576,17 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-family: var(--font-family, var(--font-family));
   font-style: normal;
   font-weight: normal;
+  font-size: calc(2 * var(--base-unit, 8px));
+  line-height: calc(3 * var(--base-unit, 8px));
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
   white-space: normal;
   word-break: break-word;
 }
 
+.sd-element__header .sd-description {
+  margin-top: calc(0.5 * var(--base-unit, 8px));
+}
+
 .sd-item {
   padding: calc(1.5 * var(--base-unit, 8px)) 0;
 }
@@ -2717,6 +2782,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   text-align: left;
 }
 
+:root {
+  --sd-rating-bad-color: var(--red, #e60a3e);
+  --sd-rating-normal-color: var(--yellow, #ff9814);
+  --sd-rating-good-color: var(--green, #19b394);
+  --sd-rating-bad-color-light: var(--red-light, rgba(230, 10, 62, 0.1));
+  --sd-rating-normal-color-light: var(--yellow-light, rgba(255, 152, 20, 0.1));
+  --sd-rating-good-color-light: var(--green-light, rgba(25, 179, 148, 0.1));
+}
+
 .sd-rating {
   overflow-x: auto;
   min-height: calc(8 * var(--base-unit, 8px));
@@ -2832,6 +2906,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 .sd-rating__item-smiley--error {
   background-color: var(--red-light, rgba(230, 10, 62, 0.1));
   border-color: transparent;
+  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
+}
+.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
+  opacity: initial;
 }
 
 .sd-rating__item-smiley.sd-rating__item-smiley--disabled {
@@ -2845,6 +2923,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 
 .sd-rating__item-smiley--allowhover:hover {
   background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
+  border-color: var(--sjs-border-default, var(--border, #d6d6d6));
 }
 
 .sd-rating__item-smiley:focus-within {
@@ -2862,6 +2941,21 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   box-shadow: inset 0 0 0 2px var(--background, #fff);
 }
 
+.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
+  opacity: 0.25;
+}
+.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
+  opacity: 0.5;
+}
+
+.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
+  opacity: 0.5;
+}
+
+.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {
+  opacity: 1;
+}
+
 .sd-rating__item-star {
   position: relative;
   background: var(--background, #fff);
@@ -3424,10 +3518,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   border-radius: calc(12.5 * var(--base-unit, 8px));
 }
 
-.sd-boolean.sd-boolean--indeterminate:hover {
-  background-color: var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243));
-}
-
 .sd-boolean__thumb,
 .sd-boolean__label {
   display: block;
@@ -3455,6 +3545,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   box-shadow: inset 0 0 0 2px var(--primary, #19b394);
 }
 
+.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {
+  display: none;
+}
+
 .sd-boolean--indeterminate .sd-boolean__thumb {
   display: none;
 }
@@ -3470,6 +3564,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   font-weight: 600;
   margin-left: 0%;
   transform: translateX(0);
+  z-index: 2;
 }
 
 .sd-boolean--checked .sd-boolean__thumb {
@@ -3477,12 +3572,24 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   transform: translateX(-100%);
 }
 
+.sd-boolean--disabled {
+  pointer-events: none;
+}
 .sd-boolean--disabled .sd-boolean__thumb,
 .sd-boolean--disabled .sd-boolean__label {
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   opacity: 0.25;
 }
 
+.sd-boolean__thumb-ghost {
+  z-index: 1;
+}
+
+.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {
+  background-color: var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243));
+  border-radius: calc(12.5 * var(--base-unit, 8px));
+}
+
 .svc-question__content .sd-boolean:not(.sd-boolean--checked):not(.sd-boolean--indeterminate) .sd-boolean__label:nth-of-type(1),
 .svc-question__content .sd-boolean--checked .sd-boolean__label:nth-of-type(2) {
   color: var(--primary, #19b394);
@@ -4385,12 +4492,17 @@ svg.sd-action--icon {
   padding: 0;
 }
 .sd-list__item.sd-list__item .sd-list__item-body {
-  padding-top: calc(1.5 * var(--base-unit, 8px));
-  padding-bottom: calc(1.5 * var(--base-unit, 8px));
+  padding-block: calc(1.5 * var(--base-unit, 8px));
   border-radius: 3px;
   font-size: calc(2 * var(--base-unit, 8px));
   line-height: calc(3 * var(--base-unit, 8px));
-  padding-inline: calc(2 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
+}
+
+.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
+  outline: none;
+}
+.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {
+  padding-block: calc(1.25 * var(--base-unit, 8px));
 }
 
 .sd-timer {