feat(badge): add icon color

core-ds · Jul 9, 2021 · d9e9065 · d9e9065
1 parent 3bfbe70
commit d9e9065
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/packages/badge/src/Component.tsx b/packages/badge/src/Component.tsx
@@ -32,7 +32,14 @@ export type BadgeProps = {
     /**
      * Цветовое оформление иконки
      */
-    iconColor?: 'positive' | 'attention' | 'negative' | 'tertiary' | 'secondary' | 'primary';
+    iconColor?:
+        | 'positive'
+        | 'attention'
+        | 'neutral'
+        | 'negative'
+        | 'tertiary'
+        | 'secondary'
+        | 'primary';
 
     /**
      * Идентификатор для систем автоматизированного тестирования

diff --git a/packages/badge/src/docs/Component.stories.mdx b/packages/badge/src/docs/Component.stories.mdx
@@ -38,7 +38,7 @@ import styles from '!!raw-loader!../index.module.css';
                 visibleIconOutline: boolean('visibleIconOutline', false),
                 iconColor: select(
                     'iconColor',
-                    ['positive', 'attention', 'negative', 'tertiary', 'secondary', 'primary'],
+                    ['positive', 'attention', 'negative', 'tertiary', 'secondary', 'primary', 'link'],
                     'positive'
                 )
             };

diff --git a/packages/badge/src/index.module.css b/packages/badge/src/index.module.css
@@ -56,6 +56,10 @@
         color: var(--color-light-graphic-negative);
     }
 
+    &.neutral {
+        color: var(--color-light-graphic-link);
+    }
+
     &.tertiary {
         color: var(--color-light-graphic-tertiary);
     }