Remove use of old foreground colors in grommet-app

grommet · Oct 28, 2024 · 5dac863 · 5dac863
1 parent 2992001
commit 5dac863
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 15 deletions.
diff --git a/sandbox/grommet-app/src/components/DashboardCard/DashboardCard.jsx b/sandbox/grommet-app/src/components/DashboardCard/DashboardCard.jsx
@@ -84,15 +84,15 @@ export const DashboardCard = ({
             ) : external ? (
               <ShareRounded
                 a11yTitle={`Go to ${title}`}
-                color="foreground-brand-default"
+                color="icon-primary"
                 data-icon={
                   !inline && workspace === 'Acme Next' ? 'dashboard' : ''
                 }
               />
             ) : (
               <LinkNext
                 a11yTitle={`Go to ${title}`}
-                color="foreground-brand-default"
+                color="icon-primary"
                 data-icon={
                   !inline && workspace === 'Acme Next' ? 'dashboard' : ''
                 }

diff --git a/sandbox/grommet-app/src/pages/next/QuickActions.jsx b/sandbox/grommet-app/src/pages/next/QuickActions.jsx
@@ -27,35 +27,27 @@ export const QuickActions = ({ edit = true, icons }) => {
         {skeleton ? (
           <Skeleton height={theme.text.medium.size} />
         ) : (
-          <Anchor
-            icon={icons && <ChapterAdd color="foreground-brand-default" />}
-            label="Add devices"
-            href="#"
-          />
+          <Anchor icon={icons && <ChapterAdd />} label="Add devices" href="#" />
         )}
         {skeleton ? (
           <Skeleton height={theme.text.medium.size} />
         ) : (
           <Anchor
-            icon={icons && <Cloud color="foreground-brand-default" />}
+            icon={icons && <Cloud />}
             label="Add service subscriptions"
             href="#"
           />
         )}
         {skeleton ? (
           <Skeleton height={theme.text.medium.size} />
         ) : (
-          <Anchor
-            icon={icons && <UserAdd color="foreground-brand-default" />}
-            label="Add users"
-            href="#"
-          />
+          <Anchor icon={icons && <UserAdd />} label="Add users" href="#" />
         )}
         {skeleton ? (
           <Skeleton height={theme.text.medium.size} />
         ) : (
           <Anchor
-            icon={icons && <Stakeholder color="foreground-brand-default" />}
+            icon={icons && <Stakeholder />}
             label="Assign roles"
             href="#"
           />
@@ -64,7 +56,7 @@ export const QuickActions = ({ edit = true, icons }) => {
           <Skeleton height={theme.text.medium.size} />
         ) : (
           <Anchor
-            icon={icons && <MapLocation color="foreground-brand-default" />}
+            icon={icons && <MapLocation />}
             label="Create location"
             href="#"
           />