Adding background/default to BorderColor enum to prevent propType error and updating tests (#19571)

ui/components/multichain/account-picker/account-picker.js

@@ -13,7 +13,7 @@ import {
   AlignItems,
   BackgroundColor,
   BorderRadius,
-  DISPLAY,
+  Display,
   FontWeight,
   IconColor,
   Size,
@@ -31,7 +31,7 @@ export const AccountPicker = ({ address, name, onClick, disabled }) => {
       borderRadius={BorderRadius.LG}
       ellipsis
       textProps={{
-        display: DISPLAY.FLEX,
+        display: Display.Flex,
         gap: 2,
         alignItems: AlignItems.center,
       }}

ui/components/multichain/account-picker/account-picker.test.js

@@ -10,6 +10,7 @@ const DEFAULT_PROPS = {
   name: 'Account 1',
   address: '0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc',
   onClick: () => undefined,
+  disabled: false,
 };
 
 const render = (props = {}, state = {}) => {

ui/helpers/constants/design-system.ts

@@ -106,6 +106,7 @@ export enum BorderColor {
   lineaTestnet = 'lineatestnet',
   transparent = 'transparent',
   localhost = 'localhost',
+  backgroundDefault = 'background-default', // exception for border color when element is meant to look "cut out"
 }
 
 export enum TextColor {