survey-react 1.9.92 → 1.9.93

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.92
+ * surveyjs - Survey JavaScript library v1.9.93
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3924,34 +3924,36 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.sv-tabs-toolbar.sv-action-bar {
-  gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+.sd-tabs-toolbar.sv-action-bar {
+  align-items: flex-start;
+  margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 -1px calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  z-index: 1;
 }
 
-.sv-tabs-toolbar.sv-tabs-toolbar--left {
+.sd-tabs-toolbar.sd-tabs-toolbar--left {
   justify-content: flex-start;
 }
 
-.sv-tabs-toolbar.sv-tabs-toolbar--right {
+.sd-tabs-toolbar.sd-tabs-toolbar--right {
   justify-content: flex-end;
 }
 
-.sv-tabs-toolbar.sv-tabs-toolbar--center {
+.sd-tabs-toolbar.sd-tabs-toolbar--center {
   justify-content: center;
 }
 
-.sv-tab-item__root {
-  display: flex;
+.sd-tab-item {
+  margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.sv-tab-item {
-  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+.sd-tab-item {
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
   display: flex;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: flex;
-  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
   border: none;
   background-color: transparent;
@@ -3962,19 +3964,58 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   overflow-x: hidden;
   white-space: nowrap;
 }
+.sd-tab-item:hover {
+  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
+}
 
-.sv-tab-item.sv-tab-item--pressed {
+.sd-tab-item.sd-tab-item--pressed {
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
-.sv-tab-item__title {
+.sd-tab-item--icon {
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  width: auto;
+  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sd-tab-item--icon use {
+  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
+  opacity: 0.5;
+}
+
+.sd-tab-item--icon:hover,
+.sd-tab-item--icon.sd-tab-item--pressed {
+  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
+  box-shadow: none;
+}
+.sd-tab-item--icon:hover use,
+.sd-tab-item--icon.sd-tab-item--pressed use {
+  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
+}
+
+.sd-tab-item--icon:hover use {
+  opacity: 1;
+}
+
+.sd-tabs-toolbar .sv-dots {
+  width: auto;
+}
+
+.sd-tabs-toolbar .sv-dots.sv-action--hidden {
+  width: 0;
+}
+
+.sd-tab-item__title {
   line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   display: flex;
   align-items: center;
 }
 
+.sd-question__title ~ .sd-tabs-toolbar {
+  margin-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+
 .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
   padding-bottom: 0;
 }