@occmundial/occ-atomic 2.0.0-beta.1 → 2.0.0-beta.2

package/build/Button/__snapshots__/Button.test.js.snap

@@ -0,0 +1,334 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Button styles matches the snapshot 1`] = `
+Object {
+  "@keyframes iconRotate": Object {
+    "from": Object {
+      "transform": "rotate(0deg)",
+    },
+    "to": Object {
+      "transform": "rotate(360deg)",
+    },
+  },
+  "block": Object {
+    "display": "block",
+    "width": "100%",
+  },
+  "btn": Object {
+    "&:focus": Object {
+      "outline": "none",
+    },
+    "&:hover": Object {
+      "textDecoration": "none",
+    },
+    "border": 0,
+    "borderRadius": "4px",
+    "boxSizing": "border-box",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "font": "400 14px/1.5 'OCCText'",
+    "marginBottom": 0,
+    "maxWidth": "100%",
+    "padding": Array [
+      "12px",
+      "16px",
+    ],
+    "position": "relative",
+    "textAlign": "center",
+    "textDecoration": "none",
+    "touchAction": "manipulation",
+    "transition": "0.3s all",
+    "userSelect": "none",
+    "whiteSpace": "nowrap",
+  },
+  "cont": Object {
+    "alignItems": "center",
+    "display": "flex",
+    "height": "100%",
+    "justifyContent": "center",
+    "pointerEvents": "none",
+    "width": "100%",
+  },
+  "disabled": Object {
+    "cursor": "default",
+    "pointerEvents": "none",
+  },
+  "ghostGrey": Object {
+    "& $loadIcon": Object {
+      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgICAgICAgICAgCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9CiAgICAgICAgICAgIDwvc3R5bGU+CiAgICAgICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjEiIHkxPSIxMiIgeDI9IjMiIHkyPSIxMiI+CiAgICAgICAgICAgIAk8c3RvcCAgb2Zmc2V0PSIwLjE3NzgiIHN0eWxlPSJzdG9wLWNvbG9yOiM1QTVEN0I7c3RvcC1vcGFjaXR5OjAiLz4KICAgICAgICAgICAgCTxzdG9wICBvZmZzZXQ9IjAuMjI3MSIgc3R5bGU9InN0b3AtY29sb3I6IzVBNUQ3QjtzdG9wLW9wYWNpdHk6MC4xIi8+CiAgICAgICAgICAgIAk8c3RvcCAgb2Zmc2V0PSIwLjMxNTciIHN0eWxlPSJzdG9wLWNvbG9yOiM1QTVEN0I7c3RvcC1vcGFjaXR5OjAuNCIvPgogICAgICAgICAgICAJPHN0b3AgIG9mZnNldD0iMC40NTI1IiBzdHlsZT0ic3RvcC1jb2xvcjojNUE1RDdCO3N0b3Atb3BhY2l0eTowLjciLz4KICAgICAgICAgICAgCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzVBNUQ3QiIvPgogICAgICAgICAgICAJPHN0b3AgIG9mZnNldD0iMC45Mjc4IiBzdHlsZT0ic3RvcC1jb2xvcjojNUE1RDdCIi8+CiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOS4xLDEyYzAuMSw0LTMuMSw3LjItNy4xLDcuMlM0LjgsMTYsNC44LDEyUzgsNC44LDEyLDQuOFYzYy01LDAtOSw0LTksOXM0LDksOSw5czktNCw5LTlIMTkuMXoiLz4KICAgICAgICAgICAgPC9zdmc+)",
+    },
+    "& i": Object {
+      "background": [Function],
+    },
+    "&$disabled": Object {
+      "background": "transparent",
+      "color": "#878A9F",
+    },
+    "&$disabled i": Object {
+      "background": [Function],
+    },
+    "&:active": Object {
+      "background": "hsl(234 75.4% 12.7% / 0.1)",
+    },
+    "&:hover": Object {
+      "background": "hsl(234 75.4% 12.7% / 0.05)",
+    },
+    "&:not(:active):focus-visible": Object {
+      "boxShadow": "0 0 0 8px hsl(234 75.4% 12.7% / 0.1)",
+    },
+    "background": "transparent",
+    "color": "#5A5D7B",
+  },
+  "ghostPink": Object {
+    "& $loadIcon": Object {
+      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgICAgICAgICAgCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9CiAgICAgICAgICAgIDwvc3R5bGU+CiAgICAgICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjEiIHkxPSIxMiIgeDI9IjMiIHkyPSIxMiI+CiAgICAgICAgICAgIAk8c3RvcCAgb2Zmc2V0PSIwLjE3NzgiIHN0eWxlPSJzdG9wLWNvbG9yOiNmMTM0NjU7c3RvcC1vcGFjaXR5OjAiLz4KICAgICAgICAgICAgCTxzdG9wICBvZmZzZXQ9IjAuMjI3MSIgc3R5bGU9InN0b3AtY29sb3I6I2YxMzQ2NTtzdG9wLW9wYWNpdHk6MC4xIi8+CiAgICAgICAgICAgIAk8c3RvcCAgb2Zmc2V0PSIwLjMxNTciIHN0eWxlPSJzdG9wLWNvbG9yOiNmMTM0NjU7c3RvcC1vcGFjaXR5OjAuNCIvPgogICAgICAgICAgICAJPHN0b3AgIG9mZnNldD0iMC40NTI1IiBzdHlsZT0ic3RvcC1jb2xvcjojZjEzNDY1O3N0b3Atb3BhY2l0eTowLjciLz4KICAgICAgICAgICAgCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6I2YxMzQ2NSIvPgogICAgICAgICAgICAJPHN0b3AgIG9mZnNldD0iMC45Mjc4IiBzdHlsZT0ic3RvcC1jb2xvcjojZjEzNDY1Ii8+CiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOS4xLDEyYzAuMSw0LTMuMSw3LjItNy4xLDcuMlM0LjgsMTYsNC44LDEyUzgsNC44LDEyLDQuOFYzYy01LDAtOSw0LTksOXM0LDksOSw5czktNCw5LTlIMTkuMXoiLz4KICAgICAgICAgICAgPC9zdmc+)",
+    },
+    "& i": Object {
+      "background": [Function],
+    },
+    "&$disabled": Object {
+      "& i": Object {
+        "background": [Function],
+      },
+      "background": "transparent !important",
+      "border": "none !important",
+      "color": "#f13465 !important",
+    },
+    "&:hover, &:active": Object {
+      "& i": Object {
+        "background": [Function],
+      },
+      "color": "#cc1b4a",
+    },
+    "background": "transparent",
+    "border": "none",
+    "color": "#f13465",
+    "paddingLeft": 0,
+    "paddingRight": 0,
+  },
+  "ghostWhite": Object {
+    "& i": Object {
+      "background": [Function],
+    },
+    "&$disabled": Object {
+      "background": "transparent",
+      "color": "rgba(255,255,255,0.7)",
+    },
+    "&$disabled i": Object {
+      "background": [Function],
+    },
+    "&:active": Object {
+      "background": "rgba(255,255,255,0.1)",
+    },
+    "&:hover": Object {
+      "background": "rgba(255,255,255,0.05)",
+    },
+    "&:not(:active):focus-visible": Object {
+      "boxShadow": "0 0 0 8px rgba(255,255,255,0.2)",
+    },
+    "background": "transparent",
+    "color": "#fff",
+  },
+  "icon": Object {
+    "display": "inline-block",
+    "height": 16,
+    "marginRight": "8px",
+    "transition": "0.3s all",
+    "width": 16,
+  },
+  "iconOnly": Object {
+    "& i": Object {
+      "marginRight": 0,
+    },
+    "padding": Array [
+      "8px",
+      "8px",
+    ],
+  },
+  "iconRight": Object {
+    "display": "inline-block",
+    "height": 16,
+    "marginLeft": "8px",
+    "transition": "0.3s all",
+    "width": 16,
+  },
+  "lg": Object {
+    "& i": Object {
+      "height": 24,
+      "width": 24,
+    },
+    "&$iconOnly": Object {
+      "padding": Array [
+        "12px",
+        "12px",
+      ],
+    },
+    "font": "400 18px/1.5 'OCCText'",
+    "padding": Array [
+      "12px",
+      "32px",
+    ],
+  },
+  "loadCont": Object {
+    "alignItems": "center",
+    "display": "flex",
+    "height": "100%",
+    "justifyContent": "center",
+    "left": 0,
+    "pointerEvents": "none",
+    "position": "absolute",
+    "top": 0,
+    "width": "100%",
+  },
+  "loadIcon": Object {
+    "fill": "#fff",
+    "height": 24,
+    "width": 24,
+  },
+  "loading": Object {
+    "& $cont": Object {
+      "visibility": "hidden",
+    },
+    "pointerEvents": "none",
+  },
+  "md": Object {
+    "& i": Object {
+      "height": 24,
+      "width": 24,
+    },
+    "&$iconOnly": Object {
+      "padding": Array [
+        "8px",
+        "8px",
+      ],
+    },
+    "font": "400 16px/1.5 'OCCText'",
+    "padding": Array [
+      "12px",
+      "24px",
+    ],
+  },
+  "primary": Object {
+    "& i": Object {
+      "background": [Function],
+    },
+    "&$disabled": Object {
+      "background": "#F6809E",
+      "color": "rgba(255,255,255,0.7)",
+      "cursor": "not-allowed",
+    },
+    "&$disabled i": Object {
+      "background": [Function],
+    },
+    "&:active": Object {
+      "background": "#821C36",
+    },
+    "&:focus": Object {
+      "outline": "2px solid rgba(255,255,255,0.2)",
+    },
+    "&:hover": Object {
+      "background": "#A32444",
+    },
+    "&:not(:active):focus-visible": Object {
+      "boxShadow": "0 0 0 8px hsl(344 87.1% 57.5% / 0.3)",
+    },
+    "background": "#D32E58",
+    "color": "#fff",
+    "outline": "2px solid rgba(255,255,255,0.2)",
+    "outlineOffset": "-2px",
+  },
+  "round": Object {
+    "borderRadius": "50%",
+  },
+  "secondary": Object {
+    "& $loadIcon": Object {
+      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgICAgICAgICAgCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9CiAgICAgICAgICAgIDwvc3R5bGU+CiAgICAgICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjEiIHkxPSIxMiIgeDI9IjMiIHkyPSIxMiI+CiAgICAgICAgICAgIAk8c3RvcCAgb2Zmc2V0PSIwLjE3NzgiIHN0eWxlPSJzdG9wLWNvbG9yOiMwODNDQUU7c3RvcC1vcGFjaXR5OjAiLz4KICAgICAgICAgICAgCTxzdG9wICBvZmZzZXQ9IjAuMjI3MSIgc3R5bGU9InN0b3AtY29sb3I6IzA4M0NBRTtzdG9wLW9wYWNpdHk6MC4xIi8+CiAgICAgICAgICAgIAk8c3RvcCAgb2Zmc2V0PSIwLjMxNTciIHN0eWxlPSJzdG9wLWNvbG9yOiMwODNDQUU7c3RvcC1vcGFjaXR5OjAuNCIvPgogICAgICAgICAgICAJPHN0b3AgIG9mZnNldD0iMC40NTI1IiBzdHlsZT0ic3RvcC1jb2xvcjojMDgzQ0FFO3N0b3Atb3BhY2l0eTowLjciLz4KICAgICAgICAgICAgCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzA4M0NBRSIvPgogICAgICAgICAgICAJPHN0b3AgIG9mZnNldD0iMC45Mjc4IiBzdHlsZT0ic3RvcC1jb2xvcjojMDgzQ0FFIi8+CiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOS4xLDEyYzAuMSw0LTMuMSw3LjItNy4xLDcuMlM0LjgsMTYsNC44LDEyUzgsNC44LDEyLDQuOFYzYy01LDAtOSw0LTksOXM0LDksOSw5czktNCw5LTlIMTkuMXoiLz4KICAgICAgICAgICAgPC9zdmc+)",
+    },
+    "& i": Object {
+      "background": [Function],
+    },
+    "&$disabled": Object {
+      "background": "hsl(221 91.2% 35.7% / 0.1)",
+      "color": "#486EC3",
+    },
+    "&$disabled i": Object {
+      "background": [Function],
+    },
+    "&:active": Object {
+      "background": "hsl(221 91.2% 35.7% / 0.2)",
+    },
+    "&:hover": Object {
+      "background": "hsl(221 91.2% 35.7% / 0.1)",
+    },
+    "&:not(:active):focus-visible": Object {
+      "boxShadow": "0 0 0 8px hsl(221 91.2% 35.7% / 0.3)",
+    },
+    "background": "hsl(221 91.2% 35.7% / 0.05)",
+    "color": "#083CAE",
+  },
+  "tertiary": Object {
+    "& $loadIcon": Object {
+      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgICAgICAgICAgCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9CiAgICAgICAgICAgIDwvc3R5bGU+CiAgICAgICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjEiIHkxPSIxMiIgeDI9IjMiIHkyPSIxMiI+CiAgICAgICAgICAgIAk8c3RvcCAgb2Zmc2V0PSIwLjE3NzgiIHN0eWxlPSJzdG9wLWNvbG9yOiMwODNDQUU7c3RvcC1vcGFjaXR5OjAiLz4KICAgICAgICAgICAgCTxzdG9wICBvZmZzZXQ9IjAuMjI3MSIgc3R5bGU9InN0b3AtY29sb3I6IzA4M0NBRTtzdG9wLW9wYWNpdHk6MC4xIi8+CiAgICAgICAgICAgIAk8c3RvcCAgb2Zmc2V0PSIwLjMxNTciIHN0eWxlPSJzdG9wLWNvbG9yOiMwODNDQUU7c3RvcC1vcGFjaXR5OjAuNCIvPgogICAgICAgICAgICAJPHN0b3AgIG9mZnNldD0iMC40NTI1IiBzdHlsZT0ic3RvcC1jb2xvcjojMDgzQ0FFO3N0b3Atb3BhY2l0eTowLjciLz4KICAgICAgICAgICAgCTxzdG9wICBvZmZzZXQ9IjAuNTU0NiIgc3R5bGU9InN0b3AtY29sb3I6IzA4M0NBRSIvPgogICAgICAgICAgICAJPHN0b3AgIG9mZnNldD0iMC45Mjc4IiBzdHlsZT0ic3RvcC1jb2xvcjojMDgzQ0FFIi8+CiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOS4xLDEyYzAuMSw0LTMuMSw3LjItNy4xLDcuMlM0LjgsMTYsNC44LDEyUzgsNC44LDEyLDQuOFYzYy01LDAtOSw0LTksOXM0LDksOSw5czktNCw5LTlIMTkuMXoiLz4KICAgICAgICAgICAgPC9zdmc+)",
+    },
+    "& i": Object {
+      "background": [Function],
+    },
+    "&$disabled": Object {
+      "background": "transparent",
+      "color": "#486EC3",
+      "outline": "2px solid #8DA5DA",
+    },
+    "&$disabled i": Object {
+      "background": [Function],
+    },
+    "&:active": Object {
+      "background": "hsl(221 91.2% 35.7% / 0.1)",
+    },
+    "&:focus": Object {
+      "outline": "2px solid #083CAE",
+    },
+    "&:hover": Object {
+      "background": "hsl(221 91.2% 35.7% / 0.05)",
+    },
+    "&:not(:active):focus-visible": Object {
+      "boxShadow": "0 0 0 8px hsl(221 91.2% 35.7% / 0.3)",
+    },
+    "background": "transparent",
+    "color": "#083CAE",
+    "outline": "2px solid #083CAE",
+    "outlineOffset": "-2px",
+  },
+  "tertiaryWhite": Object {
+    "& i": Object {
+      "background": [Function],
+    },
+    "&$disabled": Object {
+      "background": "transparent",
+      "color": "rgba(255,255,255,0.7)",
+    },
+    "&$disabled i": Object {
+      "background": [Function],
+    },
+    "&:active": Object {
+      "background": "rgba(255,255,255,0.1)",
+    },
+    "&:focus": Object {
+      "outline": "2px solid #fff",
+    },
+    "&:hover": Object {
+      "background": "rgba(255,255,255,0.05)",
+    },
+    "&:not(:active):focus-visible": Object {
+      "boxShadow": "0 0 0 8px rgba(255,255,255,0.2)",
+    },
+    "background": "transparent",
+    "color": "#fff",
+    "outline": "2px solid #fff",
+    "outlineOffset": "-2px",
+  },
+}
+`;
+
+exports[`ButtonJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Button/index.js

@@ -5,9 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _reactJss = _interopRequireDefault(require("react-jss"));
+
 var _Button = _interopRequireDefault(require("./Button"));
 
+var _styles = _interopRequireDefault(require("./styles"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = _Button["default"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var StyledButton = (0, _reactJss["default"])(_styles["default"])(_Button["default"]); // eslint-disable-next-line
+
+var _Button$propTypes = _Button["default"].propTypes,
+    classes = _Button$propTypes.classes,
+    propTypes = _objectWithoutProperties(_Button$propTypes, ["classes"]);
+
+StyledButton.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledButton.propTypes);
+var _default = StyledButton;
 exports["default"] = _default;