@digigov/ui 0.8.4 → 0.9.0

package/core/Accordion/index.js

@@ -2,80 +2,126 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AccordionItemSummary = exports.AccordionItemDetails = exports.AccordionItem = exports.Accordion = void 0;
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function get() {
+    return _Accordion["default"];
+  }
+});
+Object.defineProperty(exports, "AccordionControls", {
+  enumerable: true,
+  get: function get() {
+    return _AccordionControls["default"];
+  }
+});
+exports.AccordionItemSummary = exports.AccordionItemDetails = exports.AccordionItem = void 0;
+Object.defineProperty(exports, "AccordionSection", {
+  enumerable: true,
+  get: function get() {
+    return _AccordionSection["default"];
+  }
+});
+Object.defineProperty(exports, "AccordionSectionContent", {
+  enumerable: true,
+  get: function get() {
+    return _AccordionSectionContent["default"];
+  }
+});
+Object.defineProperty(exports, "AccordionSectionHeader", {
+  enumerable: true,
+  get: function get() {
+    return _AccordionSectionHeader["default"];
+  }
+});
+exports.useAccordion = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _styles = require("@material-ui/core/styles");
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
+var _Accordion = _interopRequireDefault(require("@digigov/react-core/Accordion"));
 
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
+var _AccordionSection = _interopRequireDefault(require("@digigov/react-core/AccordionSection"));
 
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _AccordionSectionContent = _interopRequireDefault(require("@digigov/react-core/AccordionSectionContent"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
+var _AccordionSectionHeader = _interopRequireDefault(require("@digigov/react-core/AccordionSectionHeader"));
 
-var AccordionItemDetails = function AccordionItemDetails(_ref) {
-  var children = _ref.children,
-      className = _ref.className;
-  return /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], {
-    className: className
-  }, children);
-};
+var _AccordionControls = _interopRequireDefault(require("@digigov/react-core/AccordionControls"));
 
-exports.AccordionItemDetails = AccordionItemDetails;
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null);
-
-var AccordionItemSummary = function AccordionItemSummary(_ref2) {
-  var children = _ref2.children,
-      className = _ref2.className,
-      _ref2$icon = _ref2.icon,
-      icon = _ref2$icon === void 0 ? _ref3 : _ref2$icon;
-  return /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
-    className: className,
-    expandIcon: icon
-  }, children);
-};
+var _useTogglableSections2 = require("@digigov/ui/hooks/useTogglableSections");
 
-exports.AccordionItemSummary = AccordionItemSummary;
-var useAccordionItemStyles = (0, _styles.makeStyles)(function () {
-  return {
-    root: {}
-  };
-});
+var _react = _interopRequireWildcard(require("react"));
 
-var AccordionItem = function AccordionItem(_ref4) {
-  var children = _ref4.children,
-      className = _ref4.className;
-  var classes = useAccordionItemStyles();
-  return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], {
-    className: (0, _clsx["default"])(className, classes.root)
-  }, children);
-};
+var _excluded = ["register", "setOpened", "opened", "registered"];
 
-exports.AccordionItem = AccordionItem;
-var useAccordionStyles = (0, _styles.makeStyles)(function () {
-  return {
-    root: {
-      width: '100%'
-    }
-  };
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var AccordionItemDetails = (0, _withDeprecation["default"])(_AccordionSectionContent["default"], {
+  name: 'AccordionItemDetails',
+  rename: '@digigov/react-core/AccordionSectionContent.\nYou need to install the `@digigov/react-core` library to use this new component.'
 });
+exports.AccordionItemDetails = AccordionItemDetails;
+var AccordionItemSummary = (0, _withDeprecation["default"])(_AccordionSectionHeader["default"], {
+  name: 'AccordionItemSummary',
+  rename: '@digigov/react-core/AccordionSectionHeader.\nYou need to install the `@digigov/react-core` library to use this new component.'
+});
+exports.AccordionItemSummary = AccordionItemSummary;
+var AccordionItem = (0, _withDeprecation["default"])( /*#__PURE__*/_react["default"].memo(_AccordionSection["default"], function (prev, next) {
+  return prev.open === next.open;
+}), {
+  name: 'AccordionItem',
+  rename: '@digigov/react-core/AccordionSection.\nYou need to install the `@digigov/react-core` library to use this new component.'
+});
+exports.AccordionItem = AccordionItem;
 
-var Accordion = function Accordion(_ref5) {
-  var children = _ref5.children,
-      className = _ref5.className;
-  var classes = useAccordionStyles();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(className, classes.root)
-  }, children);
+var useAccordion = function useAccordion(props) {
+  var _useTogglableSections = (0, _useTogglableSections2.useTogglableSections)({
+    toggleProperty: 'open',
+    onToggleProperty: 'onClick',
+    singleOpen: props && !!props.singleOpen
+  }),
+      register = _useTogglableSections.register,
+      setOpened = _useTogglableSections.setOpened,
+      opened = _useTogglableSections.opened,
+      registered = _useTogglableSections.registered,
+      rest = (0, _objectWithoutProperties2["default"])(_useTogglableSections, _excluded);
+
+  var keys = (0, _react.useMemo)(function () {
+    return Object.keys(registered.current);
+  }, [registered.current.length]);
+  var openAll = (0, _react.useCallback)(function () {
+    setOpened(keys.reduce(function (newOpened, key) {
+      return (0, _extends3["default"])({}, newOpened, (0, _defineProperty2["default"])({}, key, true));
+    }, {}));
+  }, [keys]);
+  var closeAll = (0, _react.useCallback)(function () {
+    return setOpened({});
+  }, []);
+  return (0, _extends3["default"])({
+    register: register,
+    openAll: openAll,
+    closeAll: closeAll,
+    isOpenAll: keys.length ? keys.every(function (v) {
+      return opened[v];
+    }) : false,
+    setOpened: setOpened,
+    opened: opened,
+    registered: registered
+  }, rest);
 };
 
-exports.Accordion = Accordion;
+exports.useAccordion = useAccordion;
+var _default = _Accordion["default"];
+exports["default"] = _default;

package/core/Blockquote/index.js

@@ -5,55 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useBlockquoteStyles = exports["default"] = exports.Blockquote = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
-
-var useBlockquoteStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      margin: theme.spacing(2, 0),
-      padding: theme.spacing(2),
-      backgroundColor: theme.palette.grey['300'],
-      borderLeft: "".concat(theme.spacing(1), "px solid")
-    },
-    info: {
-      borderLeftColor: theme.palette.grey['500']
-    },
-    warning: {
-      borderLeftColor: theme.palette.warning.main
-    },
-    error: {
-      borderLeftColor: theme.palette.error.main
-    },
-    success: {
-      borderLeftColor: theme.palette.success.main
+exports["default"] = exports.Blockquote = void 0;
+
+var _Blockquote = _interopRequireDefault(require("@digigov/react-core/Blockquote"));
+
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
+
+var Blockquote = (0, _withDeprecation["default"])(_Blockquote["default"], {
+  name: 'Blockquote',
+  props: {
+    variant: {
+      values: {
+        info: {
+          warning: true
+        }
+      },
+      error: true
     }
-  };
-}, {
-  name: 'MuiBlockquote'
+  }
 });
-exports.useBlockquoteStyles = useBlockquoteStyles;
-
-var Blockquote = function Blockquote(_ref) {
-  var className = _ref.className,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'info' : _ref$variant,
-      children = _ref.children;
-  var classes = useBlockquoteStyles();
-  var variantCls = classes[variant];
-  return /*#__PURE__*/_react["default"].createElement("blockquote", {
-    className: (0, _clsx["default"])(className, variantCls, classes.root)
-  }, children);
-};
-
 exports.Blockquote = Blockquote;
-Blockquote.defaultProps = {
-  variant: 'info'
-};
 var _default = Blockquote;
 exports["default"] = _default;

package/core/Button/BackButton.js

@@ -7,50 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.BackButton = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _ArrowLeft = _interopRequireDefault(require("@material-ui/icons/ArrowLeft"));
-
-var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
-
-var useBackButtonStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      fontSize: 14,
-      textTransform: 'capitalize',
-      borderRadius: 'unset !important',
-      borderBottom: '1px solid ',
-      backgroundColor: 'transparent',
-      color: theme.palette.common.black,
-      '&:hover': {
-        background: theme.palette.common.white
-      }
+var _BackLink = _interopRequireDefault(require("@digigov/react-core/BackLink"));
+
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
+
+var BackButton = (0, _withDeprecation["default"])(_BackLink["default"], {
+  name: 'BackButton',
+  rename: '@digigov/react-core/BackLink.\nYou need to install the `@digigov/react-core` library to use this new component.',
+  props: {
+    variant: {
+      error: true
+    },
+    size: {
+      error: true
+    },
+    xsFullWidth: {
+      error: true
+    },
+    startIcon: {
+      error: true
     }
-  };
+  }
 });
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_ArrowLeft["default"], null);
-
-var BackButton = function BackButton(props) {
-  var classes = useBackButtonStyles();
-
-  var goBack = function goBack() {
-    window.history.back();
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    variant: "text",
-    onClick: props.onClick || goBack,
-    color: "default",
-    classes: classes,
-    startIcon: _ref
-  }, props), props.children);
-};
-
 exports.BackButton = BackButton;
 var _default = BackButton;
 exports["default"] = _default;

package/core/Button/ButtonLink.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonLink = void 0;
+
+var _ButtonLink = _interopRequireDefault(require("@digigov/react-core/ButtonLink"));
+
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
+
+var ButtonLink = (0, _withDeprecation["default"])(_ButtonLink["default"], {
+  name: 'ButtonLink',
+  props: {
+    variant: {
+      error: true
+    },
+    size: {
+      error: true
+    },
+    xsFullWidth: {
+      error: true
+    }
+  }
+});
+exports.ButtonLink = ButtonLink;

package/core/Button/CallToAction.js

@@ -5,28 +5,37 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ButtonIcon = void 0;
+exports["default"] = exports.CallToAction = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
+var _CallToAction = _interopRequireDefault(require("@digigov/react-core/CallToAction"));
 
-var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
 var _excluded = ["label", "children"];
-
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], null);
-
-var ButtonIcon = function ButtonIcon(_ref) {
+var CallToAction = (0, _withDeprecation["default"])(function (_ref) {
   var _ref$label = _ref.label,
       label = _ref$label === void 0 ? 'Start here' : _ref$label,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], props, children || label, _ref2);
-};
-
-exports.ButtonIcon = ButtonIcon;
-var _default = ButtonIcon;
+  return /*#__PURE__*/_react["default"].createElement(_CallToAction["default"], props, children || label);
+}, {
+  name: 'CallToAction',
+  props: {
+    variant: {
+      error: true
+    },
+    size: {
+      error: true
+    },
+    xsFullWidth: {
+      error: true
+    }
+  }
+});
+exports.CallToAction = CallToAction;
+var _default = CallToAction;
 exports["default"] = _default;

package/core/Button/Icon.js

@@ -2,60 +2,18 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ButtonIcon = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
-
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
-
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _excluded = ["Icon", "icon", "children"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var useStyles = (0, _styles.makeStyles)(function () {
-  return {
-    textInButton: {
-      whiteSpace: 'nowrap'
-    }
-  };
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var ButtonIcon = (0, _withDeprecation["default"])(function () {}, {
+  name: 'ButtonIcon',
+  error: true
 });
-
-var ButtonIcon = function ButtonIcon(_ref) {
-  var Icon = _ref.Icon,
-      icon = _ref.icon,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useStyles();
-  var IconComponent = (0, _react.useMemo)(function () {
-    var IconComponent = function IconComponent(props) {
-      return /*#__PURE__*/_react["default"].createElement(_Icon["default"], props, icon);
-    };
-
-    return Icon || IconComponent;
-  }, [icon, Icon]);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], props, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    marginRight: 1,
-    display: "flex"
-  }, /*#__PURE__*/_react["default"].createElement(IconComponent, null)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.textInButton
-  }, children));
-};
-
 exports.ButtonIcon = ButtonIcon;
 var _default = ButtonIcon;
 exports["default"] = _default;

package/core/Button/index.js

@@ -2,33 +2,22 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  useButtonStyles: true,
   Button: true,
   ContinueButton: true
 };
-exports.useButtonStyles = exports["default"] = exports.ContinueButton = exports.Button = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports["default"] = exports.ContinueButton = exports.Button = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+var _react = _interopRequireDefault(require("react"));
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@digigov/react-core/Button"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
 var _BackButton = require("@digigov/ui/core/Button/BackButton");
 
@@ -57,101 +46,62 @@ Object.keys(_CallToAction).forEach(function (key) {
     }
   });
 });
-var _excluded = ["children", "xsFullWidth"],
-    _excluded2 = ["responsive"],
-    _excluded3 = ["label"];
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _ButtonLink = require("@digigov/ui/core/Button/ButtonLink");
+
+Object.keys(_ButtonLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ButtonLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonLink[key];
+    }
+  });
+});
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Icon = require("@digigov/ui/core/Button/Icon");
 
-var useButtonStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    // Styles applied to the root element.
-    root: {
-      textTransform: 'none'
-    },
-    containedPrimary: {
-      background: theme.palette.success.main,
-      color: theme.palette.common.white,
-      '&:hover': {
-        color: theme.palette.common.white,
-        background: theme.palette.success.dark
-      },
-      '&:visited': {
-        color: theme.palette.common.white
-      }
+Object.keys(_Icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Icon[key];
+    }
+  });
+});
+var _excluded = ["label", "children"];
+var Button = (0, _withDeprecation["default"])(_Button["default"], {
+  name: 'Button',
+  props: {
+    href: {
+      error: 'To use a button with a link import ButtonLink instead'
     },
-    containedSecondary: {
-      background: theme.palette.grey['300'],
-      color: theme.palette.text.primary,
-      '&:hover': {
-        color: theme.palette.text.primary,
-        background: theme.palette.grey['400']
-      },
-      '&:visited': {
-        color: theme.palette.text.primary
-      }
+    variant: {
+      error: true
     },
-    disabled: {
-      opacity: 0.7
+    size: {
+      error: true
     },
-
-    /**
-     * Styles applied if the xsFullWidth property is true
-     **/
-    responsive: (0, _defineProperty2["default"])({
-      textTransform: 'none'
-    }, theme.breakpoints.down('xs'), {
-      width: '100%'
-    })
-  };
-}, {
-  name: 'MuiButton'
-});
-exports.useButtonStyles = useButtonStyles;
-
-// A component used for call to action
-var Button = function Button(_ref) {
-  var children = _ref.children,
-      xsFullWidth = _ref.xsFullWidth,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
-  var _useButtonStyles = useButtonStyles(),
-      responsive = _useButtonStyles.responsive,
-      buttonClasses = (0, _objectWithoutProperties2["default"])(_useButtonStyles, _excluded2);
-
-  var classes = (0, _react.useMemo)(function () {
-    if (xsFullWidth) {
-      buttonClasses.root = (0, _clsx["default"])(buttonClasses.root, responsive);
+    xsFullWidth: {
+      error: true
     }
-
-    return buttonClasses;
-  }, [xsFullWidth]);
-  var component = (0, _react.useMemo)(function () {
-    return props.href ? _Link["default"] : props.type === 'submit' ? 'button' : undefined;
-  }, [props.href, props.type]);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    component: component,
-    classes: classes
-  }, props), children);
-};
-
+  }
+});
 exports.Button = Button;
-Button.defaultProps = {
-  color: 'primary',
-  variant: 'contained',
-  size: 'large',
-  xsFullWidth: false
-};
 var _default = Button;
 exports["default"] = _default;
 
-var ContinueButton = function ContinueButton(_ref2) {
-  var _ref2$label = _ref2.label,
-      label = _ref2$label === void 0 ? 'Continue' : _ref2$label,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded3);
-  return /*#__PURE__*/_react["default"].createElement(Button, props, label);
+var ContinueButton = function ContinueButton(_ref) {
+  var _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'Continue' : _ref$label,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(Button, props, label || children);
 };
 
 exports.ContinueButton = ContinueButton;