From e12d0a94e8b9ee99574a9fc5ff64398cae44e9dd Mon Sep 17 00:00:00 2001
From: Nidhi Kumari <menidhikjha@gmail.com>
Date: Wed, 27 Jul 2022 22:16:13 +0530
Subject: [PATCH] Updates to stories and component (#15357)

* Updates to stories and component

* removed SECONDARY color options

Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
---
 ui/components/ui/box/box.js | 25 ++++++-------------------
 1 file changed, 6 insertions(+), 19 deletions(-)

diff --git a/ui/components/ui/box/box.js b/ui/components/ui/box/box.js
index 713b2d03f..b2157338f 100644
--- a/ui/components/ui/box/box.js
+++ b/ui/components/ui/box/box.js
@@ -25,27 +25,18 @@ export const BackgroundColors = [
   COLORS.PRIMARY_DEFAULT,
   COLORS.PRIMARY_ALTERNATIVE,
   COLORS.PRIMARY_MUTED,
-  COLORS.PRIMARY_DISABLED,
-  COLORS.SECONDARY_DEFAULT,
-  COLORS.SECONDARY_ALTERNATIVE,
-  COLORS.SECONDARY_MUTED,
-  COLORS.SECONDARY_DISABLED,
   COLORS.ERROR_DEFAULT,
   COLORS.ERROR_ALTERNATIVE,
   COLORS.ERROR_MUTED,
-  COLORS.ERROR_DISABLED,
   COLORS.WARNING_DEFAULT,
   COLORS.WARNING_ALTERNATIVE,
   COLORS.WARNING_MUTED,
-  COLORS.WARNING_DISABLED,
   COLORS.SUCCESS_DEFAULT,
   COLORS.SUCCESS_ALTERNATIVE,
   COLORS.SUCCESS_MUTED,
-  COLORS.SUCCESS_DISABLED,
   COLORS.INFO_DEFAULT,
   COLORS.INFO_ALTERNATIVE,
   COLORS.INFO_MUTED,
-  COLORS.INFO_DISABLED,
   COLORS.MAINNET,
   COLORS.ROPSTEN,
   COLORS.KOVAN,
@@ -60,27 +51,18 @@ export const BorderColors = [
   COLORS.PRIMARY_DEFAULT,
   COLORS.PRIMARY_ALTERNATIVE,
   COLORS.PRIMARY_MUTED,
-  COLORS.PRIMARY_DISABLED,
-  COLORS.SECONDARY_DEFAULT,
-  COLORS.SECONDARY_ALTERNATIVE,
-  COLORS.SECONDARY_MUTED,
-  COLORS.SECONDARY_DISABLED,
   COLORS.ERROR_DEFAULT,
   COLORS.ERROR_ALTERNATIVE,
   COLORS.ERROR_MUTED,
-  COLORS.ERROR_DISABLED,
   COLORS.WARNING_DEFAULT,
   COLORS.WARNING_ALTERNATIVE,
   COLORS.WARNING_MUTED,
-  COLORS.WARNING_DISABLED,
   COLORS.SUCCESS_DEFAULT,
   COLORS.SUCCESS_ALTERNATIVE,
   COLORS.SUCCESS_MUTED,
-  COLORS.SUCCESS_DISABLED,
   COLORS.INFO_DEFAULT,
   COLORS.INFO_ALTERNATIVE,
   COLORS.INFO_MUTED,
-  COLORS.INFO_DISABLED,
   COLORS.MAINNET,
   COLORS.ROPSTEN,
   COLORS.KOVAN,
@@ -245,6 +227,7 @@ export default function Box({
   children,
   className,
   backgroundColor,
+  ...props
 }) {
   const boxClassName = classnames(
     BASE_CLASS_NAME,
@@ -301,7 +284,11 @@ export default function Box({
   if (typeof children === 'function') {
     return children(boxClassName);
   }
-  return <div className={boxClassName}>{children}</div>;
+  return (
+    <div className={boxClassName} {...props}>
+      {children}
+    </div>
+  );
 }
 
 Box.propTypes = {