From bad87a4f2f97c6d66c7d7ac5d239ba63f00d06e5 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Tue, 2 Nov 2021 19:55:28 +0530
Subject: [PATCH] feat: Replace border-gray-300 with border-neutral (#716)

---
 app/assets/javascripts/components/FloatingLabelInput.tsx   | 2 +-
 app/assets/javascripts/components/NotesListOptionsMenu.tsx | 2 +-
 app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx   | 2 +-
 app/assets/stylesheets/_menus.scss                         | 2 +-
 app/assets/stylesheets/_sn.scss                            | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/components/FloatingLabelInput.tsx b/app/assets/javascripts/components/FloatingLabelInput.tsx
index 024c70656..4bde0c292 100644
--- a/app/assets/javascripts/components/FloatingLabelInput.tsx
+++ b/app/assets/javascripts/components/FloatingLabelInput.tsx
@@ -44,7 +44,7 @@ export const FloatingLabelInput: FunctionComponent<Props> = forwardRef(
 
     const INPUT_CLASSNAME = `w-full h-full ${
       focused || value ? 'pt-6 pb-2' : 'py-2.5'
-    } px-3 text-input border-1 border-solid border-gray-300 rounded placeholder-medium text-input focus:ring-info ${
+    } px-3 text-input border-1 border-solid border-neutral rounded placeholder-medium text-input focus:ring-info ${
       isInvalid ? 'border-dark-red placeholder-dark-red' : ''
     } ${inputClassName}`;
 
diff --git a/app/assets/javascripts/components/NotesListOptionsMenu.tsx b/app/assets/javascripts/components/NotesListOptionsMenu.tsx
index 1d22e14f2..5c9ddc0e4 100644
--- a/app/assets/javascripts/components/NotesListOptionsMenu.tsx
+++ b/app/assets/javascripts/components/NotesListOptionsMenu.tsx
@@ -17,7 +17,7 @@ export const NotesListOptionsMenu: FunctionComponent<Props> = observer(
   ({ setShowMenuFalse, application }) => {
     const menuClassName =
       'sn-dropdown sn-dropdown--animated min-w-70 overflow-y-auto \
-border-1 border-solid border-gray-300 text-sm z-index-dropdown-menu \
+border-1 border-solid border-neutral text-sm z-index-dropdown-menu \
 flex flex-col py-2 bottom-0 left-2 absolute';
     const [sortBy, setSortBy] = useState(() =>
       application.getPreference(PrefKey.SortNotesBy, CollectionSort.CreatedAt)
diff --git a/app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx b/app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx
index a8539c51e..3ca2eb232 100644
--- a/app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx
+++ b/app/assets/javascripts/purchaseFlow/PurchaseFlowView.tsx
@@ -36,7 +36,7 @@ export const PurchaseFlowView: FunctionComponent<PurchaseFlowViewProps> =
     return (
       <div className="flex items-center justify-center h-full w-full absolute top-left-0 z-index-purchase-flow bg-grey-2">
         <div className="relative fit-content">
-          <div className="relative p-12 mb-4 bg-default border-1 border-solid border-gray-300 rounded">
+          <div className="relative p-12 mb-4 bg-default border-1 border-solid border-neutral rounded">
             <SNLogoFull className="mb-5" />
             <PurchaseFlowPaneSelector
               currentPane={currentPane}
diff --git a/app/assets/stylesheets/_menus.scss b/app/assets/stylesheets/_menus.scss
index b79039dbd..ba5629b91 100644
--- a/app/assets/stylesheets/_menus.scss
+++ b/app/assets/stylesheets/_menus.scss
@@ -28,7 +28,7 @@
 .sn-menu-border {
   @extend .border-1;
   @extend .border-solid;
-  @extend .border-gray-300;
+  @extend .border-neutral;
 }
 
 .sn-account-menu-headline {
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index fb1d648a1..734aecb90 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -82,7 +82,7 @@
   @extend .text-input;
   @extend .color-text;
   @extend .border-solid;
-  @extend .border-gray-300;
+  @extend .border-neutral;
   @extend .border-1;
   @extend .min-w-55;
 }