feat: expose link negative/positive colors (#2329)

* feat: expose link negative/positive colors * Create funny-toes-attack.md
razorpay · Aug 14, 2024 · 95f19f4 · 95f19f4
1 parent 40c6aa3
commit 95f19f4
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/.changeset/funny-toes-attack.md b/.changeset/funny-toes-attack.md
@@ -0,0 +1,5 @@
+---
+"@razorpay/blade": minor
+---
+
+feat: expose link negative/positive colors
diff --git a/packages/blade/src/components/Link/Link/Link.stories.tsx b/packages/blade/src/components/Link/Link/Link.stories.tsx
@@ -172,6 +172,16 @@ const LinkColorsTemplate: StoryFn<typeof LinkComponent> = ({ icon, children = ''
           {children}
         </LinkComponent>
       </BaseBox>
+      <BaseBox padding="spacing.2">
+        <LinkComponent {...args} color="negative">
+          {children}
+        </LinkComponent>
+      </BaseBox>
+      <BaseBox padding="spacing.2">
+        <LinkComponent {...args} color="positive">
+          {children}
+        </LinkComponent>
+      </BaseBox>
     </BaseBox>
   );
 };

diff --git a/packages/blade/src/components/Link/Link/Link.tsx b/packages/blade/src/components/Link/Link/Link.tsx
@@ -13,7 +13,7 @@ import type { BladeCommonEvents } from '~components/types';
 type LinkCommonProps = {
   variant?: 'anchor' | 'button';
   icon?: IconComponent;
-  color?: 'primary' | 'white' | 'neutral';
+  color?: 'primary' | 'white' | 'neutral' | 'negative' | 'positive';
   iconPosition?: 'left' | 'right';
   isDisabled?: boolean;
   onClick?: (event: SyntheticEvent) => void;