@wireapp/react-ui-kit 8.17.10 → 9.0.1

package/lib/Layout/headerMenu/HeaderSubMenu.js

@@ -0,0 +1,97 @@
+"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.HeaderSubMenu = exports.MobileStyledHeaderSubMenu = exports.DesktopStyledHeaderSubMenu = exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = 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 MenuSubLink_1 = require("./MenuSubLink");
+const MenuLink_1 = require("./MenuLink");
+const desktopStyledHeaderSubMenuStyle = (theme, props) => ({
+    alignItems: 'left',
+    backgroundColor: Identity_1.COLOR.tint(theme.general.backgroundColor, 0.16),
+    borderRadius: '8px',
+    boxShadow: '0 8px 24px 0 rgba(0, 0, 0, 0.16)',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    minWidth: '200px',
+    padding: '8px 8px',
+    span: {
+        '&:hover': {
+            backgroundColor: theme.general.backgroundColor,
+            borderRadius: '4px',
+        },
+        alignItems: 'center',
+        display: 'flex',
+        height: '30px',
+        margin: 0,
+        paddingLeft: '10px !important',
+        paddingRight: '10px !important',
+        whiteSpace: 'nowrap',
+    },
+    [`.${MenuLink_1.MENU_LINK_CLASSNAME}:nth-of-type(n+2)`]: {
+        marginTop: '8px',
+    },
+});
+exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = 'desktopStyledHeaderSubMenu';
+const DesktopStyledHeaderSubMenu = (props) => ((0, react_1.jsx)("div", Object.assign({ className: exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME, css: (theme) => desktopStyledHeaderSubMenuStyle(theme, props) }, props)));
+exports.DesktopStyledHeaderSubMenu = DesktopStyledHeaderSubMenu;
+const mobileStyledHeaderSubMenuStyle = props => ({
+    '*': {
+        fontWeight: 200,
+    },
+    alignItems: 'center',
+    borderTop: `1px solid ${Identity_1.COLOR.GRAY_LIGHTEN_72}`,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    marginTop: '16px',
+    paddingTop: '8px',
+});
+const MobileStyledHeaderSubMenu = (props) => ((0, react_1.jsx)("span", Object.assign({ css: mobileStyledHeaderSubMenuStyle(props) }, props)));
+exports.MobileStyledHeaderSubMenu = MobileStyledHeaderSubMenu;
+const HeaderSubMenu = (_a) => {
+    var { caption, isOpen, children } = _a, props = __rest(_a, ["caption", "isOpen", "children"]);
+    const isDesktop = typeof window !== 'undefined' && window.matchMedia(`(${mediaQueries_1.QUERY.desktop})`).matches;
+    return ((0, react_1.jsx)(MenuSubLink_1.MenuSubLink, Object.assign({}, props, { style: { cursor: 'pointer', display: 'inline-block', position: 'relative', textAlign: 'center' } }),
+        (0, react_1.jsx)("span", null, caption),
+        (0, react_1.jsx)(Identity_1.Opacity, { in: isOpen && isDesktop, timeout: motions_1.DURATION.DEFAULT, style: { display: 'inline-block', left: -18, marginTop: 10, paddingTop: 20, position: 'absolute', zIndex: 1 }, mountOnEnter: false, unmountOnExit: false },
+            (0, react_1.jsx)(Identity_1.YAxisMovement, { in: isOpen && isDesktop, startValue: '-30px', endValue: '0px', style: { display: 'inline-block' }, timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: true },
+                (0, react_1.jsx)(exports.DesktopStyledHeaderSubMenu, null, children))),
+        (0, react_1.jsx)(Identity_1.Opacity, { in: isOpen && !isDesktop, timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: false, style: { display: 'block', position: 'relative' } },
+            (0, react_1.jsx)(Identity_1.Slide, { in: isOpen && !isDesktop, startValue: '-56%', endValue: '0', timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: true },
+                (0, react_1.jsx)(exports.MobileStyledHeaderSubMenu, null, children)))));
+};
+exports.HeaderSubMenu = HeaderSubMenu;
+//# sourceMappingURL=HeaderSubMenu.js.map

package/lib/Layout/headerMenu/HeaderSubMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/Layout/headerMenu/HeaderSubMenu.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,6CAAoE;AACpE,oDAAgD;AAChD,qDAAyC;AAEzC,+CAA0C;AAC1C,yCAA+C;AAI/C,MAAM,+BAA+B,GAAwE,CAC3G,KAAK,EACL,KAAK,EACL,EAAE,CAAC,CAAC;IACJ,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,gBAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC;IAChE,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,kCAAkC;IAC7C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;YAC9C,YAAY,EAAE,KAAK;SACpB;QACD,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,WAAW,EAAE,iBAAiB;QAC9B,YAAY,EAAE,iBAAiB;QAC/B,UAAU,EAAE,QAAQ;KACrB;IACD,CAAC,IAAI,8BAAmB,mBAAmB,CAAC,EAAE;QAC5C,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEU,QAAA,iCAAiC,GAAG,4BAA4B,CAAC;AAEvE,MAAM,0BAA0B,GAAG,CAAC,KAAsC,EAAE,EAAE,CAAC,CACpF,wCACE,SAAS,EAAE,yCAAiC,EAC5C,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,+BAA+B,CAAC,KAAK,EAAE,KAAK,CAAC,IAChE,KAAK,EACT,CACH,CAAC;AANW,QAAA,0BAA0B,8BAMrC;AAMF,MAAM,8BAA8B,GAAyD,KAAK,CAAC,EAAE,CAAC,CAAC;IACrG,GAAG,EAAE;QACH,UAAU,EAAE,GAAG;KAChB;IACD,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,aAAa,gBAAK,CAAC,eAAe,EAAE;IAC/C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,yBAAyB,GAAG,CAAC,KAAqC,EAAE,EAAE,CAAC,CAClF,yCAAM,GAAG,EAAE,8BAA8B,CAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAChE,CAAC;AAFW,QAAA,yBAAyB,6BAEpC;AAOK,MAAM,aAAa,GAAiC,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,OAAW,EAAN,KAAK,cAApC,iCAAqC,CAAD;IAC9F,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,oBAAK,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;IACnG,OAAO,CACL,iBAAC,yBAAW,oBACN,KAAK,IACT,KAAK,EAAE,EAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC;QAE9F,+BAAO,OAAO,CAAQ;QACtB,iBAAC,kBAAO,IACN,EAAE,EAAE,MAAM,IAAI,SAAS,EACvB,OAAO,EAAE,kBAAQ,CAAC,OAAO,EACzB,KAAK,EAAE,EAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAC,EAC3G,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,KAAK;YAEpB,iBAAC,wBAAa,IACZ,EAAE,EAAE,MAAM,IAAI,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAC,OAAO,EAAE,cAAc,EAAC,EAChC,OAAO,EAAE,kBAAQ,CAAC,OAAO,EACzB,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,IAAI;gBAEnB,iBAAC,kCAA0B,QAAE,QAAQ,CAA8B,CACrD,CACR;QACV,iBAAC,kBAAO,IACN,EAAE,EAAE,MAAM,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,kBAAQ,CAAC,OAAO,EACzB,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAC;YAE/C,iBAAC,gBAAK,IACJ,EAAE,EAAE,MAAM,IAAI,CAAC,SAAS,EACxB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE,kBAAQ,CAAC,OAAO,EACzB,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,IAAI;gBAEnB,iBAAC,iCAAyB,QAAE,QAAQ,CAA6B,CAC3D,CACA,CACE,CACf,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,aAAa,iBA+CxB"}

package/lib/Layout/headerMenu/MenuContent.js

@@ -0,0 +1,31 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuContent = exports.menuContentStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const util_1 = require("../../util");
+const Content_1 = require("../Content");
+const menuContentStyle = props => (Object.assign(Object.assign({}, (0, Content_1.contentStyle)(props)), { alignItems: 'center', display: 'grid', gridColumnGap: '8px', gridTemplateColumns: '1fr auto 1fr', height: '64px', justifyContent: 'space-between', left: props.open ? 0 : undefined, position: props.open ? 'fixed' : undefined, width: props.open ? '100%' : undefined, zIndex: props.open ? 10000 : undefined }));
+exports.menuContentStyle = menuContentStyle;
+const filterMenuContentProps = (props) => (0, util_1.filterProps)(props, ['open']);
+const MenuContent = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (0, exports.menuContentStyle)(props) }, filterMenuContentProps(props))));
+exports.MenuContent = MenuContent;
+//# sourceMappingURL=MenuContent.js.map

package/lib/Layout/headerMenu/MenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContent.js","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuContent.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,qCAAuC;AACvC,wCAAwC;AAMjC,MAAM,gBAAgB,GAAiD,KAAK,CAAC,EAAE,CAAC,iCAClF,IAAA,sBAAY,EAAC,KAAK,CAAC,KACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,EACpB,mBAAmB,EAAE,cAAc,EACnC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,eAAe,EAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IACtC,CAAC;AAZU,QAAA,gBAAgB,oBAY1B;AAEH,MAAM,sBAAsB,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAElF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CACtD,wCAAK,GAAG,EAAE,IAAA,wBAAgB,EAAC,KAAK,CAAC,IAAM,sBAAsB,CAAC,KAAK,CAAC,EAAI,CACzE,CAAC;AAFW,QAAA,WAAW,eAEtB"}

package/lib/Layout/headerMenu/MenuItems.js

@@ -0,0 +1,46 @@
+"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.MenuItems = exports.menuItemsStyle = void 0;
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../../mediaQueries");
+const util_1 = require("../../util");
+const menuItemsStyle = (theme, props) => ({
+    alignSelf: 'center',
+    display: 'flex',
+    justifySelf: 'end',
+    [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
+        backgroundColor: theme.general.backgroundColor,
+        bottom: 0,
+        left: 0,
+        overflowY: 'auto',
+        position: 'fixed',
+        right: 0,
+        top: 0,
+        transform: props.open ? 'translateX(0)' : 'translateX(110%)',
+        transition: 'transform 0.25s ease',
+        zIndex: 1,
+    },
+});
+exports.menuItemsStyle = menuItemsStyle;
+const filterMenuItemProps = (props) => (0, util_1.filterProps)(props, ['open']);
+const MenuItems = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => (0, exports.menuItemsStyle)(theme, props) }, filterMenuItemProps(props))));
+exports.MenuItems = MenuItems;
+//# sourceMappingURL=MenuItems.js.map

package/lib/Layout/headerMenu/MenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuItems.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAIH,0CAA8C;AAE9C,qDAAoD;AACpD,qCAAuC;AAOhC,MAAM,cAAc,GAA6D,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACzG,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,KAAK;IAClB,CAAC,oBAAK,CAAC,wBAAS,CAAC,WAAW,CAAC,CAAC,EAAE;QAC9B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;QAC9C,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB;QAC5D,UAAU,EAAE,sBAAsB;QAClC,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAhBU,QAAA,cAAc,kBAgBxB;AAEH,MAAM,mBAAmB,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7E,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,CAClD,wCAAK,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,mBAAmB,CAAC,KAAK,CAAC,EAAI,CAC7F,CAAC;AAFW,QAAA,SAAS,aAEpB"}

package/lib/Layout/headerMenu/MenuLink.js

@@ -0,0 +1,72 @@
+"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.MenuLink = exports.filterMenuLinkProps = exports.MENU_LINK_CLASSNAME = exports.menuLinkStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../../mediaQueries");
+const Text_1 = require("../../Text");
+const util_1 = require("../../util");
+const HeaderSubMenu_1 = require("./HeaderSubMenu");
+const menuLinkStyle = (theme, _a) => {
+    var { bold = true, color = theme.general.color, fontSize = '11px', textTransform = 'uppercase', button = false } = _a, props = __rest(_a, ["bold", "color", "fontSize", "textTransform", "button"]);
+    return (Object.assign(Object.assign({}, (0, Text_1.linkStyle)(theme, Object.assign({ bold, color, fontSize, textTransform }, props))), { [mediaQueries_1.media[mediaQueries_1.QueryKeys.DESKTOP]]: {
+            '&:first-of-type': {
+                marginLeft: 0,
+            },
+            '&:last-of-type': {
+                marginRight: 0,
+            },
+            margin: '0 26px 0 10px',
+            [`.${HeaderSubMenu_1.DESKTOP_HEADER_SUB_MENU_CLASSNAME} &`]: {
+                '&:first-of-type': {
+                    marginLeft: '10px',
+                },
+                '&:last-of-type': {
+                    marginRight: '26px',
+                },
+            },
+        }, [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
+            border: 'none',
+            fontSize: '32px !important',
+            fontWeight: 300,
+            maxWidth: '480px',
+            padding: '8px 24px',
+            textTransform: 'none !important',
+        }, border: button ? '1px solid rgb(219, 226, 231)' : undefined, borderRadius: button ? '4px' : undefined, padding: button ? '10px 16px' : undefined }));
+};
+exports.menuLinkStyle = menuLinkStyle;
+exports.MENU_LINK_CLASSNAME = 'menu-link';
+const filterMenuLinkProps = (props) => (0, util_1.filterProps)((0, Text_1.filterLinkProps)(props), ['button']);
+exports.filterMenuLinkProps = filterMenuLinkProps;
+const MenuLink = (props) => ((0, react_1.jsx)("a", Object.assign({ className: exports.MENU_LINK_CLASSNAME, css: (theme) => (0, exports.menuLinkStyle)(theme, props) }, (0, exports.filterMenuLinkProps)(props))));
+exports.MenuLink = MenuLink;
+//# sourceMappingURL=MenuLink.js.map

package/lib/Layout/headerMenu/MenuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLink.js","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuLink.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,qDAAoD;AACpD,qCAAiE;AACjE,qCAAuC;AAEvC,mDAAkE;AAM3D,MAAM,aAAa,GAA4D,CACpF,KAAK,EACL,EAAoH,EACpH,EAAE;QADF,EAAC,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,EAAE,aAAa,GAAG,WAAW,EAAE,MAAM,GAAG,KAAK,OAAW,EAAN,KAAK,cAAnH,wDAAoH,CAAD;IAChH,OAAA,iCACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,IAAK,KAAK,EAAE,KACrE,CAAC,oBAAK,CAAC,wBAAS,CAAC,OAAO,CAAC,CAAC,EAAE;YAC1B,iBAAiB,EAAE;gBACjB,UAAU,EAAE,CAAC;aACd;YACD,gBAAgB,EAAE;gBAChB,WAAW,EAAE,CAAC;aACf;YACD,MAAM,EAAE,eAAe;YACvB,CAAC,IAAI,iDAAiC,IAAI,CAAC,EAAE;gBAC3C,iBAAiB,EAAE;oBACjB,UAAU,EAAE,MAAM;iBACnB;gBACD,gBAAgB,EAAE;oBAChB,WAAW,EAAE,MAAM;iBACpB;aACF;SACF,EACD,CAAC,oBAAK,CAAC,wBAAS,CAAC,WAAW,CAAC,CAAC,EAAE;YAC9B,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,iBAAiB;YAC3B,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,UAAU;YACnB,aAAa,EAAE,iBAAiB;SACjC,EACD,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,EAC3D,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IACzC,CAAA;CAAA,CAAC;AAjCU,QAAA,aAAa,iBAiCvB;AAEU,QAAA,mBAAmB,GAAG,WAAW,CAAC;AAExC,MAAM,mBAAmB,GAAG,CAAC,KAAoB,EAAE,EAAE,CAC1D,IAAA,kBAAW,EAAC,IAAA,sBAAe,EAAC,KAAK,CAAkB,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AADtD,QAAA,mBAAmB,uBACmC;AAE5D,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,CAChD,sCACE,SAAS,EAAE,2BAAmB,EAC9B,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,KAAK,EAAE,KAAK,CAAC,IAC9C,IAAA,2BAAmB,EAAC,KAAK,CAAC,EAC9B,CACH,CAAC;AANW,QAAA,QAAQ,YAMnB"}

package/lib/Layout/headerMenu/MenuOpenButton.js

@@ -0,0 +1,57 @@
+"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.MenuOpenButton = exports.menuOpenButtonStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../../mediaQueries");
+const util_1 = require("../../util");
+const menuOpenButtonStyle = (theme, { open }) => ({
+    display: 'block',
+    div: {
+        backgroundColor: theme.general.color,
+        height: '2px',
+        margin: '4px',
+        transition: 'all 0.25s ease-in-out',
+        width: '16px',
+    },
+    'div:nth-of-type(1)': {
+        transform: open ? 'translateY(6px) rotate(-45deg)' : undefined,
+    },
+    'div:nth-of-type(2)': {
+        opacity: open ? 0 : undefined,
+        transform: open ? 'scale(0, 1)' : undefined,
+    },
+    'div:nth-of-type(3)': {
+        transform: open ? 'translateY(-6px) rotate(45deg)' : undefined,
+    },
+    [mediaQueries_1.media[mediaQueries_1.QueryKeys.DESKTOP]]: {
+        display: 'none',
+    },
+    zIndex: 2,
+});
+exports.menuOpenButtonStyle = menuOpenButtonStyle;
+const filterMenuOpenButtonProps = (props) => (0, util_1.filterProps)(props, ['open']);
+const MenuOpenButton = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => (0, exports.menuOpenButtonStyle)(theme, props) }, filterMenuOpenButtonProps(props)),
+    (0, react_1.jsx)("div", null),
+    (0, react_1.jsx)("div", null),
+    (0, react_1.jsx)("div", null)));
+exports.MenuOpenButton = MenuOpenButton;
+//# sourceMappingURL=MenuOpenButton.js.map

package/lib/Layout/headerMenu/MenuOpenButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuOpenButton.js","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuOpenButton.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,qDAAoD;AACpD,qCAAuC;AAOhC,MAAM,mBAAmB,GAAkE,CAAC,KAAK,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE,CAAC,CAAC;IACpH,OAAO,EAAE,OAAO;IAChB,GAAG,EAAE;QACH,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;QACpC,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,uBAAuB;QACnC,KAAK,EAAE,MAAM;KACd;IACD,oBAAoB,EAAE;QACpB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,SAAS;KAC/D;IACD,oBAAoB,EAAE;QACpB,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC7B,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;KAC5C;IACD,oBAAoB,EAAE;QACpB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,SAAS;KAC/D;IACD,CAAC,oBAAK,CAAC,wBAAS,CAAC,OAAO,CAAC,CAAC,EAAE;QAC1B,OAAO,EAAE,MAAM;KAChB;IACD,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAvBU,QAAA,mBAAmB,uBAuB7B;AAEH,MAAM,yBAAyB,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAExF,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,CAC5D,wCAAK,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,2BAAmB,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,yBAAyB,CAAC,KAAK,CAAC;IACjG,6BAAO;IACP,6BAAO;IACP,6BAAO,CACH,CACP,CAAC;AANW,QAAA,cAAc,kBAMzB"}

package/lib/Layout/headerMenu/MenuScrollableItems.js

@@ -0,0 +1,38 @@
+"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.MenuScrollableItems = exports.menuScrollableItemsStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../../mediaQueries");
+const menuScrollableItemsStyle = props => ({
+    alignItems: 'center',
+    alignSelf: 'center',
+    display: 'flex',
+    [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
+        alignItems: 'center',
+        flexDirection: 'column',
+        margin: 'auto',
+    },
+});
+exports.menuScrollableItemsStyle = menuScrollableItemsStyle;
+const MenuScrollableItems = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (0, exports.menuScrollableItemsStyle)(props) }, props)));
+exports.MenuScrollableItems = MenuScrollableItems;
+//# sourceMappingURL=MenuScrollableItems.js.map

package/lib/Layout/headerMenu/MenuScrollableItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuScrollableItems.js","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuScrollableItems.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,qDAAoD;AAM7C,MAAM,wBAAwB,GAAyD,KAAK,CAAC,EAAE,CAAC,CAAC;IACtG,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,MAAM;IACf,CAAC,oBAAK,CAAC,wBAAS,CAAC,WAAW,CAAC,CAAC,EAAE;QAC9B,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC;AATU,QAAA,wBAAwB,4BASlC;AAEI,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,CACtE,wCAAK,GAAG,EAAE,IAAA,gCAAwB,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CACzD,CAAC;AAFW,QAAA,mBAAmB,uBAE9B"}

package/lib/Layout/headerMenu/MenuSubLink.js

@@ -0,0 +1,50 @@
+"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.MenuSubLink = exports.menuSubLinkStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const motions_1 = require("../../Identity/motions");
+const mediaQueries_1 = require("../../mediaQueries");
+const Text_1 = require("../../Text");
+const menuSubLinkStyle = (theme, props) => (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, props)), { '&:hover': {
+        filter: 'brightness(70%)',
+    }, color: theme.general.color, cursor: 'pointer', fontWeight: 600, textDecoration: 'none', transition: motions_1.defaultTransition, [mediaQueries_1.media[mediaQueries_1.QueryKeys.DESKTOP]]: {
+        '&:first-of-type': {
+            marginLeft: 0,
+        },
+        '&:last-child': {
+            marginRight: 0,
+        },
+        fontSize: '11px',
+        margin: '0 26px 0 10px',
+        textTransform: 'uppercase',
+    }, [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
+        border: 'none',
+        fontSize: '32px !important',
+        fontWeight: '300 !important',
+        maxWidth: '480px',
+        padding: '8px 24px',
+        textTransform: 'none !important',
+    } }));
+exports.menuSubLinkStyle = menuSubLinkStyle;
+const MenuSubLink = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => (0, exports.menuSubLinkStyle)(theme, props) }, props)));
+exports.MenuSubLink = MenuSubLink;
+//# sourceMappingURL=MenuSubLink.js.map

package/lib/Layout/headerMenu/MenuSubLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSubLink.js","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuSubLink.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,oDAAyD;AACzD,qDAAoD;AACpD,qCAAgD;AAKzC,MAAM,gBAAgB,GAA+D,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,iCACzG,IAAA,gBAAS,EAAC,KAAK,EAAE,KAAK,CAAC,KAC1B,SAAS,EAAE;QACT,MAAM,EAAE,iBAAiB;KAC1B,EACD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAC1B,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,GAAG,EACf,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,2BAAiB,EAC7B,CAAC,oBAAK,CAAC,wBAAS,CAAC,OAAO,CAAC,CAAC,EAAE;QAC1B,iBAAiB,EAAE;YACjB,UAAU,EAAE,CAAC;SACd;QACD,cAAc,EAAE;YACd,WAAW,EAAE,CAAC;SACf;QACD,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,eAAe;QACvB,aAAa,EAAE,WAAW;KAC3B,EAED,CAAC,oBAAK,CAAC,wBAAS,CAAC,WAAW,CAAC,CAAC,EAAE;QAC9B,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,iBAAiB;QAC3B,UAAU,EAAE,gBAAgB;QAC5B,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,UAAU;QACnB,aAAa,EAAE,iBAAiB;KACjC,IACD,CAAC;AA9BU,QAAA,gBAAgB,oBA8B1B;AAEI,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CACtD,wCAAK,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,wBAAgB,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,KAAK,EAAI,CAC1E,CAAC;AAFW,QAAA,WAAW,eAEtB"}

package/lib/Layout/headerMenu/index.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 __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 });
+__exportStar(require("./HeaderMenu"), exports);
+__exportStar(require("./HeaderSubMenu"), exports);
+__exportStar(require("./MenuContent"), exports);
+__exportStar(require("./MenuItems"), exports);
+__exportStar(require("./MenuLink"), exports);
+__exportStar(require("./MenuOpenButton"), exports);
+__exportStar(require("./MenuScrollableItems"), exports);
+__exportStar(require("./MenuSubLink"), exports);
+//# sourceMappingURL=index.js.map

package/lib/Layout/headerMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Layout/headerMenu/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;AAEH,+CAA6B;AAC7B,kDAAgC;AAChC,gDAA8B;AAC9B,8CAA4B;AAC5B,6CAA2B;AAC3B,mDAAiC;AACjC,wDAAsC;AACtC,gDAA8B"}

package/lib/Layout/index.js

@@ -0,0 +1,48 @@
+"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 });
+__exportStar(require("./Box"), exports);
+__exportStar(require("./Column"), exports);
+__exportStar(require("./Container"), exports);
+__exportStar(require("./Content"), exports);
+__exportStar(require("./FlexBox"), exports);
+__exportStar(require("./Footer"), exports);
+__exportStar(require("./Header"), exports);
+__exportStar(require("./headerMenu/index"), exports);
+__exportStar(require("./MatchMedia"), exports);
+__exportStar(require("./Spacer"), exports);
+__exportStar(require("./StyledApp"), exports);
+__exportStar(require("./Theme"), exports);
+__exportStar(require("./sizes"), exports);
+//# sourceMappingURL=index.js.map

package/lib/Layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Layout/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;AAEH,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,qDAAmC;AACnC,+CAA6B;AAC7B,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,0CAAwB"}

package/lib/Layout/sizes.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.GUTTER = exports.STEP = exports.WIDTH = void 0;
+exports.WIDTH = {
+    TINY: 320,
+    MOBILE: 480,
+    MOBILE_MAX: 639,
+    TABLET_MIN: 640,
+    TABLET_MAX: 919,
+    DESKTOP_MIN: 920,
+    DESKTOP_MAX: 1199,
+    DESKTOP_XL_MIN: 1200,
+    DESKTOP_XL_MAX: 1600,
+};
+exports.STEP = 8;
+exports.GUTTER = exports.STEP + exports.STEP;
+//# sourceMappingURL=sizes.js.map

package/lib/Layout/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/Layout/sizes.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEU,QAAA,KAAK,GAAG;IACnB,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IACpB,cAAc,EAAE,IAAI;CACrB,CAAC;AAEW,QAAA,IAAI,GAAG,CAAC,CAAC;AACT,QAAA,MAAM,GAAG,YAAI,GAAG,YAAI,CAAC"}