@wireapp/react-ui-kit 9.0.0 → 9.0.2

package/lib/Modal/Overlay.js

@@ -0,0 +1,92 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = exports.OverlayBackground = exports.overlayBackgroundStyle = exports.OverlayContent = exports.OverlayWrapper = exports.overlayWrapperStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const Identity_1 = require("../Identity");
+const motions_1 = require("../Identity/motions");
+const mediaQueries_1 = require("../mediaQueries");
+const util_1 = require("../util");
+const overlayWrapperStyle = () => ({
+    bottom: 0,
+    display: 'flex',
+    left: 0,
+    overflowY: 'auto',
+    padding: '24px',
+    position: 'fixed',
+    right: 0,
+    top: 0,
+    zIndex: 9997,
+});
+exports.overlayWrapperStyle = overlayWrapperStyle;
+const OverlayWrapper = (props) => (0, react_1.jsx)("div", Object.assign({ css: exports.overlayWrapperStyle }, props));
+exports.OverlayWrapper = OverlayWrapper;
+const OverlayContent = (props) => ((0, react_1.jsx)("div", Object.assign({ css: {
+        '*': {
+            color: Identity_1.COLOR.WHITE,
+        },
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+        margin: 'auto',
+        maxWidth: '100%',
+        overflowY: 'auto',
+        position: 'relative',
+        transform: 'translate3d(0, 0, 0)',
+        zIndex: 9999,
+        [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
+            width: '100%',
+        },
+    } }, props)));
+exports.OverlayContent = OverlayContent;
+const overlayBackgroundStyle = () => ({
+    animation: `${motions_1.ANIMATION.fadeIn} ${motions_1.DURATION.PROACTIVE_SLOW}ms ${motions_1.EASE.QUART}`,
+    background: 'rgba(0, 0, 0, 0.88)',
+    height: '100vh',
+    left: 0,
+    position: 'fixed',
+    top: 0,
+    width: '100vw',
+    zIndex: 9998,
+});
+exports.overlayBackgroundStyle = overlayBackgroundStyle;
+const OverlayBackground = (props) => (0, react_1.jsx)("div", Object.assign({ css: exports.overlayBackgroundStyle }, props));
+exports.OverlayBackground = OverlayBackground;
+const Overlay = (_a) => {
+    var { onBackgroundClick = util_1.noop, children = null } = _a, props = __rest(_a, ["onBackgroundClick", "children"]);
+    return ((0, react_1.jsx)(exports.OverlayWrapper, Object.assign({}, props, { "data-uie-name": "modal" }),
+        (0, react_1.jsx)(exports.OverlayContent, null, children),
+        (0, react_1.jsx)(exports.OverlayBackground, { onClick: onBackgroundClick, "data-uie-name": "overlay-background" })));
+};
+exports.Overlay = Overlay;
+//# sourceMappingURL=Overlay.js.map

package/lib/Modal/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/Modal/Overlay.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,0CAAkC;AAClC,iDAA8D;AAC9D,kDAAiD;AACjD,kCAA6B;AAItB,MAAM,mBAAmB,GAAoD,GAAG,EAAE,CAAC,CAAC;IACzF,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,IAAI;CACb,CAAC,CAAC;AAVU,QAAA,mBAAmB,uBAU7B;AAEI,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,2BAAmB,IAAM,KAAK,EAAI,CAAC;AAA9F,QAAA,cAAc,kBAAgF;AAEpG,MAAM,cAAc,GAAG,CAAC,KAAsC,EAAE,EAAE,CAAC,CACxE,wCACE,GAAG,EAAE;QACH,GAAG,EAAE;YACH,KAAK,EAAE,gBAAK,CAAC,KAAK;SACnB;QACD,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;QAC/B,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,sBAAsB;QACjC,MAAM,EAAE,IAAI;QACZ,CAAC,oBAAK,CAAC,wBAAS,CAAC,WAAW,CAAC,CAAC,EAAE;YAC9B,KAAK,EAAE,MAAM;SACd;KACF,IACG,KAAK,EACT,CACH,CAAC;AAtBW,QAAA,cAAc,kBAsBzB;AAIK,MAAM,sBAAsB,GAAuD,GAAG,EAAE,CAAC,CAAC;IAC/F,SAAS,EAAE,GAAG,mBAAS,CAAC,MAAM,IAAI,kBAAQ,CAAC,cAAc,MAAM,cAAI,CAAC,KAAK,EAAE;IAC3E,UAAU,EAAE,qBAAqB;IACjC,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,IAAI;CACb,CAAC,CAAC;AATU,QAAA,sBAAsB,0BAShC;AAEI,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,8BAAsB,IAAM,KAAK,EAAI,CAAC;AAAvG,QAAA,iBAAiB,qBAAsF;AAM7G,MAAM,OAAO,GAAG,CAAC,EAAmE,EAAE,EAAE;QAAvE,EAAC,iBAAiB,GAAG,WAAI,EAAE,QAAQ,GAAG,IAAI,OAAyB,EAApB,KAAK,cAApD,iCAAqD,CAAD;IAAoB,OAAA,CAC9F,iBAAC,sBAAc,oBAAK,KAAK,qBAAgB,OAAO;QAC9C,iBAAC,sBAAc,QAAE,QAAQ,CAAkB;QAC3C,iBAAC,yBAAiB,IAAC,OAAO,EAAE,iBAAiB,mBAAgB,oBAAoB,GAAG,CACrE,CAClB,CAAA;CAAA,CAAC;AALW,QAAA,OAAO,WAKlB"}

package/lib/Modal/index.js

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

package/lib/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Modal/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;;AAEH,0CAAwB;AACxB,qCAAkC;AAA1B,kGAAA,OAAO,OAAA"}

package/lib/Text/Heading.js

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

package/lib/Text/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/Text/Heading.tsx"],"names":[],"mappings":"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"}

package/lib/Text/Label.js

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

package/lib/Text/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/Text/Label.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,iCAA4C;AAC5C,iCAA6D;AAC7D,0CAAkC;AAMlC,MAAM,UAAU,GAAyD,CACvE,KAAK,EACL,EAAqF,EACrF,EAAE;QADF,EAAC,WAAW,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,OAAW,EAAN,KAAK,cAApF,4CAAqF,CAAD;IACjF,OAAA,iCACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,IAAK,KAAK,EAAE,KACtD,gBAAgB,EAAE;YAChB,KAAK,EAAE,gBAAK,CAAC,IAAI;SAClB,EACD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,gBAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,MAAM,IACb,CAAA;CAAA,CAAC;AAEI,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE,CAAC,CAC1C,0CAAO,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CACvF,CAAC;AAFW,QAAA,KAAK,SAEhB;AAIF,MAAM,cAAc,GAAsD,CAAC,KAAK,EAAE,EAA6B,EAAE,EAAE;QAAjC,EAAC,QAAQ,GAAG,MAAM,OAAW,EAAN,KAAK,cAA5B,YAA6B,CAAD;IAAM,OAAA,mBAC/G,IAAA,gBAAS,EAAC,KAAK,kBAAG,QAAQ,IAAK,KAAK,EAAE,EACzC,CAAA;CAAA,CAAC;AAEI,MAAM,SAAS,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACjE,sCAAG,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CACvF,CAAC;AAFW,QAAA,SAAS,aAEpB"}

package/lib/Text/Line.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Line = exports.lineStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const Identity_1 = require("../Identity");
+const sizes_1 = require("../Layout/sizes");
+const lineStyle = ({ color = Identity_1.COLOR.GRAY_LIGHTEN_72 }) => ({
+    border: 'none',
+    borderBottom: `1px solid ${color}`,
+    marginBottom: `${sizes_1.GUTTER}px`,
+    marginTop: `${sizes_1.GUTTER}px`,
+});
+exports.lineStyle = lineStyle;
+const Line = (props) => (0, react_1.jsx)("hr", Object.assign({ css: (0, exports.lineStyle)(props) }, props));
+exports.Line = Line;
+//# sourceMappingURL=Line.js.map

package/lib/Text/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../src/Text/Line.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,0CAAkC;AAClC,2CAAuC;AAMhC,MAAM,SAAS,GAA0C,CAAC,EAAC,KAAK,GAAG,gBAAK,CAAC,eAAe,EAAC,EAAE,EAAE,CAAC,CAAC;IACpG,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,aAAa,KAAK,EAAE;IAClC,YAAY,EAAE,GAAG,cAAM,IAAI;IAC3B,SAAS,EAAE,GAAG,cAAM,IAAI;CACzB,CAAC,CAAC;AALU,QAAA,SAAS,aAKnB;AAEI,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,uCAAI,GAAG,EAAE,IAAA,iBAAS,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAAtE,QAAA,IAAI,QAAkE"}

package/lib/Text/Link.js

@@ -0,0 +1,71 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = exports.filterLinkProps = exports.linkStyle = exports.LinkVariant = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const motions_1 = require("../Identity/motions");
+const util_1 = require("../util");
+const Text_1 = require("./Text");
+var LinkVariant;
+(function (LinkVariant) {
+    LinkVariant["PRIMARY"] = "primary";
+    LinkVariant["SECONDARY"] = "secondary";
+})(LinkVariant = exports.LinkVariant || (exports.LinkVariant = {}));
+const linkStyle = (theme, _a) => {
+    var { bold = true, fontSize = '11px', textTransform = 'uppercase', variant = LinkVariant.SECONDARY, color = theme.general.color } = _a, props = __rest(_a, ["bold", "fontSize", "textTransform", "variant", "color"]);
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ bold, color, fontSize, 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_1.defaultTransition,
+        '&:hover': {
+            filter: 'brightness(70%)',
+        },
+    }));
+};
+exports.linkStyle = linkStyle;
+const filterLinkProps = (props) => (0, util_1.filterProps)((0, Text_1.filterTextProps)(props), []);
+exports.filterLinkProps = filterLinkProps;
+const Link = (_a) => {
+    var { targetBlank } = _a, props = __rest(_a, ["targetBlank"]);
+    return ((0, react_1.jsx)("a", Object.assign({ css: (theme) => (0, exports.linkStyle)(theme, props), target: targetBlank && '_blank', rel: "noopener noreferrer" }, (0, exports.filterLinkProps)(props)), props.children));
+};
+exports.Link = Link;
+//# sourceMappingURL=Link.js.map

package/lib/Text/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Text/Link.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAC9C,iDAAsD;AAEtD,kCAAoC;AACpC,iCAA6D;AAE7D,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,sCAAuB,CAAA;AACzB,CAAC,EAHW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAGtB;AAOM,MAAM,SAAS,GAAwD,CAC5E,KAAK,EACL,EAOC,EACD,EAAE;QARF,EACE,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,MAAM,EACjB,aAAa,GAAG,WAAW,EAC3B,OAAO,GAAG,WAAW,CAAC,SAAS,EAC/B,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,OAE5B,EADI,KAAK,cANV,yDAOC,CADS;IAGV,mEACK,IAAA,gBAAS,EAAC,KAAK,kBAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,IAAK,KAAK,EAAE,KACrE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,SAAS,EACjB,cAAc,EAAE,MAAM,EACtB,6BAA6B,EAAE;YAC7B,KAAK,EAAE,KAAK;SACb,KACE,CAAC,OAAO,KAAK,WAAW,CAAC,OAAO,IAAI;QACrC,2CAA2C,EAAE;YAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;SAClC;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,WAAW;QAC3B,mBAAmB,EAAE,KAAK;KAC3B,CAAC,GACC,CAAC,OAAO,KAAK,WAAW,CAAC,SAAS,IAAI;QACvC,UAAU,EAAE,2BAAiB;QAC7B,SAAS,EAAE;YACT,MAAM,EAAE,iBAAiB;SAC1B;KACF,CAAC,EACF;AACJ,CAAC,CAAC;AApCW,QAAA,SAAS,aAoCpB;AAEK,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,IAAA,sBAAe,EAAC,KAAK,CAAc,EAAE,EAAE,CAAC,CAAC;AAA7F,QAAA,eAAe,mBAA8E;AAEnG,MAAM,IAAI,GAAG,CAAC,EAAkC,EAAE,EAAE;QAAtC,EAAC,WAAW,OAAsB,EAAjB,KAAK,cAAtB,eAAuB,CAAD;IACzC,OAAO,CACL,sCACE,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,KAAK,EAAE,KAAK,CAAC,EAC9C,MAAM,EAAE,WAAW,IAAI,QAAQ,EAC/B,GAAG,EAAC,qBAAqB,IACrB,IAAA,uBAAe,EAAC,KAAK,CAAC,GAEzB,KAAK,CAAC,QAAQ,CACb,CACL,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,IAAI,QAWf"}

package/lib/Text/Paragraph.js

@@ -0,0 +1,53 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Lead = exports.leadStyle = exports.Paragraph = exports.paragraphStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../mediaQueries");
+const Text_1 = require("./Text");
+const paragraphStyle = (theme, _a) => {
+    var { block = true } = _a, props = __rest(_a, ["block"]);
+    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block }, props))), { marginBottom: '16px', marginTop: 0 }));
+};
+exports.paragraphStyle = paragraphStyle;
+const Paragraph = (props) => ((0, react_1.jsx)("p", Object.assign({ css: (theme) => (0, exports.paragraphStyle)(theme, props) }, (0, Text_1.filterTextProps)(props))));
+exports.Paragraph = Paragraph;
+const leadStyle = (theme, _a) => {
+    var { block = true, center = true, fontSize = '24px' } = _a, props = __rest(_a, ["block", "center", "fontSize"]);
+    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, center, fontSize }, props))), { marginBottom: '56px', marginTop: 0, [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
+            fontSize: '20px',
+        } }));
+};
+exports.leadStyle = leadStyle;
+const Lead = (props) => ((0, react_1.jsx)("p", Object.assign({ css: (theme) => (0, exports.leadStyle)(theme, props) }, (0, Text_1.filterTextProps)(props))));
+exports.Lead = Lead;
+//# sourceMappingURL=Paragraph.js.map

package/lib/Text/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../src/Text/Paragraph.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,kDAAiD;AACjD,iCAA6D;AAItD,MAAM,cAAc,GAA6D,CACtF,KAAK,EACL,EAAwB,EACxB,EAAE;QADF,EAAC,KAAK,GAAG,IAAI,OAAW,EAAN,KAAK,cAAvB,SAAwB,CAAD;IACpB,OAAA,iCACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,KAAK,IAAK,KAAK,EAAE,KACtC,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,CAAC,IACZ,CAAA;CAAA,CAAC;AAPU,QAAA,cAAc,kBAOxB;AAEI,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,CAClD,sCAAG,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CACvF,CAAC;AAFW,QAAA,SAAS,aAEpB;AAIK,MAAM,SAAS,GAAwD,CAC5E,KAAK,EACL,EAA0D,EAC1D,EAAE;QADF,EAAC,KAAK,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,GAAG,MAAM,OAAW,EAAN,KAAK,cAAzD,+BAA0D,CAAD;IACtD,OAAA,iCACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,KAAK,EAAE,MAAM,EAAE,QAAQ,IAAK,KAAK,EAAE,KACxD,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,CAAC,EACZ,CAAC,oBAAK,CAAC,wBAAS,CAAC,MAAM,CAAC,CAAC,EAAE;YACzB,QAAQ,EAAE,MAAM;SACjB,IACD,CAAA;CAAA,CAAC;AAVU,QAAA,SAAS,aAUnB;AAEI,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,CACxC,sCAAG,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CAClF,CAAC;AAFW,QAAA,IAAI,QAEf"}

package/lib/Text/Text.js

@@ -0,0 +1,63 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Large = exports.Uppercase = exports.Muted = exports.Small = exports.Bold = exports.Text = exports.textStyle = exports.filterTextProps = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const react_2 = __importDefault(require("react"));
+const util_1 = require("../util");
+const Identity_1 = require("../Identity");
+const filterTextProps = (props) => {
+    return (0, util_1.filterProps)(props, [
+        'block',
+        'bold',
+        'center',
+        'color',
+        'fontSize',
+        'light',
+        'muted',
+        'noWrap',
+        'textTransform',
+        'truncate',
+    ]);
+};
+exports.filterTextProps = filterTextProps;
+const textStyle = (theme, { block = false, bold = false, center = false, color = theme.general.color, fontSize = '16px', light = false, muted = false, noWrap = false, textTransform = 'none', truncate = false, }) => ({
+    color: muted ? Identity_1.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;
+exports.Text = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)("span", Object.assign({ ref: ref, css: (theme) => (0, exports.textStyle)(theme, props) }, (0, exports.filterTextProps)(props)))));
+exports.Bold = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Text, Object.assign({ ref: ref, bold: true }, props))));
+exports.Small = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Text, Object.assign({ ref: ref, fontSize: '12px' }, props))));
+exports.Muted = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Text, Object.assign({ ref: ref, muted: true }, props))));
+exports.Uppercase = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Text, Object.assign({ ref: ref, textTransform: 'uppercase' }, props))));
+exports.Large = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Text, Object.assign({ ref: ref, fontSize: '48px', light: true }, props))));
+//# sourceMappingURL=Text.js.map

package/lib/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"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"}

package/lib/Text/TextLink.js

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2019 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextLink = exports.textLinkStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const colors_v2_1 = require("../Identity/colors-v2");
+const Link_1 = require("./Link");
+const textLinkStyle = (theme, _a) => {
+    var { color = colors_v2_1.COLOR_V2.BLUE, fontSize = '16px', bold = false, textTransform = 'none' } = _a, props = __rest(_a, ["color", "fontSize", "bold", "textTransform"]);
+    return (Object.assign({}, (0, Link_1.linkStyle)(theme, Object.assign({ bold, color, fontSize, textTransform }, props))));
+};
+exports.textLinkStyle = textLinkStyle;
+const TextLink = (props) => ((0, react_1.jsx)("a", Object.assign({ css: (theme) => (0, exports.textLinkStyle)(theme, props), rel: "noopener noreferrer" }, (0, Link_1.filterLinkProps)(props))));
+exports.TextLink = TextLink;
+//# sourceMappingURL=TextLink.js.map

package/lib/Text/TextLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../src/Text/TextLink.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,qDAA+C;AAE/C,iCAA6D;AAItD,MAAM,aAAa,GAA4D,CACpF,KAAK,EACL,EAA0F,EAC1F,EAAE;QADF,EAAC,KAAK,GAAG,oBAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,aAAa,GAAG,MAAM,OAAW,EAAN,KAAK,cAAzF,8CAA0F,CAAD;IACtF,OAAA,mBACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,IAAK,KAAK,EAAE,EACrE,CAAA;CAAA,CAAC;AALU,QAAA,aAAa,iBAKvB;AAEI,MAAM,QAAQ,GAAG,CAAC,KAAuC,EAAE,EAAE,CAAC,CACnE,sCAAG,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,EAAC,qBAAqB,IAAK,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CAChH,CAAC;AAFW,QAAA,QAAQ,YAEnB"}

package/lib/Text/Title.js

@@ -0,0 +1,43 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const Identity_1 = require("../Identity");
+const Text_1 = require("./Text");
+const titleStyle = (theme, _a) => {
+    var { block = true, center = true, fontSize = '32px', color = Identity_1.COLOR.GRAY, bold = true } = _a, props = __rest(_a, ["block", "center", "fontSize", "color", "bold"]);
+    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, bold, center, color, fontSize }, props))), { marginBottom: '8px' }));
+};
+const Title = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => titleStyle(theme, props) }, (0, Text_1.filterTextProps)(props))));
+exports.Title = Title;
+//# sourceMappingURL=Title.js.map

package/lib/Text/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../src/Text/Title.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,0CAAkC;AAElC,iCAA6D;AAI7D,MAAM,UAAU,GAAyD,CACvE,KAAK,EACL,EAA2F,EAC3F,EAAE;QADF,EAAC,KAAK,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,KAAK,GAAG,gBAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,OAAW,EAAN,KAAK,cAA1F,gDAA2F,CAAD;IACvF,OAAA,iCACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,IAAK,KAAK,EAAE,KACrE,YAAY,EAAE,KAAK,IACnB,CAAA;CAAA,CAAC;AAEI,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE,CAAC,CAC1C,wCAAK,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CACrF,CAAC;AAFW,QAAA,KAAK,SAEhB"}