@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/components/RockerButton/RockerButton.js

@@ -1,98 +1,66 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.CollectionRockerButton = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _reactAria = require("react-aria");
+var _reactStately = require("react-stately");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _collections = require("@react-stately/collections");
-
-var _focus = require("@react-aria/focus");
-
 var _hooks = require("../../hooks");
-
 var _index = require("../../index");
-
 var _RockerButtonGroup = require("../RockerButtonGroup");
-
 var _react2 = require("@emotion/react");
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var CollectionRockerButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-      item = props.item;
+    item = props.item;
   var key = item.key,
-      rendered = item.rendered,
-      itemProps = item.props;
+    rendered = item.rendered,
+    itemProps = item.props;
   var state = (0, _react.useContext)(_RockerButtonGroup.RockerContext);
   var isDisabled = state.disabledKeys.has(key);
   var isSelected = state.selectedKey === key;
-
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
-    isSelected: isSelected,
-    isDisabled: isDisabled
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isSelected: isSelected,
+      isDisabled: isDisabled
+    }),
+    classNames = _useStatusClasses.classNames;
   var rockerButtonRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   (0, _react.useImperativeHandle)(ref, function () {
     return rockerButtonRef.current;
   });
-
   var _useRockerButton = (0, _hooks.useRockerButton)({
-    item: item,
-    isDisabled: isDisabled,
-    isSelected: isSelected
-  }, state, rockerButtonRef),
-      rockerButtonProps = _useRockerButton.rockerButtonProps;
-
-  return (0, _react2.jsx)(_focus.FocusRing, {
+      item: item,
+      isDisabled: isDisabled,
+      isSelected: isSelected
+    }, state, rockerButtonRef),
+    rockerButtonProps = _useRockerButton.rockerButtonProps;
+  return (0, _react2.jsx)(_reactAria.FocusRing, {
     focusRingClass: "is-focused"
   }, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     as: "button",
     className: classNames,
-    variant: "buttons.rocker"
+    variant: "variants.rockerButton.thumbSwitch"
   }, rockerButtonProps, {
     ref: rockerButtonRef
   }, itemProps, {
@@ -107,7 +75,6 @@ CollectionRockerButton.propTypes = {
   /** Allows custom styles to be passed to button. */
   selectedStyles: _propTypes["default"].shape({}),
   // adding to surface in props table
-
   /** @ignore */
   item: _propTypes["default"].shape({
     key: _propTypes["default"].string,
@@ -128,8 +95,8 @@ CollectionRockerButton.defaultProps = {
       }
     }
   }
-}; // Export Item as default for simplicity, convert to CollectionRockerButton within
+};
+// Export Item as default for simplicity, convert to CollectionRockerButton within
 // RockerButtonGroup component.
-
-var _default = _collections.Item;
+var _default = _reactStately.Item;
 exports["default"] = _default;

package/lib/cjs/components/RockerButton/RockerButton.styles.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _Buttons = require("../Button/Buttons.styles");
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var container = {
+  alignItems: 'flex-start'
+};
+var innerContainer = {
+  bg: 'accent.95',
+  border: '1px solid',
+  borderColor: 'accent.90',
+  boxShadow: 'standard',
+  borderRadius: '15px',
+  padding: '2px'
+};
+var thumbSwitch = _objectSpread(_objectSpread({}, _Buttons.base), {}, {
+  border: '0',
+  display: 'inline-flex',
+  height: '26px',
+  lineHeight: '26px',
+  fontSize: '14px',
+  borderRadius: '15px',
+  alignSelf: 'center',
+  paddingTop: '0px',
+  paddingBottom: '0px',
+  textTransform: 'uppercase',
+  bg: 'accent.95',
+  '&.is-selected': {
+    bg: 'active',
+    color: 'white',
+    zIndex: '1'
+  },
+  '&.is-focused': _objectSpread({}, _Buttons.defaultFocus)
+});
+var _default = {
+  container: container,
+  innerContainer: innerContainer,
+  thumbSwitch: thumbSwitch
+};
+exports["default"] = _default;

package/lib/cjs/components/RockerButton/index.js

@@ -1,39 +1,27 @@
 "use strict";
 
 var _context;
-
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _exportNames = {};
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _RockerButton["default"];
   }
 });
-
 var _RockerButton = _interopRequireWildcard(require("./RockerButton"));
-
 _forEachInstanceProperty(_context = _Object$keys(_RockerButton)).call(_context, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _RockerButton[key]) return;
-
   _Object$defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
@@ -41,7 +29,5 @@ _forEachInstanceProperty(_context = _Object$keys(_RockerButton)).call(_context,
     }
   });
 });
-
 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; }

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js

@@ -1,107 +1,71 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.RockerContext = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _reactAria = require("react-aria");
+var _reactStately = require("react-stately");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _tabs = require("@react-aria/tabs");
-
-var _tabs2 = require("@react-stately/tabs");
-
 var _hooks = require("../../hooks");
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _RockerButton = require("../RockerButton");
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["children", "onSelectionChange", "tabListProps", "disabledKeys"];
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var RockerContext = /*#__PURE__*/_react["default"].createContext({});
+
 /**
  * This component handles a single selection state for a group of rocker buttons.
  * It is intended to be used with < RockerButton > as children.
 */
-
-
 exports.RockerContext = RockerContext;
 var RockerButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-
   var children = props.children,
-      onSelectionChange = props.onSelectionChange,
-      tabListProps = props.tabListProps,
-      disabledKeys = props.disabledKeys,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    onSelectionChange = props.onSelectionChange,
+    tabListProps = props.tabListProps,
+    disabledKeys = props.disabledKeys,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var buttonGroupRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   (0, _react.useImperativeHandle)(ref, function () {
     return buttonGroupRef.current;
   });
-  var state = (0, _tabs2.useTabListState)(_objectSpread(_objectSpread({}, props), {}, {
+  var state = (0, _reactStately.useTabListState)(_objectSpread(_objectSpread({}, props), {}, {
     onSelectionChange: onSelectionChange
   }));
-
-  var _useTabList = (0, _tabs.useTabList)(props, state, buttonGroupRef),
-      raTabListProps = _useTabList.tabListProps; // removed tabList role for now as this isn't really the role we are looking for
-
-
+  var _useTabList = (0, _reactAria.useTabList)(props, state, buttonGroupRef),
+    raTabListProps = _useTabList.tabListProps;
+  // removed tabList role for now as this isn't really the role we are looking for
   delete raTabListProps.role;
   return (0, _react2.jsx)(RockerContext.Provider, {
     value: state
   }, (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    variant: "rockerbutton.rockerContainer"
+    variant: "rockerButton.container"
   }, others), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    variant: "rockerbutton.rockerContainerInner",
+    variant: "rockerButton.innerContainer",
     isRow: true
   }, tabListProps, raTabListProps, {
     ref: buttonGroupRef,
@@ -116,13 +80,10 @@ var RockerButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
 RockerButtonGroup.propTypes = {
   /** The default button key to be selected. (uncontrolled) */
   defaultSelectedKey: _propTypes["default"].string,
-
   /** The button key that is currently selected. (controlled) */
   selectedKey: _propTypes["default"].string,
-
   /** Which keys should be disabled. */
   disabledKeys: _propTypes["default"].arrayOf(_propTypes["default"].string),
-
   /** Handler that is called when the selected button has changed. */
   onSelectionChange: _propTypes["default"].func
 };

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js

@@ -1,40 +1,26 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.withCustomSelectedColors = exports["default"] = exports.Uncontrolled = exports.DisabledSingleButton = exports.Default = exports.Controlled = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _RockerButtonGroup = _interopRequireDefault(require("../RockerButtonGroup"));
-
 var _RockerButton = _interopRequireDefault(require("../RockerButton"));
-
+var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
-
 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 _default = {
   title: 'Components/RockerButtonGroup',
-  component: _RockerButtonGroup["default"],
+  component: _["default"],
   parameters: {
     docs: {
       source: {
@@ -55,10 +41,9 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
 var Default = function Default(_ref) {
-  var args = (0, _extends2["default"])({}, _ref);
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], args, (0, _react2.jsx)(_RockerButton["default"], {
+  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  return (0, _react2.jsx)(_["default"], args, (0, _react2.jsx)(_RockerButton["default"], {
     name: "and",
     key: "and"
   }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
@@ -69,11 +54,9 @@ var Default = function Default(_ref) {
     key: "maybe"
   }, "Maybe"));
 };
-
 exports.Default = Default;
-
 var Uncontrolled = function Uncontrolled() {
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], null, (0, _react2.jsx)(_RockerButton["default"], {
+  return (0, _react2.jsx)(_["default"], null, (0, _react2.jsx)(_RockerButton["default"], {
     name: "and",
     key: "and"
   }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
@@ -84,16 +67,13 @@ var Uncontrolled = function Uncontrolled() {
     key: "maybe"
   }, "Maybe"));
 };
-
 exports.Uncontrolled = Uncontrolled;
-
 var Controlled = function Controlled() {
   var _useState = (0, _react.useState)('and'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      currentTab = _useState2[0],
-      setCurrentTab = _useState2[1];
-
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], {
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentTab = _useState2[0],
+    setCurrentTab = _useState2[1];
+  return (0, _react2.jsx)(_["default"], {
     selectedKey: currentTab,
     onSelectionChange: setCurrentTab
   }, (0, _react2.jsx)(_RockerButton["default"], {
@@ -107,11 +87,9 @@ var Controlled = function Controlled() {
     key: "maybe"
   }, "Maybe"));
 };
-
 exports.Controlled = Controlled;
-
 var withCustomSelectedColors = function withCustomSelectedColors() {
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], null, (0, _react2.jsx)(_RockerButton["default"], {
+  return (0, _react2.jsx)(_["default"], null, (0, _react2.jsx)(_RockerButton["default"], {
     name: "and",
     key: "and",
     selectedStyles: {
@@ -132,11 +110,9 @@ var withCustomSelectedColors = function withCustomSelectedColors() {
     }
   }, "Maybe"));
 };
-
 exports.withCustomSelectedColors = withCustomSelectedColors;
-
 var DisabledSingleButton = function DisabledSingleButton() {
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], {
+  return (0, _react2.jsx)(_["default"], {
     defaultSelectedKey: "or",
     disabledKeys: ['and']
   }, (0, _react2.jsx)(_RockerButton["default"], {
@@ -150,5 +126,4 @@ var DisabledSingleButton = function DisabledSingleButton() {
     key: "maybe"
   }, "Maybe"));
 };
-
 exports.DisabledSingleButton = DisabledSingleButton;

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js

@@ -1,27 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
 var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../utils/testUtils/testWrapper");
-
-var _RockerButtonGroup = _interopRequireDefault(require("./RockerButtonGroup"));
-
 var _RockerButton = _interopRequireDefault(require("../RockerButton"));
-
+var _RockerButtonGroup = _interopRequireDefault(require("./RockerButtonGroup"));
 var _react2 = require("@emotion/react");
-
 var testId = 'testId';
 var testButtons = [{
   name: 'And',
@@ -40,16 +29,13 @@ var defaultProps = {
   'data-testid': testId,
   defaultSelectedKey: testButtons[0].name
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$buttons = _ref.buttons,
-      buttons = _ref$buttons === void 0 ? testButtons : _ref$buttons,
-      _ref$renderFn = _ref.renderFn,
-      renderFn = _ref$renderFn === void 0 ? _testWrapper.render : _ref$renderFn;
-
+    _ref$buttons = _ref.buttons,
+    buttons = _ref$buttons === void 0 ? testButtons : _ref$buttons,
+    _ref$renderFn = _ref.renderFn,
+    renderFn = _ref$renderFn === void 0 ? _testWrapper.render : _ref$renderFn;
   return renderFn((0, _react2.jsx)(_RockerButtonGroup["default"], (0, _extends2["default"])({}, defaultProps, props, {
     "data-id": "test-container"
   }), (0, _map["default"])(buttons).call(buttons, function (button) {
@@ -59,17 +45,15 @@ var getComponent = function getComponent() {
       selectedStyles: button.selectedStyles
     });
   })));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 (0, _testAxe["default"])(getComponent);
 test('renders rocker container with buttons', function () {
   getComponent();
   var rockerContainer = (0, _testWrapper.queryByAttribute)('data-id', document, 'test-container');
   expect(rockerContainer).toBeInTheDocument();
-
   var buttons = _testWrapper.screen.getAllByRole('button');
-
   expect(buttons).toHaveLength(3);
 });
 test('buttonGroup is not disabled by default', function () {
@@ -78,7 +62,6 @@ test('buttonGroup is not disabled by default', function () {
   expect(rockerContainer).toBeEnabled();
   (0, _forEach["default"])(testButtons).call(testButtons, function (button) {
     var buttonKey = _testWrapper.screen.getByText(button.key);
-
     expect(buttonKey).not.toHaveClass('is-disabled');
   });
 });
@@ -90,35 +73,25 @@ test('rocker button is disabled when its key is included in disabledKeys', funct
   });
   (0, _forEach["default"])(testButtons).call(testButtons, function (button) {
     var buttonKey = _testWrapper.screen.getByText(button.key);
-
     expect(buttonKey).toHaveClass('is-disabled');
   });
 });
 test('rockerButton renders selectedStyles prop when selected', function () {
   getComponent();
-
   var buttonColorKey = _testWrapper.screen.getByText(testButtons[0].key);
-
   expect(buttonColorKey).toHaveClass('is-selected');
 });
 test('selected button can be changed by keyboard interaction', function () {
   getComponent();
-
   _userEvent["default"].tab();
-
   var button0 = _testWrapper.screen.getByText(testButtons[0].key);
-
   expect(button0).toHaveClass('is-selected');
-
   var button1 = _testWrapper.screen.getByText(testButtons[1].key);
-
   expect(button1).not.toHaveClass('is-selected');
-
   _testWrapper.fireEvent.keyDown(_testWrapper.screen.getByText(testButtons[0].key), {
     key: 'ArrowRight',
     code: 'ArrowRight'
   });
-
   expect(_testWrapper.screen.getByText(testButtons[1].key)).toHaveClass('is-selected');
   expect(_testWrapper.screen.getByText(testButtons[0].key)).not.toHaveClass('is-selected');
 });

package/lib/cjs/components/RockerButtonGroup/index.js

@@ -1,39 +1,27 @@
 "use strict";
 
 var _context;
-
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _exportNames = {};
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _RockerButtonGroup["default"];
   }
 });
-
 var _RockerButtonGroup = _interopRequireWildcard(require("./RockerButtonGroup"));
-
 _forEachInstanceProperty(_context = _Object$keys(_RockerButtonGroup)).call(_context, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _RockerButtonGroup[key]) return;
-
   _Object$defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
@@ -41,7 +29,5 @@ _forEachInstanceProperty(_context = _Object$keys(_RockerButtonGroup)).call(_cont
     }
   });
 });
-
 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; }