23.12.127: wt-indicator info color [WTEL-4090]

webitel · Dec 18, 2023 · 339d557 · 339d557
1 parent 23af5f5
commit 339d557
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 4 deletions.
diff --git a/.../pages/webitel-ui/components/wt-indicator/examples/example-indicator-different-colors.vue b/.../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
@@ -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
@@ -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
@@ -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
@@ -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 {