feat: Replace border-gray-300 with border-neutral (#716)

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}`;
 

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)

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}

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 {

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;
 }