From a95200a2029d5de70b206a2d6acd375883c4b947 Mon Sep 17 00:00:00 2001
From: Anshul Goel <anshul.go87@gmail.com>
Date: Mon, 30 Jan 2023 18:07:20 +0530
Subject: [PATCH] some fixes and updates

---
 packages/@holaplexui-react/package.json            |  2 +-
 .../@holaplexui-react/src/components/Button.tsx    | 14 ++++++++------
 .../@holaplexui-react/src/components/Popover.tsx   |  2 +-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/@holaplexui-react/package.json b/packages/@holaplexui-react/package.json
index 4a90e50..9d1a79d 100644
--- a/packages/@holaplexui-react/package.json
+++ b/packages/@holaplexui-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@holaplex/ui-library-react",
   "author": "Holaplex Inc.",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Holaplex react ui library components",
   "private": false,
   "files": [
diff --git a/packages/@holaplexui-react/src/components/Button.tsx b/packages/@holaplexui-react/src/components/Button.tsx
index 2a74f91..1351d9a 100644
--- a/packages/@holaplexui-react/src/components/Button.tsx
+++ b/packages/@holaplexui-react/src/components/Button.tsx
@@ -1,21 +1,21 @@
 import clsx from 'clsx';
-import { useMemo } from 'react';
+import { ReactElement, useMemo } from 'react';
 import { Spinner } from './Spinner';
 
 export interface ButtonProps {
-  variant?: 'primary' | 'secondary' | 'success' | 'failure' | 'link';
+  variant?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'failure' | 'link';
   size?: 'small' | 'medium' | 'large';
-  border: 'circle' | 'rounded' | 'square';
+  border?: 'circle' | 'rounded' | 'square';
   loading?: boolean;
   block?: boolean;
-  icon?: React.ReactElement;
-  spinner?: React.ReactElement;
+  icon?: ReactElement;
+  spinner?: ReactElement;
   onClick?: () => any;
   disabled?: boolean;
   circle?: boolean;
   htmlType?: 'button' | 'submit' | 'reset' | undefined;
   className?: string;
-  children?: string;
+  children?: ReactElement;
 }
 
 export const Button = ({
@@ -69,6 +69,8 @@ export const Button = ({
         return 'button-variant-primary';
       case 'secondary':
         return 'button-variant-secondary';
+      case 'tertiary':
+        return 'button-variant-tertiary';
       case 'link':
         return 'button-variant-link';
       case 'success':
diff --git a/packages/@holaplexui-react/src/components/Popover.tsx b/packages/@holaplexui-react/src/components/Popover.tsx
index e801ecd..316f435 100644
--- a/packages/@holaplexui-react/src/components/Popover.tsx
+++ b/packages/@holaplexui-react/src/components/Popover.tsx
@@ -31,7 +31,7 @@ export function PopoverBox({
         >
           <ul className="popover overflow-hidden">
             {elements.map((element) => (
-              <li key={element.key} className="w-full">
+              <li key={element.key} className="cursor-pointer">
                 {element}
               </li>
             ))}