arengibook 0.0.15 → 0.0.17

package/dist/index.js

@@ -1254,16 +1254,19 @@ function styleInject(css, ref) {
 var css_248z = ".storybook-button {\n  display: inline-block;\n  cursor: pointer;\n  border: 0;\n  border-radius: 3em;\n  font-weight: 700;\n  line-height: 1;\n  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.storybook-button--primary {\n  background-color: #555ab9;\n  color: white;\n}\n.storybook-button--secondary {\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n  background-color: transparent;\n  color: #333;\n}\n.storybook-button--small {\n  padding: 10px 16px;\n  font-size: 12px;\n}\n.storybook-button--medium {\n  padding: 11px 20px;\n  font-size: 14px;\n}\n.storybook-button--large {\n  padding: 12px 24px;\n  font-size: 16px;\n}\n";
 styleInject(css_248z);
 
-const _excluded = ["primary", "backgroundColor", "borderRadius", "size", "label"];
+const _excluded = ["label", "primary", "size", "backgroundColor", "borderRadius", "onClick"];
 
-/** Primary UI component for user interaction */
+/**
+ * Reusable button component
+ */
 const Button = _ref => {
   let {
+      label,
       primary = false,
-      backgroundColor = null,
-      borderRadius = 10,
       size = 'medium',
-      label
+      backgroundColor = null,
+      borderRadius = 8,
+      onClick
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
@@ -1273,22 +1276,30 @@ const Button = _ref => {
     style: {
       backgroundColor,
       borderRadius
-    }
+    },
+    onClick: onClick
   }, props), label);
 };
 Button.propTypes = {
-  /** Is this the principal call to action on the page? */
+  /** Text inside the button */
+  label: PropTypes.string.isRequired,
+  /** Primary button styling */
   primary: PropTypes.bool,
-  /** What background color to use */
-  backgroundColor: PropTypes.string,
-  /** How large should the button be? */
+  /** Size of the button */
   size: PropTypes.oneOf(['small', 'medium', 'large']),
-  /** Button contents */
-  label: PropTypes.string.isRequired,
-  /** Optional click handler */
-  onClick: PropTypes.func,
-  /** Je test mon border-radius */
-  borderRadius: PropTypes.number
+  /** Custom background color */
+  backgroundColor: PropTypes.string,
+  /** Border radius in px */
+  borderRadius: PropTypes.number,
+  /** Click handler */
+  onClick: PropTypes.func
+};
+Button.defaultProps = {
+  primary: false,
+  size: 'medium',
+  backgroundColor: null,
+  borderRadius: 8,
+  onClick: undefined
 };
 
 export { Button };

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "0.0.15",
+  "version": "0.0.17",
   "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.js",
   "exports": {
-    "import": "./dist/index.js",
-    "require": "./dist/index.js"
+    ".": "./dist/index.js"
   },
   "files": [
     "dist"