@webitel/ui-sdk 26.8.147 → 26.8.149

package/dist/{wt-button-DipbKGWn.js → wt-button-DnbIcGvU.js}

@@ -45,6 +45,7 @@ var w = /* @__PURE__ */ l({
 			default: !1
 		},
 		icon: { default: "" },
+		iconColor: {},
 		iconPrefix: { default: "" },
 		badge: {},
 		badgeSeverity: {},
@@ -108,12 +109,17 @@ var w = /* @__PURE__ */ l({
 					])) : o("", !0),
 					t.icon ? (p(), a(e, {
 						key: 2,
-						class: f({ "wt-button__icon--hidden": A.value }),
+						class: f({
+							"wt-button__icon--hidden": A.value,
+							"wt-button__icon--custom-color": t.iconColor
+						}),
+						color: t.iconColor,
 						icon: t.icon,
 						"icon-prefix": t.iconPrefix,
 						size: E[t.size]
 					}, null, 8, [
 						"class",
+						"color",
 						"icon",
 						"icon-prefix",
 						"size"

package/dist/{wt-chat-emoji-B7-mjQC-.js → wt-chat-emoji-okPBWTTc.js}

@@ -1,7 +1,7 @@
-import "./components-BlmVperV.js";
+import "./components-BQNe8f-D.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { E as t, h as n } from "./enums-CKer6GJR.js";
-import { t as r } from "./wt-button-DipbKGWn.js";
+import { t as r } from "./wt-button-DnbIcGvU.js";
 import { n as i } from "./wt-toast-3-3ZylQ9.js";
 import { Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, nextTick as d, onBeforeUnmount as f, openBlock as p, ref as m, resolveDirective as h, unref as g, withDirectives as ee } from "vue";
 //#region node_modules/emoji-picker-element/database.js

package/dist/{wt-display-chip-items-BGqMWNQY.js → wt-display-chip-items-p-X0dCyl.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-BlmVperV.js";
+import { C as e, i as t } from "./components-BQNe8f-D.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./utils-DQQQIpjz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-player-BJrKbYMu.js → wt-player-DUnqV23Z.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./wt-icon-B9Yy9aye.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";
-import { t as r } from "./wt-button-DipbKGWn.js";
+import { t as r } from "./wt-button-DnbIcGvU.js";
 import { n as i, t as a } from "./useVidstackSrc-aQcqC_v0.js";
 import { t as o } from "./wt-popover-BI6YyXy0.js";
 import { t as s } from "./wt-slider-x-Tch7RT.js";

package/dist/{wt-send-message-popup-BkVEi_VI.js → wt-send-message-popup-C8sMLTcd.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-BlmVperV.js";
+import { n as e } from "./components-BQNe8f-D.js";
 import "./convertDuration-CIPonKKW.js";
-import { i as t, r as n } from "./clients-DZ2FcoPP.js";
+import { i as t, r as n } from "./clients-CvTW64Rq.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-tree-table-K5UphR9W.js → wt-tree-table-CAbPVuSj.js}

@@ -10,7 +10,7 @@ var k = { class: "wt-tree-table-row" }, A = { class: "wt-tree-table-td__content"
 	class: "wt-tree-table-td__icon-wrapper"
 }, M = {
 	key: 0,
-	class: "wt-tree-table-td__actions typo-body-1"
+	class: "wt-tree-table-td wt-tree-table-td__actions typo-body-1"
 }, N = { class: "wt-tree-table-td__content" }, P = ["colspan"], F = /*#__PURE__*/ e(/* @__PURE__ */ m({
 	__name: "wt-tree-table-row",
 	props: {
@@ -129,7 +129,7 @@ var k = { class: "wt-tree-table-row" }, A = { class: "wt-tree-table-td__content"
 			}, [u("td", { colspan: O.value }, null, 8, P)], 512)], 64))], 64);
 		};
 	}
-}), [["__scopeId", "data-v-8b7680a3"]]), I = { class: "wt-tree-table wt-scrollbar" }, L = { class: "wt-tree-table-wrapper" }, R = { class: "wt-tree-table-head" }, z = { class: "wt-tree-table-tr wt-tree-table-tr-head" }, B = ["onClick"], V = { class: "wt-tree-table-th__text" }, H = {
+}), [["__scopeId", "data-v-21dceb78"]]), I = { class: "wt-tree-table wt-scrollbar" }, L = { class: "wt-tree-table-wrapper" }, R = { class: "wt-tree-table-head" }, z = { class: "wt-tree-table-tr wt-tree-table-tr-head" }, B = ["onClick"], V = { class: "wt-tree-table-th__text" }, H = {
 	key: 0,
 	class: "wt-tree-table-th__actions"
 }, U = { class: "wt-tree-table-th__content" }, W = { class: "wt-tree-table-body" }, G = /*#__PURE__*/ e(/* @__PURE__ */ m({

package/dist/{wt-type-extension-value-input-DfKzb12r.js → wt-type-extension-value-input-IVO4B3WW.js}

@@ -1,7 +1,7 @@
 import "./dist-EXdgfpvN.js";
 import { n as e } from "./genClient-CvWlQ0TZ.js";
-import { a as t, o as n, r, s as i, w as a } from "./components-BlmVperV.js";
-import { n as o, t as s } from "./clients-DZ2FcoPP.js";
+import { a as t, o as n, r, s as i, w as a } from "./components-BQNe8f-D.js";
+import { n as o, t as s } from "./clients-CvTW64Rq.js";
 import { a as c, c as l, i as u, n as d, o as f, p, r as m, s as h, t as g } from "./enums-CKer6GJR.js";
 import { n as _ } from "./vue-i18n-VBiROMZ4.js";
 import "./wt-toast-3-3ZylQ9.js";

package/dist/{wt-vidstack-player-kd0aWdgr.js → wt-vidstack-player-DrOhDUTg.js}

@@ -1,8 +1,8 @@
-import { T as e } from "./components-BlmVperV.js";
+import { T as e } from "./components-BQNe8f-D.js";
 import "./convertDuration-CIPonKKW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";
-import "./wt-button-DipbKGWn.js";
+import "./wt-button-DnbIcGvU.js";
 import { t as r } from "./wt-icon-btn-8EHSKSxB.js";
 import { $ as i, C as a, D as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, P as ee, Q as _, R as te, S as v, U as ne, V as y, W as b, X as x, Y as re, Z as S, _ as C, a as ie, b as ae, c as oe, d as se, et as ce, f as le, g as ue, h as de, i as w, it as fe, j as pe, k as me, l as T, m as he, n as E, nt as D, o as O, ot as ge, p as k, q as A, r as j, rt as _e, t as ve, tt as ye, u as be, v as M, w as xe, y as Se, z as Ce } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as N, a as we, c as Te, d as Ee, f as De, g as Oe, h as ke, i as Ae, l as je, m as Me, n as Ne, o as Pe, p as Fe, r as Ie, s as Le, t as P, u as Re } from "./vidstack-CgfrU1hS-CNTJkyzm.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.147",
+	"version": "26.8.149",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

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

@@ -43,7 +43,11 @@
 
       <wt-icon
         v-if="icon"
-        :class="{ 'wt-button__icon--hidden': showLoader }"
+        :class="{
+          'wt-button__icon--hidden': showLoader,
+          'wt-button__icon--custom-color': iconColor,
+        }"
+        :color="iconColor"
         :icon="icon"
         :icon-prefix="iconPrefix"
         :size="iconButtonSizeMap[size]"
@@ -56,7 +60,12 @@
 import type { ButtonProps } from 'primevue';
 import { computed, inject, ref, toRef, useAttrs, watch } from 'vue';
 
-import { ButtonColor, ButtonVariant, ComponentSize } from '../../enums';
+import {
+	ButtonColor,
+	ButtonVariant,
+	ComponentSize,
+	type IconColor,
+} from '../../enums';
 import type { BadgeSeverity } from '../wt-badge-new/types/WtBadge';
 import WtBadge from '../wt-badge-new/wt-badge.vue';
 import WtIcon from '../wt-icon/wt-icon.vue';
@@ -81,6 +90,10 @@ interface WtButtonProps extends /* @vue-ignore */ ButtonProps {
 	wide?: boolean;
 	widthByContent?: boolean;
 	icon?: string;
+	/**
+	 * Overrides icon color; by default color is derived from button color/variant
+	 */
+	iconColor?: IconColor;
 	iconPrefix?: string;
 	badge?: string;
 	badgeSeverity?: BadgeSeverity;
@@ -165,6 +178,14 @@ watch(
   opacity: 0;
 }
 
+/*
+	Theme sets svg fill by button color; let the explicit iconColor
+	(set on .wt-icon) win. Disabled state keeps theme color.
+*/
+.p-button:not(:disabled) .wt-button__icon--custom-color svg {
+  fill: inherit !important;
+}
+
 .wt-badge.wt-badge--absolute {
   position: absolute;
   top: 0;

package/src/components/wt-tree-table-row/wt-tree-table-row.vue

@@ -44,7 +44,7 @@
 
     <td
       v-if="gridActions"
-      class="wt-tree-table-td__actions typo-body-1"
+      class="wt-tree-table-td wt-tree-table-td__actions typo-body-1"
     >
       <div class="wt-tree-table-td__content">
         <slot
@@ -243,7 +243,7 @@ onMounted(() => {
 
 .wt-tree-table-td__content {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: var(--spacing-xs);
 }
 

package/src/plugins/primevue/theme/components/button/button.js

@@ -197,13 +197,13 @@ const button = {
             background: transparent;
             outline-offset: -1px;
         }
-        .p-button--icon-${ComponentSize.XS} {
+        .p-button.p-button--icon-${ComponentSize.XS} {
             padding: ${dt('button.icon.xs.padding')};
         }
-        .p-button--icon-${ComponentSize.SM} {
+        .p-button.p-button--icon-${ComponentSize.SM} {
             padding: ${dt('button.icon.sm.padding')};
         }
-        .p-button--icon-${ComponentSize.MD} {
+        .p-button.p-button--icon-${ComponentSize.MD} {
             padding: ${dt('button.icon.md.padding')};
         }
         .p-button--icon-active:disabled svg {