@webitel/ui-sdk 2.0.20 → 2.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "2.0.20",
+  "version": "2.0.23",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/components/molecules/wt-search-bar/wt-search-bar.vue

@@ -108,86 +108,86 @@
 <style lang="scss" scoped>
   .wt-search-bar {
     cursor: text;
-  }
-
-  .wt-search-bar__wrapper {
-    position: relative;
-  }
 
-  .wt-search-bar__search-icon {
-    line-height: 0;
-    position: absolute;
-    top: 50%;
-    left: var(--input-icon-margin);
-    transform: translateY(-50%);
-    pointer-events: none;
-  }
-
-  .wt-search-bar__reset-icon-btn {
-    position: absolute;
-    top: 50%;
-    right: var(--input-icon-margin);
-    transform: translateY(-50%);
+    .wt-search-bar__wrapper {
+      position: relative;
+    }
 
-    .wt-search-bar:not(:focus-within) & {
-      opacity: 0;
+    .wt-search-bar__search-icon {
+      line-height: 0;
+      position: absolute;
+      top: 50%;
+      left: var(--input-icon-margin);
+      transform: translateY(-50%);
       pointer-events: none;
     }
-  }
 
-  .wt-search-bar__input {
-    @extend %typo-body-1;
-    @include wt-placeholder;
-
-    display: block;
-    width: 100%;
-    box-sizing: border-box;
-    padding: var(--search-bar-padding);
-    color: var(--form-input-color);
-    border: var(--input-border);
-    border-color: var(--form-border-color);
-    border-radius: var(--border-radius);
-    transition: var(--transition);
-
-    &:focus {
-      @include wt-placeholder('focus');
-      border-color: var(--form-border--hover-color);
-    }
+    .wt-search-bar__reset-icon-btn {
+      position: absolute;
+      top: 50%;
+      right: var(--input-icon-margin);
+      transform: translateY(-50%);
 
-    .wt-search-bar--outline & {
-      border-color: var(--form-outline-border-color);
+      .wt-search-bar:not(:focus-within) & {
+        opacity: 0;
+        pointer-events: none;
+      }
     }
 
-    .wt-search-bar--outline:hover &,
-    .wt-search-bar--outline &:focus {
-      border-color: var(--form-outline-border--hover-color);
+    .wt-search-bar__input {
+      @extend %typo-body-1;
+      @include wt-placeholder;
+
+      display: block;
+      width: 100%;
+      box-sizing: border-box;
+      padding: var(--search-bar-padding);
+      color: var(--form-input-color);
+      border: var(--input-border);
+      border-color: var(--form-border-color);
+      border-radius: var(--border-radius);
+      transition: var(--transition);
+
+      &:focus {
+        @include wt-placeholder('focus');
+        border-color: var(--form-border--hover-color);
+      }
+
+      .wt-search-bar--outline & {
+        border-color: var(--form-outline-border-color);
+      }
+
+      .wt-search-bar--outline:hover &,
+      .wt-search-bar--outline &:focus {
+        border-color: var(--form-outline-border--hover-color);
+      }
     }
-  }
 
-  /* make icons black */
-  .wt-search-bar:hover ::v-deep .wt-icon__icon,
-  .wt-search-bar:focus-within ::v-deep .wt-icon__icon {
-    fill: var(--icon-color--hover);
-  }
+    /* make icons black */
+    .wt-search-bar:hover ::v-deep .wt-icon__icon,
+    .wt-search-bar:focus-within ::v-deep .wt-icon__icon {
+      fill: var(--icon-color--hover);
+    }
 
-  /* clears the 'X' from Internet Explorer */
-  .wt-search-bar__input::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0;
-  }
+    /* clears the 'X' from Internet Explorer */
+    .wt-search-bar__input::-ms-clear {
+      display: none;
+      width: 0;
+      height: 0;
+    }
 
-  .wt-search-bar__input::-ms-reveal {
-    display: none;
-    width: 0;
-    height: 0;
-  }
+    .wt-search-bar__input::-ms-reveal {
+      display: none;
+      width: 0;
+      height: 0;
+    }
 
-  /* clears the 'X' from Chrome */
-  .wt-search-bar__input::-webkit-search-decoration,
-  .wt-search-bar__input::-webkit-search-cancel-button,
-  .wt-search-bar__input::-webkit-search-results-button,
-  .wt-search-bar__input::-webkit-search-results-decoration {
-    display: none;
+    /* clears the 'X' from Chrome */
+    .wt-search-bar__input::-webkit-search-decoration,
+    .wt-search-bar__input::-webkit-search-cancel-button,
+    .wt-search-bar__input::-webkit-search-results-button,
+    .wt-search-bar__input::-webkit-search-results-decoration {
+      display: none;
+    }
   }
 </style>

package/src/locale/en/en.js

@@ -55,6 +55,9 @@ export default {
     time: 'Time',
     channel: 'Channel',
     file: 'File',
+    logout: 'Logout',
+    priority: 'Priority',
+    variables: 'Variable | Variables',
   },
   // date-related texts
   date: {

package/src/locale/ru/ru.js

@@ -54,6 +54,9 @@ export default {
     time: 'Время',
     channel: 'Канал',
     file: 'Файл',
+    logout: 'Выйти',
+    priority: 'Приоритет',
+    variables: 'Переменная | Переменные',
   },
   // date-related texts
   date: {

package/src/locale/ua/ua.js

@@ -54,6 +54,9 @@ export default {
     time: 'Час',
     channel: 'Канал',
     file: 'Файл',
+    logout: 'Вийти',
+    priority: 'Приорітет',
+    variables: 'Змінна | Змінні',
   },
   // date-related texts
   date: {