@wireapp/react-ui-kit 8.14.3 → 8.14.6

package/src/Text/Line.js.map

@@ -0,0 +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"}

package/src/Text/Link.d.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Link.d.js"}

package/src/Text/Link.d.ts

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { CSSObject, jsx } from '@emotion/react';
+import { Theme } from '../Layout';
+import { TextProps } from './Text';
+export declare enum LinkVariant {
+    PRIMARY = "primary",
+    SECONDARY = "secondary"
+}
+export interface LinkProps<T = HTMLAnchorElement> extends TextProps<T> {
+    variant?: LinkVariant;
+    targetBlank?: Boolean;
+}
+export declare const linkStyle: <T>(theme: Theme, props: LinkProps<T>) => CSSObject;
+export declare const filterLinkProps: (props: LinkProps) => Object;
+export declare const Link: (props: LinkProps) => jsx.JSX.Element;

package/src/Text/Link.js

@@ -0,0 +1,98 @@
+"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;
+
+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"];
+
+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 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);
+  return _objectSpread(_objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
+    bold: bold,
+    color: color,
+    fontSize: fontSize,
+    textTransform: textTransform
+  }, props))), {}, {
+    color: color,
+    cursor: 'pointer',
+    textDecoration: 'none',
+    '&:visited, &:link, &:active': {
+      color: color
+    }
+  }, variant === LinkVariant.PRIMARY && {
+    '&:hover, &:visited:hover, &:focus-visible': {
+      color: theme.general.primaryColor
+    },
+    fontSize: '16px',
+    fontWeight: 400,
+    textTransform: 'none',
+    textDecoration: 'underline',
+    textUnderlineOffset: '2px'
+  }), variant === LinkVariant.SECONDARY && {
+    transition: _motions.defaultTransition,
+    '&:hover': {
+      filter: 'brightness(70%)'
+    }
+  });
+};
+
+exports.linkStyle = linkStyle;
+
+var filterLinkProps = function filterLinkProps(props) {
+  return (0, _util.filterProps)((0, _Text.filterTextProps)(props), []);
+};
+
+exports.filterLinkProps = filterLinkProps;
+
+var Link = function Link(props) {
+  return (0, _react.jsx)("a", (0, _extends2["default"])({
+    css: function css(theme) {
+      return linkStyle(theme, props);
+    },
+    target: props.targetBlank && '_blank',
+    rel: "noopener noreferrer"
+  }, filterLinkProps(props)), props.children);
+};
+
+exports.Link = Link;
+//# sourceMappingURL=Link.js.map

package/src/Text/Link.js.map

@@ -0,0 +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,CAACX,KAAD,EAAsB;AACxC,SACE;AACE,IAAA,GAAG,EAAE,aAACR,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQQ,KAAR,CAA3B;AAAA,KADP;AAEE,IAAA,MAAM,EAAEA,KAAK,CAACY,WAAN,IAAqB,QAF/B;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 = (props: LinkProps) => {\n  return (\n    <a\n      css={(theme: Theme) => linkStyle(theme, props)}\n      target={props.targetBlank && '_blank'}\n      rel=\"noopener noreferrer\"\n      {...filterLinkProps(props)}\n    >\n      {props.children}\n    </a>\n  );\n};\n"],"file":"Link.js"}

package/src/Text/Paragraph.d.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Paragraph.d.js"}

package/src/Text/Paragraph.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { CSSObject, jsx } from '@emotion/react';
+import { Theme } from '../Layout';
+import { TextProps } from './Text';
+export declare type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;
+export declare const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject;
+export declare const Paragraph: (props: ParagraphProps) => jsx.JSX.Element;
+export declare type LeadProps<T = HTMLParagraphElement> = TextProps<T>;
+export declare const leadStyle: <T>(theme: Theme, props: LeadProps<T>) => CSSObject;
+export declare const Lead: (props: LeadProps) => jsx.JSX.Element;

package/src/Text/Paragraph.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Lead = exports.leadStyle = exports.Paragraph = exports.paragraphStyle = 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 = ["block"],
+    _excluded2 = ["block", "center", "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 paragraphStyle = function paragraphStyle(theme, _ref) {
+  var _ref$block = _ref.block,
+      block = _ref$block === void 0 ? true : _ref$block,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
+    block: block
+  }, props))), {}, {
+    marginBottom: '16px',
+    marginTop: 0
+  });
+};
+
+exports.paragraphStyle = paragraphStyle;
+
+var Paragraph = function Paragraph(props) {
+  return (0, _react.jsx)("p", (0, _extends2["default"])({
+    css: function css(theme) {
+      return paragraphStyle(theme, props);
+    }
+  }, (0, _Text.filterTextProps)(props)));
+};
+
+exports.Paragraph = Paragraph;
+
+var leadStyle = function leadStyle(theme, _ref2) {
+  var _ref2$block = _ref2.block,
+      block = _ref2$block === void 0 ? true : _ref2$block,
+      _ref2$center = _ref2.center,
+      center = _ref2$center === void 0 ? true : _ref2$center,
+      _ref2$fontSize = _ref2.fontSize,
+      fontSize = _ref2$fontSize === void 0 ? '24px' : _ref2$fontSize,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
+    block: block,
+    center: center,
+    fontSize: fontSize
+  }, props))), {}, (0, _defineProperty2["default"])({
+    marginBottom: '56px',
+    marginTop: 0
+  }, _mediaQueries.media[_mediaQueries.QueryKeys.MOBILE], {
+    fontSize: '20px'
+  }));
+};
+
+exports.leadStyle = leadStyle;
+
+var Lead = function Lead(props) {
+  return (0, _react.jsx)("p", (0, _extends2["default"])({
+    css: function css(theme) {
+      return leadStyle(theme, props);
+    }
+  }, (0, _Text.filterTextProps)(props)));
+};
+
+exports.Lead = Lead;
+//# sourceMappingURL=Paragraph.js.map

package/src/Text/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Paragraph.tsx"],"names":["paragraphStyle","theme","block","props","marginBottom","marginTop","Paragraph","leadStyle","center","fontSize","media","QueryKeys","MOBILE","Lead"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAGA;;AACA;;;;;;;;;AAIO,IAAMA,cAAwE,GAAG,SAA3EA,cAA2E,CACtFC,KADsF;AAAA,wBAErFC,KAFqF;AAAA,MAErFA,KAFqF,2BAE7E,IAF6E;AAAA,MAEpEC,KAFoE;AAAA,yCAInF,qBAAUF,KAAV;AAAkBC,IAAAA,KAAK,EAALA;AAAlB,KAA4BC,KAA5B,EAJmF;AAKtFC,IAAAA,YAAY,EAAE,MALwE;AAMtFC,IAAAA,SAAS,EAAE;AAN2E;AAAA,CAAjF;;;;AASA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACH,KAAD;AAAA,SACvB;AAAG,IAAA,GAAG,EAAE,aAACF,KAAD;AAAA,aAAkBD,cAAc,CAACC,KAAD,EAAQE,KAAR,CAAhC;AAAA;AAAR,KAA4D,2BAAgBA,KAAhB,CAA5D,EADuB;AAAA,CAAlB;;;;AAMA,IAAMI,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EN,KAD4E;AAAA,0BAE3EC,KAF2E;AAAA,MAE3EA,KAF2E,4BAEnE,IAFmE;AAAA,2BAE7DM,MAF6D;AAAA,MAE7DA,MAF6D,6BAEpD,IAFoD;AAAA,6BAE9CC,QAF8C;AAAA,MAE9CA,QAF8C,+BAEnC,MAFmC;AAAA,MAExBN,KAFwB;AAAA,yCAIzE,qBAAUF,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBM,IAAAA,MAAM,EAANA,MAAzB;AAAiCC,IAAAA,QAAQ,EAARA;AAAjC,KAA8CN,KAA9C,EAJyE;AAK5EC,IAAAA,YAAY,EAAE,MAL8D;AAM5EC,IAAAA,SAAS,EAAE;AANiE,KAO3EK,oBAAMC,wBAAUC,MAAhB,CAP2E,EAOjD;AACzBH,IAAAA,QAAQ,EAAE;AADe,GAPiD;AAAA,CAAvE;;;;AAYA,IAAMI,IAAI,GAAG,SAAPA,IAAO,CAACV,KAAD;AAAA,SAClB;AAAG,IAAA,GAAG,EAAE,aAACF,KAAD;AAAA,aAAkBM,SAAS,CAACN,KAAD,EAAQE,KAAR,CAA3B;AAAA;AAAR,KAAuD,2BAAgBA,KAAhB,CAAvD,EADkB;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';\n\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\nexport type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;\n\nexport const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject = (\n  theme,\n  {block = true, ...props},\n) => ({\n  ...textStyle(theme, {block, ...props}),\n  marginBottom: '16px',\n  marginTop: 0,\n});\n\nexport const Paragraph = (props: ParagraphProps) => (\n  <p css={(theme: Theme) => paragraphStyle(theme, props)} {...filterTextProps(props)} />\n);\n\nexport type LeadProps<T = HTMLParagraphElement> = TextProps<T>;\n\nexport const leadStyle: <T>(theme: Theme, props: LeadProps<T>) => CSSObject = (\n  theme,\n  {block = true, center = true, fontSize = '24px', ...props},\n) => ({\n  ...textStyle(theme, {block, center, fontSize, ...props}),\n  marginBottom: '56px',\n  marginTop: 0,\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '20px',\n  },\n});\n\nexport const Lead = (props: LeadProps) => (\n  <p css={(theme: Theme) => leadStyle(theme, props)} {...filterTextProps(props)} />\n);\n"],"file":"Paragraph.js"}

package/src/Text/Text.d.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Text.d.js"}

package/src/Text/Text.d.ts

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import { CSSObject } from '@emotion/react';
+import React from 'react';
+import { Property } from 'csstype';
+import { Theme } from '../Layout';
+export interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React.HTMLProps<T>> {
+    block?: boolean;
+    bold?: boolean;
+    center?: boolean;
+    color?: string;
+    fontSize?: string;
+    light?: boolean;
+    muted?: boolean;
+    noWrap?: boolean;
+    textTransform?: Property.TextTransform;
+    truncate?: boolean;
+}
+export declare const filterTextProps: (props: TextProps) => Object;
+export declare const textStyle: <T>(theme: Theme, props: TextProps<T>) => CSSObject;
+export declare const Text: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Bold: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Small: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Muted: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Uppercase: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Large: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;

package/src/Text/Text.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Large = exports.Uppercase = exports.Muted = exports.Small = exports.Bold = exports.Text = exports.textStyle = exports.filterTextProps = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _util = require("../util");
+
+var _Identity = require("../Identity");
+
+/*
+ * 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/.
+ *
+ */
+
+/** @jsx jsx */
+var filterTextProps = function filterTextProps(props) {
+  return (0, _util.filterProps)(props, ['block', 'bold', 'center', 'color', 'fontSize', 'light', 'muted', 'noWrap', 'textTransform', 'truncate']);
+};
+
+exports.filterTextProps = filterTextProps;
+
+var textStyle = function textStyle(theme, _ref) {
+  var _ref$block = _ref.block,
+      block = _ref$block === void 0 ? false : _ref$block,
+      _ref$bold = _ref.bold,
+      bold = _ref$bold === void 0 ? false : _ref$bold,
+      _ref$center = _ref.center,
+      center = _ref$center === void 0 ? false : _ref$center,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? theme.general.color : _ref$color,
+      _ref$fontSize = _ref.fontSize,
+      fontSize = _ref$fontSize === void 0 ? '16px' : _ref$fontSize,
+      _ref$light = _ref.light,
+      light = _ref$light === void 0 ? false : _ref$light,
+      _ref$muted = _ref.muted,
+      muted = _ref$muted === void 0 ? false : _ref$muted,
+      _ref$noWrap = _ref.noWrap,
+      noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
+      _ref$textTransform = _ref.textTransform,
+      textTransform = _ref$textTransform === void 0 ? 'none' : _ref$textTransform,
+      _ref$truncate = _ref.truncate,
+      truncate = _ref$truncate === void 0 ? false : _ref$truncate;
+  return {
+    color: muted ? _Identity.COLOR.GRAY : color,
+    display: block ? 'block' : 'inline',
+    fontSize: fontSize,
+    fontWeight: bold ? 600 : light ? 200 : 300,
+    overflow: truncate ? 'hidden' : undefined,
+    textAlign: center ? 'center' : 'left',
+    textOverflow: truncate ? 'ellipsis' : undefined,
+    textTransform: textTransform,
+    whiteSpace: noWrap ? 'nowrap' : undefined
+  };
+};
+
+exports.textStyle = textStyle;
+
+var Text = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
+  return (0, _react.jsx)("span", (0, _extends2["default"])({
+    ref: ref,
+    css: function css(theme) {
+      return textStyle(theme, props);
+    }
+  }, filterTextProps(props)));
+});
+
+exports.Text = Text;
+
+var Bold = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
+  return (0, _react.jsx)(Text, (0, _extends2["default"])({
+    ref: ref,
+    bold: true
+  }, props));
+});
+
+exports.Bold = Bold;
+
+var Small = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
+  return (0, _react.jsx)(Text, (0, _extends2["default"])({
+    ref: ref,
+    fontSize: '12px'
+  }, props));
+});
+
+exports.Small = Small;
+
+var Muted = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
+  return (0, _react.jsx)(Text, (0, _extends2["default"])({
+    ref: ref,
+    muted: true
+  }, props));
+});
+
+exports.Muted = Muted;
+
+var Uppercase = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
+  return (0, _react.jsx)(Text, (0, _extends2["default"])({
+    ref: ref,
+    textTransform: 'uppercase'
+  }, props));
+});
+
+exports.Uppercase = Uppercase;
+
+var Large = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
+  return (0, _react.jsx)(Text, (0, _extends2["default"])({
+    ref: ref,
+    fontSize: '48px',
+    light: true
+  }, props));
+});
+
+exports.Large = Large;
+//# sourceMappingURL=Text.js.map

package/src/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Text.tsx"],"names":["filterTextProps","props","textStyle","theme","block","bold","center","color","general","fontSize","light","muted","noWrap","textTransform","truncate","COLOR","GRAY","display","fontWeight","overflow","undefined","textAlign","textOverflow","whiteSpace","Text","React","forwardRef","ref","Bold","Small","Muted","Uppercase","Large"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AAIA;;AACA;;AA1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAsBO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAsB;AACnD,SAAO,uBAAYA,KAAZ,EAAmB,CACxB,OADwB,EAExB,MAFwB,EAGxB,QAHwB,EAIxB,OAJwB,EAKxB,UALwB,EAMxB,OANwB,EAOxB,OAPwB,EAQxB,QARwB,EASxB,eATwB,EAUxB,UAVwB,CAAnB,CAAP;AAYD,CAbM;;;;AAeA,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E;AAAA,wBAG1EC,KAH0E;AAAA,MAG1EA,KAH0E,2BAGlE,KAHkE;AAAA,uBAI1EC,IAJ0E;AAAA,MAI1EA,IAJ0E,0BAInE,KAJmE;AAAA,yBAK1EC,MAL0E;AAAA,MAK1EA,MAL0E,4BAKjE,KALiE;AAAA,wBAM1EC,KAN0E;AAAA,MAM1EA,KAN0E,2BAMlEJ,KAAK,CAACK,OAAN,CAAcD,KANoD;AAAA,2BAO1EE,QAP0E;AAAA,MAO1EA,QAP0E,8BAO/D,MAP+D;AAAA,wBAQ1EC,KAR0E;AAAA,MAQ1EA,KAR0E,2BAQlE,KARkE;AAAA,wBAS1EC,KAT0E;AAAA,MAS1EA,KAT0E,2BASlE,KATkE;AAAA,yBAU1EC,MAV0E;AAAA,MAU1EA,MAV0E,4BAUjE,KAViE;AAAA,gCAW1EC,aAX0E;AAAA,MAW1EA,aAX0E,mCAW1D,MAX0D;AAAA,2BAY1EC,QAZ0E;AAAA,MAY1EA,QAZ0E,8BAY/D,KAZ+D;AAAA,SAcxE;AACJP,IAAAA,KAAK,EAAEI,KAAK,GAAGI,gBAAMC,IAAT,GAAgBT,KADxB;AAEJU,IAAAA,OAAO,EAAEb,KAAK,GAAG,OAAH,GAAa,QAFvB;AAGJK,IAAAA,QAAQ,EAAEA,QAHN;AAIJS,IAAAA,UAAU,EAAEb,IAAI,GAAG,GAAH,GAASK,KAAK,GAAG,GAAH,GAAS,GAJnC;AAKJS,IAAAA,QAAQ,EAAEL,QAAQ,GAAG,QAAH,GAAcM,SAL5B;AAMJC,IAAAA,SAAS,EAAEf,MAAM,GAAG,QAAH,GAAc,MAN3B;AAOJgB,IAAAA,YAAY,EAAER,QAAQ,GAAG,UAAH,GAAgBM,SAPlC;AAQJP,IAAAA,aAAa,EAAEA,aARX;AASJU,IAAAA,UAAU,EAAEX,MAAM,GAAG,QAAH,GAAcQ;AAT5B,GAdwE;AAAA,CAAvE;;;;AA0BA,IAAMI,IAAI,gBAAGC,mBAAMC,UAAN,CAA8D,UAACzB,KAAD,EAAQ0B,GAAR;AAAA,SAChF;AAAM,IAAA,GAAG,EAAEA,GAAX;AAAgB,IAAA,GAAG,EAAE,aAACxB,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQF,KAAR,CAA3B;AAAA;AAArB,KAAoED,eAAe,CAACC,KAAD,CAAnF,EADgF;AAAA,CAA9D,CAAb;;;;AAIA,IAAM2B,IAAI,gBAAGH,mBAAMC,UAAN,CAA8D,UAACzB,KAAD,EAAQ0B,GAAR;AAAA,SAChF,gBAAC,IAAD;AAAM,IAAA,GAAG,EAAEA,GAAX;AAAgB,IAAA,IAAI;AAApB,KAAyB1B,KAAzB,EADgF;AAAA,CAA9D,CAAb;;;;AAGA,IAAM4B,KAAK,gBAAGJ,mBAAMC,UAAN,CAA8D,UAACzB,KAAD,EAAQ0B,GAAR;AAAA,SACjF,gBAAC,IAAD;AAAM,IAAA,GAAG,EAAEA,GAAX;AAAgB,IAAA,QAAQ,EAAE;AAA1B,KAAsC1B,KAAtC,EADiF;AAAA,CAA9D,CAAd;;;;AAGA,IAAM6B,KAAK,gBAAGL,mBAAMC,UAAN,CAA8D,UAACzB,KAAD,EAAQ0B,GAAR;AAAA,SACjF,gBAAC,IAAD;AAAM,IAAA,GAAG,EAAEA,GAAX;AAAgB,IAAA,KAAK;AAArB,KAA0B1B,KAA1B,EADiF;AAAA,CAA9D,CAAd;;;;AAGA,IAAM8B,SAAS,gBAAGN,mBAAMC,UAAN,CAA8D,UAACzB,KAAD,EAAQ0B,GAAR;AAAA,SACrF,gBAAC,IAAD;AAAM,IAAA,GAAG,EAAEA,GAAX;AAAgB,IAAA,aAAa,EAAE;AAA/B,KAAgD1B,KAAhD,EADqF;AAAA,CAA9D,CAAlB;;;;AAGA,IAAM+B,KAAK,gBAAGP,mBAAMC,UAAN,CAA8D,UAACzB,KAAD,EAAQ0B,GAAR;AAAA,SACjF,gBAAC,IAAD;AAAM,IAAA,GAAG,EAAEA,GAAX;AAAgB,IAAA,QAAQ,EAAE,MAA1B;AAAkC,IAAA,KAAK;AAAvC,KAA4C1B,KAA5C,EADiF;AAAA,CAA9D,CAAd","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';\nimport {Property} from 'csstype';\n\nimport {Theme} from '../Layout';\nimport {filterProps} from '../util';\nimport {COLOR} from '../Identity';\n\nexport interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  block?: boolean;\n  bold?: boolean;\n  center?: boolean;\n  color?: string;\n  fontSize?: string;\n  light?: boolean;\n  muted?: boolean;\n  noWrap?: boolean;\n  textTransform?: Property.TextTransform;\n  truncate?: boolean;\n}\n\nexport const filterTextProps = (props: TextProps) => {\n  return filterProps(props, [\n    'block',\n    'bold',\n    'center',\n    'color',\n    'fontSize',\n    'light',\n    'muted',\n    'noWrap',\n    'textTransform',\n    'truncate',\n  ]);\n};\n\nexport const textStyle: <T>(theme: Theme, props: TextProps<T>) => CSSObject = (\n  theme,\n  {\n    block = false,\n    bold = false,\n    center = false,\n    color = theme.general.color,\n    fontSize = '16px',\n    light = false,\n    muted = false,\n    noWrap = false,\n    textTransform = 'none',\n    truncate = false,\n  },\n) => ({\n  color: muted ? COLOR.GRAY : color,\n  display: block ? 'block' : 'inline',\n  fontSize: fontSize,\n  fontWeight: bold ? 600 : light ? 200 : 300,\n  overflow: truncate ? 'hidden' : undefined,\n  textAlign: center ? 'center' : 'left',\n  textOverflow: truncate ? 'ellipsis' : undefined,\n  textTransform: textTransform,\n  whiteSpace: noWrap ? 'nowrap' : undefined,\n});\n\nexport const Text = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <span ref={ref} css={(theme: Theme) => textStyle(theme, props)} {...filterTextProps(props)} />\n));\n\nexport const Bold = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} bold {...props} />\n));\nexport const Small = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} fontSize={'12px'} {...props} />\n));\nexport const Muted = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} muted {...props} />\n));\nexport const Uppercase = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} textTransform={'uppercase'} {...props} />\n));\nexport const Large = React.forwardRef<HTMLSpanElement, TextProps<HTMLSpanElement>>((props, ref) => (\n  <Text ref={ref} fontSize={'48px'} light {...props} />\n));\n"],"file":"Text.js"}

package/src/Text/TextLink.d.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"TextLink.d.js"}

package/src/Text/TextLink.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import { CSSObject, jsx } from '@emotion/react';
+import { Theme } from '../Layout';
+import { LinkProps } from './Link';
+export declare type TextLinkProps<T = HTMLAnchorElement> = LinkProps<T>;
+export declare const textLinkStyle: <T>(theme: Theme, props: TextLinkProps<T>) => CSSObject;
+export declare const TextLink: (props: TextLinkProps<HTMLAnchorElement>) => jsx.JSX.Element;