fix(Banner): dismiss color with imageTheme="light"

Неверный цвет у крестика при `mode="image" imageTheme="light" asideMode="dismiss"`
VKCOM · Jun 8, 2023 · 1e92f81 · 1e92f81
1 parent 9f91c18
commit 1e92f81
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/packages/vkui/src/components/Banner/Banner.e2e-playground.tsx b/packages/vkui/src/components/Banner/Banner.e2e-playground.tsx
@@ -40,6 +40,21 @@ export const BannerPlayground = (props: ComponentPlaygroundProps) => {
             </Button>,
           ],
         },
+        {
+          mode: ['image'],
+          asideMode: ['dismiss', 'expand'],
+          imageTheme: ['light'],
+          header: ['Мои достижения'],
+          subheader: ['Разблокировано 9 из 36'],
+        },
+        {
+          mode: ['image'],
+          asideMode: ['dismiss', 'expand'],
+          imageTheme: ['dark'],
+          header: ['Мои достижения'],
+          subheader: ['Разблокировано 9 из 36'],
+          background: [<div key="img-bg" style={{ backgroundColor: '#222222' }} />],
+        },
       ]}
     >
       {(props: BannerProps) => (

diff --git a/packages/vkui/src/components/Banner/Banner.module.css b/packages/vkui/src/components/Banner/Banner.module.css
@@ -104,7 +104,8 @@
   background-color: var(--vkui--color_background_secondary);
 }
 
-.Banner--mode-image .Banner__dismiss,
+.Banner--inverted .Banner__dismiss,
+.Banner--inverted .Banner__expand,
 .Banner--inverted {
   color: var(--vkui--color_text_contrast);
 }

diff --git a/packages/vkui/src/components/Banner/Banner.tsx b/packages/vkui/src/components/Banner/Banner.tsx
@@ -173,7 +173,7 @@ export const Banner = ({
           {content}
 
           <div className={styles['Banner__aside']}>
-            <Icon24Chevron />
+            <Icon24Chevron className={styles['Banner__expand']} />
           </div>
         </Tappable>
       ) : (