Merge pull request #4696 from GeekyAnts/fix/text-selection-button

fix: added a new prop to disable text selection

Author: surajahmed

src/theme/components/button.ts

@@ -26,6 +26,7 @@ const baseStyle = (props: any) => {
         cursor: 'not-allowed',
       },
       cursor: 'pointer',
+      userSelect: 'none',
     },
     _text: {
       fontWeight: 'medium',

src/theme/styled-system.ts

@@ -571,6 +571,7 @@ const extraProps = {
   },
   cursor: true,
   overflow: true,
+  userSelect: { property: 'userSelect' },
 } as const;
 
 export const propConfig = {