@wireapp/react-ui-kit 8.14.1 → 8.14.4

package/src/Modal/index.js

@@ -1,39 +1,31 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Overlay: true
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = void 0;
-__exportStar(require("./Modal"), exports);
-var Overlay_1 = require("./Overlay");
-Object.defineProperty(exports, "Overlay", { enumerable: true, get: function () { return Overlay_1.Overlay; } });
+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 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;;AAEH,0CAAwB;AACxB,qCAAkC;AAA1B,kGAAA,OAAO,OAAA"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA","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"],"file":"index.js"}

package/src/Text/Heading.js

@@ -1,88 +1,205 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.H4 = exports.h4Style = exports.H3 = exports.h3Style = exports.H2 = exports.h2Style = exports.H1 = exports.h1Style = exports.Heading = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const mediaQueries_1 = require("../mediaQueries");
-const Text_1 = require("./Text");
-const Heading = (_a) => {
-    var { level } = _a, props = __rest(_a, ["level"]);
-    switch (level) {
-        case '2':
-            return (0, react_1.jsx)(exports.H2, Object.assign({}, props));
-        case '3':
-            return (0, react_1.jsx)(exports.H3, Object.assign({}, props));
-        case '4':
-            return (0, react_1.jsx)(exports.H4, Object.assign({}, props));
-        case '1':
-        default:
-            return (0, react_1.jsx)(exports.H1, Object.assign({}, props));
-    }
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var Heading = function Heading(_ref) {
+  var level = _ref.level,
+      props = (0, _objectWithoutProperties2["default"])(_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;
-const h1Style = (theme, _a) => {
-    var { block = true, color = theme.general.color, level = '1', noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "level", "noWrap", "textTransform"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '48px', fontWeight: 300, lineHeight: '56px', marginBottom: '64px', marginTop: 0, minHeight: '48px', [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
-            fontSize: '40px',
-            lineHeight: '48px',
-        } }));
+
+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 = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
+    block: block,
+    color: color,
+    noWrap: noWrap,
+    textTransform: textTransform
+  }, props))), {}, (0, _defineProperty2["default"])({
+    fontSize: '48px',
+    fontWeight: 300,
+    lineHeight: '56px',
+    marginBottom: '64px',
+    marginTop: 0,
+    minHeight: '48px'
+  }, _mediaQueries.media[_mediaQueries.QueryKeys.MOBILE], {
+    fontSize: '40px',
+    lineHeight: '48px'
+  }));
 };
+
 exports.h1Style = h1Style;
-const H1 = (props) => ((0, react_1.jsx)("h1", Object.assign({ css: (theme) => (0, exports.h1Style)(theme, props) }, (0, Text_1.filterTextProps)(props))));
+
+var H1 = function H1(props) {
+  return (0, _react.jsx)("h1", (0, _extends2["default"])({
+    css: function css(theme) {
+      return h1Style(theme, props);
+    }
+  }, (0, _Text.filterTextProps)(props)));
+};
+
 exports.H1 = H1;
-const h2Style = (theme, _a) => {
-    var { block = true, color = theme.general.color, noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "noWrap", "textTransform"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '20px', fontWeight: 700, lineHeight: '28px', marginBottom: '24px', marginTop: '32px', [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
-            fontSize: '18px',
-            lineHeight: '26px',
-            marginBottom: '20px',
-            marginTop: '26px',
-        } }));
+
+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 = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
+  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
+    block: block,
+    color: color,
+    noWrap: noWrap,
+    textTransform: textTransform
+  }, props))), {}, (0, _defineProperty2["default"])({
+    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;
-const H2 = (props) => ((0, react_1.jsx)("h2", Object.assign({ css: (theme) => (0, exports.h2Style)(theme, props) }, (0, Text_1.filterTextProps)(props))));
+
+var H2 = function H2(props) {
+  return (0, _react.jsx)("h2", (0, _extends2["default"])({
+    css: function css(theme) {
+      return h2Style(theme, props);
+    }
+  }, (0, _Text.filterTextProps)(props)));
+};
+
 exports.H2 = H2;
-const h3Style = (theme, _a) => {
-    var { block = true, color = theme.general.color, noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "noWrap", "textTransform"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '16px', fontWeight: 600, marginBottom: '16px' }));
+
+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 = (0, _objectWithoutProperties2["default"])(_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;
-const H3 = (props) => ((0, react_1.jsx)("h3", Object.assign({ css: (theme) => (0, exports.h3Style)(theme, props) }, (0, Text_1.filterTextProps)(props))));
+
+var H3 = function H3(props) {
+  return (0, _react.jsx)("h3", (0, _extends2["default"])({
+    css: function css(theme) {
+      return h3Style(theme, props);
+    }
+  }, (0, _Text.filterTextProps)(props)));
+};
+
 exports.H3 = H3;
-const h4Style = (theme, _a) => {
-    var { block = true, color = theme.general.color, noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "noWrap", "textTransform"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '11px', fontWeight: 300, marginBottom: '5px', marginTop: '20px' }));
+
+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 = (0, _objectWithoutProperties2["default"])(_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;
-const H4 = (props) => ((0, react_1.jsx)("h3", Object.assign({ css: (theme) => (0, exports.h4Style)(theme, props) }, (0, Text_1.filterTextProps)(props))));
+
+var H4 = function H4(props) {
+  return (0, _react.jsx)("h3", (0, _extends2["default"])({
+    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 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["Heading.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["Heading.tsx"],"names":["Heading","level","props","h1Style","theme","block","color","general","noWrap","textTransform","fontSize","fontWeight","lineHeight","marginBottom","marginTop","minHeight","media","QueryKeys","MOBILE","H1","h2Style","H2","h3Style","H3","h4Style","H4"],"mappings":"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","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"],"file":"Heading.js"}

package/src/Text/Label.js

@@ -1,52 +1,81 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.LabelLink = exports.Label = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Link_1 = require("./Link");
-const Text_1 = require("./Text");
-const Identity_1 = require("../Identity");
-const labelStyle = (theme, _a) => {
-    var { markInvalid, bold = false, color = theme.general.color, fontSize = '12px' } = _a, props = __rest(_a, ["markInvalid", "bold", "color", "fontSize"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ bold, color, fontSize }, props))), { '&:focus-within': {
-            color: Identity_1.COLOR.BLUE,
-        }, color: markInvalid ? Identity_1.COLOR.RED : 'initial', width: '100%' }));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 = (0, _objectWithoutProperties2["default"])(_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", (0, _extends2["default"])({
+    css: function css(theme) {
+      return labelStyle(theme, props);
+    }
+  }, (0, _Text.filterTextProps)(props)));
 };
-const Label = (props) => ((0, react_1.jsx)("label", Object.assign({ css: (theme) => labelStyle(theme, props) }, (0, Text_1.filterTextProps)(props))));
+
 exports.Label = Label;
-const labelLinkStyle = (theme, _a) => {
-    var { fontSize = '12px' } = _a, props = __rest(_a, ["fontSize"]);
-    return (Object.assign({}, (0, Link_1.linkStyle)(theme, Object.assign({ fontSize }, props))));
+
+var labelLinkStyle = function labelLinkStyle(theme, _ref2) {
+  var _ref2$fontSize = _ref2.fontSize,
+      fontSize = _ref2$fontSize === void 0 ? '12px' : _ref2$fontSize,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  return _objectSpread({}, (0, _Link.linkStyle)(theme, _objectSpread({
+    fontSize: fontSize
+  }, props)));
+};
+
+var LabelLink = function LabelLink(props) {
+  return (0, _react.jsx)("a", (0, _extends2["default"])({
+    css: function css(theme) {
+      return labelLinkStyle(theme, props);
+    }
+  }, (0, _Text.filterTextProps)(props)));
 };
-const LabelLink = (props) => ((0, react_1.jsx)("a", Object.assign({ css: (theme) => labelLinkStyle(theme, props) }, (0, Text_1.filterTextProps)(props))));
+
 exports.LabelLink = LabelLink;
 //# sourceMappingURL=Label.js.map

package/src/Text/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["Label.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,iCAA4C;AAC5C,iCAA6D;AAC7D,0CAAkC;AAMlC,MAAM,UAAU,GAAyD,CACvE,KAAK,EACL,EAAqF,EACrF,EAAE;QADF,EAAC,WAAW,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,OAAW,EAAN,KAAK,cAApF,4CAAqF,CAAD;IACjF,OAAA,iCACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,IAAK,KAAK,EAAE,KACtD,gBAAgB,EAAE;YAChB,KAAK,EAAE,gBAAK,CAAC,IAAI;SAClB,EACD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,gBAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,MAAM,IACb,CAAA;CAAA,CAAC;AAEI,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE,CAAC,CAC1C,0CAAO,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CACvF,CAAC;AAFW,QAAA,KAAK,SAEhB;AAIF,MAAM,cAAc,GAAsD,CAAC,KAAK,EAAE,EAA6B,EAAE,EAAE;QAAjC,EAAC,QAAQ,GAAG,MAAM,OAAW,EAAN,KAAK,cAA5B,YAA6B,CAAD;IAAM,OAAA,mBAC/G,IAAA,gBAAS,EAAC,KAAK,kBAAG,QAAQ,IAAK,KAAK,EAAE,EACzC,CAAA;CAAA,CAAC;AAEI,MAAM,SAAS,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACjE,sCAAG,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CACvF,CAAC;AAFW,QAAA,SAAS,aAEpB"}
+{"version":3,"sources":["Label.tsx"],"names":["labelStyle","theme","markInvalid","bold","color","general","fontSize","props","COLOR","BLUE","RED","width","Label","labelLinkStyle","LabelLink"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAGA;;AACA;;AACA;;;;;;;;;AAMA,IAAMA,UAAgE,GAAG,SAAnEA,UAAmE,CACvEC,KADuE;AAAA,MAEtEC,WAFsE,QAEtEA,WAFsE;AAAA,uBAEzDC,IAFyD;AAAA,MAEzDA,IAFyD,0BAElD,KAFkD;AAAA,wBAE3CC,KAF2C;AAAA,MAE3CA,KAF2C,2BAEnCH,KAAK,CAACI,OAAN,CAAcD,KAFqB;AAAA,2BAEdE,QAFc;AAAA,MAEdA,QAFc,8BAEH,MAFG;AAAA,MAEQC,KAFR;AAAA,yCAIpE,qBAAUN,KAAV;AAAkBE,IAAAA,IAAI,EAAJA,IAAlB;AAAwBC,IAAAA,KAAK,EAALA,KAAxB;AAA+BE,IAAAA,QAAQ,EAARA;AAA/B,KAA4CC,KAA5C,EAJoE;AAKvE,sBAAkB;AAChBH,MAAAA,KAAK,EAAEI,gBAAMC;AADG,KALqD;AAQvEL,IAAAA,KAAK,EAAEF,WAAW,GAAGM,gBAAME,GAAT,GAAe,SARsC;AASvEC,IAAAA,KAAK,EAAE;AATgE;AAAA,CAAzE;;AAYO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACL,KAAD;AAAA,SACnB;AAAO,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBD,UAAU,CAACC,KAAD,EAAQM,KAAR,CAA5B;AAAA;AAAZ,KAA4D,2BAAgBA,KAAhB,CAA5D,EADmB;AAAA,CAAd;;;;AAMP,IAAMM,cAAiE,GAAG,SAApEA,cAAoE,CAACZ,KAAD;AAAA,6BAASK,QAAT;AAAA,MAASA,QAAT,+BAAoB,MAApB;AAAA,MAA+BC,KAA/B;AAAA,2BACrE,qBAAUN,KAAV;AAAkBK,IAAAA,QAAQ,EAARA;AAAlB,KAA+BC,KAA/B,EADqE;AAAA,CAA1E;;AAIO,IAAMO,SAAS,GAAG,SAAZA,SAAY,CAACP,KAAD;AAAA,SACvB;AAAG,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBY,cAAc,CAACZ,KAAD,EAAQM,KAAR,CAAhC;AAAA;AAAR,KAA4D,2BAAgBA,KAAhB,CAA5D,EADuB;AAAA,CAAlB","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"],"file":"Label.js"}

package/src/Text/Line.js

@@ -1,4 +1,22 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Line = exports.lineStyle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Identity = require("../Identity");
+
+var _sizes = require("../Layout/sizes");
+
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -17,19 +35,26 @@
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Line = exports.lineStyle = void 0;
+
 /** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity");
-const sizes_1 = require("../Layout/sizes");
-const lineStyle = ({ color = Identity_1.COLOR.GRAY_LIGHTEN_72 }) => ({
+var lineStyle = function lineStyle(_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? _Identity.COLOR.GRAY_LIGHTEN_72 : _ref$color;
+  return {
     border: 'none',
-    borderBottom: `1px solid ${color}`,
-    marginBottom: `${sizes_1.GUTTER}px`,
-    marginTop: `${sizes_1.GUTTER}px`,
-});
+    borderBottom: "1px solid ".concat(color),
+    marginBottom: "".concat(_sizes.GUTTER, "px"),
+    marginTop: "".concat(_sizes.GUTTER, "px")
+  };
+};
+
 exports.lineStyle = lineStyle;
-const Line = (props) => (0, react_1.jsx)("hr", Object.assign({ css: (0, exports.lineStyle)(props) }, props));
+
+var Line = function Line(props) {
+  return (0, _react.jsx)("hr", (0, _extends2["default"])({
+    css: lineStyle(props)
+  }, props));
+};
+
 exports.Line = Line;
 //# sourceMappingURL=Line.js.map

package/src/Text/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sourceRoot":"","sources":["Line.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,0CAAkC;AAClC,2CAAuC;AAMhC,MAAM,SAAS,GAA0C,CAAC,EAAC,KAAK,GAAG,gBAAK,CAAC,eAAe,EAAC,EAAE,EAAE,CAAC,CAAC;IACpG,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,aAAa,KAAK,EAAE;IAClC,YAAY,EAAE,GAAG,cAAM,IAAI;IAC3B,SAAS,EAAE,GAAG,cAAM,IAAI;CACzB,CAAC,CAAC;AALU,QAAA,SAAS,aAKnB;AAEI,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,uCAAI,GAAG,EAAE,IAAA,iBAAS,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAAtE,QAAA,IAAI,QAAkE"}
+{"version":3,"sources":["Line.tsx"],"names":["lineStyle","color","COLOR","GRAY_LIGHTEN_72","border","borderBottom","marginBottom","GUTTER","marginTop","Line","props"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAWO,IAAMA,SAAgD,GAAG,SAAnDA,SAAmD;AAAA,wBAAEC,KAAF;AAAA,MAAEA,KAAF,2BAAUC,gBAAMC,eAAhB;AAAA,SAAsC;AACpGC,IAAAA,MAAM,EAAE,MAD4F;AAEpGC,IAAAA,YAAY,sBAAeJ,KAAf,CAFwF;AAGpGK,IAAAA,YAAY,YAAKC,aAAL,OAHwF;AAIpGC,IAAAA,SAAS,YAAKD,aAAL;AAJ2F,GAAtC;AAAA,CAAzD;;;;AAOA,IAAME,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD;AAAA,SAAsB;AAAI,IAAA,GAAG,EAAEV,SAAS,CAACU,KAAD;AAAlB,KAA+BA,KAA/B,EAAtB;AAAA,CAAb","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 {GUTTER} from '../Layout/sizes';\n\nexport interface LineProps<T = HTMLHRElement> extends React.HTMLProps<T> {\n  color?: string;\n}\n\nexport const lineStyle: <T>(props: LineProps<T>) => CSSObject = ({color = COLOR.GRAY_LIGHTEN_72}) => ({\n  border: 'none',\n  borderBottom: `1px solid ${color}`,\n  marginBottom: `${GUTTER}px`,\n  marginTop: `${GUTTER}px`,\n});\n\nexport const Line = (props: LineProps) => <hr css={lineStyle(props)} {...props} />;\n"],"file":"Line.js"}