pure-styled-components/dist/components/Button/Button.Group.js

Styled Component design system based on Pure CSS for React/Preact

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const BaseGroup = ({
  className,
  children,
  ariaLabel
}) => _react.default.createElement("div", {
  className: className,
  role: "group",
  ariaLabel: ariaLabel
}, children);
/**
 * Groups buttons together and provides aria role `group`
 */


const Group = (0, _styledComponents.default)(BaseGroup)`
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
  *letter-spacing: normal; /* reset IE < 8 */
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

  .opera-only :-o-prefocus,
  & {
    word-spacing: -0.43em;
  }

  & > .button {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
`;
Group.propTypes = {
  /**
   * Child components (array or single element)
   */
  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired
};
/** @component */

var _default = Group;
exports.default = _default;
//# sourceMappingURL=Button.Group.js.map