diff --git a/docs/pages/webitel-ui/components/wt-indicator/examples/example-indicator-different-colors.vue b/docs/pages/webitel-ui/components/wt-indicator/examples/example-indicator-different-colors.vue
index 7be9c6048..2b5c6537e 100644
--- a/docs/pages/webitel-ui/components/wt-indicator/examples/example-indicator-different-colors.vue
+++ b/docs/pages/webitel-ui/components/wt-indicator/examples/example-indicator-different-colors.vue
@@ -7,6 +7,7 @@ const colors = [
'transfer',
'disabled',
'break-out',
+ 'info',
];
diff --git a/docs/pages/webitel-ui/components/wt-indicator/wt-indicator-docs.vue b/docs/pages/webitel-ui/components/wt-indicator/wt-indicator-docs.vue
index 924241d00..63fc7be6d 100644
--- a/docs/pages/webitel-ui/components/wt-indicator/wt-indicator-docs.vue
+++ b/docs/pages/webitel-ui/components/wt-indicator/wt-indicator-docs.vue
@@ -13,9 +13,9 @@ export default {
properties: [
{
value: 'color',
- code: '',
+ code: '',
type: ['String', 'Number'],
- options: ['primary', 'secondary', 'success', 'error', 'transfer', 'disabled', 'break-out'],
+ options: ['primary', 'secondary', 'success', 'error', 'transfer', 'disabled', 'break-out', 'info'],
default: 'secondary',
},
{
diff --git a/package.json b/package.json
index 683276c33..0e9afc0df 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@webitel/ui-sdk",
- "version": "23.12.126",
+ "version": "23.12.127",
"private": false,
"scripts": {
"dev": "vite",
diff --git a/src/components/wt-indicator/_variables.scss b/src/components/wt-indicator/_variables.scss
index 6b698a1a2..ad2a45c5c 100644
--- a/src/components/wt-indicator/_variables.scss
+++ b/src/components/wt-indicator/_variables.scss
@@ -14,4 +14,5 @@
--wt-indicator-error-color: var(--error-color);
--wt-indicator-transfer-color: var(--transfer-color);
--wt-indicator-break-out-color: var(--warning-color);
+ --wt-indicator-info-color: var(--info-color);
}
diff --git a/src/components/wt-indicator/wt-indicator.vue b/src/components/wt-indicator/wt-indicator.vue
index cc9d4e6e8..c5c789dfd 100644
--- a/src/components/wt-indicator/wt-indicator.vue
+++ b/src/components/wt-indicator/wt-indicator.vue
@@ -27,7 +27,7 @@ export default {
color: {
type: String,
default: 'secondary',
- options: ['primary', 'secondary', 'disabled', 'success', 'error', 'transfer', 'break-out'],
+ options: ['primary', 'secondary', 'disabled', 'success', 'error', 'transfer', 'break-out', 'info'],
},
text: {
type: [String, Number],
@@ -98,6 +98,10 @@ export default {
&--break-out {
background: var(--wt-indicator-break-out-color);
}
+
+ &--info {
+ background: var(--wt-indicator-info-color);
+ }
}
.wt-indicator--size {