@webitel/ui-sdk 0.9.51 → 0.9.55

package/package.json

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

package/src/components/molecules/wt-button-select/wt-button-select.vue

@@ -92,6 +92,8 @@ export default {
       fill: var(--button-select-icon-color-dark);
     }
 
+    // For secondary color, the icon color and icon hover color are the same as in primary color mode
+
     &.danger,
     &.success,
     &.transfer {
@@ -152,18 +154,17 @@ export default {
         }
       }
     }
-  }
-
-  // SECONDARY MODE (is same for outline and normal modes)
-  &.secondary::v-deep {
-    .wt-icon__icon {
-      fill: var(--button-select-icon-color-secondary);
-    }
 
-    &:hover,
-    &:active {
+    &.secondary {
       .wt-icon__icon {
-        fill: var(--button-select-icon-color-secondary--hover);
+        fill: var(--button-select-icon-color-secondary);
+      }
+
+      &:hover,
+      &:active {
+        .wt-icon__icon {
+          fill: var(--button-select-icon-color-secondary--hover);
+        }
       }
     }
   }

package/src/components/molecules/wt-select/wt-select.vue

@@ -227,6 +227,7 @@ export default {
 
   methods: {
     handleSearchChange(search) {
+      if (!this.isApiMode) return;
       this.isLoading = true;
       this.searchParams.page = 1;
       this.searchParams.search = search;

package/src/components/organisms/wt-player/wt-player.vue

@@ -7,6 +7,11 @@
       controls
       v-on="listeners"
     ></audio>
+    <wt-icon-btn
+      class="wt-player__close-icon"
+      icon="close"
+      @click="$emit('close')"
+    ></wt-icon-btn>
   </aside>
 </template>
 
@@ -84,19 +89,22 @@ export default {
 <style lang="scss">
 @import "~plyr/src/sass/plyr.scss";
 
-:root {
-  --plyr-color-main: var(--main-accent-color);
-  --plyr-audio-control-color: var(--icon-primary-color);
-  // --plyr-control-toggle-checked-background: var(--main-primary-color);
-}
-
 .wt-player {
   @extend %typo-body-md;
   position: sticky;
   bottom: 60px;
+  display: flex;
   box-shadow: var(--box-shadow);
   border-radius: var(--border-radius);
 
+  .plyr {
+    flex-grow: 1;
+  }
+
+  &__close-icon {
+    margin: var(--player-close-icon-spacing) var(--player-close-icon-spacing) 0 0;
+  }
+
   .plyr__control:hover, {
     background: var(--main-option-hover-color);
     color: var(--text-primary-color);

package/src/components/organisms/wt-table-column-select/wt-table-column-select.vue

@@ -69,11 +69,10 @@ export default {
   }),
 
   watch: {
-    headers: {
+    isColumnSelectPopup: {
       handler() {
         this.fillHeadersDraft();
       },
-      immediate: true,
     },
   },
   computed: {

package/src/css/components/_components.scss

@@ -38,3 +38,4 @@
 @import "organisms/wt-status-select/variables";
 @import "organisms/wt-table/variables";
 @import "organisms/wt-table-actions/variables";
+@import "organisms/wt-player/variables";

package/src/css/components/organisms/wt-player/_variables.scss

@@ -0,0 +1,6 @@
+.wt-player {
+  --plyr-color-main: var(--main-accent-color);
+  --plyr-audio-control-color: var(--icon-primary-color);
+  // --plyr-control-toggle-checked-background: var(--main-primary-color);
+  --player-close-icon-spacing: var(--spacing--xs);
+}