fix(Avatar): don't overwrite SVG color (#1579)

dnbexperience · Sep 22, 2022 · a6b3f50 · a6b3f50
1 parent 0983343
commit a6b3f50
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 15 deletions.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/avatar/Examples.js b/packages/dnb-design-system-portal/src/docs/uilib/components/avatar/Examples.js
@@ -178,7 +178,7 @@ export const AvatarDNBLogo = () => (
       /* jsx */ `
 <Avatar.Group label="Logos:">
   <Avatar>
-    <Logo size="auto" />
+    <Logo size="auto" inherit_color />
   </Avatar>
 </Avatar.Group>
 `

diff --git a/packages/dnb-eufemia/src/components/avatar/__tests__/__snapshots__/Avatar.test.tsx.snap b/packages/dnb-eufemia/src/components/avatar/__tests__/__snapshots__/Avatar.test.tsx.snap
@@ -15,19 +15,13 @@ exports[`Avatar scss have to match default theme snapshot 1`] = `
  */
 .dnb-avatar {
   color: var(--color-pistachio); }
-  .dnb-avatar svg {
-    color: var(--color-pistachio);
-    fill: var(--color-pistachio); }
   .dnb-avatar--primary {
     background-color: var(--color-emerald-green); }
   .dnb-avatar--secondary {
     background-color: var(--color-sea-green); }
   .dnb-avatar--tertiary {
     background-color: var(--color-mint-green);
     color: var(--color-emerald-green); }
-    .dnb-avatar--tertiary svg {
-      color: var(--color-emerald-green);
-      fill: var(--color-emerald-green); }
 "
 `;
 

diff --git a/packages/dnb-eufemia/src/components/avatar/style/themes/dnb-avatar-theme-ui.scss b/packages/dnb-eufemia/src/components/avatar/style/themes/dnb-avatar-theme-ui.scss
@@ -8,10 +8,6 @@
 .dnb-avatar {
   color: var(--color-pistachio);
 
-  svg {
-    color: var(--color-pistachio);
-    fill: var(--color-pistachio);
-  }
   &--primary {
     background-color: var(--color-emerald-green);
   }
@@ -21,9 +17,5 @@
   &--tertiary {
     background-color: var(--color-mint-green);
     color: var(--color-emerald-green);
-    svg {
-      color: var(--color-emerald-green);
-      fill: var(--color-emerald-green);
-    }
   }
 }