Merge remote-tracking branch 'origin/HEAD' into issue/5985-Drag-drop-…

…indicator-disappears-between-questions-and-panels
surveyjs · Oct 24, 2024 · 9ca6597 · 9ca6597
2 parents 8bb451c + 1d16a06
commit 9ca6597
Show file tree

Hide file tree

Showing 216 changed files with 635 additions and 532 deletions.
diff --git a/testCafe/designer/add-new-question.ts → functionalTests/designer/add-new-question.ts b/testCafe/designer/add-new-question.ts → functionalTests/designer/add-new-question.ts
diff --git a/testCafe/designer/change-survey-locale.ts → ...nalTests/designer/change-survey-locale.ts b/testCafe/designer/change-survey-locale.ts → ...nalTests/designer/change-survey-locale.ts
diff --git a/testCafe/designer/clear-survey.ts → functionalTests/designer/clear-survey.ts b/testCafe/designer/clear-survey.ts → functionalTests/designer/clear-survey.ts
diff --git a/testCafe/designer/creator.ts → functionalTests/designer/creator.ts b/testCafe/designer/creator.ts → functionalTests/designer/creator.ts
diff --git a/testCafe/designer/delete-by-key.ts → functionalTests/designer/delete-by-key.ts b/testCafe/designer/delete-by-key.ts → functionalTests/designer/delete-by-key.ts
diff --git a/testCafe/designer/drag-drop.ts → functionalTests/designer/drag-drop.ts b/testCafe/designer/drag-drop.ts → functionalTests/designer/drag-drop.ts
diff --git a/testCafe/designer/empty-survey-json.ts → ...tionalTests/designer/empty-survey-json.ts b/testCafe/designer/empty-survey-json.ts → ...tionalTests/designer/empty-survey-json.ts
diff --git a/testCafe/designer/hovers.ts → functionalTests/designer/hovers.ts b/testCafe/designer/hovers.ts → functionalTests/designer/hovers.ts
diff --git a/testCafe/designer/image.jpg → functionalTests/designer/image.jpg b/testCafe/designer/image.jpg → functionalTests/designer/image.jpg
diff --git a/testCafe/designer/inplace-editors.ts → functionalTests/designer/inplace-editors.ts b/testCafe/designer/inplace-editors.ts → functionalTests/designer/inplace-editors.ts
diff --git a/testCafe/designer/localization.ts → functionalTests/designer/localization.ts b/testCafe/designer/localization.ts → functionalTests/designer/localization.ts
diff --git a/testCafe/designer/logic.ts → functionalTests/designer/logic.ts b/testCafe/designer/logic.ts → functionalTests/designer/logic.ts
diff --git a/testCafe/designer/logo-image.ts → functionalTests/designer/logo-image.ts b/testCafe/designer/logo-image.ts → functionalTests/designer/logo-image.ts
diff --git a/testCafe/designer/page-edit-modes.ts → functionalTests/designer/page-edit-modes.ts b/testCafe/designer/page-edit-modes.ts → functionalTests/designer/page-edit-modes.ts
diff --git a/testCafe/designer/page-navigator.ts → functionalTests/designer/page-navigator.ts b/testCafe/designer/page-navigator.ts → functionalTests/designer/page-navigator.ts
diff --git a/testCafe/designer/page-title.ts → functionalTests/designer/page-title.ts b/testCafe/designer/page-title.ts → functionalTests/designer/page-title.ts
diff --git a/testCafe/designer/question-converter.ts → ...ionalTests/designer/question-converter.ts b/testCafe/designer/question-converter.ts → ...ionalTests/designer/question-converter.ts
diff --git a/testCafe/designer/question-wrapper.ts → functionalTests/designer/question-wrapper.ts b/testCafe/designer/question-wrapper.ts → functionalTests/designer/question-wrapper.ts
diff --git a/testCafe/designer/responsiveness.ts → functionalTests/designer/responsiveness.ts b/testCafe/designer/responsiveness.ts → functionalTests/designer/responsiveness.ts
diff --git a/testCafe/designer/select-context.ts → functionalTests/designer/select-context.ts b/testCafe/designer/select-context.ts → functionalTests/designer/select-context.ts
diff --git a/testCafe/designer/side-bar.ts → functionalTests/designer/side-bar.ts b/testCafe/designer/side-bar.ts → functionalTests/designer/side-bar.ts
diff --git a/testCafe/designer/string-editor.ts → functionalTests/designer/string-editor.ts b/testCafe/designer/string-editor.ts → functionalTests/designer/string-editor.ts
diff --git a/testCafe/designer/surface.ts → functionalTests/designer/surface.ts b/testCafe/designer/surface.ts → functionalTests/designer/surface.ts
diff --git a/testCafe/designer/survey-description.ts → ...ionalTests/designer/survey-description.ts b/testCafe/designer/survey-description.ts → ...ionalTests/designer/survey-description.ts
diff --git a/testCafe/designer/survey-width.ts → functionalTests/designer/survey-width.ts b/testCafe/designer/survey-width.ts → functionalTests/designer/survey-width.ts
diff --git a/testCafe/designer/toolbox.ts → functionalTests/designer/toolbox.ts b/testCafe/designer/toolbox.ts → functionalTests/designer/toolbox.ts
diff --git a/testCafe/designer/translation.ts → functionalTests/designer/translation.ts b/testCafe/designer/translation.ts → functionalTests/designer/translation.ts
diff --git a/testCafe/designer/widget.ts → functionalTests/designer/widget.ts b/testCafe/designer/widget.ts → functionalTests/designer/widget.ts
diff --git a/testCafe/embed/embed.ts → functionalTests/embed/embed.ts b/testCafe/embed/embed.ts → functionalTests/embed/embed.ts
diff --git a/testCafe/helper.ts → functionalTests/helper.ts b/testCafe/helper.ts → functionalTests/helper.ts
diff --git a/testCafe/json/json.ts → functionalTests/json/json.ts b/testCafe/json/json.ts → functionalTests/json/json.ts
diff --git a/testCafe/preview/simulator.ts → functionalTests/preview/simulator.ts b/testCafe/preview/simulator.ts → functionalTests/preview/simulator.ts
diff --git a/testCafe/preview/survey-results.ts → functionalTests/preview/survey-results.ts b/testCafe/preview/survey-results.ts → functionalTests/preview/survey-results.ts
diff --git a/testCafe/preview/survey.ts → functionalTests/preview/survey.ts b/testCafe/preview/survey.ts → functionalTests/preview/survey.ts
diff --git a/testCafe/preview/theme-switcher.ts → functionalTests/preview/theme-switcher.ts b/testCafe/preview/theme-switcher.ts → functionalTests/preview/theme-switcher.ts
diff --git a/testCafe/preview/toolbar.ts → functionalTests/preview/toolbar.ts b/testCafe/preview/toolbar.ts → functionalTests/preview/toolbar.ts
diff --git a/testCafe/property-grid/choices.ts → functionalTests/property-grid/choices.ts b/testCafe/property-grid/choices.ts → functionalTests/property-grid/choices.ts
diff --git a/testCafe/property-grid/custom-questions.ts → ...alTests/property-grid/custom-questions.ts b/testCafe/property-grid/custom-questions.ts → ...alTests/property-grid/custom-questions.ts
diff --git a/testCafe/property-grid/data.ts → functionalTests/property-grid/data.ts b/testCafe/property-grid/data.ts → functionalTests/property-grid/data.ts
diff --git a/testCafe/property-grid/localization.ts → ...tionalTests/property-grid/localization.ts b/testCafe/property-grid/localization.ts → ...tionalTests/property-grid/localization.ts
diff --git a/testCafe/property-grid/panels.ts → functionalTests/property-grid/panels.ts b/testCafe/property-grid/panels.ts → functionalTests/property-grid/panels.ts
diff --git a/testCafe/property-grid/question.ts → functionalTests/property-grid/question.ts b/testCafe/property-grid/question.ts → functionalTests/property-grid/question.ts
diff --git a/testCafe/property-grid/spinedit.ts → functionalTests/property-grid/spinedit.ts b/testCafe/property-grid/spinedit.ts → functionalTests/property-grid/spinedit.ts
diff --git a/testCafe/property-grid/survey.ts → functionalTests/property-grid/survey.ts b/testCafe/property-grid/survey.ts → functionalTests/property-grid/survey.ts
diff --git a/testCafe/theme/theme.ts → functionalTests/theme/theme.ts b/testCafe/theme/theme.ts → functionalTests/theme/theme.ts
diff --git a/package.json b/package.json
@@ -10,7 +10,7 @@
     "version": "0.0.1",
     "scripts": {
         "dev": "concurrently \"npm run dev --prefix ../survey-library\" \"http-server -p 7777 --silent\" \"npm run watch:dev --prefix packages/survey-creator-core\" \"npm run watch:prod --prefix packages/survey-creator-core\" \"npm run watch:dev --prefix packages/survey-creator-knockout\" \"npm run watch:prod --prefix packages/survey-creator-knockout\" \"npm run watch:dev --prefix packages/survey-creator-react\" \"npm run watch:prod --prefix packages/survey-creator-react\" ",
-        "lint": "eslint ./packages --quiet && eslint ./testCafe --quiet && eslint ./visualRegressionTests --quiet",
+        "lint": "eslint ./packages --quiet && eslint ./functionalTests --quiet && eslint ./visualRegressionTests --quiet",
         "pre-push-check": "npm run lint",
         "prepare": "husky install"
     },

diff --git a/packages/survey-creator-angular/package.json b/packages/survey-creator-angular/package.json
@@ -72,8 +72,8 @@
   "scripts": {
     "build": "ng build && node ./update-version.js",
     "serve:example": "ng serve",
-    "testcafe": "testcafe ../../testCafe/ --app \"http-server ./dist/angular-ui --proxy http://localhost:8080? -p 8080\" --selector-timeout 1500 --env=angular --config-file .testcaferc.dev.js",
-    "testcafe:ci": "testcafe ../../testCafe/ --app \"http-server ./dist/angular-ui --proxy http://localhost:8080? -p 8080\" --selector-timeout 1500 --reporter minimal --env=angular",
+    "testcafe": "testcafe ../../functionalTests/ --app \"http-server ./dist/angular-ui --proxy http://localhost:8080? -p 8080\" --selector-timeout 1500 --env=angular --config-file .testcaferc.dev.js",
+    "testcafe:ci": "testcafe ../../functionalTests/ --app \"http-server ./dist/angular-ui --proxy http://localhost:8080? -p 8080\" --selector-timeout 1500 --reporter minimal --env=angular",
     "serve:example:aot": "http-server ./dist/angular-ui --proxy http://localhost:8080? -p 8080",
     "build:example": "ng build  angular-ui",
     "test": "ng test survey-creator-angular",
@@ -82,4 +82,4 @@
     "test:single": "ng test --watch=false --browsers=ChromeHeadless survey-creator-angular",
     "release": "standard-version --message \"Release: %s [azurepipelines skip]\" "
   }
-}
+}
diff --git a/packages/survey-creator-angular/src/add-question.component.html b/packages/survey-creator-angular/src/add-question.component.html
@@ -4,7 +4,7 @@
     (mouseover)="adorner.hoverStopper && adorner.hoverStopper($event, $event.currentTarget)"
     data-bind="clickBubble: false">
     <svg class="svc-panel__add-new-question-icon" [iconName]="('icon-add_24x24')" [size]="24" sv-ng-svg-icon></svg>
-    <span class="svc-text svc-text--normal svc-text--bold">
+    <span class="svc-add-new-item-button__text">
       {{ adorner.addNewQuestionText }}
     </span>
     <ng-template *ngIf="renderPopup"

diff --git a/packages/survey-creator-angular/src/page-navigator/page-navigator-item.component.html b/packages/survey-creator-angular/src/page-navigator/page-navigator-item.component.html
@@ -6,7 +6,7 @@
       <div class="svc-page-navigator-item__dot" [attr.title]="model.title"></div>
 
       <div class="svc-page-navigator-item__banner">
-        <span class="svc-text svc-text--small svc-text--bold">{{model.title}}</span>
+        <span class="svc-page-navigator-item__text">{{ model.title }}</span>
         <span class="svc-page-navigator-item__dot"></span>
       </div>
     </div>

diff --git a/packages/survey-creator-angular/src/panel.component.html b/packages/survey-creator-angular/src/panel.component.html
@@ -31,7 +31,7 @@
             (click)="addNewQuestion($event)">
             <svg class="svc-panel__add-new-question-icon" [iconName]="('icon-add_24x24')" [size]="24"
               sv-ng-svg-icon></svg>
-            <span class="svc-text svc-text--normal svc-text--bold">
+            <span class="svc-add-new-item-button__text">
               {{ adorner.addNewQuestionText }}
             </span>
           </div>

diff --git a/packages/survey-creator-angular/src/tabs/logic/logic-add-btn.component.html b/packages/survey-creator-angular/src/tabs/logic/logic-add-btn.component.html
@@ -1,7 +1,7 @@
 <ng-template #template>
   <div role="button" class="svc-logic-tab__content-action svc-btn"
         (click)="onClick($event)" [key2click] [class.svc-logic-tab__content-action--disabled]="model.enabled !== undefined && !model.enabled">
-        <span class="svc-text svc-text--normal svc-text--bold">
+        <span class="svc-add-new-item-button__text">
           {{model.title}}
         </span>
   </div>

diff --git a/packages/survey-creator-angular/src/tabs/preview/test-again.component.html b/packages/survey-creator-angular/src/tabs/preview/test-again.component.html
@@ -1,6 +1,6 @@
 <ng-template #template>
   <div role="button" class="svc-preview__test-again svc-btn" (click)="action.action()" [key2click]>
-    <span class="svc-text svc-text--normal svc-text--bold">
+    <span class="svc-preview-test-again__text">
       {{action.title}}
     </span>
   </div>

diff --git a/packages/survey-creator-core/src/components/button.scss b/packages/survey-creator-core/src/components/button.scss
@@ -18,11 +18,9 @@
       var(--ctr-button-shadow-color, rgba(0, 0, 0, 0.15));
 
     span {
+      @include ctrDefaultBoldFont;
+
       text-align: center;
-      font-family: var(--ctr-default-bold-font-family, $font-family);
-      font-size: var(--ctr-default-bold-font-size, $font-size);
-      line-height: var(--ctr-default-bold-line-height, calc(1.5 * var(--default-font-size)));
-      font-weight: var(--ctr-default-bold-font-weight, 600);
       position: relative;
       display: flex;
       align-items: center;

diff --git a/packages/survey-creator-core/src/components/carry-forward-panel.scss b/packages/survey-creator-core/src/components/carry-forward-panel.scss
@@ -5,15 +5,13 @@
   container-type: inline-size;
 }
 .svc-carry-forward-panel {
+  @include ctrDefaultFont;
   box-sizing: border-box;
   width: 100%;
   padding: calcSize(4) calcSize(8);
   border-radius: calcSize(1);
   background-color: $background-dim-light;
   text-align: center;
-  font-weight: 400;
-  font-size: calcSize(2);
-  line-height: calcSize(3);
   color: $foreground-dim-light;
 }
 

diff --git a/packages/survey-creator-core/src/components/creator.scss b/packages/survey-creator-core/src/components/creator.scss
@@ -142,8 +142,8 @@ survey-creator,
 }
 
 .svc-creator__non-commercial-text {
+  @include ctrDefaultBoldFont;
   color: var(--ctr-page-banner-text-color, $primary-foreground);
-  @include defaultBold;
   vertical-align: middle;
   padding: calcSize(1.5) calcSize(16);
   display: block;

diff --git a/packages/survey-creator-core/src/components/header/logo-image.scss b/packages/survey-creator-core/src/components/header/logo-image.scss
@@ -34,7 +34,7 @@
 }
 
 .svc-logo-image-placeholder {
-  font-size: calcSize(4);
+  @include ctrLargeFont;
   color: $foreground-light;
   opacity: 0.25;
   white-space: nowrap;

diff --git a/packages/survey-creator-core/src/components/link-value.scss b/packages/survey-creator-core/src/components/link-value.scss
@@ -1,15 +1,17 @@
 @import "../variables.scss";
 
+.svc-link__button {
+  @include ctrDefaultBoldFont;
+}
+
 .svc-question-link__set-button {
-  font-weight: 600;
   cursor: pointer;
 }
 .svc-link-value-button {
   margin-left: calcSize(-2);
 }
 .svc-question-link__clear-button {
   color: $red;
-  font-weight: 600;
   cursor: pointer;
 }
 .svc-question-link__clear-button:focus,

diff --git a/packages/survey-creator-core/src/components/link-value.ts b/packages/survey-creator-core/src/components/link-value.ts
@@ -7,8 +7,8 @@ export class QuestionLinkValueModel extends Question {
   public linkClickCallback: () => void;
   public resetClickCallback: () => void;
   public isClickableCallback: () => boolean;
-  @property({ defaultValue: "svc-link-value-button svc-question-link__set-button" }) public linkSetButtonCssClasses: string;
-  @property({ defaultValue: "svc-question-link__clear-button" }) public linkClearButtonCssClasses: string;
+  @property({ defaultValue: "svc-link__button svc-link-value-button svc-question-link__set-button" }) public linkSetButtonCssClasses: string;
+  @property({ defaultValue: "svc-link__button svc-question-link__clear-button" }) public linkClearButtonCssClasses: string;
 
   @property({ defaultValue: false }) isSelected: boolean;
   @property() linkValueText: string;

diff --git a/packages/survey-creator-core/src/components/notifier.scss b/packages/survey-creator-core/src/components/notifier.scss
@@ -6,6 +6,8 @@
 }
 
 .svc-notifier {
+  @include ctrSmallBoldFont;
+
   position: absolute;
   bottom: calcSize(1);
   left: calcSize(1);
@@ -20,8 +22,6 @@
   z-index: 1600; //todo: should overlap popup
 
   visibility: hidden;
-
-  @include smallBold;
 }
 
 .svc-notifier.svc-notifier--error {

diff --git a/packages/survey-creator-core/src/components/page-navigator/page-navigator-item.scss b/packages/survey-creator-core/src/components/page-navigator/page-navigator-item.scss
@@ -53,6 +53,11 @@ svc-page-navigator-item,
   background: var(--ctr-page-navigator-item-dot-color-default, $border);
 }
 
+.svc-page-navigator-item__text {
+  @include ctrSmallBoldFont;
+  color: var(--ctr-page-navigator-item-text-color-hovered, #{$foreground});
+}
+
 .svc-page-navigator-item--selected {
   .svc-page-navigator-item__dot {
     width: calcSize(1);
@@ -90,10 +95,6 @@ svc-page-navigator-item,
     top: calcSize(1.75);
     right: calcSize(1.75);
   }
-
-  .svc-text {
-    color: var(--ctr-page-navigator-item-text-color-hovered);
-  }
 }
 
 .svc-creator__toolbox--right,

diff --git a/packages/survey-creator-core/src/components/page.scss b/packages/survey-creator-core/src/components/page.scss
@@ -238,7 +238,7 @@ svc-page {
 }
 
 .svc-element__add-new-question {
-  .svc-text {
+  .svc-add-new-item-button__text {
     margin-left: calcSize(6);
   }
 }
@@ -247,6 +247,11 @@ svc-page {
   -webkit-tap-highlight-color: transparent;
 }
 
+.svc-add-new-item-button__text {
+  @include ctrDefaultBoldFont;
+  color: $foreground;
+}
+
 .svc-element__question-type-selector {
   appearance: none;
   display: flex;
@@ -317,9 +322,9 @@ svc-page {
     }
 
     .sv-list__item.sv-list__item--selected.sv-list__item--group>.sv-list__item-body {
+      @include ctrDefaultBoldFont;
       background-color: $primary;
       color: $primary-foreground;
-      font-weight: 600;
     }
 
     .sv-list__item.sv-list__item--selected.sv-list__item--group>.sv-list__item-body use {

diff --git a/packages/survey-creator-core/src/components/page.ts b/packages/survey-creator-core/src/components/page.ts
@@ -266,7 +266,7 @@ export class PageAdorner extends SurveyElementAdornerBase<PageModel> {
       this._footerActionsBar.containerCss = "svc-page__footer";
       this._footerActionsBar.cssClasses = {
         item: "svc-btn",
-        itemTitle: "svc-text svc-text--normal svc-text--bold"
+        itemTitle: "svc-add-new-item-button__text"
       };
       let footerActions: Array<IAction> = [{
         css: "svc-add-new-question-action",

diff --git a/packages/survey-creator-core/src/components/popup.scss b/packages/survey-creator-core/src/components/popup.scss
@@ -56,6 +56,7 @@
   }
 
   .sv-popup__body-header {
+    @include ctrMediumBoldFont;
     color: var(--ctr-popup-title-color, $foreground);
   }
 
@@ -76,6 +77,7 @@
     border-bottom: 1px solid var(--ctr-list-search-border-color, $border-inside);
 
     .sv-list__input {
+      @include ctrDefaultFont;
       color: var(--ctr-list-search-text-color-placeholder, $foreground-dim-light);
       background-color: transparent;
 
@@ -90,6 +92,7 @@
   }
 
   .sv-list__item-body {
+    @include ctrDefaultFont;
     color: var(--ctr-list-item-text-color, $foreground-dim);
     transition: background-color $creator-transition-duration, color $creator-transition-duration;
   }
@@ -110,6 +113,7 @@
   .sv-list__item--selected,
   .sv-list__item.sv-list__item--selected:hover {
     & > .sv-list__item-body {
+      @include ctrDefaultBoldFont;
       color: var(--ctr-list-item-text-color-selected, $primary-foreground);
       background: var(--ctr-list-item-background-color-selected, $primary);
     }
@@ -185,7 +189,6 @@
         & > .sv-list__item-body {
           background: var(--ctr-list-item-background-color-selected, $primary-light);
           color: var(--ctr-list-item-text-color-selected, $foreground);
-          font-weight: 400;
         }
 
         .sv-list__item-icon use {
@@ -206,6 +209,7 @@
   }
 
   .sv-popup__content {
+    @include ctrDefaultFont;
     color: var(--ctr-popup-message-color, #404040);
   }
 }
diff --git a/packages/survey-creator-core/src/components/property-panel/property-panel.scss b/packages/survey-creator-core/src/components/property-panel/property-panel.scss
@@ -60,23 +60,15 @@
   width: 100%;
 }
 .svc-property-grid-placeholder__title {
+  @include ctrDefaultBoldFont;
   color: var(--ctr-property-grid-placeholder-text-title-color, rgba(0, 0, 0, 0.91));
   text-align: center;
-  font-family: var(--ctr-font-family, "Open Sans");
-  font-size: var(--ctr-font-default-size, 16px);
-  font-style: normal;
-  font-weight: 600;
-  line-height: var(--ctr-font-default-line-height, 24px) /* 150% */;
   display: inline-block;
 }
 .svc-property-grid-placeholder__description {
+  @include ctrSmallFont;
   color: var(--ctr-property-grid-placeholder-text-description-color, rgba(0, 0, 0, 0.45));
   text-align: center;
-  font-family: var(--ctr-font-family, "Open Sans");
-  font-size: var(--ctr-font-small-size, 12px);
-  font-style: normal;
-  font-weight: 400;
-  line-height: var(--ctr-font-small-line-height, 16px) /* 133.333% */;
   display: inline-block;
 }
 .svc-property-grid-placeholder__content {

diff --git a/packages/survey-creator-core/src/components/question.scss b/packages/survey-creator-core/src/components/question.scss
@@ -275,14 +275,10 @@ svc-question {
 }
 
 .svc-panel__placeholder {
+  @include ctrDefaultFont;
   color: $foreground-light;
   text-wrap: wrap;
   text-align: center;
-
-  font-size: calcSize(2);
-  font-style: normal;
-  font-weight: 400;
-  line-height: calcSize(3);
 }
 
 .svc-question__content-actions {
@@ -533,7 +529,7 @@ svc-question {
 }
 
 .svc-dragged-element-shortcut__text {
-  @include smallBold;
+  @include ctrSmallBoldFont;
   line-height: calcSize(2);
 }
 
@@ -1012,13 +1008,13 @@ svc-question,
       outline: none;
     }
 
-    .svc-text {
+    .svc-add-new-item-button__text {
       display: flex;
       align-items: center;
       flex-grow: 1;
       justify-content: center;
       margin: calcSize(1) calcSize(3);
-      line-height: calcSize(2);
+      line-height: var(--sjs-line-height-x2, #{calcSize(2)});
       color: var(--ctr-survey-action-button-text-color-positive, $primary);
       text-wrap: nowrap;
     }
@@ -1088,13 +1084,13 @@ svc-question,
     outline: none;
   }
 
-  .svc-text {
+  .svc-add-new-item-button__text {
     display: flex;
     align-items: center;
     flex-grow: 1;
     justify-content: center;
     margin: calcSize(1) calcSize(3);
-    line-height: calcSize(2);
+    line-height: var(--sjs-line-height-x2, #{calcSize(2)});
     color: var(--ctr-survey-action-button-text-color-positive, $primary);
     text-wrap: nowrap;
   }
@@ -1181,7 +1177,7 @@ svc-question,
     .svc-element__add-new-question {
       padding: calcSize(0.5) calcSize(0.5);
 
-      .svc-text {
+      .svc-add-new-item-button__text {
         display: none;
       }
     }