@wireapp/react-ui-kit 8.17.10 → 9.0.0

package/src/Modal/Modal.md

@@ -1,113 +0,0 @@
-Demo:
-
-```js
-import React, {useState} from 'react';
-import {
-  Button,
-  Column,
-  Columns,
-  Container,
-  H1,
-  H2,
-  Line,
-  MenuItem,
-  MenuModal,
-  Modal,
-  Overlay,
-  Paragraph,
-  Text,
-} from '@wireapp/react-ui-kit';
-
-const [isFullscreenModalOpen, setIsFullscreenModalOpen] = useState(false);
-const [isMenuModalOpen, setIsMenuModalOpen] = useState(false);
-const [isModalOpen, setIsModalOpen] = useState(false);
-const [isModalWidthActionsOpen, setIsModalWidthActionsOpen] = useState(false);
-const [isOverlayOpen, setIsOverlayOpen] = useState(false);
-
-<Container>
-  {isModalOpen && (
-    <Modal onClose={() => setIsModalOpen(false)}>
-      <H2 style={{margin: 0}}>Normal Modal</H2>
-      <Paragraph>
-        <Text block>Normal Modal</Text>
-      </Paragraph>
-      <Button>Button</Button>
-    </Modal>
-  )}
-  {isModalWidthActionsOpen && (
-    <Modal
-      onClose={() => setIsModalWidthActionsOpen(false)}
-      bodyStyle={{width: 360}}
-      actions={[
-        {title: 'Cancel', onClick: () => {}, bold: false},
-        {title: 'Send', onClick: () => {}, bold: true},
-      ]}
-    >
-      <H2 style={{margin: 0}}>Modal with actions</H2>
-      <Paragraph>
-        <Text block>Modal with actions</Text>
-      </Paragraph>
-    </Modal>
-  )}
-  {isFullscreenModalOpen && (
-    <Modal fullscreen onClose={() => setIsFullscreenModalOpen(false)}>
-      <H1>Fullscreen Modal</H1>
-    </Modal>
-  )}
-  {isOverlayOpen && (
-    <Overlay>
-      <H1>Overlay</H1>
-      <Button onClick={() => setIsOverlayOpen(false)}>Close</Button>
-    </Overlay>
-  )}
-  {isMenuModalOpen && (
-    <MenuModal data-uie-name="should-be-there" onBackgroundClick={() => setIsMenuModalOpen(false)}>
-      <MenuItem data-uie-name="should-be-there" onClick={() => setIsMenuModalOpen(false)}>
-        Like
-      </MenuItem>
-      <MenuItem data-uie-name="should-be-there" onClick={() => setIsMenuModalOpen(false)}>
-        Edit
-      </MenuItem>
-      <MenuItem data-uie-name="should-be-there" onClick={() => setIsMenuModalOpen(false)}>
-        Delete for me...
-      </MenuItem>
-      <MenuItem data-uie-name="should-be-there" onClick={() => setIsMenuModalOpen(false)}>
-        Delete for everyone...
-      </MenuItem>
-      <MenuItem data-uie-name="should-be-there" onClick={() => setIsMenuModalOpen(false)}>
-        Cancel
-      </MenuItem>
-    </MenuModal>
-  )}
-  <Columns>
-    <Column>Normal</Column>
-    <Column>
-      <Button onClick={() => setIsModalOpen(true)}>Open</Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Modal with actions</Column>
-    <Column>
-      <Button onClick={() => setIsModalWidthActionsOpen(true)}>Open</Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Full screen</Column>
-    <Column>
-      <Button onClick={() => setIsFullscreenModalOpen(true)}>Open</Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>MenuModal</Column>
-    <Column>
-      <Button onClick={() => setIsMenuModalOpen(true)}>Open</Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Overlay</Column>
-    <Column>
-      <Button onClick={() => setIsOverlayOpen(true)}>Open</Button>
-    </Column>
-  </Columns>
-</Container>;
-```

package/src/Modal/Overlay.d.js

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

package/src/Modal/Overlay.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.d.js","names":[],"sources":["Overlay.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport React from 'react';\nexport declare type OverlayWrapperProps<T = HTMLDivElement> = React.HTMLProps<T>;\nexport declare const overlayWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject;\nexport declare const OverlayWrapper: (props: OverlayWrapperProps<HTMLDivElement>) => jsx.JSX.Element;\nexport declare const OverlayContent: (props: React.HTMLProps<HTMLDivElement>) => jsx.JSX.Element;\nexport declare type OverlayBackgroundProps<T = HTMLDivElement> = React.HTMLProps<T>;\nexport declare const overlayBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject;\nexport declare const OverlayBackground: (props: OverlayBackgroundProps<HTMLDivElement>) => jsx.JSX.Element;\nexport interface OverlayProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    onBackgroundClick?: () => void;\n}\nexport declare const Overlay: ({ onBackgroundClick, children, ...props }: OverlayProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Modal/Overlay.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.overlayWrapperStyle = exports.overlayBackgroundStyle = exports.OverlayWrapper = exports.OverlayContent = exports.OverlayBackground = exports.Overlay = 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 _util = require("../util");
-var _excluded = ["onBackgroundClick", "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 _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); }
-var overlayWrapperStyle = function overlayWrapperStyle() {
-  return {
-    bottom: 0,
-    display: 'flex',
-    left: 0,
-    overflowY: 'auto',
-    padding: '24px',
-    position: 'fixed',
-    right: 0,
-    top: 0,
-    zIndex: 9997
-  };
-};
-exports.overlayWrapperStyle = overlayWrapperStyle;
-var OverlayWrapper = function OverlayWrapper(props) {
-  return (0, _react.jsx)("div", _extends({
-    css: overlayWrapperStyle
-  }, props));
-};
-exports.OverlayWrapper = OverlayWrapper;
-var OverlayContent = function OverlayContent(props) {
-  return (0, _react.jsx)("div", _extends({
-    css: /*#__PURE__*/(0, _react.css)(_defineProperty({
-      '*': {
-        color: _Identity.COLOR.WHITE
-      },
-      alignItems: 'center',
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'space-between',
-      margin: 'auto',
-      maxWidth: '100%',
-      overflowY: 'auto',
-      position: 'relative',
-      transform: 'translate3d(0, 0, 0)',
-      zIndex: 9999
-    }, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
-      width: '100%'
-    }), process.env.NODE_ENV === "production" ? "" : ";label:OverlayContent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk92ZXJsYXkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDSSIsImZpbGUiOiJPdmVybGF5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7Q1NTT2JqZWN0LCBqc3h9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB7QU5JTUFUSU9OLCBEVVJBVElPTiwgRUFTRX0gZnJvbSAnLi4vSWRlbnRpdHkvbW90aW9ucyc7XG5pbXBvcnQge1F1ZXJ5S2V5cywgbWVkaWF9IGZyb20gJy4uL21lZGlhUXVlcmllcyc7XG5pbXBvcnQge25vb3B9IGZyb20gJy4uL3V0aWwnO1xuXG5leHBvcnQgdHlwZSBPdmVybGF5V3JhcHBlclByb3BzPFQgPSBIVE1MRGl2RWxlbWVudD4gPSBSZWFjdC5IVE1MUHJvcHM8VD47XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5V3JhcHBlclN0eWxlOiA8VD4ocHJvcHM6IE92ZXJsYXlXcmFwcGVyUHJvcHM8VD4pID0+IENTU09iamVjdCA9ICgpID0+ICh7XG4gIGJvdHRvbTogMCxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBsZWZ0OiAwLFxuICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgcGFkZGluZzogJzI0cHgnLFxuICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgekluZGV4OiA5OTk3LFxufSk7XG5cbmV4cG9ydCBjb25zdCBPdmVybGF5V3JhcHBlciA9IChwcm9wczogT3ZlcmxheVdyYXBwZXJQcm9wcykgPT4gPGRpdiBjc3M9e292ZXJsYXlXcmFwcGVyU3R5bGV9IHsuLi5wcm9wc30gLz47XG5cbmV4cG9ydCBjb25zdCBPdmVybGF5Q29udGVudCA9IChwcm9wczogUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICAnKic6IHtcbiAgICAgICAgY29sb3I6IENPTE9SLldISVRFLFxuICAgICAgfSxcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICAgICAgbWFyZ2luOiAnYXV0bycsXG4gICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDAsIDApJyxcbiAgICAgIHpJbmRleDogOTk5OSxcbiAgICAgIFttZWRpYVtRdWVyeUtleXMuVEFCTEVUX0RPV05dXToge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9fVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIE92ZXJsYXlCYWNrZ3JvdW5kUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiA9IFJlYWN0LkhUTUxQcm9wczxUPjtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlCYWNrZ3JvdW5kU3R5bGU6IDxUPihwcm9wczogT3ZlcmxheUJhY2tncm91bmRQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gKCkgPT4gKHtcbiAgYW5pbWF0aW9uOiBgJHtBTklNQVRJT04uZmFkZUlufSAke0RVUkFUSU9OLlBST0FDVElWRV9TTE9XfW1zICR7RUFTRS5RVUFSVH1gLFxuICBiYWNrZ3JvdW5kOiAncmdiYSgwLCAwLCAwLCAwLjg4KScsXG4gIGhlaWdodDogJzEwMHZoJyxcbiAgbGVmdDogMCxcbiAgcG9zaXRpb246ICdmaXhlZCcsXG4gIHRvcDogMCxcbiAgd2lkdGg6ICcxMDB2dycsXG4gIHpJbmRleDogOTk5OCxcbn0pO1xuXG5leHBvcnQgY29uc3QgT3ZlcmxheUJhY2tncm91bmQgPSAocHJvcHM6IE92ZXJsYXlCYWNrZ3JvdW5kUHJvcHMpID0+IDxkaXYgY3NzPXtvdmVybGF5QmFja2dyb3VuZFN0eWxlfSB7Li4ucHJvcHN9IC8+O1xuXG5leHBvcnQgaW50ZXJmYWNlIE92ZXJsYXlQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgb25CYWNrZ3JvdW5kQ2xpY2s/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgT3ZlcmxheSA9ICh7b25CYWNrZ3JvdW5kQ2xpY2sgPSBub29wLCBjaGlsZHJlbiA9IG51bGwsIC4uLnByb3BzfTogT3ZlcmxheVByb3BzKSA9PiAoXG4gIDxPdmVybGF5V3JhcHBlciB7Li4ucHJvcHN9IGRhdGEtdWllLW5hbWU9XCJtb2RhbFwiPlxuICAgIDxPdmVybGF5Q29udGVudD57Y2hpbGRyZW59PC9PdmVybGF5Q29udGVudD5cbiAgICA8T3ZlcmxheUJhY2tncm91bmQgb25DbGljaz17b25CYWNrZ3JvdW5kQ2xpY2t9IGRhdGEtdWllLW5hbWU9XCJvdmVybGF5LWJhY2tncm91bmRcIiAvPlxuICA8L092ZXJsYXlXcmFwcGVyPlxuKTtcbiJdfQ== */")
-  }, props));
-};
-exports.OverlayContent = OverlayContent;
-var overlayBackgroundStyle = function overlayBackgroundStyle() {
-  return {
-    animation: "".concat(_motions.ANIMATION.fadeIn, " ").concat(_motions.DURATION.PROACTIVE_SLOW, "ms ").concat(_motions.EASE.QUART),
-    background: 'rgba(0, 0, 0, 0.88)',
-    height: '100vh',
-    left: 0,
-    position: 'fixed',
-    top: 0,
-    width: '100vw',
-    zIndex: 9998
-  };
-};
-exports.overlayBackgroundStyle = overlayBackgroundStyle;
-var OverlayBackground = function OverlayBackground(props) {
-  return (0, _react.jsx)("div", _extends({
-    css: overlayBackgroundStyle
-  }, props));
-};
-exports.OverlayBackground = OverlayBackground;
-var Overlay = function Overlay(_ref) {
-  var _ref$onBackgroundClic = _ref.onBackgroundClick,
-    onBackgroundClick = _ref$onBackgroundClic === void 0 ? _util.noop : _ref$onBackgroundClic,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return (0, _react.jsx)(OverlayWrapper, _extends({}, props, {
-    "data-uie-name": "modal"
-  }), (0, _react.jsx)(OverlayContent, null, children), (0, _react.jsx)(OverlayBackground, {
-    onClick: onBackgroundClick,
-    "data-uie-name": "overlay-background"
-  }));
-};
-exports.Overlay = Overlay;
-//# sourceMappingURL=Overlay.js.map

package/src/Modal/Overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.js","names":["overlayWrapperStyle","bottom","display","left","overflowY","padding","position","right","top","zIndex","OverlayWrapper","props","OverlayContent","color","COLOR","WHITE","alignItems","flexDirection","justifyContent","margin","maxWidth","transform","media","QueryKeys","TABLET_DOWN","width","overlayBackgroundStyle","animation","ANIMATION","fadeIn","DURATION","PROACTIVE_SLOW","EASE","QUART","background","height","OverlayBackground","Overlay","onBackgroundClick","noop","children"],"sources":["Overlay.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 {QueryKeys, media} from '../mediaQueries';\nimport {noop} from '../util';\n\nexport type OverlayWrapperProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const overlayWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject = () => ({\n  bottom: 0,\n  display: 'flex',\n  left: 0,\n  overflowY: 'auto',\n  padding: '24px',\n  position: 'fixed',\n  right: 0,\n  top: 0,\n  zIndex: 9997,\n});\n\nexport const OverlayWrapper = (props: OverlayWrapperProps) => <div css={overlayWrapperStyle} {...props} />;\n\nexport const OverlayContent = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={{\n      '*': {\n        color: COLOR.WHITE,\n      },\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      margin: 'auto',\n      maxWidth: '100%',\n      overflowY: 'auto',\n      position: 'relative',\n      transform: 'translate3d(0, 0, 0)',\n      zIndex: 9999,\n      [media[QueryKeys.TABLET_DOWN]]: {\n        width: '100%',\n      },\n    }}\n    {...props}\n  />\n);\n\nexport type OverlayBackgroundProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const overlayBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = () => ({\n  animation: `${ANIMATION.fadeIn} ${DURATION.PROACTIVE_SLOW}ms ${EASE.QUART}`,\n  background: 'rgba(0, 0, 0, 0.88)',\n  height: '100vh',\n  left: 0,\n  position: 'fixed',\n  top: 0,\n  width: '100vw',\n  zIndex: 9998,\n});\n\nexport const OverlayBackground = (props: OverlayBackgroundProps) => <div css={overlayBackgroundStyle} {...props} />;\n\nexport interface OverlayProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  onBackgroundClick?: () => void;\n}\n\nexport const Overlay = ({onBackgroundClick = noop, children = null, ...props}: OverlayProps) => (\n  <OverlayWrapper {...props} data-uie-name=\"modal\">\n    <OverlayContent>{children}</OverlayContent>\n    <OverlayBackground onClick={onBackgroundClick} data-uie-name=\"overlay-background\" />\n  </OverlayWrapper>\n);\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AACA;AACA;AAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAItB,IAAMA,mBAAoE,GAAG,SAAvEA,mBAAoE;EAAA,OAAU;IACzFC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,MAAM;IACfC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,MAAM;IACjBC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV,CAAC;AAAA,CAAC;AAAC;AAEI,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAA0B;EAAA,OAAK;IAAK,GAAG,EAAEX;EAAoB,GAAKW,KAAK,EAAI;AAAA;AAAC;AAEpG,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAID,KAAsC;EAAA,OACnE;IACE,GAAG;MACD,GAAG,EAAE;QACHE,KAAK,EAAEC,eAAK,CAACC;MACf,CAAC;MACDC,UAAU,EAAE,QAAQ;MACpBd,OAAO,EAAE,MAAM;MACfe,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,eAAe;MAC/BC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,MAAM;MAChBhB,SAAS,EAAE,MAAM;MACjBE,QAAQ,EAAE,UAAU;MACpBe,SAAS,EAAE,sBAAsB;MACjCZ,MAAM,EAAE;IAAI,GACXa,mBAAK,CAACC,uBAAS,CAACC,WAAW,CAAC,EAAG;MAC9BC,KAAK,EAAE;IACT,CAAC;EACD,GACEd,KAAK,EACT;AAAA,CACH;AAAC;AAIK,IAAMe,sBAA0E,GAAG,SAA7EA,sBAA0E;EAAA,OAAU;IAC/FC,SAAS,YAAKC,kBAAS,CAACC,MAAM,cAAIC,iBAAQ,CAACC,cAAc,gBAAMC,aAAI,CAACC,KAAK,CAAE;IAC3EC,UAAU,EAAE,qBAAqB;IACjCC,MAAM,EAAE,OAAO;IACfhC,IAAI,EAAE,CAAC;IACPG,QAAQ,EAAE,OAAO;IACjBE,GAAG,EAAE,CAAC;IACNiB,KAAK,EAAE,OAAO;IACdhB,MAAM,EAAE;EACV,CAAC;AAAA,CAAC;AAAC;AAEI,IAAM2B,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIzB,KAA6B;EAAA,OAAK;IAAK,GAAG,EAAEe;EAAuB,GAAKf,KAAK,EAAI;AAAA;AAAC;AAM7G,IAAM0B,OAAO,GAAG,SAAVA,OAAO;EAAA,iCAAKC,iBAAiB;IAAjBA,iBAAiB,sCAAGC,UAAI;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAK7B,KAAK;EAAA,OAC1E,gBAAC,cAAc,eAAKA,KAAK;IAAE,iBAAc;EAAO,IAC9C,gBAAC,cAAc,QAAE6B,QAAQ,CAAkB,EAC3C,gBAAC,iBAAiB;IAAC,OAAO,EAAEF,iBAAkB;IAAC,iBAAc;EAAoB,EAAG,CACrE;AAAA,CAClB;AAAC"}

package/src/Modal/index.d.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Overlay: true
-};
-Object.defineProperty(exports, "Overlay", {
-  enumerable: true,
-  get: function get() {
-    return _Overlay.Overlay;
-  }
-});
-var _Modal = require("./Modal");
-Object.keys(_Modal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Modal[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Modal[key];
-    }
-  });
-});
-var _Overlay = require("./Overlay");
-//# sourceMappingURL=index.d.js.map

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

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

package/src/Modal/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Overlay: true
-};
-Object.defineProperty(exports, "Overlay", {
-  enumerable: true,
-  get: function get() {
-    return _Overlay.Overlay;
-  }
-});
-var _Modal = require("./Modal");
-Object.keys(_Modal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Modal[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Modal[key];
-    }
-  });
-});
-var _Overlay = require("./Overlay");
-//# sourceMappingURL=index.js.map

package/src/Modal/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 './Modal';\nexport {Overlay} from './Overlay';\n"],"mappings":";;;;;;;;;;;;;;AAmBA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA"}

package/src/Text/Heading.d.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=Heading.d.js.map

package/src/Text/Heading.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.d.js","names":[],"sources":["Heading.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { Theme } from '../Layout';\nimport { TextProps } from './Text';\ninterface HeadingProps<T = HTMLHeadingElement> extends TextProps<T> {\n    level?: string;\n}\nexport declare const Heading: ({ level, ...props }: HeadingProps) => jsx.JSX.Element;\nexport declare const h1Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject;\nexport declare const H1: (props: HeadingProps) => jsx.JSX.Element;\nexport declare const h2Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject;\nexport declare const H2: (props: HeadingProps) => jsx.JSX.Element;\nexport declare const h3Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject;\nexport declare const H3: (props: HeadingProps) => jsx.JSX.Element;\nexport declare const h4Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject;\nexport declare const H4: (props: HeadingProps) => jsx.JSX.Element;\nexport {};\n"],"mappings":""}

package/src/Text/Heading.js

@@ -1,173 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.h4Style = exports.h3Style = exports.h2Style = exports.h1Style = exports.Heading = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
-var _react = require("@emotion/react");
-var _mediaQueries = require("../mediaQueries");
-var _Text = require("./Text");
-var _excluded = ["level"],
-  _excluded2 = ["block", "color", "level", "noWrap", "textTransform"],
-  _excluded3 = ["block", "color", "noWrap", "textTransform"],
-  _excluded4 = ["block", "color", "noWrap", "textTransform"],
-  _excluded5 = ["block", "color", "noWrap", "textTransform"];
-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; }
-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 Heading = function Heading(_ref) {
-  var level = _ref.level,
-    props = _objectWithoutProperties(_ref, _excluded);
-  switch (level) {
-    case '2':
-      return (0, _react.jsx)(H2, props);
-    case '3':
-      return (0, _react.jsx)(H3, props);
-    case '4':
-      return (0, _react.jsx)(H4, props);
-    case '1':
-    default:
-      return (0, _react.jsx)(H1, props);
-  }
-};
-exports.Heading = Heading;
-var h1Style = function h1Style(theme, _ref2) {
-  var _ref2$block = _ref2.block,
-    block = _ref2$block === void 0 ? true : _ref2$block,
-    _ref2$color = _ref2.color,
-    color = _ref2$color === void 0 ? theme.general.color : _ref2$color,
-    _ref2$level = _ref2.level,
-    level = _ref2$level === void 0 ? '1' : _ref2$level,
-    _ref2$noWrap = _ref2.noWrap,
-    noWrap = _ref2$noWrap === void 0 ? false : _ref2$noWrap,
-    _ref2$textTransform = _ref2.textTransform,
-    textTransform = _ref2$textTransform === void 0 ? 'none' : _ref2$textTransform,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
-    block: block,
-    color: color,
-    noWrap: noWrap,
-    textTransform: textTransform
-  }, props))), {}, _defineProperty({
-    fontSize: '48px',
-    fontWeight: 300,
-    lineHeight: '56px',
-    marginBottom: '64px',
-    marginTop: 0,
-    minHeight: '48px'
-  }, _mediaQueries.media[_mediaQueries.QueryKeys.MOBILE], {
-    fontSize: '40px',
-    lineHeight: '48px'
-  }));
-};
-exports.h1Style = h1Style;
-var H1 = function H1(props) {
-  return (0, _react.jsx)("h1", _extends({
-    css: function css(theme) {
-      return h1Style(theme, props);
-    }
-  }, (0, _Text.filterTextProps)(props)));
-};
-exports.H1 = H1;
-var h2Style = function h2Style(theme, _ref3) {
-  var _ref3$block = _ref3.block,
-    block = _ref3$block === void 0 ? true : _ref3$block,
-    _ref3$color = _ref3.color,
-    color = _ref3$color === void 0 ? theme.general.color : _ref3$color,
-    _ref3$noWrap = _ref3.noWrap,
-    noWrap = _ref3$noWrap === void 0 ? false : _ref3$noWrap,
-    _ref3$textTransform = _ref3.textTransform,
-    textTransform = _ref3$textTransform === void 0 ? 'none' : _ref3$textTransform,
-    props = _objectWithoutProperties(_ref3, _excluded3);
-  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
-    block: block,
-    color: color,
-    noWrap: noWrap,
-    textTransform: textTransform
-  }, props))), {}, _defineProperty({
-    fontSize: '20px',
-    fontWeight: 700,
-    lineHeight: '28px',
-    marginBottom: '24px',
-    marginTop: '32px'
-  }, _mediaQueries.media[_mediaQueries.QueryKeys.MOBILE], {
-    fontSize: '18px',
-    lineHeight: '26px',
-    marginBottom: '20px',
-    marginTop: '26px'
-  }));
-};
-exports.h2Style = h2Style;
-var H2 = function H2(props) {
-  return (0, _react.jsx)("h2", _extends({
-    css: function css(theme) {
-      return h2Style(theme, props);
-    }
-  }, (0, _Text.filterTextProps)(props)));
-};
-exports.H2 = H2;
-var h3Style = function h3Style(theme, _ref4) {
-  var _ref4$block = _ref4.block,
-    block = _ref4$block === void 0 ? true : _ref4$block,
-    _ref4$color = _ref4.color,
-    color = _ref4$color === void 0 ? theme.general.color : _ref4$color,
-    _ref4$noWrap = _ref4.noWrap,
-    noWrap = _ref4$noWrap === void 0 ? false : _ref4$noWrap,
-    _ref4$textTransform = _ref4.textTransform,
-    textTransform = _ref4$textTransform === void 0 ? 'none' : _ref4$textTransform,
-    props = _objectWithoutProperties(_ref4, _excluded4);
-  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
-    block: block,
-    color: color,
-    noWrap: noWrap,
-    textTransform: textTransform
-  }, props))), {}, {
-    fontSize: '16px',
-    fontWeight: 600,
-    marginBottom: '16px'
-  });
-};
-exports.h3Style = h3Style;
-var H3 = function H3(props) {
-  return (0, _react.jsx)("h3", _extends({
-    css: function css(theme) {
-      return h3Style(theme, props);
-    }
-  }, (0, _Text.filterTextProps)(props)));
-};
-exports.H3 = H3;
-var h4Style = function h4Style(theme, _ref5) {
-  var _ref5$block = _ref5.block,
-    block = _ref5$block === void 0 ? true : _ref5$block,
-    _ref5$color = _ref5.color,
-    color = _ref5$color === void 0 ? theme.general.color : _ref5$color,
-    _ref5$noWrap = _ref5.noWrap,
-    noWrap = _ref5$noWrap === void 0 ? false : _ref5$noWrap,
-    _ref5$textTransform = _ref5.textTransform,
-    textTransform = _ref5$textTransform === void 0 ? 'none' : _ref5$textTransform,
-    props = _objectWithoutProperties(_ref5, _excluded5);
-  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
-    block: block,
-    color: color,
-    noWrap: noWrap,
-    textTransform: textTransform
-  }, props))), {}, {
-    fontSize: '11px',
-    fontWeight: 300,
-    marginBottom: '5px',
-    marginTop: '20px'
-  });
-};
-exports.h4Style = h4Style;
-var H4 = function H4(props) {
-  return (0, _react.jsx)("h3", _extends({
-    css: function css(theme) {
-      return h4Style(theme, props);
-    }
-  }, (0, _Text.filterTextProps)(props)));
-};
-exports.H4 = H4;
-//# sourceMappingURL=Heading.js.map

package/src/Text/Heading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.js","names":["Heading","level","props","h1Style","theme","block","color","general","noWrap","textTransform","textStyle","fontSize","fontWeight","lineHeight","marginBottom","marginTop","minHeight","media","QueryKeys","MOBILE","H1","filterTextProps","h2Style","H2","h3Style","H3","h4Style","H4"],"sources":["Heading.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';\n\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\ninterface HeadingProps<T = HTMLHeadingElement> extends TextProps<T> {\n  level?: string;\n}\n\nexport const Heading = ({level, ...props}: HeadingProps) => {\n  switch (level) {\n    case '2':\n      return <H2 {...props} />;\n    case '3':\n      return <H3 {...props} />;\n    case '4':\n      return <H4 {...props} />;\n    case '1':\n    default:\n      return <H1 {...props} />;\n  }\n};\n\nexport const h1Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, level = '1', noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '48px',\n  fontWeight: 300,\n  lineHeight: '56px',\n  marginBottom: '64px',\n  marginTop: 0,\n  minHeight: '48px',\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '40px',\n    lineHeight: '48px',\n  },\n});\n\nexport const H1 = (props: HeadingProps) => (\n  <h1 css={(theme: Theme) => h1Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h2Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '20px',\n  fontWeight: 700,\n  lineHeight: '28px',\n  marginBottom: '24px',\n  marginTop: '32px',\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '18px',\n    lineHeight: '26px',\n    marginBottom: '20px',\n    marginTop: '26px',\n  },\n});\n\nexport const H2 = (props: HeadingProps) => (\n  <h2 css={(theme: Theme) => h2Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h3Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '16px',\n  fontWeight: 600,\n  marginBottom: '16px',\n});\n\nexport const H3 = (props: HeadingProps) => (\n  <h3 css={(theme: Theme) => h3Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h4Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '11px',\n  fontWeight: 300,\n  marginBottom: '5px',\n  marginTop: '20px',\n});\n\nexport const H4 = (props: HeadingProps) => (\n  <h3 css={(theme: Theme) => h4Style(theme, props)} {...filterTextProps(props)} />\n);\n"],"mappings":"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"}

package/src/Text/Heading.md

@@ -1,39 +0,0 @@
-Demo:
-
-```jsx
-import React from 'react';
-import {Column, Columns, Container, H1, H2, H3, H4, Heading} from '@wireapp/react-ui-kit';
-
-<Container>
-  <Columns>
-    <Column>Default heading</Column>
-    <Column>
-      <Heading>Heading default</Heading>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Heading1</Column>
-    <Column>
-      <H1>Heading1</H1>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Heading2</Column>
-    <Column>
-      <H2>Heading2</H2>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Heading3</Column>
-    <Column>
-      <H3>Heading3</H3>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Heading4</Column>
-    <Column>
-      <H4>Heading4</H4>
-    </Column>
-  </Columns>
-</Container>;
-```

package/src/Text/Label.d.js

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

package/src/Text/Label.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.d.js","names":[],"sources":["Label.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport { LinkProps } from './Link';\nimport { TextProps } from './Text';\nexport interface LabelProps<T = HTMLSpanElement> extends TextProps<T> {\n    markInvalid?: boolean;\n}\nexport declare const Label: (props: LabelProps) => jsx.JSX.Element;\nexport declare type LabelLinkProps<T = HTMLAnchorElement> = LinkProps<T>;\nexport declare const LabelLink: (props: LabelProps<HTMLAnchorElement>) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Text/Label.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LabelLink = exports.Label = void 0;
-var _react = require("@emotion/react");
-var _Link = require("./Link");
-var _Text = require("./Text");
-var _Identity = require("../Identity");
-var _excluded = ["markInvalid", "bold", "color", "fontSize"],
-  _excluded2 = ["fontSize"];
-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; }
-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 labelStyle = function labelStyle(theme, _ref) {
-  var markInvalid = _ref.markInvalid,
-    _ref$bold = _ref.bold,
-    bold = _ref$bold === void 0 ? false : _ref$bold,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? theme.general.color : _ref$color,
-    _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === void 0 ? '12px' : _ref$fontSize,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
-    bold: bold,
-    color: color,
-    fontSize: fontSize
-  }, props))), {}, {
-    '&:focus-within': {
-      color: _Identity.COLOR.BLUE
-    },
-    color: markInvalid ? _Identity.COLOR.RED : 'initial',
-    width: '100%'
-  });
-};
-var Label = function Label(props) {
-  return (0, _react.jsx)("label", _extends({
-    css: function css(theme) {
-      return labelStyle(theme, props);
-    }
-  }, (0, _Text.filterTextProps)(props)));
-};
-exports.Label = Label;
-var labelLinkStyle = function labelLinkStyle(theme, _ref2) {
-  var _ref2$fontSize = _ref2.fontSize,
-    fontSize = _ref2$fontSize === void 0 ? '12px' : _ref2$fontSize,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  return _objectSpread({}, (0, _Link.linkStyle)(theme, _objectSpread({
-    fontSize: fontSize
-  }, props)));
-};
-var LabelLink = function LabelLink(props) {
-  return (0, _react.jsx)("a", _extends({
-    css: function css(theme) {
-      return labelLinkStyle(theme, props);
-    }
-  }, (0, _Text.filterTextProps)(props)));
-};
-exports.LabelLink = LabelLink;
-//# sourceMappingURL=Label.js.map

package/src/Text/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","names":["labelStyle","theme","markInvalid","bold","color","general","fontSize","props","textStyle","COLOR","BLUE","RED","width","Label","filterTextProps","labelLinkStyle","linkStyle","LabelLink"],"sources":["Label.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';\n\nimport {Theme} from '../Layout';\nimport {LinkProps, linkStyle} from './Link';\nimport {TextProps, filterTextProps, textStyle} from './Text';\nimport {COLOR} from '../Identity';\n\nexport interface LabelProps<T = HTMLSpanElement> extends TextProps<T> {\n  markInvalid?: boolean;\n}\n\nconst labelStyle: <T>(theme: Theme, props: LabelProps<T>) => CSSObject = (\n  theme,\n  {markInvalid, bold = false, color = theme.general.color, fontSize = '12px', ...props},\n) => ({\n  ...textStyle(theme, {bold, color, fontSize, ...props}),\n  '&:focus-within': {\n    color: COLOR.BLUE,\n  },\n  color: markInvalid ? COLOR.RED : 'initial',\n  width: '100%',\n});\n\nexport const Label = (props: LabelProps) => (\n  <label css={(theme: Theme) => labelStyle(theme, props)} {...filterTextProps(props)} />\n);\n\nexport type LabelLinkProps<T = HTMLAnchorElement> = LinkProps<T>;\n\nconst labelLinkStyle: <T>(theme, props: LabelLinkProps<T>) => CSSObject = (theme, {fontSize = '12px', ...props}) => ({\n  ...linkStyle(theme, {fontSize, ...props}),\n});\n\nexport const LabelLink = (props: LabelProps<HTMLAnchorElement>) => (\n  <a css={(theme: Theme) => labelLinkStyle(theme, props)} {...filterTextProps(props)} />\n);\n"],"mappings":";;;;;;AAoBA;AAGA;AACA;AACA;AAAkC;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMlC,IAAMA,UAAgE,GAAG,SAAnEA,UAAgE,CACpEC,KAAK;EAAA,IACJC,WAAW,QAAXA,WAAW;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGH,KAAK,CAACI,OAAO,CAACD,KAAK;IAAA,qBAAEE,QAAQ;IAARA,QAAQ,8BAAG,MAAM;IAAKC,KAAK;EAAA,uCAEjF,IAAAC,eAAS,EAACP,KAAK;IAAGE,IAAI,EAAJA,IAAI;IAAEC,KAAK,EAALA,KAAK;IAAEE,QAAQ,EAARA;EAAQ,GAAKC,KAAK,EAAE;IACtD,gBAAgB,EAAE;MAChBH,KAAK,EAAEK,eAAK,CAACC;IACf,CAAC;IACDN,KAAK,EAAEF,WAAW,GAAGO,eAAK,CAACE,GAAG,GAAG,SAAS;IAC1CC,KAAK,EAAE;EAAM;AAAA,CACb;AAEK,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIN,KAAiB;EAAA,OACrC;IAAO,GAAG,EAAE,aAACN,KAAY;MAAA,OAAKD,UAAU,CAACC,KAAK,EAAEM,KAAK,CAAC;IAAA;EAAC,GAAK,IAAAO,qBAAe,EAACP,KAAK,CAAC,EAAI;AAAA,CACvF;AAAC;AAIF,IAAMQ,cAAiE,GAAG,SAApEA,cAAiE,CAAId,KAAK;EAAA,2BAAGK,QAAQ;IAARA,QAAQ,+BAAG,MAAM;IAAKC,KAAK;EAAA,yBACzG,IAAAS,eAAS,EAACf,KAAK;IAAGK,QAAQ,EAARA;EAAQ,GAAKC,KAAK,EAAE;AAAA,CACzC;AAEK,IAAMU,SAAS,GAAG,SAAZA,SAAS,CAAIV,KAAoC;EAAA,OAC5D;IAAG,GAAG,EAAE,aAACN,KAAY;MAAA,OAAKc,cAAc,CAACd,KAAK,EAAEM,KAAK,CAAC;IAAA;EAAC,GAAK,IAAAO,qBAAe,EAACP,KAAK,CAAC,EAAI;AAAA,CACvF;AAAC"}