@bitrise/bitkit 9.3.0-alpha.2 → 9.3.0-alpha.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.3.0-alpha.2",
+  "version": "9.3.0-alpha.3",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "lib/cjs/index.js",
   "esnext": "lib/esn/index.js",

package/site/components/Documentation/Components/SectionButton2.tsx

@@ -34,14 +34,14 @@
         <>
           <Base margin="x12">
             <Buttons alignChildrenVertical="end" margin="x3">
-              <Button2 as="a" href="https://www.bitrise.io" size="small" target="_blank">Primary</Button2>
+              <Button2 as="a" href="https://www.bitrise.io" onClick={ (e) => console.log(e) } size="small" target="_blank">Primary</Button2>
               <Button2 disabled size="small" variant="primary">Disabled</Button2>
-              <Button2 size="medium" variant="primary">Primary</Button2>
+              <Button2 size="medium" type="submit" variant="primary">Primary</Button2>
               <Button2 disabled size="medium" variant="primary">Disabled</Button2>
             </Buttons>
 
             <Buttons alignChildrenVertical="end" margin="x3">
-              <Button2 size="small" variant="secondary">Secondary</Button2>
+              <Button2 onClick={ () => alert('onClick') } size="small" variant="secondary">Secondary</Button2>
               <Button2 disabled size="small" variant="secondary">Disabled</Button2>
               <Button2 size="medium" variant="secondary">Secondary</Button2>
               <Button2 disabled size="medium" variant="secondary">Disabled</Button2>

package/src/Button2/Button2.tsx

@@ -5,19 +5,12 @@ import { Button as ChakraButton, ButtonProps } from '@chakra-ui/react';
 interface Props extends Pick<ButtonProps, 'as' | 'disabled' | 'leftIcon' | 'rightIcon' |'sx'> {
     children: ButtonProps['children'];
     href?: string;
-    /**
-     * Allows the Button to fill the container space rather than shrinking
-     * down to the content
-     */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
-    /**
-     * Sets the size of the Button. Small allows the Button to fit
-     * into smaller spaces, while large will help the button stand
-     * out on a page with lots of space.
-     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void;
     size?: 'small' | 'medium';
     target?: '_blank' | '_parent' | '_self' | '_top';
-}
+    type?: ButtonProps['type'];
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
+  }
 
 const Button2 = (props: Props) => {
   const defaults = {