fix feedback from design walkthrough (#13763)

# Address design review feedback

GitOrigin-RevId: c25cd69b5f79cda5f0ef5191e3fa132eb949cbce

packages/ui/src/components/Select.tsx

@@ -168,9 +168,7 @@ export function Select<
         ref={selectRef}
         components={{
           DropdownIndicator: () => <Icon name="Chevron" width={16} />,
-          // Option: (option) => {
-          //   return <div>Option</div>;
-          // },
+          ...rest.components,
         }}
         theme={(selectTheme) => ({
           ...selectTheme,

packages/ui/src/icons/ReceiptCheck.tsx

@@ -0,0 +1,21 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+export function ReceiptCheck() {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.75 14.75H15.25M9.875 9.50001L11.4583 11.0834L14.625 7.91669M5.75 2.75H18.25C18.8023 2.75 19.25 3.19772 19.25 3.75V21.25L16.6667 19L14.3333 21.25L12 19L9.66667 21.25L7.33333 19L4.75 21.25V3.75C4.75 3.19772 5.19772 2.75 5.75 2.75Z"
+        stroke="black"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

packages/ui/src/icons/ShieldCheckLite.tsx

@@ -0,0 +1,21 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+export function ShieldCheckLite() {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.25 11.4999L11 13.2499L14.75 9.49986M20.25 11.9122V6.22062C20.25 5.79019 19.9746 5.40805 19.5662 5.27194L12.3162 2.85527C12.111 2.78685 11.889 2.78685 11.6838 2.85527L4.43377 5.27194C4.02543 5.40805 3.75 5.79019 3.75 6.22062V11.9122C3.75 16.8847 8 19.2499 12 21.4078C16 19.2499 20.25 16.8847 20.25 11.9122Z"
+        stroke="#16171A"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

packages/ui/src/icons/ZapLite.tsx

@@ -0,0 +1,20 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+export function ZapLite() {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M19.7977 8.74998H13.7499C13.4738 8.74998 13.2499 8.52612 13.2499 8.24998V2.35568C13.2499 1.86503 12.6168 1.6679 12.3383 2.07181L3.79055 14.4661C3.5618 14.7978 3.79923 15.25 4.20215 15.25H10.2499C10.526 15.25 10.7499 15.4739 10.7499 15.75V21.6443C10.7499 22.135 11.3829 22.3321 11.6615 21.9282L20.2093 9.53385C20.4381 9.20216 20.2006 8.74998 19.7977 8.74998Z"
+        stroke="#16171A"
+        strokeWidth="1.5"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

packages/ui/src/icons/index.tsx

@@ -99,6 +99,7 @@ export { QuestionCircle } from "./QuestionCircle.js";
 export { QuestionCircleStrong } from "./QuestionCircleStrong.js";
 export { ReactTwoTone } from "./ReactTwoTone.js";
 export { ReceiptBill } from "./ReceiptBill.js";
+export { ReceiptCheck } from "./ReceiptCheck.js";
 export { Recycling } from "./Recycling.js";
 export { Remove } from "./Remove.js";
 export { Restart } from "./Restart.js";
@@ -112,6 +113,7 @@ export { Selector } from "./Selector.js";
 export { SemiCircleOverlap } from "./SemiCircleOverlap.js";
 export { Share } from "./Share.js";
 export { ShieldCheck } from "./ShieldCheck.js";
+export { ShieldCheckLite } from "./ShieldCheckLite.js";
 export { Sidebar } from "./Sidebar.js";
 export { Sort } from "./Sort.js";
 export { SparklesSoft } from "./SparklesSoft.js";
@@ -129,3 +131,4 @@ export { WalletSDKIcon } from "./WalletSDKIcon.js";
 export { WarningSign } from "./WarningSign.js";
 export { WhatsApp } from "./WhatsApp.js";
 export { Zap } from "./Zap.js";
+export { ZapLite } from "./ZapLite.js";