From 179121336682021e1959a6aba71bf67052a7dd89 Mon Sep 17 00:00:00 2001
From: Nathaniel Waldschmidt
 <77284592+NateWaldschmidt@users.noreply.github.com>
Date: Tue, 30 Jan 2024 14:12:08 -0600
Subject: [PATCH] feat: add upgrade button link (#436)

---
 CHANGELOG.md                        | 4 ++++
 package-lock.json                   | 2 +-
 package.json                        | 2 +-
 src/components/Link/Link.stories.js | 6 ++++++
 src/components/Link/Link.vue        | 8 ++++++++
 5 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 42016af34..042c92b29 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v2.0.3
+
+- Adds link variant `upgrade-button`.
+
 ## v2.0.2
 
 - Adds button variant `Upgrade`.
diff --git a/package-lock.json b/package-lock.json
index 171f771cb..3434509d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@lob/ui-components",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
diff --git a/package.json b/package.json
index e84512da4..c2c68db37 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lob/ui-components",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "engines": {
     "node": ">=20.2.0",
     "npm": ">=10.2.0"
diff --git a/src/components/Link/Link.stories.js b/src/components/Link/Link.stories.js
index 344eb9416..c1c9802ab 100644
--- a/src/components/Link/Link.stories.js
+++ b/src/components/Link/Link.stories.js
@@ -41,6 +41,7 @@ export default {
       options: [
         'link',
         'primary-button',
+        'upgrade-button',
         'secondary-button',
         'quiet-button',
         'ghost-button',
@@ -92,6 +93,11 @@ StyledAsPrimaryButton.args = {
   variant: 'primary-button',
   content: 'I look like a button'
 };
+export const StyledAsUpgradeButton = Template.bind({});
+StyledAsUpgradeButton.args = {
+  variant: 'upgrade-button',
+  content: 'I look like an upgrade button'
+};
 
 export const StyledAsSecondaryButton = Template.bind({});
 StyledAsSecondaryButton.args = {
diff --git a/src/components/Link/Link.vue b/src/components/Link/Link.vue
index dfaa9e6a8..a512a9a8e 100644
--- a/src/components/Link/Link.vue
+++ b/src/components/Link/Link.vue
@@ -27,6 +27,10 @@
           'bg-black text-white hover:bg-gray-700 hover:text-white active:bg-gray-800 focus:bg-gray-800':
             primaryButton
         },
+        {
+          'bg-[#483AC5] text-white hover:bg-[#6C61D1] active:bg-[#483AC5] focus:bg-[#483AC5]':
+            upgradeButton
+        },
         {
           'bg-white text-gray-800 border border-gray-800 hover:bg-gray-50 hover:text-gray-800 focus:border-gray-800 active:bg-gray-100 focus:bg-gray-100':
             secondaryButton
@@ -80,6 +84,7 @@ export default {
         return [
           'link',
           'primary-button',
+          'upgrade-button',
           'secondary-button',
           'quiet-button',
           'ghost-button',
@@ -142,6 +147,9 @@ export default {
     primaryButton() {
       return this.variant === 'primary-button';
     },
+    upgradeButton() {
+      return this.variant === 'upgrade-button';
+    },
     secondaryButton() {
       return this.variant === 'secondary-button';
     },