fix(react): update IcTopNavigation visual regression image

Update IcTopNavigation visual regression image
mi6 · Feb 12, 2025 · 1d861c3 · 1d861c3
1 parent 0d90b60
commit 1d861c3
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/...cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/icon-buttons.png b/...cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/icon-buttons.png
diff --git a/packages/react/src/component-tests/IcTopNavigation/IcTopNavigationTestData.tsx b/packages/react/src/component-tests/IcTopNavigation/IcTopNavigationTestData.tsx
@@ -107,7 +107,13 @@ export const IconButtons = (): ReactElement => {
       <IcSearchBar slot="search" label="Search" placeholder="Search" />
       <IcNavigationButton label="Button One" slot="buttons">
         <ReusableIcon />
-        <IcBadge label="1" slot="badge" position="near" variant="light" />
+        <IcBadge
+          label="1"
+          slot="badge"
+          customColor="#d4351c"
+          variant="custom"
+          theme="dark"
+        />
       </IcNavigationButton>
       <IcNavigationButton label="Button Two" slot="buttons">
         <SlottedSVG

diff --git a/packages/react/src/stories/ic-top-navigation.stories.mdx b/packages/react/src/stories/ic-top-navigation.stories.mdx
@@ -113,7 +113,7 @@ import { NavLink, MemoryRouter, Switch, Route, Routes } from "react-router-dom";
         slot="buttons"
         onClick={() => alert("test")}
       >
-        <IcBadge label="1" slot="badge" variant="light" />
+        <IcBadge label="1" slot="badge" customColor="#d4351c" variant="custom" theme="dark"/>
         <svg
           slot="icon"
           xmlns="http://www.w3.org/2000/svg"
@@ -132,7 +132,7 @@ import { NavLink, MemoryRouter, Switch, Route, Routes } from "react-router-dom";
         href="https://www.google.com"
         target="_blank"
       >
-        <IcBadge slot="badge" variant="light" type="dot" />
+        <IcBadge slot="badge" customColor="#d4351c" variant="custom" type="dot" theme="dark"/>
         <svg
           slot="icon"
           xmlns="http://www.w3.org/2000/svg"
@@ -838,8 +838,9 @@ export const defaultArgs = {
           <IcBadge
             label="1"
             slot="badge"
-            position="near"
-            variant="light"
+            customColor="#d4351c"
+            variant="custom"
+            theme="dark"
           ></IcBadge>
         </IcNavigationButton>
         <IcNavigationButton
@@ -864,9 +865,10 @@ export const defaultArgs = {
           </svg>
           <IcBadge
             slot="badge"
-            position="near"
-            variant="light"
+            customColor="#d4351c"
+            variant="custom"
             type="dot"
+            theme="dark"
           ></IcBadge>
         </IcNavigationButton>
         <IcNavigationButton