fix(Avatar): don't overwrite SVG color

dnbexperience · Sep 22, 2022 · 4b3e629 · 4b3e629
1 parent bf3769f
commit 4b3e629
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 17 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);
-    }
   }
 }
diff --git a/packages/dnb-eufemia/src/components/input/__tests__/__snapshots__/Input.test.js.snap b/packages/dnb-eufemia/src/components/input/__tests__/__snapshots__/Input.test.js.snap
@@ -460,8 +460,10 @@ exports[`Input component have to match type="search" snapshot 1`] = `
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M12.03 10.97a.75.75 0 1 0-1.06 1.06l1.06-1.06Zm2.44 4.56a.75.75 0 1 0 1.06-1.06l-1.06 1.06Zm-3.5-3.5 3.5 3.5 1.06-1.06-3.5-3.5-1.06 1.06Zm.098-5.62a4.66 4.66 0 0 1-4.659 4.658v1.5a6.16 6.16 0 0 0 6.16-6.159h-1.5ZM6.41 11.067A4.66 4.66 0 0 1 1.75 6.41H.25a6.16 6.16 0 0 0 6.16 6.16v-1.5ZM1.75 6.41a4.66 4.66 0 0 1 4.66-4.66V.25A6.16 6.16 0 0 0 .25 6.41h1.5Zm4.66-4.66a4.66 4.66 0 0 1 4.658 4.66h1.5A6.16 6.16 0 0 0 6.41.25v1.5Z"
-                              fill="#000"
+                              d="M11.5 11.5 15 15m-3.182-8.59A5.41 5.41 0 1 1 1 6.41a5.41 5.41 0 0 1 10.818 0Z"
+                              stroke="#000"
+                              strokeLinecap="round"
+                              strokeWidth={1.5}
                             />
                           </svg>
                         </loupe>