@webitel/ui-sdk 26.6.60 → 26.6.61

package/dist/ui-sdk.js

@@ -1,6 +1,6 @@
 import { t as e } from "./generateInstance-C9d7J_TX.js";
-import { n as t } from "./wt-icon-BvXjK8Em.js";
-import { t as n } from "./components-DOO_6hoi.js";
+import { n as t } from "./wt-icon-Bd8GvqIt.js";
+import { t as n } from "./components-GEKIa6Vp.js";
 import { i as r, l as i } from "./enums-BwgSueOO.js";
 import { a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y } from "./dist-uCh8HaP3.js";
 import { reactive as b, shallowRef as x, watch as S } from "vue";
@@ -5540,7 +5540,8 @@ var W = {
 		activeColor: "{amber.400}",
 		foreground: "{amber.950}",
 		foregroundHover: "{amber.900}",
-		highlightColor: "{amber.850}"
+		highlightColor: "{amber.850}",
+		onHighlightColor: "{amber.450}"
 	},
 	secondary: {
 		color: "{gray.900}",
@@ -5548,7 +5549,8 @@ var W = {
 		activeColor: "{gray.750}",
 		foreground: "{gray.350}",
 		foregroundHover: "{gray.300}",
-		highlightColor: "{gray.850}"
+		highlightColor: "{gray.850}",
+		onHighlightColor: "{gray.300}"
 	},
 	success: {
 		color: "{green.600}",
@@ -5556,7 +5558,8 @@ var W = {
 		activeColor: "{green.500}",
 		foreground: "{green.950}",
 		foregroundHover: "{green.900}",
-		highlightColor: "{green.850}"
+		highlightColor: "{green.850}",
+		onHighlightColor: "{green.450}"
 	},
 	warn: {
 		color: "{orange.450}",
@@ -5564,7 +5567,8 @@ var W = {
 		activeColor: "{orange.350}",
 		foreground: "{orange.950}",
 		foregroundHover: "{orange.900}",
-		highlightColor: "{orange.850}"
+		highlightColor: "{orange.850}",
+		onHighlightColor: "{orange.350}"
 	},
 	error: {
 		color: "{red.400}",
@@ -5572,7 +5576,8 @@ var W = {
 		activeColor: "{red.300}",
 		foreground: "{red.950}",
 		foregroundHover: "{red.900}",
-		highlightColor: "{red.850}"
+		highlightColor: "{red.850}",
+		onHighlightColor: "{red.300}"
 	},
 	info: {
 		color: "{light-blue.500}",
@@ -5580,7 +5585,8 @@ var W = {
 		activeColor: "{light-blue.400}",
 		foreground: "{light-blue.950}",
 		foregroundHover: "{light-blue.900}",
-		highlightColor: "{light-blue.850}"
+		highlightColor: "{light-blue.850}",
+		onHighlightColor: "{light-blue.350}"
 	},
 	task: {
 		color: "{blue.500}",
@@ -5588,7 +5594,8 @@ var W = {
 		activeColor: "{blue.400}",
 		foreground: "{blue.950}",
 		foregroundHover: "{blue.900}",
-		highlightColor: "{blue.850}"
+		highlightColor: "{blue.850}",
+		onHighlightColor: "{blue.350}"
 	},
 	transfer: {
 		color: "{indigo.350}",
@@ -5596,7 +5603,8 @@ var W = {
 		activeColor: "{indigo.250}",
 		foreground: "{indigo.950}",
 		foregroundHover: "{indigo.900}",
-		highlightColor: "{indigo.850}"
+		highlightColor: "{indigo.850}",
+		onHighlightColor: "{indigo.350}"
 	},
 	chat: {
 		color: "{cyan.600}",
@@ -5604,7 +5612,8 @@ var W = {
 		activeColor: "{cyan.500}",
 		foreground: "{cyan.950}",
 		foregroundHover: "{cyan.900}",
-		highlightColor: "{cyan.850}"
+		highlightColor: "{cyan.850}",
+		onHighlightColor: "{cyan.350}"
 	},
 	email: {
 		color: "{blue.600}",
@@ -5612,7 +5621,8 @@ var W = {
 		activeColor: "{blue.500}",
 		foreground: "{blue.950}",
 		foregroundHover: "{blue.900}",
-		highlightColor: "{blue.850}"
+		highlightColor: "{blue.850}",
+		onHighlightColor: "{blue.350}"
 	},
 	highlight: {
 		background: "{amber.800}",
@@ -5681,7 +5691,8 @@ var W = {
 		activeColor: "{amber.400}",
 		foreground: "{amber.900}",
 		foregroundHover: "{amber.850}",
-		highlightColor: "{amber.100}"
+		highlightColor: "{amber.100}",
+		onHighlightColor: "{amber.750}"
 	},
 	secondary: {
 		color: "{gray.150}",
@@ -5689,7 +5700,8 @@ var W = {
 		activeColor: "{gray.50}",
 		foreground: "{gray.750}",
 		foregroundHover: "{gray.700}",
-		highlightColor: "{gray.50}"
+		highlightColor: "{gray.50}",
+		onHighlightColor: "{gray.700}"
 	},
 	success: {
 		color: "{green.600}",
@@ -5697,7 +5709,8 @@ var W = {
 		activeColor: "{green.500}",
 		foreground: "{green.50}",
 		foregroundHover: "{green.100}",
-		highlightColor: "{green.100}"
+		highlightColor: "{green.100}",
+		onHighlightColor: "{green.750}"
 	},
 	warn: {
 		color: "{orange.450}",
@@ -5705,7 +5718,8 @@ var W = {
 		activeColor: "{orange.350}",
 		foreground: "{orange.50}",
 		foregroundHover: "{orange.100}",
-		highlightColor: "{orange.100}"
+		highlightColor: "{orange.100}",
+		onHighlightColor: "{orange.650}"
 	},
 	error: {
 		color: "{red.400}",
@@ -5713,7 +5727,8 @@ var W = {
 		activeColor: "{red.300}",
 		foreground: "{red.50}",
 		foregroundHover: "{red.100}",
-		highlightColor: "{red.100}"
+		highlightColor: "{red.100}",
+		onHighlightColor: "{red.600}"
 	},
 	info: {
 		color: "{light-blue.500}",
@@ -5721,7 +5736,8 @@ var W = {
 		activeColor: "{light-blue.400}",
 		foreground: "{light-blue.50}",
 		foregroundHover: "{light-blue.100}",
-		highlightColor: "{light-blue.100}"
+		highlightColor: "{light-blue.100}",
+		onHighlightColor: "{light-blue.700}"
 	},
 	task: {
 		color: "{blue.500}",
@@ -5729,7 +5745,8 @@ var W = {
 		activeColor: "{blue.400}",
 		foreground: "{blue.50}",
 		foregroundHover: "{blue.100}",
-		highlightColor: "{blue.100}"
+		highlightColor: "{blue.100}",
+		onHighlightColor: "{blue.700}"
 	},
 	transfer: {
 		color: "{indigo.350}",
@@ -5737,7 +5754,8 @@ var W = {
 		activeColor: "{indigo.250}",
 		foreground: "{indigo.50}",
 		foregroundHover: "{indigo.100}",
-		highlightColor: "{indigo.100}"
+		highlightColor: "{indigo.100}",
+		onHighlightColor: "{indigo.700}"
 	},
 	chat: {
 		color: "{cyan.600}",
@@ -5745,7 +5763,8 @@ var W = {
 		activeColor: "{cyan.500}",
 		foreground: "{cyan.50}",
 		foregroundHover: "{cyan.100}",
-		highlightColor: "{cyan.100}"
+		highlightColor: "{cyan.100}",
+		onHighlightColor: "{cyan.700}"
 	},
 	email: {
 		color: "{blue.600}",
@@ -5753,7 +5772,8 @@ var W = {
 		activeColor: "{blue.500}",
 		foreground: "{blue.50}",
 		foregroundHover: "{blue.100}",
-		highlightColor: "{blue.100}"
+		highlightColor: "{blue.100}",
+		onHighlightColor: "{blue.700}"
 	},
 	highlight: {
 		background: "{amber.100}",
@@ -9216,11 +9236,11 @@ var W = {
 			info: {
 				background: "{info.highlightColor}",
 				borderColor: "{info.highlightColor}",
-				color: "{info.color}",
-				detailColor: "{info.color}",
+				color: "{info.onHighlightColor}",
+				detailColor: "{info.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {info.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{info.color}",
+					hoverBackground: "{info.onHighlightColor}",
 					focusRing: {
 						color: "{info.color}",
 						shadow: "none"
@@ -9230,11 +9250,11 @@ var W = {
 			success: {
 				background: "{success.highlightColor}",
 				borderColor: "{success.highlightColor}",
-				color: "{success.color}",
-				detailColor: "{success.color}",
+				color: "{success.onHighlightColor}",
+				detailColor: "{success.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {success.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{success.color}",
+					hoverBackground: "{success.onHighlightColor}",
 					focusRing: {
 						color: "{success.color}",
 						shadow: "none"
@@ -9244,11 +9264,11 @@ var W = {
 			warn: {
 				background: "{warn.highlightColor}",
 				borderColor: "{warn.highlightColor}",
-				color: "{warn.color}",
-				detailColor: "{warn.color}",
+				color: "{warn.onHighlightColor}",
+				detailColor: "{warn.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {warn.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{warn.color}",
+					hoverBackground: "{warn.onHighlightColor}",
 					focusRing: {
 						color: "{warn.color}",
 						shadow: "none"
@@ -9258,11 +9278,11 @@ var W = {
 			error: {
 				background: "{error.highlightColor}",
 				borderColor: "{error.highlightColor}",
-				color: "{error.color}",
-				detailColor: "{error.color}",
+				color: "{error.onHighlightColor}",
+				detailColor: "{error.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {error.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{error.color}",
+					hoverBackground: "{error.onHighlightColor}",
 					focusRing: {
 						color: "{error.color}",
 						shadow: "none"
@@ -9272,11 +9292,11 @@ var W = {
 			secondary: {
 				background: "{secondary.highlightColor}",
 				borderColor: "{secondary.highlightColor}",
-				color: "{secondary.foreground}",
-				detailColor: "{secondary.foreground}",
+				color: "{secondary.onHighlightColor}",
+				detailColor: "{secondary.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {secondary.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{secondary.foreground}",
+					hoverBackground: "{secondary.onHighlightColor}",
 					focusRing: {
 						color: "{secondary.color}",
 						shadow: "none"
@@ -9303,11 +9323,11 @@ var W = {
 			info: {
 				background: "{info.highlightColor}",
 				borderColor: "{info.highlightColor}",
-				color: "{info.color}",
-				detailColor: "{info.color}",
+				color: "{info.onHighlightColor}",
+				detailColor: "{info.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {info.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{info.color}",
+					hoverBackground: "{info.onHighlightColor}",
 					focusRing: {
 						color: "{info.color}",
 						shadow: "none"
@@ -9317,11 +9337,11 @@ var W = {
 			success: {
 				background: "{success.highlightColor}",
 				borderColor: "{success.highlightColor}",
-				color: "{success.color}",
-				detailColor: "{success.color}",
+				color: "{success.onHighlightColor}",
+				detailColor: "{success.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {success.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{success.color}",
+					hoverBackground: "{success.onHighlightColor}",
 					focusRing: {
 						color: "{success.color}",
 						shadow: "none"
@@ -9331,11 +9351,11 @@ var W = {
 			warn: {
 				background: "{warn.highlightColor}",
 				borderColor: "{warn.highlightColor}",
-				color: "{warn.color}",
-				detailColor: "{warn.color}",
+				color: "{warn.onHighlightColor}",
+				detailColor: "{warn.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {warn.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{warn.color}",
+					hoverBackground: "{warn.onHighlightColor}",
 					focusRing: {
 						color: "{warn.color}",
 						shadow: "none"
@@ -9345,11 +9365,11 @@ var W = {
 			error: {
 				background: "{error.highlightColor}",
 				borderColor: "{error.highlightColor}",
-				color: "{error.color}",
-				detailColor: "{error.color}",
+				color: "{error.onHighlightColor}",
+				detailColor: "{error.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {error.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{error.color}",
+					hoverBackground: "{error.onHighlightColor}",
 					focusRing: {
 						color: "{error.color}",
 						shadow: "none"
@@ -9359,11 +9379,11 @@ var W = {
 			secondary: {
 				background: "{secondary.highlightColor}",
 				borderColor: "{secondary.highlightColor}",
-				color: "{secondary.foreground}",
-				detailColor: "{secondary.foreground}",
+				color: "{secondary.onHighlightColor}",
+				detailColor: "{secondary.onHighlightColor}",
 				shadow: "0px 4px 8px 0px color-mix(in srgb, {secondary.color}, transparent 96%)",
 				closeButton: {
-					hoverBackground: "{secondary.foreground}",
+					hoverBackground: "{secondary.onHighlightColor}",
 					focusRing: {
 						color: "{secondary.color}",
 						shadow: "none"