@wireapp/react-ui-kit 8.17.10 → 9.0.0

package/src/Menu/MenuModal.js

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuModal = exports.MenuItem = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _Identity = require("../Identity/");
-var _motions = require("../Identity/motions");
-var _mediaQueries = require("../mediaQueries");
-var _Overlay = require("../Modal/Overlay");
-var _util = require("../util");
-var _excluded = ["children", "onBackgroundClick"],
-  _excluded2 = ["children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
-var menuModalWrapperStyle = function menuModalWrapperStyle(props) {
-  return _objectSpread(_objectSpread({}, (0, _Overlay.overlayBackgroundStyle)(props)), {}, {
-    alignItems: 'flex-end',
-    alignSelf: 'flex-end',
-    display: 'flex',
-    overflowY: 'hidden',
-    padding: 0
-  });
-};
-var MenuModalWrapper = function MenuModalWrapper(props) {
-  return (0, _react.jsx)("div", _extends({
-    css: menuModalWrapperStyle
-  }, props));
-};
-var MenuModalBody = function MenuModalBody(props) {
-  return (0, _react.jsx)("div", _extends({
-    css: function css(theme) {
-      return _defineProperty({
-        animation: "".concat(_motions.ANIMATION.bottomUpMovement, " ").concat(_motions.DURATION.DEFAULT, "ms ").concat(_motions.EASE.EXPONENTIAL),
-        backgroundColor: _Identity.COLOR.tint(theme.general.backgroundColor, 0.16),
-        boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: 'space-between',
-        marginLeft: 'auto',
-        marginRight: 'auto',
-        padding: '8px 16px',
-        position: 'relative',
-        width: '767px',
-        zIndex: 9999
-      }, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
-        width: '100%'
-      });
-    }
-  }, props));
-};
-var MenuModalContent = function MenuModalContent(props) {
-  return (0, _react.jsx)("ul", _extends({
-    css: /*#__PURE__*/(0, _react.css)({
-      li: {
-        borderBottom: "1px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_72)
-      },
-      'li:last-child': {
-        borderBottom: 0
-      },
-      margin: 0,
-      maxWidth: '100%',
-      minWidth: '100%',
-      padding: 0
-    }, process.env.NODE_ENV === "production" ? "" : ";label:MenuModalContent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VJIiwiZmlsZSI6Ik1lbnVNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eS8nO1xuaW1wb3J0IHtBTklNQVRJT04sIERVUkFUSU9OLCBFQVNFfSBmcm9tICcuLi9JZGVudGl0eS9tb3Rpb25zJztcbmltcG9ydCB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge1F1ZXJ5S2V5cywgbWVkaWF9IGZyb20gJy4uL21lZGlhUXVlcmllcyc7XG5pbXBvcnQge092ZXJsYXlCYWNrZ3JvdW5kUHJvcHMsIE92ZXJsYXlXcmFwcGVyUHJvcHMsIG92ZXJsYXlCYWNrZ3JvdW5kU3R5bGV9IGZyb20gJy4uL01vZGFsL092ZXJsYXknO1xuaW1wb3J0IHtub29wfSBmcm9tICcuLi91dGlsJztcblxuY29uc3QgbWVudU1vZGFsV3JhcHBlclN0eWxlOiA8VD4ocHJvcHM6IE92ZXJsYXlXcmFwcGVyUHJvcHM8VD4pID0+IENTU09iamVjdCA9IHByb3BzID0+ICh7XG4gIC4uLm92ZXJsYXlCYWNrZ3JvdW5kU3R5bGUocHJvcHMpLFxuICBhbGlnbkl0ZW1zOiAnZmxleC1lbmQnLFxuICBhbGlnblNlbGY6ICdmbGV4LWVuZCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5jb25zdCBNZW51TW9kYWxXcmFwcGVyID0gKHByb3BzOiBPdmVybGF5V3JhcHBlclByb3BzKSA9PiA8ZGl2IGNzcz17bWVudU1vZGFsV3JhcHBlclN0eWxlfSB7Li4ucHJvcHN9IC8+O1xuXG5jb25zdCBNZW51TW9kYWxCb2R5ID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICBhbmltYXRpb246IGAke0FOSU1BVElPTi5ib3R0b21VcE1vdmVtZW50fSAke0RVUkFUSU9OLkRFRkFVTFR9bXMgJHtFQVNFLkVYUE9ORU5USUFMfWAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SLnRpbnQodGhlbWUuZ2VuZXJhbC5iYWNrZ3JvdW5kQ29sb3IsIDAuMTYpLFxuICAgICAgYm94U2hhZG93OiAnMCAxNnB4IDY0cHggMCByZ2JhKDAsIDAsIDAsIDAuMTYpJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICdhdXRvJyxcbiAgICAgIG1hcmdpblJpZ2h0OiAnYXV0bycsXG4gICAgICBwYWRkaW5nOiAnOHB4IDE2cHgnLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB3aWR0aDogJzc2N3B4JyxcbiAgICAgIHpJbmRleDogOTk5OSxcbiAgICAgIFttZWRpYVtRdWVyeUtleXMuVEFCTEVUX0RPV05dXToge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9KX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5jb25zdCBNZW51TW9kYWxDb250ZW50ID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTFVMaXN0RWxlbWVudD4pID0+IChcbiAgPHVsXG4gICAgY3NzPXt7XG4gICAgICBsaToge1xuICAgICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHtDT0xPUi5HUkFZX0xJR0hURU5fNzJ9YCxcbiAgICAgIH0sXG4gICAgICAnbGk6bGFzdC1jaGlsZCc6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiAwLFxuICAgICAgfSxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIG1heFdpZHRoOiAnMTAwJScsXG4gICAgICBtaW5XaWR0aDogJzEwMCUnLFxuICAgICAgcGFkZGluZzogMCxcbiAgICB9fVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmNvbnN0IG1vZGFsQmFja2dyb3VuZFN0eWxlOiA8VD4ocHJvcHM6IE92ZXJsYXlCYWNrZ3JvdW5kUHJvcHM8VD4pID0+IENTU09iamVjdCA9IHByb3BzID0+ICh7XG4gIC4uLm92ZXJsYXlCYWNrZ3JvdW5kU3R5bGUocHJvcHMpLFxuICBiYWNrZ3JvdW5kOiAncmdiYSg1MCwgNTQsIDU3LCAwLjQpJyxcbn0pO1xuXG5jb25zdCBNZW51TW9kYWxCYWNrZ3JvdW5kID0gKHByb3BzOiBPdmVybGF5QmFja2dyb3VuZFByb3BzKSA9PiA8ZGl2IGNzcz17bW9kYWxCYWNrZ3JvdW5kU3R5bGV9IHsuLi5wcm9wc30gLz47XG5cbmludGVyZmFjZSBNZW51TW9kYWxQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgb25CYWNrZ3JvdW5kQ2xpY2s/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWVudU1vZGFsID0gKHtcbiAgY2hpbGRyZW4gPSBudWxsLFxuICBvbkJhY2tncm91bmRDbGljayA9IG5vb3AsXG4gIC4uLnByb3BzXG59OiBNZW51TW9kYWxQcm9wcyAmIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPE1lbnVNb2RhbFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICA8TWVudU1vZGFsQm9keT5cbiAgICAgIDxNZW51TW9kYWxDb250ZW50PntjaGlsZHJlbn08L01lbnVNb2RhbENvbnRlbnQ+XG4gICAgPC9NZW51TW9kYWxCb2R5PlxuICAgIDxNZW51TW9kYWxCYWNrZ3JvdW5kIG9uQ2xpY2s9e29uQmFja2dyb3VuZENsaWNrfSBkYXRhLXVpZS1uYW1lPVwibWVudS1iYWNrZ3JvdW5kXCIgLz5cbiAgPC9NZW51TW9kYWxXcmFwcGVyPlxuKTtcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wczxUID0gSFRNTExJRWxlbWVudD4gPSBSZWFjdC5IVE1MUHJvcHM8VD47XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9ICh7Y2hpbGRyZW4gPSBudWxsLCAuLi5wcm9wc306IE1lbnVJdGVtUHJvcHMgJiBSZWFjdC5IVE1MUHJvcHM8SFRNTExJRWxlbWVudD4pID0+IChcbiAgPGxpXG4gICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICBjb2xvcjogdGhlbWUuZ2VuZXJhbC5jb2xvcixcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgaGVpZ2h0OiAnNTZweCcsXG4gICAgICBsaXN0U3R5bGVUeXBlOiAnbm9uZScsXG4gICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgIH0pfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9saT5cbik7XG4iXX0= */")
-  }, props));
-};
-var modalBackgroundStyle = function modalBackgroundStyle(props) {
-  return _objectSpread(_objectSpread({}, (0, _Overlay.overlayBackgroundStyle)(props)), {}, {
-    background: 'rgba(50, 54, 57, 0.4)'
-  });
-};
-var MenuModalBackground = function MenuModalBackground(props) {
-  return (0, _react.jsx)("div", _extends({
-    css: modalBackgroundStyle
-  }, props));
-};
-var MenuModal = function MenuModal(_ref2) {
-  var _ref2$children = _ref2.children,
-    children = _ref2$children === void 0 ? null : _ref2$children,
-    _ref2$onBackgroundCli = _ref2.onBackgroundClick,
-    onBackgroundClick = _ref2$onBackgroundCli === void 0 ? _util.noop : _ref2$onBackgroundCli,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  return (0, _react.jsx)(MenuModalWrapper, props, (0, _react.jsx)(MenuModalBody, null, (0, _react.jsx)(MenuModalContent, null, children)), (0, _react.jsx)(MenuModalBackground, {
-    onClick: onBackgroundClick,
-    "data-uie-name": "menu-background"
-  }));
-};
-exports.MenuModal = MenuModal;
-var MenuItem = function MenuItem(_ref3) {
-  var _ref3$children = _ref3.children,
-    children = _ref3$children === void 0 ? null : _ref3$children,
-    props = _objectWithoutProperties(_ref3, _excluded2);
-  return (0, _react.jsx)("li", _extends({
-    css: function css(theme) {
-      return {
-        alignItems: 'center',
-        color: theme.general.color,
-        cursor: 'pointer',
-        display: 'flex',
-        height: '56px',
-        listStyleType: 'none',
-        maxWidth: '100%'
-      };
-    }
-  }, props), children);
-};
-exports.MenuItem = MenuItem;
-//# sourceMappingURL=MenuModal.js.map

package/src/Menu/MenuModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuModal.js","names":["menuModalWrapperStyle","props","overlayBackgroundStyle","alignItems","alignSelf","display","overflowY","padding","MenuModalWrapper","MenuModalBody","theme","animation","ANIMATION","bottomUpMovement","DURATION","DEFAULT","EASE","EXPONENTIAL","backgroundColor","COLOR","tint","general","boxShadow","flexDirection","justifyContent","marginLeft","marginRight","position","width","zIndex","media","QueryKeys","TABLET_DOWN","MenuModalContent","li","borderBottom","GRAY_LIGHTEN_72","margin","maxWidth","minWidth","modalBackgroundStyle","background","MenuModalBackground","MenuModal","children","onBackgroundClick","noop","MenuItem","color","cursor","height","listStyleType"],"sources":["MenuModal.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/';\nimport {ANIMATION, DURATION, EASE} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {OverlayBackgroundProps, OverlayWrapperProps, overlayBackgroundStyle} from '../Modal/Overlay';\nimport {noop} from '../util';\n\nconst menuModalWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  alignItems: 'flex-end',\n  alignSelf: 'flex-end',\n  display: 'flex',\n  overflowY: 'hidden',\n  padding: 0,\n});\n\nconst MenuModalWrapper = (props: OverlayWrapperProps) => <div css={menuModalWrapperStyle} {...props} />;\n\nconst MenuModalBody = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={(theme: Theme) => ({\n      animation: `${ANIMATION.bottomUpMovement} ${DURATION.DEFAULT}ms ${EASE.EXPONENTIAL}`,\n      backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n      boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      padding: '8px 16px',\n      position: 'relative',\n      width: '767px',\n      zIndex: 9999,\n      [media[QueryKeys.TABLET_DOWN]]: {\n        width: '100%',\n      },\n    })}\n    {...props}\n  />\n);\n\nconst MenuModalContent = (props: React.HTMLProps<HTMLUListElement>) => (\n  <ul\n    css={{\n      li: {\n        borderBottom: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n      },\n      'li:last-child': {\n        borderBottom: 0,\n      },\n      margin: 0,\n      maxWidth: '100%',\n      minWidth: '100%',\n      padding: 0,\n    }}\n    {...props}\n  />\n);\n\nconst modalBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  background: 'rgba(50, 54, 57, 0.4)',\n});\n\nconst MenuModalBackground = (props: OverlayBackgroundProps) => <div css={modalBackgroundStyle} {...props} />;\n\ninterface MenuModalProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  onBackgroundClick?: () => void;\n}\n\nexport const MenuModal = ({\n  children = null,\n  onBackgroundClick = noop,\n  ...props\n}: MenuModalProps & React.HTMLProps<HTMLDivElement>) => (\n  <MenuModalWrapper {...props}>\n    <MenuModalBody>\n      <MenuModalContent>{children}</MenuModalContent>\n    </MenuModalBody>\n    <MenuModalBackground onClick={onBackgroundClick} data-uie-name=\"menu-background\" />\n  </MenuModalWrapper>\n);\n\nexport type MenuItemProps<T = HTMLLIElement> = React.HTMLProps<T>;\n\nexport const MenuItem = ({children = null, ...props}: MenuItemProps & React.HTMLProps<HTMLLIElement>) => (\n  <li\n    css={(theme: Theme) => ({\n      alignItems: 'center',\n      color: theme.general.color,\n      cursor: 'pointer',\n      display: 'flex',\n      height: '56px',\n      listStyleType: 'none',\n      maxWidth: '100%',\n    })}\n    {...props}\n  >\n    {children}\n  </li>\n);\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAA6B;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7B,IAAMA,qBAAsE,GAAG,SAAzEA,qBAAsE,CAAGC,KAAK;EAAA,uCAC/E,IAAAC,+BAAsB,EAACD,KAAK,CAAC;IAChCE,UAAU,EAAE,UAAU;IACtBC,SAAS,EAAE,UAAU;IACrBC,OAAO,EAAE,MAAM;IACfC,SAAS,EAAE,QAAQ;IACnBC,OAAO,EAAE;EAAC;AAAA,CACV;AAEF,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIP,KAA0B;EAAA,OAAK;IAAK,GAAG,EAAED;EAAsB,GAAKC,KAAK,EAAI;AAAA;AAEvG,IAAMQ,aAAa,GAAG,SAAhBA,aAAa,CAAIR,KAAsC;EAAA,OAC3D;IACE,GAAG,EAAE,aAACS,KAAY;MAAA;QAChBC,SAAS,YAAKC,kBAAS,CAACC,gBAAgB,cAAIC,iBAAQ,CAACC,OAAO,gBAAMC,aAAI,CAACC,WAAW,CAAE;QACpFC,eAAe,EAAEC,eAAK,CAACC,IAAI,CAACV,KAAK,CAACW,OAAO,CAACH,eAAe,EAAE,IAAI,CAAC;QAChEI,SAAS,EAAE,mCAAmC;QAC9CjB,OAAO,EAAE,MAAM;QACfkB,aAAa,EAAE,QAAQ;QACvBC,cAAc,EAAE,eAAe;QAC/BC,UAAU,EAAE,MAAM;QAClBC,WAAW,EAAE,MAAM;QACnBnB,OAAO,EAAE,UAAU;QACnBoB,QAAQ,EAAE,UAAU;QACpBC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE;MAAI,GACXC,mBAAK,CAACC,uBAAS,CAACC,WAAW,CAAC,EAAG;QAC9BJ,KAAK,EAAE;MACT,CAAC;IAAA;EACA,GACC3B,KAAK,EACT;AAAA,CACH;AAED,IAAMgC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIhC,KAAwC;EAAA,OAChE;IACE,GAAG,+BAAE;MACHiC,EAAE,EAAE;QACFC,YAAY,sBAAehB,eAAK,CAACiB,eAAe;MAClD,CAAC;MACD,eAAe,EAAE;QACfD,YAAY,EAAE;MAChB,CAAC;MACDE,MAAM,EAAE,CAAC;MACTC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE,MAAM;MAChBhC,OAAO,EAAE;IACX,CAAC;EAAC,GACEN,KAAK,EACT;AAAA,CACH;AAED,IAAMuC,oBAAwE,GAAG,SAA3EA,oBAAwE,CAAGvC,KAAK;EAAA,uCACjF,IAAAC,+BAAsB,EAACD,KAAK,CAAC;IAChCwC,UAAU,EAAE;EAAuB;AAAA,CACnC;AAEF,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIzC,KAA6B;EAAA,OAAK;IAAK,GAAG,EAAEuC;EAAqB,GAAKvC,KAAK,EAAI;AAAA;AAMrG,IAAM0C,SAAS,GAAG,SAAZA,SAAS;EAAA,2BACpBC,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAA,8BACfC,iBAAiB;IAAjBA,iBAAiB,sCAAGC,UAAI;IACrB7C,KAAK;EAAA,OAER,gBAAC,gBAAgB,EAAKA,KAAK,EACzB,gBAAC,aAAa,QACZ,gBAAC,gBAAgB,QAAE2C,QAAQ,CAAoB,CACjC,EAChB,gBAAC,mBAAmB;IAAC,OAAO,EAAEC,iBAAkB;IAAC,iBAAc;EAAiB,EAAG,CAClE;AAAA,CACpB;AAAC;AAIK,IAAME,QAAQ,GAAG,SAAXA,QAAQ;EAAA,2BAAKH,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAK3C,KAAK;EAAA,OACjD;IACE,GAAG,EAAE,aAACS,KAAY;MAAA,OAAM;QACtBP,UAAU,EAAE,QAAQ;QACpB6C,KAAK,EAAEtC,KAAK,CAACW,OAAO,CAAC2B,KAAK;QAC1BC,MAAM,EAAE,SAAS;QACjB5C,OAAO,EAAE,MAAM;QACf6C,MAAM,EAAE,MAAM;QACdC,aAAa,EAAE,MAAM;QACrBb,QAAQ,EAAE;MACZ,CAAC;IAAA;EAAE,GACCrC,KAAK,GAER2C,QAAQ,CACN;AAAA,CACN;AAAC"}

package/src/Menu/TabBar.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=TabBar.d.js.map

package/src/Menu/TabBar.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar.d.js","names":[],"sources":["TabBar.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport React from 'react';\nimport { TextProps } from '../Text';\nexport declare type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\nexport declare const TabBar: ({ children, ...props }: TabBarProps<HTMLDivElement>) => jsx.JSX.Element;\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n    active: boolean;\n}\nexport declare const TabBarItem: ({ children, ...props }: TabBarItemProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Menu/TabBar.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabBarItem = exports.TabBar = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _Identity = require("../Identity");
-var _Text = require("../Text");
-var _util = require("../util");
-var _excluded = ["children"],
-  _excluded2 = ["block", "center", "color", "bold", "active", "fontSize", "textTransform"],
-  _excluded3 = ["children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-var tabBarStyle = function tabBarStyle(_ref) {
-  _objectDestructuringEmpty(_ref);
-  return {
-    display: 'flex',
-    width: '100%'
-  };
-};
-var filteredTabBarProps = function filteredTabBarProps(props) {
-  return (0, _util.filterProps)(props, []);
-};
-var TabBar = function TabBar(_ref2) {
-  var _ref2$children = _ref2.children,
-    children = _ref2$children === void 0 ? null : _ref2$children,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  return (0, _react.jsx)("div", _extends({
-    css: tabBarStyle(props)
-  }, filteredTabBarProps(props)), children);
-};
-exports.TabBar = TabBar;
-var tabBarItemStyle = function tabBarItemStyle(theme, _ref3) {
-  var _ref3$block = _ref3.block,
-    block = _ref3$block === void 0 ? true : _ref3$block,
-    _ref3$center = _ref3.center,
-    center = _ref3$center === void 0 ? true : _ref3$center,
-    _ref3$color = _ref3.color,
-    color = _ref3$color === void 0 ? theme.general.color : _ref3$color,
-    _ref3$bold = _ref3.bold,
-    bold = _ref3$bold === void 0 ? true : _ref3$bold,
-    _ref3$active = _ref3.active,
-    active = _ref3$active === void 0 ? false : _ref3$active,
-    _ref3$fontSize = _ref3.fontSize,
-    fontSize = _ref3$fontSize === void 0 ? '11px' : _ref3$fontSize,
-    _ref3$textTransform = _ref3.textTransform,
-    textTransform = _ref3$textTransform === void 0 ? 'uppercase' : _ref3$textTransform,
-    props = _objectWithoutProperties(_ref3, _excluded2);
-  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
-    block: block,
-    bold: bold,
-    center: center,
-    color: color,
-    fontSize: fontSize,
-    textTransform: textTransform
-  }, props))), {}, {
-    borderBottom: active ? "1px solid ".concat(_Identity.COLOR.GRAY_DARKEN_48) : "1px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_40),
-    cursor: 'pointer',
-    display: 'flex',
-    flexGrow: 1,
-    justifyContent: 'center',
-    opacity: active ? 1 : 0.56,
-    padding: '8px 0'
-  });
-};
-var TabBarItem = function TabBarItem(_ref4) {
-  var _ref4$children = _ref4.children,
-    children = _ref4$children === void 0 ? null : _ref4$children,
-    props = _objectWithoutProperties(_ref4, _excluded3);
-  return (0, _react.jsx)("span", _extends({
-    css: function css(theme) {
-      return tabBarItemStyle(theme, props);
-    }
-  }, props), children);
-};
-exports.TabBarItem = TabBarItem;
-//# sourceMappingURL=TabBar.js.map

package/src/Menu/TabBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar.js","names":["tabBarStyle","display","width","filteredTabBarProps","props","filterProps","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","textStyle","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"sources":["TabBar.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={(theme: Theme) => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AAEA;AACA;AAAoC;EAAA;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIpC,IAAMA,WAAoD,GAAG,SAAvDA,WAAoD,OAAW;EAAA;EACnE,OAAO;IACLC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE;EACT,CAAC;AACH,CAAC;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,KAAkB;EAAA,OAAK,IAAAC,iBAAW,EAACD,KAAK,EAAE,EAAE,CAAC;AAAA;AAEnE,IAAME,MAAM,GAAG,SAATA,MAAM;EAAA,2BAAKC,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAKH,KAAK;EAAA,OAC/C;IAAK,GAAG,EAAEJ,WAAW,CAACI,KAAK;EAAE,GAAKD,mBAAmB,CAACC,KAAK,CAAC,GACzDG,QAAQ,CACL;AAAA,CACP;AAAC;AAMF,IAAMC,eAA0E,GAAG,SAA7EA,eAA0E,CAC9EC,KAAK,SAWF;EAAA,wBATDC,KAAK;IAALA,KAAK,4BAAG,IAAI;IAAA,qBACZC,MAAM;IAANA,MAAM,6BAAG,IAAI;IAAA,oBACbC,KAAK;IAALA,KAAK,4BAAGH,KAAK,CAACI,OAAO,CAACD,KAAK;IAAA,mBAC3BE,IAAI;IAAJA,IAAI,2BAAG,IAAI;IAAA,qBACXC,MAAM;IAANA,MAAM,6BAAG,KAAK;IAAA,uBACdC,QAAQ;IAARA,QAAQ,+BAAG,MAAM;IAAA,4BACjBC,aAAa;IAAbA,aAAa,oCAAG,WAAW;IACxBb,KAAK;EAGV,uCACK,IAAAc,eAAS,EAACT,KAAK;IAAGC,KAAK,EAALA,KAAK;IAAEI,IAAI,EAAJA,IAAI;IAAEH,MAAM,EAANA,MAAM;IAAEC,KAAK,EAALA,KAAK;IAAEI,QAAQ,EAARA,QAAQ;IAAEC,aAAa,EAAbA;EAAa,GAAKb,KAAK,EAAE;IACpFe,YAAY,EAAEJ,MAAM,uBAAgBK,eAAK,CAACC,cAAc,wBAAkBD,eAAK,CAACE,eAAe,CAAE;IACjGC,MAAM,EAAE,SAAS;IACjBtB,OAAO,EAAE,MAAM;IACfuB,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAEX,MAAM,GAAG,CAAC,GAAG,IAAI;IAC1BY,OAAO,EAAE;EAAO;AAEpB,CAAC;AAEM,IAAMC,UAAU,GAAG,SAAbA,UAAU;EAAA,2BAAKrB,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAKH,KAAK;EAAA,OACnD;IAAM,GAAG,EAAE,aAACK,KAAY;MAAA,OAAKD,eAAe,CAACC,KAAK,EAAEL,KAAK,CAAC;IAAA;EAAC,GAAKA,KAAK,GAClEG,QAAQ,CACJ;AAAA,CACR;AAAC"}

package/src/Menu/TabBar.md

@@ -1,20 +0,0 @@
-Demo:
-
-```js
-import React, {useState} from 'react';
-import {TabBar, TabBarItem} from '@wireapp/react-ui-kit';
-
-const [activeTab, setActiveTab] = useState(0);
-
-<TabBar>
-  <TabBarItem active={activeTab === 0} onClick={() => setActiveTab(0)}>
-    Info
-  </TabBarItem>
-  <TabBarItem active={activeTab === 1} onClick={() => setActiveTab(1)}>
-    Download
-  </TabBarItem>
-  <TabBarItem active={activeTab === 2} onClick={() => setActiveTab(2)}>
-    Open
-  </TabBarItem>
-</TabBar>;
-```

package/src/Menu/index.d.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _MenuModal = require("./MenuModal");
-Object.keys(_MenuModal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _MenuModal[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MenuModal[key];
-    }
-  });
-});
-var _TabBar = require("./TabBar");
-Object.keys(_TabBar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TabBar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TabBar[key];
-    }
-  });
-});
-//# sourceMappingURL=index.d.js.map

package/src/Menu/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["index.d.ts"],"sourcesContent":["export * from './MenuModal';\nexport * from './TabBar';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/src/Menu/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _MenuModal = require("./MenuModal");
-Object.keys(_MenuModal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _MenuModal[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MenuModal[key];
-    }
-  });
-});
-var _TabBar = require("./TabBar");
-Object.keys(_TabBar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TabBar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TabBar[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/src/Menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["index.ts"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport * from './MenuModal';\nexport * from './TabBar';\n"],"mappings":";;;;;AAmBA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/src/Misc/ButtonGroup.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=ButtonGroup.d.js.map

package/src/Misc/ButtonGroup.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.d.js","names":[],"sources":["ButtonGroup.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport { ReactElement } from 'react';\ninterface GroupButtonProps<T = HTMLButtonElement> {\n    children?: ReactElement | string;\n    icon?: ReactElement;\n}\ndeclare const ButtonGroup: {\n    ({ children }: {\n        children: any;\n    }): jsx.JSX.Element;\n    Button: ({ children, icon, ...props }: GroupButtonProps) => jsx.JSX.Element;\n};\nexport { ButtonGroup };\n"],"mappings":""}

package/src/Misc/ButtonGroup.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonGroup = void 0;
-var _react = require("@emotion/react");
-var _Identity = require("../Identity");
-var _excluded = ["children", "icon"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
-var buttonGroupStyle = function buttonGroupStyle() {
-  return {
-    display: 'flex',
-    alignItems: 'center'
-  };
-};
-var buttonStyle = function buttonStyle(theme, _ref) {
-  var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  return _objectSpread({
-    height: '32px',
-    borderRadius: '12px',
-    padding: '0 12px',
-    background: _Identity.COLOR_V2.WHITE,
-    border: "1px solid ".concat(_Identity.COLOR_V2.GRAY_40),
-    cursor: 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    backgroundColor: disabled ? _Identity.COLOR_V2.GRAY_20 : _Identity.COLOR_V2.WHITE,
-    svg: {
-      fill: disabled ? _Identity.COLOR_V2.GRAY_70 : _Identity.COLOR_V2.BLACK
-    },
-    '&:not(:last-child)': {
-      borderTopRightRadius: '0',
-      borderBottomRightRadius: '0'
-    },
-    '&:not(:first-child)': {
-      borderTopLeftRadius: '0',
-      borderBottomLeftRadius: '0'
-    },
-    '&:first-child:last-child': {
-      borderRadius: '0'
-    }
-  }, !disabled && {
-    '&:hover, &:focus': {
-      backgroundColor: _Identity.COLOR_V2.GRAY_20
-    },
-    '&:hover': {
-      borderColor: _Identity.COLOR_V2.GRAY_50
-    },
-    '&:focus': {
-      borderColor: _Identity.COLOR_V2.GRAY_60
-    },
-    '&:active': {
-      backgroundColor: _Identity.COLOR_V2.BLUE_LIGHT_50,
-      borderColor: _Identity.COLOR_V2.BLUE_LIGHT_300,
-      svg: {
-        fill: _Identity.COLOR_V2.BLUE
-      }
-    }
-  });
-};
-var ButtonGroup = function ButtonGroup(_ref2) {
-  var children = _ref2.children;
-  return (0, _react.jsx)("div", {
-    css: function css(theme) {
-      return buttonGroupStyle(theme);
-    },
-    role: "group",
-    "aria-label": "Button Group"
-  }, children);
-};
-exports.ButtonGroup = ButtonGroup;
-var Button = function Button(_ref3) {
-  var children = _ref3.children,
-    icon = _ref3.icon,
-    props = _objectWithoutProperties(_ref3, _excluded);
-  return (0, _react.jsx)("button", _extends({
-    css: function css(theme) {
-      return buttonStyle(theme, props);
-    }
-  }, props), icon, children && (0, _react.jsx)("span", {
-    css: /*#__PURE__*/(0, _react.css)({
-      marginLeft: !!icon && '6px',
-      fontSize: '12px',
-      fontWeight: 'bold',
-      lineHeight: '14px',
-      letterSpacing: '0.25px'
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Button;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RlUiLCJmaWxlIjoiQnV0dG9uR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAyMiBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtSZWFjdEVsZW1lbnR9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7SWNvbkJ1dHRvblByb3BzfSBmcm9tICcuL0ljb25CdXR0b24nO1xuXG5jb25zdCBidXR0b25Hcm91cFN0eWxlOiA8VD4odGhlbWU6IFRoZW1lKSA9PiBDU1NPYmplY3QgPSAoKSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxufSk7XG5cbmNvbnN0IGJ1dHRvblN0eWxlOiA8VD4odGhlbWU6IFRoZW1lLCBwcm9wczogSWNvbkJ1dHRvblByb3BzPFQ+KSA9PiBDU1NPYmplY3QgPSAodGhlbWUsIHtkaXNhYmxlZCA9IGZhbHNlfSkgPT4gKHtcbiAgaGVpZ2h0OiAnMzJweCcsXG4gIGJvcmRlclJhZGl1czogJzEycHgnLFxuICBwYWRkaW5nOiAnMCAxMnB4JyxcbiAgYmFja2dyb3VuZDogQ09MT1JfVjIuV0hJVEUsXG4gIGJvcmRlcjogYDFweCBzb2xpZCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogZGlzYWJsZWQgPyBDT0xPUl9WMi5HUkFZXzIwIDogQ09MT1JfVjIuV0hJVEUsXG4gIHN2Zzoge1xuICAgIGZpbGw6IGRpc2FibGVkID8gQ09MT1JfVjIuR1JBWV83MCA6IENPTE9SX1YyLkJMQUNLLFxuICB9LFxuICAnJjpub3QoOmxhc3QtY2hpbGQpJzoge1xuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAnMCcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICcwJyxcbiAgfSxcbiAgJyY6bm90KDpmaXJzdC1jaGlsZCknOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogJzAnLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6ICcwJyxcbiAgfSxcbiAgJyY6Zmlyc3QtY2hpbGQ6bGFzdC1jaGlsZCc6IHtcbiAgICBib3JkZXJSYWRpdXM6ICcwJyxcbiAgfSxcbiAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgJyY6aG92ZXIsICY6Zm9jdXMnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SX1YyLkdSQVlfMjAsXG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlckNvbG9yOiBDT0xPUl9WMi5HUkFZXzUwLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBib3JkZXJDb2xvcjogQ09MT1JfVjIuR1JBWV82MCxcbiAgICB9LFxuICAgICcmOmFjdGl2ZSc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogQ09MT1JfVjIuQkxVRV9MSUdIVF81MCxcbiAgICAgIGJvcmRlckNvbG9yOiBDT0xPUl9WMi5CTFVFX0xJR0hUXzMwMCxcbiAgICAgIHN2Zzoge1xuICAgICAgICBmaWxsOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgfSxcbiAgICB9LFxuICB9KSxcbn0pO1xuXG5pbnRlcmZhY2UgR3JvdXBCdXR0b25Qcm9wczxUID0gSFRNTEJ1dHRvbkVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQgfCBzdHJpbmc7XG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG59XG5cbmNvbnN0IEJ1dHRvbkdyb3VwID0gKHtjaGlsZHJlbn0pID0+IChcbiAgPGRpdiBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGJ1dHRvbkdyb3VwU3R5bGUodGhlbWUpfSByb2xlPVwiZ3JvdXBcIiBhcmlhLWxhYmVsPVwiQnV0dG9uIEdyb3VwXCI+XG4gICAge2NoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5cbmNvbnN0IEJ1dHRvbiA9ICh7Y2hpbGRyZW4sIGljb24sIC4uLnByb3BzfTogR3JvdXBCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxidXR0b24gY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBidXR0b25TdHlsZSh0aGVtZSwgcHJvcHMpfSB7Li4ucHJvcHN9PlxuICAgICAge2ljb259XG4gICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgbWFyZ2luTGVmdDogISFpY29uICYmICc2cHgnLFxuICAgICAgICAgICAgZm9udFNpemU6ICcxMnB4JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcxNHB4JyxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6ICcwLjI1cHgnLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuXG5CdXR0b25Hcm91cC5CdXR0b24gPSBCdXR0b247XG5cbmV4cG9ydCB7QnV0dG9uR3JvdXB9O1xuIl19 */")
-  }, children));
-};
-ButtonGroup.Button = Button;
-//# sourceMappingURL=ButtonGroup.js.map

package/src/Misc/ButtonGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.js","names":["buttonGroupStyle","display","alignItems","buttonStyle","theme","disabled","height","borderRadius","padding","background","COLOR_V2","WHITE","border","GRAY_40","cursor","backgroundColor","GRAY_20","svg","fill","GRAY_70","BLACK","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderColor","GRAY_50","GRAY_60","BLUE_LIGHT_50","BLUE_LIGHT_300","BLUE","ButtonGroup","children","Button","icon","props","marginLeft","fontSize","fontWeight","lineHeight","letterSpacing"],"sources":["ButtonGroup.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {ReactElement} from 'react';\n\nimport {COLOR_V2} from '../Identity';\nimport {Theme} from '../Layout';\nimport {IconButtonProps} from './IconButton';\n\nconst buttonGroupStyle: <T>(theme: Theme) => CSSObject = () => ({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst buttonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (theme, {disabled = false}) => ({\n  height: '32px',\n  borderRadius: '12px',\n  padding: '0 12px',\n  background: COLOR_V2.WHITE,\n  border: `1px solid ${COLOR_V2.GRAY_40}`,\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: disabled ? COLOR_V2.GRAY_20 : COLOR_V2.WHITE,\n  svg: {\n    fill: disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLACK,\n  },\n  '&:not(:last-child)': {\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0',\n  },\n  '&:not(:first-child)': {\n    borderTopLeftRadius: '0',\n    borderBottomLeftRadius: '0',\n  },\n  '&:first-child:last-child': {\n    borderRadius: '0',\n  },\n  ...(!disabled && {\n    '&:hover, &:focus': {\n      backgroundColor: COLOR_V2.GRAY_20,\n    },\n    '&:hover': {\n      borderColor: COLOR_V2.GRAY_50,\n    },\n    '&:focus': {\n      borderColor: COLOR_V2.GRAY_60,\n    },\n    '&:active': {\n      backgroundColor: COLOR_V2.BLUE_LIGHT_50,\n      borderColor: COLOR_V2.BLUE_LIGHT_300,\n      svg: {\n        fill: COLOR_V2.BLUE,\n      },\n    },\n  }),\n});\n\ninterface GroupButtonProps<T = HTMLButtonElement> {\n  children?: ReactElement | string;\n  icon?: ReactElement;\n}\n\nconst ButtonGroup = ({children}) => (\n  <div css={(theme: Theme) => buttonGroupStyle(theme)} role=\"group\" aria-label=\"Button Group\">\n    {children}\n  </div>\n);\n\nconst Button = ({children, icon, ...props}: GroupButtonProps) => {\n  return (\n    <button css={(theme: Theme) => buttonStyle(theme, props)} {...props}>\n      {icon}\n      {children && (\n        <span\n          css={{\n            marginLeft: !!icon && '6px',\n            fontSize: '12px',\n            fontWeight: 'bold',\n            lineHeight: '14px',\n            letterSpacing: '0.25px',\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </button>\n  );\n};\n\nButtonGroup.Button = Button;\n\nexport {ButtonGroup};\n"],"mappings":";;;;;;AAoBA;AAGA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIrC,IAAMA,gBAAgD,GAAG,SAAnDA,gBAAgD;EAAA,OAAU;IAC9DC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC;AAEF,IAAMC,WAAsE,GAAG,SAAzEA,WAAsE,CAAIC,KAAK;EAAA,yBAAGC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAAA;IACtGC,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE,MAAM;IACpBC,OAAO,EAAE,QAAQ;IACjBC,UAAU,EAAEC,kBAAQ,CAACC,KAAK;IAC1BC,MAAM,sBAAeF,kBAAQ,CAACG,OAAO,CAAE;IACvCC,MAAM,EAAE,SAAS;IACjBb,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBa,eAAe,EAAEV,QAAQ,GAAGK,kBAAQ,CAACM,OAAO,GAAGN,kBAAQ,CAACC,KAAK;IAC7DM,GAAG,EAAE;MACHC,IAAI,EAAEb,QAAQ,GAAGK,kBAAQ,CAACS,OAAO,GAAGT,kBAAQ,CAACU;IAC/C,CAAC;IACD,oBAAoB,EAAE;MACpBC,oBAAoB,EAAE,GAAG;MACzBC,uBAAuB,EAAE;IAC3B,CAAC;IACD,qBAAqB,EAAE;MACrBC,mBAAmB,EAAE,GAAG;MACxBC,sBAAsB,EAAE;IAC1B,CAAC;IACD,0BAA0B,EAAE;MAC1BjB,YAAY,EAAE;IAChB;EAAC,GACG,CAACF,QAAQ,IAAI;IACf,kBAAkB,EAAE;MAClBU,eAAe,EAAEL,kBAAQ,CAACM;IAC5B,CAAC;IACD,SAAS,EAAE;MACTS,WAAW,EAAEf,kBAAQ,CAACgB;IACxB,CAAC;IACD,SAAS,EAAE;MACTD,WAAW,EAAEf,kBAAQ,CAACiB;IACxB,CAAC;IACD,UAAU,EAAE;MACVZ,eAAe,EAAEL,kBAAQ,CAACkB,aAAa;MACvCH,WAAW,EAAEf,kBAAQ,CAACmB,cAAc;MACpCZ,GAAG,EAAE;QACHC,IAAI,EAAER,kBAAQ,CAACoB;MACjB;IACF;EACF,CAAC;AAAA,CACD;AAOF,IAAMC,WAAW,GAAG,SAAdA,WAAW;EAAA,IAAKC,QAAQ,SAARA,QAAQ;EAAA,OAC5B;IAAK,GAAG,EAAE,aAAC5B,KAAY;MAAA,OAAKJ,gBAAgB,CAACI,KAAK,CAAC;IAAA,CAAC;IAAC,IAAI,EAAC,OAAO;IAAC,cAAW;EAAc,GACxF4B,QAAQ,CACL;AAAA,CACP;AAAC;AAEF,IAAMC,MAAM,GAAG,SAATA,MAAM,QAAqD;EAAA,IAAhDD,QAAQ,SAARA,QAAQ;IAAEE,IAAI,SAAJA,IAAI;IAAKC,KAAK;EACvC,OACE;IAAQ,GAAG,EAAE,aAAC/B,KAAY;MAAA,OAAKD,WAAW,CAACC,KAAK,EAAE+B,KAAK,CAAC;IAAA;EAAC,GAAKA,KAAK,GAChED,IAAI,EACJF,QAAQ,IACP;IACE,GAAG,+BAAE;MACHI,UAAU,EAAE,CAAC,CAACF,IAAI,IAAI,KAAK;MAC3BG,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,MAAM;MAClBC,UAAU,EAAE,MAAM;MAClBC,aAAa,EAAE;IACjB,CAAC;EAAC,GAEDR,QAAQ,CAEZ,CACM;AAEb,CAAC;AAEDD,WAAW,CAACE,MAAM,GAAGA,MAAM"}

package/src/Misc/ButtonGroup.md

@@ -1,27 +0,0 @@
-Demo:
-
-```js
-import {Button, Container, Columns, Column, H2, PlusIcon} from '@wireapp/react-ui-kit';
-
-<Container>
-  <H2>Button Group</H2>
-
-  <div style={{marginBottom: '20px'}}>
-    <ButtonGroup>
-      <ButtonGroup.Button icon={<PlusIcon height={12} width={12} />} />
-
-      <ButtonGroup.Button icon={<PlusIcon height={12} width={12} />}>Button</ButtonGroup.Button>
-
-      <ButtonGroup.Button>Text only</ButtonGroup.Button>
-    </ButtonGroup>
-  </div>
-
-  <ButtonGroup>
-    <ButtonGroup.Button>Text only</ButtonGroup.Button>
-  </ButtonGroup>
-
-  <ButtonGroup>
-    <ButtonGroup.Button icon={<PlusIcon height={12} width={12} />} disabled />
-  </ButtonGroup>
-</Container>;
-```

package/src/Misc/IconButton.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=IconButton.d.js.map

package/src/Misc/IconButton.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.js","names":[],"sources":["IconButton.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { Theme } from '../Layout';\nimport { TextProps } from '../Text';\nexport declare enum IconButtonVariant {\n    PRIMARY = \"primary\",\n    SECONDARY = \"secondary\"\n}\nexport interface IconButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n    variant?: IconButtonVariant;\n    backgroundColor?: string;\n}\nexport declare const iconButtonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject;\nexport declare const IconButton: ({ children, ...props }: IconButtonProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Misc/IconButton.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.iconButtonStyle = exports.IconButtonVariant = exports.IconButton = void 0;
-var _react = require("@emotion/react");
-var _motions = require("../Identity/motions");
-var _Text = require("../Text");
-var _util = require("../util");
-var _excluded = ["children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
-var IconButtonVariant;
-exports.IconButtonVariant = IconButtonVariant;
-(function (IconButtonVariant) {
-  IconButtonVariant["PRIMARY"] = "primary";
-  IconButtonVariant["SECONDARY"] = "secondary";
-})(IconButtonVariant || (exports.IconButtonVariant = IconButtonVariant = {}));
-var iconButtonStyle = function iconButtonStyle(theme, _ref) {
-  var _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? IconButtonVariant.PRIMARY : _ref$variant,
-    backgroundColor = _ref.backgroundColor,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  return _objectSpread(_objectSpread({
-    border: 0,
-    borderRadius: '12px',
-    cursor: disabled ? 'default' : 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: '16px',
-    padding: 0,
-    outline: 'none',
-    textDecoration: 'none',
-    touchAction: 'manipulation',
-    transition: _motions.defaultTransition,
-    width: '40px',
-    height: '32px',
-    '&:hover, &:focus': {
-      textDecoration: 'none'
-    }
-  }, variant === IconButtonVariant.PRIMARY && _objectSpread({
-    backgroundColor: disabled ? theme.IconButton.primaryDisabledBgColor : backgroundColor || theme.IconButton.primaryBgColor,
-    border: disabled ? "1px solid ".concat(theme.IconButton.primaryDisabledBorderColor) : "1px solid ".concat(theme.IconButton.primaryBorderColor),
-    svg: {
-      fill: disabled ? theme.Input.placeholderColor : theme.general.color
-    }
-  }, !disabled && {
-    '&:hover, &:focus': {
-      backgroundColor: theme.IconButton.hoverPrimaryBgColor
-    },
-    '&:hover': {
-      borderColor: theme.IconButton.primaryHoverBorderColor
-    },
-    '&:focus': {
-      borderColor: theme.IconButton.focusBorderColor
-    },
-    '&:active': {
-      backgroundColor: theme.IconButton.activePrimaryBgColor,
-      borderColor: theme.IconButton.focusBorderColor,
-      svg: {
-        fill: theme.general.primaryColor
-      }
-    }
-  })), variant === IconButtonVariant.SECONDARY && _objectSpread({
-    backgroundColor: 'inherit',
-    svg: {
-      fill: disabled ? theme.Input.placeholderColor : theme.general.color
-    }
-  }, !disabled && {
-    '&:hover, &:focus, &:active': {
-      svg: {
-        fill: theme.general.primaryColor
-      }
-    },
-    '&:focus': {
-      border: "1px solid ".concat(theme.IconButton.focusBorderColor)
-    },
-    '&:active': {
-      border: "1px solid ".concat(theme.IconButton.secondaryActiveBorderColor),
-      backgroundColor: theme.Input.backgroundColor
-    }
-  }));
-};
-exports.iconButtonStyle = iconButtonStyle;
-var IconButton = function IconButton(_ref2) {
-  var children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  return (0, _react.jsx)("button", _extends({
-    css: function css(theme) {
-      return iconButtonStyle(theme, props);
-    }
-  }, filterButtonProps(props)), children);
-};
-exports.IconButton = IconButton;
-var filterButtonProps = function filterButtonProps(props) {
-  return (0, _util.filterProps)((0, _Text.filterTextProps)(props), ['backgroundColor']);
-};
-//# sourceMappingURL=IconButton.js.map