@sb1/ffe-buttons-react 14.0.0 → 14.0.4

package/lib/InlineBaseButton.spec.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var defaultProps = {
+  children: 'Click me'
+};
+
+var getWrapper = function getWrapper(props) {
+  return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({}, defaultProps, props)));
+};
+
+describe('<InlineBaseButton />', function () {
+  it('renders without exploding', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.exists()).toBe(true);
+  });
+  it('renders the correct classes', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.hasClass('ffe-inline-button')).toBe(true);
+    wrapper.setProps({
+      className: 'custom-class',
+      buttonType: 'tertiary'
+    });
+    expect(wrapper.hasClass('ffe-inline-button--tertiary')).toBe(true);
+    expect(wrapper.hasClass('custom-class')).toBe(true);
+  });
+  it('renders the correct label', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.text()).toBe('Click me');
+    wrapper.setProps({
+      children: 'Press me'
+    });
+    expect(wrapper.text()).toBe('Press me');
+  });
+  it('renders left icon if set', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.find('.ffe-inline-button__icon--left').exists()).toBe(false);
+    wrapper.setProps({
+      leftIcon: /*#__PURE__*/_react.default.createElement("svg", null)
+    });
+    expect(wrapper.find('.ffe-inline-button__icon--left').exists()).toBe(true);
+  });
+  it('renders right icon if set', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.find('.ffe-inline-button__icon--right').exists()).toBe(false);
+    wrapper.setProps({
+      rightIcon: /*#__PURE__*/_react.default.createElement("svg", null)
+    });
+    expect(wrapper.find('.ffe-inline-button__icon--right').exists()).toBe(true);
+  });
+  it('renders the specified dom node', function () {
+    var wrapper = getWrapper({
+      element: 'a'
+    });
+    expect(wrapper.is('a')).toBe(true);
+  });
+});

package/lib/InlineExpandButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
+
+var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
+
+var _excluded = ["isExpanded"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 InlineExpandButton = function InlineExpandButton(props) {
+  var isExpanded = props.isExpanded,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({
+    buttonType: "expand",
+    type: "button",
+    rightIcon: /*#__PURE__*/_react.default.createElement(_chevronIkon.default, {
+      style: {
+        marginLeft: '8px',
+        transform: isExpanded ? 'rotateZ(180deg)' : 'none'
+      }
+    })
+  }, rest));
+};
+
+InlineExpandButton.propTypes = {
+  /** Text that should reflect the isExpanded state. */
+  children: _propTypes.node,
+
+  /** Ref-setting function, or ref created by useRef, passed to the button element */
+  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
+    current: _propTypes.object
+  })]),
+
+  /** When true it will indicate the button is in its open state */
+  isExpanded: _propTypes.bool.isRequired,
+
+  /** Listen for clicks to toggle the isExpanded state. */
+  onClick: _propTypes.func.isRequired
+};
+var _default = InlineExpandButton;
+exports.default = _default;

package/lib/InlineExpandButton.spec.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
+
+var _InlineExpandButton = _interopRequireDefault(require("./InlineExpandButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var defaultProps = {
+  children: 'Click me',
+  isExpanded: false,
+  onClick: function onClick(f) {
+    return f;
+  }
+};
+
+var getWrapper = function getWrapper(props) {
+  return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_InlineExpandButton.default, _extends({}, defaultProps, props)));
+};
+
+describe('<InlineExpandButton />', function () {
+  it('renders without exploding', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.props()).toHaveProperty('buttonType', 'expand');
+  });
+  it('passes on any prop', function () {
+    var wrapper = getWrapper({
+      'aria-label': 'some label'
+    });
+    expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
+  });
+  it('sends a <ChevronIcon /> as a default rightIcon prop', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/_react.default.createElement(_chevronIkon.default, {
+      style: {
+        marginLeft: '8px',
+        transform: 'none'
+      }
+    }));
+  });
+  it('sends an upside down <ChevronIcon /> as rightIcon if isExpanded prop is true', function () {
+    var wrapper = getWrapper({
+      isExpanded: true
+    });
+    expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/_react.default.createElement(_chevronIkon.default, {
+      style: {
+        marginLeft: '8px',
+        transform: 'rotateZ(180deg)'
+      }
+    }));
+  });
+});

package/lib/PrimaryButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _BaseButton = _interopRequireDefault(require("./BaseButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var PrimaryButton = function PrimaryButton(props) {
+  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
+    buttonType: "primary"
+  }, props));
+};
+
+PrimaryButton.propTypes = {
+  /** Aria label for loading indicator */
+  ariaLoadingMessage: _propTypes.string,
+
+  /** The button label */
+  children: _propTypes.node,
+
+  /** Extra class names */
+  className: _propTypes.string,
+
+  /** Condensed modifier. Use in condensed designs */
+  condensed: _propTypes.bool,
+
+  /** Disable a button in certain situations */
+  disabled: _propTypes.bool,
+
+  /** The rendered element, like an `<a />` or `<Link />` */
+  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
+
+  /** Ref-setting function, or ref created by useRef, passed to the button element */
+  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
+    current: _propTypes.object
+  })]),
+
+  /** Shows a loader if true */
+  isLoading: _propTypes.bool,
+
+  /** Icon shown to the left of the label */
+  leftIcon: _propTypes.node,
+
+  /** Icon shown to the right of the label */
+  rightIcon: _propTypes.node
+};
+var _default = PrimaryButton;
+exports.default = _default;

package/lib/PrimaryButton.spec.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _PrimaryButton = _interopRequireDefault(require("./PrimaryButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var defaultProps = {
+  children: 'Click me'
+};
+
+var getWrapper = function getWrapper(props) {
+  return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, _extends({}, defaultProps, props)));
+};
+
+describe('<PrimaryButton />', function () {
+  it('renders without exploding', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.props()).toHaveProperty('buttonType', 'primary');
+  });
+  it('passes on any prop', function () {
+    var wrapper = getWrapper({
+      'aria-label': 'some label'
+    });
+    expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
+  });
+});

package/lib/SecondaryButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _BaseButton = _interopRequireDefault(require("./BaseButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SecondaryButton = function SecondaryButton(props) {
+  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
+    buttonType: "secondary"
+  }, props));
+};
+
+SecondaryButton.propTypes = {
+  /** Aria label for loading indicator */
+  ariaLoadingMessage: _propTypes.string,
+
+  /** The button label */
+  children: _propTypes.node,
+
+  /** Extra class names */
+  className: _propTypes.string,
+
+  /** Condensed modifier. Use in condensed designs */
+  condensed: _propTypes.bool,
+
+  /** Disable a button in certain situations */
+  disabled: _propTypes.bool,
+
+  /** The rendered element, like an `<a />` or `<Link />` */
+  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
+
+  /** Ref-setting function, or ref created by useRef, passed to the button element */
+  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
+    current: _propTypes.object
+  })]),
+
+  /**  Shows a loader if true */
+  isLoading: _propTypes.bool,
+
+  /** Icon shown to the left of the label */
+  leftIcon: _propTypes.node,
+
+  /** Icon shown to the right of the label */
+  rightIcon: _propTypes.node
+};
+var _default = SecondaryButton;
+exports.default = _default;

package/lib/SecondaryButton.spec.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _SecondaryButton = _interopRequireDefault(require("./SecondaryButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var defaultProps = {
+  children: 'Click me'
+};
+
+var getWrapper = function getWrapper(props) {
+  return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SecondaryButton.default, _extends({}, defaultProps, props)));
+};
+
+describe('<SecondaryButton />', function () {
+  it('renders without exploding', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.props()).toHaveProperty('buttonType', 'secondary');
+  });
+  it('passes on any prop', function () {
+    var wrapper = getWrapper({
+      'aria-label': 'some label'
+    });
+    expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
+  });
+});

package/lib/ShortcutButton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
+
+var _BaseButton = _interopRequireDefault(require("./BaseButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var ShortcutButton = function ShortcutButton(props) {
+  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
+    buttonType: "shortcut",
+    rightIcon: /*#__PURE__*/_react.default.createElement(_chevronIkon.default, null)
+  }, props));
+};
+
+ShortcutButton.propTypes = {
+  /** The button label */
+  children: _propTypes.node,
+
+  /** Extra class names */
+  className: _propTypes.string,
+
+  /** Condensed modifier. Use in condensed designs */
+  condensed: _propTypes.bool,
+
+  /** Disable a button in certain situations */
+  disabled: _propTypes.bool,
+
+  /** The rendered element, like an `<a />` or `<Link />` */
+  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
+
+  /** Ref-setting function, or ref created by useRef, passed to the button element */
+  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
+    current: _propTypes.object
+  })]),
+
+  /** Icon shown to the left of the label */
+  leftIcon: _propTypes.node
+};
+var _default = ShortcutButton;
+exports.default = _default;

package/lib/ShortcutButton.spec.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
+
+var _ShortcutButton = _interopRequireDefault(require("./ShortcutButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var defaultProps = {
+  children: 'Click me'
+};
+
+var getWrapper = function getWrapper(props) {
+  return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ShortcutButton.default, _extends({}, defaultProps, props)));
+};
+
+describe('<ShortcutButton />', function () {
+  it('renders without exploding', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.props()).toHaveProperty('buttonType', 'shortcut');
+  });
+  it('passes on any prop', function () {
+    var wrapper = getWrapper({
+      'aria-label': 'some label'
+    });
+    expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
+  });
+  it('sends a <ChevronIcon /> as a default rightIcon prop', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/_react.default.createElement(_chevronIkon.default, null));
+  });
+});

package/lib/TaskButton.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _BaseButton = _interopRequireDefault(require("./BaseButton"));
+
+var _excluded = ["icon"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 TaskButton = function TaskButton(_ref) {
+  var icon = _ref.icon,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
+    buttonType: "task",
+    leftIcon: icon
+  }, rest));
+};
+
+TaskButton.propTypes = {
+  /** The button label */
+  children: _propTypes.node,
+
+  /** Extra class names */
+  className: _propTypes.string,
+
+  /** Condensed modifier. Use in condensed designs */
+  condensed: _propTypes.bool,
+
+  /** Disable a button in certain situations */
+  disabled: _propTypes.bool,
+
+  /** The rendered element, like an `<a />` or `<Link />` */
+  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
+
+  /** Task icon, show to the left of the label */
+  icon: _propTypes.node.isRequired,
+
+  /** Ref-setting function, or ref created by useRef, passed to the button element */
+  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
+    current: _propTypes.object
+  })])
+};
+var _default = TaskButton;
+exports.default = _default;

package/lib/TaskButton.spec.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
+
+var _TaskButton = _interopRequireDefault(require("./TaskButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var defaultProps = {
+  children: 'Click me',
+  icon: /*#__PURE__*/_react.default.createElement("svg", null)
+};
+
+var getWrapper = function getWrapper(props) {
+  return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_TaskButton.default, _extends({}, defaultProps, props)));
+};
+
+describe('<TaskButton />', function () {
+  it('renders without exploding', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.props()).toHaveProperty('buttonType', 'task');
+  });
+  it('passes on any prop', function () {
+    var wrapper = getWrapper({
+      'aria-label': 'some label'
+    });
+    expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
+  });
+  it('sends icon prop on as leftIcon prop', function () {
+    var wrapper = getWrapper({
+      icon: /*#__PURE__*/_react.default.createElement(_chevronIkon.default, null)
+    });
+    expect(wrapper.props()).toHaveProperty('leftIcon', /*#__PURE__*/_react.default.createElement(_chevronIkon.default, null));
+  });
+});

package/lib/TertiaryButton.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var TertiaryButton = function TertiaryButton(props) {
+  return /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({
+    buttonType: "tertiary"
+  }, props));
+};
+
+TertiaryButton.propTypes = {
+  /** The button label */
+  children: _propTypes.node,
+
+  /** Extra class names */
+  className: _propTypes.string,
+
+  /** The rendered element, like an `<a />` or `<Link />` */
+  element: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.string, _propTypes.elementType]),
+
+  /** Ref-setting function, or ref created by useRef, passed to the button element */
+  innerRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
+    current: _propTypes.object
+  })]),
+
+  /** Icon shown to the left of the label */
+  leftIcon: _propTypes.node,
+
+  /** Icon shown to the right of the label */
+  rightIcon: _propTypes.node
+};
+var _default = TertiaryButton;
+exports.default = _default;

package/lib/TertiaryButton.spec.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _TertiaryButton = _interopRequireDefault(require("./TertiaryButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var defaultProps = {
+  children: 'Click me'
+};
+
+var getWrapper = function getWrapper(props) {
+  return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_TertiaryButton.default, _extends({}, defaultProps, props)));
+};
+
+describe('TertiaryButton', function () {
+  it('renders without exploding', function () {
+    var wrapper = getWrapper();
+    expect(wrapper.props()).toHaveProperty('buttonType', 'tertiary');
+  });
+  it('passes on any prop', function () {
+    var wrapper = getWrapper({
+      'aria-label': 'some label'
+    });
+    expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
+  });
+});