From 339d5578aea9fce43f4813ace4501c0b00fbf07d Mon Sep 17 00:00:00 2001
From: dlohvinov <nsblnr@gmail.com>
Date: Mon, 18 Dec 2023 17:03:32 +0200
Subject: [PATCH] 23.12.127: wt-indicator info color [WTEL-4090]

---
 .../examples/example-indicator-different-colors.vue         | 1 +
 .../components/wt-indicator/wt-indicator-docs.vue           | 4 ++--
 package.json                                                | 2 +-
 src/components/wt-indicator/_variables.scss                 | 1 +
 src/components/wt-indicator/wt-indicator.vue                | 6 +++++-
 5 files changed, 10 insertions(+), 4 deletions(-)

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',
 ];
 </script>
 
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: '<wt-indicator color="danger"></wt-indicator>',
+        code: '<wt-indicator color="error"></wt-indicator>',
         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 {