@webitel/ui-sdk 0.9.42 → 0.9.46

package/package.json

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

package/src/components/atoms/wt-button/wt-button.vue

@@ -102,13 +102,13 @@
       &.secondary {
         color: var(--btn-secondary-color);
         border-color: var(--btn-secondary-color);
-        background: var(--btn-secondary-bg-color);
+        background: var(--btn-secondary-color);
 
         &:hover,
         &:active {
           color: var(--btn-secondary--hover-color);
           border-color: var(--btn-secondary--hover-color);
-          background: var(--btn-secondary-bg-color);
+          background: var(--btn-secondary-color);
         }
       }
 

package/src/components/atoms/wt-context-menu/wt-context-menu.vue

@@ -39,7 +39,7 @@ export default {
 
 <style lang="scss" scoped>
 .wt-context-menu {
-  @extend %typo-body-sm;
+  @extend %typo-body-md;
   min-width: var(--context-menu-min-width);
   max-width: var(--context-menu-max-width);
   background-color: var(--context-menu-background-color);

package/src/css/components/atoms/wt-button/_variables.scss

@@ -23,12 +23,11 @@
   --btn-dark-font-color: #000;
   --btn-light-font-color: #fff;
 
-  --btn-primary-color: var(--main-accent-color);
+  --btn-primary-color: var(--accent-color);
   --btn-primary--hover-color: #EFB917;
 
-  --btn-secondary-color: #808080;
-  --btn-secondary-bg-color: transparent;
-  --btn-secondary--hover-color: #000;
+  --btn-secondary-color: hsla(var(--_secondary-color), var(--_opacity--default));
+  --btn-secondary--hover-color: hsla(var(--_secondary-color), var(--_opacity--hover));
 
   --btn-disabled-color: var(--disabled-color);
   --btn-disabled-bg-color: transparent;

package/src/modules/QueryFilters/components/abstract-enum-filter.vue

@@ -1,6 +1,6 @@
 <template>
   <wt-select
-    :value="localizedValue"
+    :value="value"
     :options="localizedOptions"
     :label="$t(filterSchema.locale.label)"
     :track-by="filterSchema.storedProp"

package/src/modules/QueryFilters/mixins/enumFilterMixin.js

@@ -1,5 +1,4 @@
 import baseFilterMixin from './baseFilterMixin/baseFilterMixin';
-import isEmpty from '../../../scripts/isEmpty';
 
 export default {
   mixins: [baseFilterMixin],
@@ -19,25 +18,6 @@ export default {
     closeOnSelect() {
       return this.filterSchema?.storedProp;
     },
-    localizedValue() {
-      if (isEmpty(this.value)) return this.value;
-      if (Array.isArray(this.value)) {
-        const valueHasLocale = this.value.length && this.value[0].locale; // just check 1st el
-        if (valueHasLocale) {
-          return this.value.map((val) => ({
-            ...val,
-            name: Array.isArray(val.locale) ? this.$tc(...val.locale) : this.$t(val.locale),
-          }));
-        }
-      }
-      if (typeof this.value === 'object' && this.value.locale) {
-        return {
-          ...this.value,
-          name: Array.isArray(this.value.locale) ? this.$tc(...this.value.locale) : this.$t(this.value.locale),
-        };
-      }
-      return this.value;
-    },
     localizedOptions() {
       const optsHaveLocale = this.options.length && this.options[0].locale; // just check 1st el
       if (optsHaveLocale) {
@@ -53,11 +33,11 @@ export default {
     restoreValue(value) {
       let newValue;
       if (Array.isArray(value)) {
-        newValue = this.options
+        newValue = this.localizedOptions
           .filter((option) => value
             .some((value) => value === option[this.storedProp]));
       } else {
-        newValue = this.options
+        newValue = this.localizedOptions
           .find((option) => value === option[this.storedProp]);
       }
       this.setValue({ filter: this.filterQuery, value: newValue });