@wireapp/react-ui-kit 8.17.1 → 8.17.3

package/src/Text/Heading.js

@@ -1,68 +1,51 @@
 "use strict";
 
 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;
-
+exports.h4Style = exports.h3Style = exports.h2Style = exports.h1Style = exports.Heading = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
 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; }
-
+  _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); 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) { (0, _defineProperty2["default"])(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; }
 var Heading = function Heading(_ref) {
   var level = _ref.level,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
+    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;
-
 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);
+    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,
@@ -80,9 +63,7 @@ var h1Style = function h1Style(theme, _ref2) {
     lineHeight: '48px'
   }));
 };
-
 exports.h1Style = h1Style;
-
 var H1 = function H1(props) {
   return (0, _react.jsx)("h1", (0, _extends2["default"])({
     css: function css(theme) {
@@ -90,19 +71,17 @@ var H1 = function H1(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 = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
+    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,
@@ -121,9 +100,7 @@ var h2Style = function h2Style(theme, _ref3) {
     marginTop: '26px'
   }));
 };
-
 exports.h2Style = h2Style;
-
 var H2 = function H2(props) {
   return (0, _react.jsx)("h2", (0, _extends2["default"])({
     css: function css(theme) {
@@ -131,19 +108,17 @@ var H2 = function H2(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 = (0, _objectWithoutProperties2["default"])(_ref4, _excluded4);
+    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,
@@ -155,9 +130,7 @@ var h3Style = function h3Style(theme, _ref4) {
     marginBottom: '16px'
   });
 };
-
 exports.h3Style = h3Style;
-
 var H3 = function H3(props) {
   return (0, _react.jsx)("h3", (0, _extends2["default"])({
     css: function css(theme) {
@@ -165,19 +138,17 @@ var H3 = function H3(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 = (0, _objectWithoutProperties2["default"])(_ref5, _excluded5);
+    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,
@@ -190,9 +161,7 @@ var h4Style = function h4Style(theme, _ref5) {
     marginTop: '20px'
   });
 };
-
 exports.h4Style = h4Style;
-
 var H4 = function H4(props) {
   return (0, _react.jsx)("h3", (0, _extends2["default"])({
     css: function css(theme) {
@@ -200,6 +169,5 @@ var H4 = function H4(props) {
     }
   }, (0, _Text.filterTextProps)(props)));
 };
-
 exports.H4 = H4;
 //# sourceMappingURL=Heading.js.map

package/src/Text/Heading.js.map

@@ -1 +1 @@
-{"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"}
+{"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/Label.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Label.d.js"}
+{"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,42 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LabelLink = exports.Label = void 0;
-
 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; }
-
+  _excluded2 = ["fontSize"];
+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) { (0, _defineProperty2["default"])(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; }
 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);
+    _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,
@@ -49,7 +37,6 @@ var labelStyle = function labelStyle(theme, _ref) {
     width: '100%'
   });
 };
-
 var Label = function Label(props) {
   return (0, _react.jsx)("label", (0, _extends2["default"])({
     css: function css(theme) {
@@ -57,18 +44,15 @@ var Label = function Label(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 = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+    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) {
@@ -76,6 +60,5 @@ var LabelLink = function LabelLink(props) {
     }
   }, (0, _Text.filterTextProps)(props)));
 };
-
 exports.LabelLink = LabelLink;
 //# sourceMappingURL=Label.js.map

package/src/Text/Label.js.map

@@ -1 +1 @@
-{"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"}
+{"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;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"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Line.d.js"}
+{"version":3,"file":"Line.d.js","names":[],"sources":["Line.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport React from 'react';\nexport interface LineProps<T = HTMLHRElement> extends React.HTMLProps<T> {\n    color?: string;\n}\nexport declare const lineStyle: <T>(props: LineProps<T>) => CSSObject;\nexport declare const Line: (props: LineProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Text/Line.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Line = exports.lineStyle = void 0;
-
+exports.lineStyle = exports.Line = 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
@@ -37,9 +30,10 @@ var _sizes = require("../Layout/sizes");
  */
 
 /** @jsx jsx */
+
 var lineStyle = function lineStyle(_ref) {
   var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? _Identity.COLOR.GRAY_LIGHTEN_72 : _ref$color;
+    color = _ref$color === void 0 ? _Identity.COLOR.GRAY_LIGHTEN_72 : _ref$color;
   return {
     border: 'none',
     borderBottom: "1px solid ".concat(color),
@@ -47,14 +41,11 @@ var lineStyle = function lineStyle(_ref) {
     marginTop: "".concat(_sizes.GUTTER, "px")
   };
 };
-
 exports.lineStyle = lineStyle;
-
 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,"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"}
+{"version":3,"file":"Line.js","names":["lineStyle","color","COLOR","GRAY_LIGHTEN_72","border","borderBottom","marginBottom","GUTTER","marginTop","Line","props"],"sources":["Line.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 {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"],"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,SAAgD;EAAA,sBAAKC,KAAK;IAALA,KAAK,2BAAGC,eAAK,CAACC,eAAe;EAAA,OAAO;IACpGC,MAAM,EAAE,MAAM;IACdC,YAAY,sBAAeJ,KAAK,CAAE;IAClCK,YAAY,YAAKC,aAAM,OAAI;IAC3BC,SAAS,YAAKD,aAAM;EACtB,CAAC;AAAA,CAAC;AAAC;AAEI,IAAME,IAAI,GAAG,SAAPA,IAAI,CAAIC,KAAgB;EAAA,OAAK;IAAI,GAAG,EAAEV,SAAS,CAACU,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Link.d.js"}
+{"version":3,"file":"Link.d.js","names":[],"sources":["Link.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { Theme } from '../Layout';\nimport { TextProps } from './Text';\nexport declare enum LinkVariant {\n    PRIMARY = \"primary\",\n    SECONDARY = \"secondary\"\n}\nexport interface LinkProps<T = HTMLAnchorElement> extends TextProps<T> {\n    variant?: LinkVariant;\n    targetBlank?: Boolean;\n}\nexport declare const linkStyle: <T>(theme: Theme, props: LinkProps<T>) => CSSObject;\nexport declare const filterLinkProps: (props: LinkProps) => Object;\nexport declare const Link: ({ targetBlank, ...props }: LinkProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Text/Link.js

@@ -1,53 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Link = exports.filterLinkProps = exports.linkStyle = exports.LinkVariant = void 0;
-
+exports.linkStyle = exports.filterLinkProps = exports.LinkVariant = exports.Link = void 0;
 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 _motions = require("../Identity/motions");
-
 var _util = require("../util");
-
 var _Text = require("./Text");
-
 var _excluded = ["bold", "fontSize", "textTransform", "variant", "color"],
-    _excluded2 = ["targetBlank"];
-
-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; }
-
+  _excluded2 = ["targetBlank"];
+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) { (0, _defineProperty2["default"])(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; }
 var LinkVariant;
 exports.LinkVariant = LinkVariant;
-
 (function (LinkVariant) {
   LinkVariant["PRIMARY"] = "primary";
   LinkVariant["SECONDARY"] = "secondary";
 })(LinkVariant || (exports.LinkVariant = LinkVariant = {}));
-
 var linkStyle = function linkStyle(theme, _ref) {
   var _ref$bold = _ref.bold,
-      bold = _ref$bold === void 0 ? true : _ref$bold,
-      _ref$fontSize = _ref.fontSize,
-      fontSize = _ref$fontSize === void 0 ? '11px' : _ref$fontSize,
-      _ref$textTransform = _ref.textTransform,
-      textTransform = _ref$textTransform === void 0 ? 'uppercase' : _ref$textTransform,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? LinkVariant.SECONDARY : _ref$variant,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? theme.general.color : _ref$color,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    bold = _ref$bold === void 0 ? true : _ref$bold,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? '11px' : _ref$fontSize,
+    _ref$textTransform = _ref.textTransform,
+    textTransform = _ref$textTransform === void 0 ? 'uppercase' : _ref$textTransform,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? LinkVariant.SECONDARY : _ref$variant,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? theme.general.color : _ref$color,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return _objectSpread(_objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
     bold: bold,
     color: color,
@@ -76,18 +62,14 @@ var linkStyle = function linkStyle(theme, _ref) {
     }
   });
 };
-
 exports.linkStyle = linkStyle;
-
 var filterLinkProps = function filterLinkProps(props) {
   return (0, _util.filterProps)((0, _Text.filterTextProps)(props), []);
 };
-
 exports.filterLinkProps = filterLinkProps;
-
 var Link = function Link(_ref2) {
   var targetBlank = _ref2.targetBlank,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
   return (0, _react.jsx)("a", (0, _extends2["default"])({
     css: function css(theme) {
       return linkStyle(theme, props);
@@ -96,6 +78,5 @@ var Link = function Link(_ref2) {
     rel: "noopener noreferrer"
   }, filterLinkProps(props)), props.children);
 };
-
 exports.Link = Link;
 //# sourceMappingURL=Link.js.map

package/src/Text/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["LinkVariant","linkStyle","theme","bold","fontSize","textTransform","variant","SECONDARY","color","general","props","cursor","textDecoration","PRIMARY","primaryColor","fontWeight","textUnderlineOffset","transition","defaultTransition","filter","filterLinkProps","Link","targetBlank","children"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;;;;;;IAEYA,W;;;WAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,2BAAAA,W;;AAUL,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E,QAUzE;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,IAON;AAAA,2BANDC,QAMC;AAAA,MANDA,QAMC,8BANU,MAMV;AAAA,gCALDC,aAKC;AAAA,MALDA,aAKC,mCALe,WAKf;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJSN,WAAW,CAACO,SAIrB;AAAA,wBAHDC,KAGC;AAAA,MAHDA,KAGC,2BAHON,KAAK,CAACO,OAAN,CAAcD,KAGrB;AAAA,MAFEE,KAEF;AACH,uDACK,qBAAUR,KAAV;AAAkBC,IAAAA,IAAI,EAAJA,IAAlB;AAAwBK,IAAAA,KAAK,EAALA,KAAxB;AAA+BJ,IAAAA,QAAQ,EAARA,QAA/B;AAAyCC,IAAAA,aAAa,EAAbA;AAAzC,KAA2DK,KAA3D,EADL;AAEEF,IAAAA,KAAK,EAAEA,KAFT;AAGEG,IAAAA,MAAM,EAAE,SAHV;AAIEC,IAAAA,cAAc,EAAE,MAJlB;AAKE,mCAA+B;AAC7BJ,MAAAA,KAAK,EAAEA;AADsB;AALjC,KAQMF,OAAO,KAAKN,WAAW,CAACa,OAAxB,IAAmC;AACrC,iDAA6C;AAC3CL,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcK;AADsB,KADR;AAIrCV,IAAAA,QAAQ,EAAE,MAJ2B;AAKrCW,IAAAA,UAAU,EAAE,GALyB;AAMrCV,IAAAA,aAAa,EAAE,MANsB;AAOrCO,IAAAA,cAAc,EAAE,WAPqB;AAQrCI,IAAAA,mBAAmB,EAAE;AARgB,GARzC,GAkBMV,OAAO,KAAKN,WAAW,CAACO,SAAxB,IAAqC;AACvCU,IAAAA,UAAU,EAAEC,0BAD2B;AAEvC,eAAW;AACTC,MAAAA,MAAM,EAAE;AADC;AAF4B,GAlB3C;AAyBD,CApCM;;;;AAsCA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACV,KAAD;AAAA,SAAsB,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAiD,EAAjD,CAAtB;AAAA,CAAxB;;;;AAEA,IAAMW,IAAI,GAAG,SAAPA,IAAO,QAAwC;AAAA,MAAtCC,WAAsC,SAAtCA,WAAsC;AAAA,MAAtBZ,KAAsB;AAC1D,SACE;AACE,IAAA,GAAG,EAAE,aAACR,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQQ,KAAR,CAA3B;AAAA,KADP;AAEE,IAAA,MAAM,EAAEY,WAAW,IAAI,QAFzB;AAGE,IAAA,GAAG,EAAC;AAHN,KAIMF,eAAe,CAACV,KAAD,CAJrB,GAMGA,KAAK,CAACa,QANT,CADF;AAUD,CAXM","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 {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {filterProps} from '../util';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\nexport enum LinkVariant {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n}\n\nexport interface LinkProps<T = HTMLAnchorElement> extends TextProps<T> {\n  variant?: LinkVariant;\n  targetBlank?: Boolean;\n}\n\nexport const linkStyle: <T>(theme: Theme, props: LinkProps<T>) => CSSObject = (\n  theme,\n  {\n    bold = true,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    variant = LinkVariant.SECONDARY,\n    color = theme.general.color,\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {bold, color, fontSize, textTransform, ...props}),\n    color: color,\n    cursor: 'pointer',\n    textDecoration: 'none',\n    '&:visited, &:link, &:active': {\n      color: color,\n    },\n    ...(variant === LinkVariant.PRIMARY && {\n      '&:hover, &:visited:hover, &:focus-visible': {\n        color: theme.general.primaryColor,\n      },\n      fontSize: '16px',\n      fontWeight: 400,\n      textTransform: 'none',\n      textDecoration: 'underline',\n      textUnderlineOffset: '2px',\n    }),\n    ...(variant === LinkVariant.SECONDARY && {\n      transition: defaultTransition,\n      '&:hover': {\n        filter: 'brightness(70%)',\n      },\n    }),\n  };\n};\n\nexport const filterLinkProps = (props: LinkProps) => filterProps(filterTextProps(props) as LinkProps, []);\n\nexport const Link = ({targetBlank, ...props}: LinkProps) => {\n  return (\n    <a\n      css={(theme: Theme) => linkStyle(theme, props)}\n      target={targetBlank && '_blank'}\n      rel=\"noopener noreferrer\"\n      {...filterLinkProps(props)}\n    >\n      {props.children}\n    </a>\n  );\n};\n"],"file":"Link.js"}
+{"version":3,"file":"Link.js","names":["LinkVariant","linkStyle","theme","bold","fontSize","textTransform","variant","SECONDARY","color","general","props","textStyle","cursor","textDecoration","PRIMARY","primaryColor","fontWeight","textUnderlineOffset","transition","defaultTransition","filter","filterLinkProps","filterProps","filterTextProps","Link","targetBlank","children"],"sources":["Link.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 {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {filterProps} from '../util';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\nexport enum LinkVariant {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n}\n\nexport interface LinkProps<T = HTMLAnchorElement> extends TextProps<T> {\n  variant?: LinkVariant;\n  targetBlank?: Boolean;\n}\n\nexport const linkStyle: <T>(theme: Theme, props: LinkProps<T>) => CSSObject = (\n  theme,\n  {\n    bold = true,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    variant = LinkVariant.SECONDARY,\n    color = theme.general.color,\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {bold, color, fontSize, textTransform, ...props}),\n    color: color,\n    cursor: 'pointer',\n    textDecoration: 'none',\n    '&:visited, &:link, &:active': {\n      color: color,\n    },\n    ...(variant === LinkVariant.PRIMARY && {\n      '&:hover, &:visited:hover, &:focus-visible': {\n        color: theme.general.primaryColor,\n      },\n      fontSize: '16px',\n      fontWeight: 400,\n      textTransform: 'none',\n      textDecoration: 'underline',\n      textUnderlineOffset: '2px',\n    }),\n    ...(variant === LinkVariant.SECONDARY && {\n      transition: defaultTransition,\n      '&:hover': {\n        filter: 'brightness(70%)',\n      },\n    }),\n  };\n};\n\nexport const filterLinkProps = (props: LinkProps) => filterProps(filterTextProps(props) as LinkProps, []);\n\nexport const Link = ({targetBlank, ...props}: LinkProps) => {\n  return (\n    <a\n      css={(theme: Theme) => linkStyle(theme, props)}\n      target={targetBlank && '_blank'}\n      rel=\"noopener noreferrer\"\n      {...filterLinkProps(props)}\n    >\n      {props.children}\n    </a>\n  );\n};\n"],"mappings":";;;;;;;;;;AAoBA;AACA;AAEA;AACA;AAA6D;EAAA;AAAA;AAAA;AAAA,IAEjDA,WAAW;AAAA;AAAA,WAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,2BAAXA,WAAW;AAUhB,IAAMC,SAA8D,GAAG,SAAjEA,SAA8D,CACzEC,KAAK,QASF;EAAA,qBAPDC,IAAI;IAAJA,IAAI,0BAAG,IAAI;IAAA,qBACXC,QAAQ;IAARA,QAAQ,8BAAG,MAAM;IAAA,0BACjBC,aAAa;IAAbA,aAAa,mCAAG,WAAW;IAAA,oBAC3BC,OAAO;IAAPA,OAAO,6BAAGN,WAAW,CAACO,SAAS;IAAA,kBAC/BC,KAAK;IAALA,KAAK,2BAAGN,KAAK,CAACO,OAAO,CAACD,KAAK;IACxBE,KAAK;EAGV,qDACK,IAAAC,eAAS,EAACT,KAAK;IAAGC,IAAI,EAAJA,IAAI;IAAEK,KAAK,EAALA,KAAK;IAAEJ,QAAQ,EAARA,QAAQ;IAAEC,aAAa,EAAbA;EAAa,GAAKK,KAAK,EAAE;IACrEF,KAAK,EAAEA,KAAK;IACZI,MAAM,EAAE,SAAS;IACjBC,cAAc,EAAE,MAAM;IACtB,6BAA6B,EAAE;MAC7BL,KAAK,EAAEA;IACT;EAAC,GACGF,OAAO,KAAKN,WAAW,CAACc,OAAO,IAAI;IACrC,2CAA2C,EAAE;MAC3CN,KAAK,EAAEN,KAAK,CAACO,OAAO,CAACM;IACvB,CAAC;IACDX,QAAQ,EAAE,MAAM;IAChBY,UAAU,EAAE,GAAG;IACfX,aAAa,EAAE,MAAM;IACrBQ,cAAc,EAAE,WAAW;IAC3BI,mBAAmB,EAAE;EACvB,CAAC,GACGX,OAAO,KAAKN,WAAW,CAACO,SAAS,IAAI;IACvCW,UAAU,EAAEC,0BAAiB;IAC7B,SAAS,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC;AAEL,CAAC;AAAC;AAEK,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIX,KAAgB;EAAA,OAAK,IAAAY,iBAAW,EAAC,IAAAC,qBAAe,EAACb,KAAK,CAAC,EAAe,EAAE,CAAC;AAAA;AAAC;AAEnG,IAAMc,IAAI,GAAG,SAAPA,IAAI,QAA2C;EAAA,IAAtCC,WAAW,SAAXA,WAAW;IAAKf,KAAK;EACzC,OACE;IACE,GAAG,EAAE,aAACR,KAAY;MAAA,OAAKD,SAAS,CAACC,KAAK,EAAEQ,KAAK,CAAC;IAAA,CAAC;IAC/C,MAAM,EAAEe,WAAW,IAAI,QAAS;IAChC,GAAG,EAAC;EAAqB,GACrBJ,eAAe,CAACX,KAAK,CAAC,GAEzBA,KAAK,CAACgB,QAAQ,CACb;AAER,CAAC;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Paragraph.d.js"}
+{"version":3,"file":"Paragraph.d.js","names":[],"sources":["Paragraph.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { Theme } from '../Layout';\nimport { TextProps } from './Text';\nexport declare type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;\nexport declare const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject;\nexport declare const Paragraph: (props: ParagraphProps) => jsx.JSX.Element;\nexport declare type LeadProps<T = HTMLParagraphElement> = TextProps<T>;\nexport declare const leadStyle: <T>(theme: Theme, props: LeadProps<T>) => CSSObject;\nexport declare const Lead: (props: LeadProps) => jsx.JSX.Element;\n"],"mappings":""}