fix: correct fileStatus gradient usage in recipe

omnifed · Sep 19, 2024 · 55b08cd · 55b08cd
1 parent 7f47b26
commit 55b08cd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/packages/panda-preset/src/recipes/slots/fileStatus.ts b/packages/panda-preset/src/recipes/slots/fileStatus.ts
@@ -35,22 +35,22 @@ export const fileStatus: Partial<SlotRecipeConfig> = defineSlotRecipe({
       todo: {
         icon: {
           ...action,
-          cerbGradient: 'purple',
-          color: 'colorPalette.text.inverse',
+          cerbGradient: 'dark-purple',
+          color: 'action.text.initial',
         },
       },
       processing: {
         icon: {
           ...action,
-          cerbGradient: 'purple',
-          color: 'colorPalette.text.inverse',
+          cerbGradient: 'dark-purple',
+          color: 'action.text.initial',
         },
       },
       done: {
         icon: {
           ...success,
           cerbGradient: 'green',
-          color: 'colorPalette.text.200',
+          color: 'colorPalette.text.static',
         },
       },
       error: {

diff --git a/tests/panda-preset/recipes/slots/fileStatus.test.ts b/tests/panda-preset/recipes/slots/fileStatus.test.ts
@@ -27,22 +27,22 @@ describe('fileStatus recipe', () => {
 
   test('should have a todo status variant', () => {
     expect(fileStatus.variants?.status?.todo?.icon).toMatchObject({
-      cerbGradient: 'purple',
-      color: 'colorPalette.text.inverse',
+      cerbGradient: 'dark-purple',
+      color: 'action.text.initial',
     })
   })
 
   test('should have a processing status variant', () => {
     expect(fileStatus.variants?.status?.processing?.icon).toMatchObject({
-      cerbGradient: 'purple',
-      color: 'colorPalette.text.inverse',
+      cerbGradient: 'dark-purple',
+      color: 'action.text.initial',
     })
   })
 
   test('should have a done status variant', () => {
     expect(fileStatus.variants?.status?.done?.icon).toMatchObject({
       cerbGradient: 'green',
-      color: 'colorPalette.text.200',
+      color: 'colorPalette.text.static',
     })
   })