@wireapp/react-ui-kit 8.17.10 → 9.0.1

package/lib/Identity/colors-v2.js

@@ -0,0 +1,198 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2022 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.COLOR_V2 = exports.BASE_DARK_COLOR = exports.BASE_LIGHT_COLOR = void 0;
+exports.BASE_LIGHT_COLOR = {
+    BLUE: '#0667c8',
+    GREEN: '#1d7833',
+    TURQUOISE: '#01718e',
+    PURPLE: '#8944ab',
+    RED: '#c20013',
+    AMBER: '#a25915',
+};
+exports.BASE_DARK_COLOR = {
+    BLUE: '#54a6ff',
+    GREEN: '#30db5b',
+    TURQUOISE: '#5de6ff',
+    PURPLE: '#da8fff',
+    RED: '#ff7770',
+    AMBER: '#ffd426',
+};
+const LIGHT_BLUE = {
+    BLUE_LIGHT_50: '#e7f0fa',
+    BLUE_LIGHT_100: '#cde1f4',
+    BLUE_LIGHT_200: '#9bc2e9',
+    BLUE_LIGHT_300: '#6aa4de',
+    BLUE_LIGHT_400: '#3885d3',
+    BLUE_LIGHT_500: exports.BASE_LIGHT_COLOR.BLUE,
+    BLUE_LIGHT_600: '#0552a0',
+    BLUE_LIGHT_700: '#043e78',
+    BLUE_LIGHT_800: '#022950',
+    BLUE_LIGHT_900: '#19324d',
+};
+const DARK_BLUE = {
+    BLUE_DARK_50: '#eef7ff',
+    BLUE_DARK_100: '#ddedff',
+    BLUE_DARK_200: '#bbdbff',
+    BLUE_DARK_300: '#98caff',
+    BLUE_DARK_400: '#76b8ff',
+    BLUE_DARK_500: exports.BASE_DARK_COLOR.BLUE,
+    BLUE_DARK_600: '#4385cc',
+    BLUE_DARK_700: '#326499',
+    BLUE_DARK_800: '#224266',
+    BLUE_DARK_900: '#19324d',
+};
+const LIGHT_GREEN = {
+    GREEN_LIGHT_50: '#e8f1ea',
+    GREEN_LIGHT_100: '#d2e4d6',
+    GREEN_LIGHT_200: '#a5c9ad',
+    GREEN_LIGHT_300: '#77ae85',
+    GREEN_LIGHT_400: '#4a935c',
+    GREEN_LIGHT_500: exports.BASE_LIGHT_COLOR.GREEN,
+    GREEN_LIGHT_600: '#176029',
+    GREEN_LIGHT_700: '#11481f',
+    GREEN_LIGHT_800: '#0c3014',
+    GREEN_LIGHT_900: '#0e421b',
+};
+const DARK_GREEN = {
+    GREEN_DARK_50: '#ebfcef',
+    GREEN_DARK_100: '#d6f8de',
+    GREEN_DARK_200: '#acf1bd',
+    GREEN_DARK_300: '#83e99d',
+    GREEN_DARK_400: '#59e27c',
+    GREEN_DARK_500: exports.BASE_DARK_COLOR.GREEN,
+    GREEN_DARK_600: '#26af49',
+    GREEN_DARK_700: '#1d8337',
+    GREEN_DARK_800: '#135824',
+    GREEN_DARK_900: '#0e421b',
+};
+const LIGHT_TURQUOISE = {
+    TURQUOISE_LIGHT_50: '#e5f1f3',
+    TURQUOISE_LIGHT_100: '#cce2e7',
+    TURQUOISE_LIGHT_200: '#99c6d0',
+    TURQUOISE_LIGHT_300: '#67a9b8',
+    TURQUOISE_LIGHT_400: '#348da1',
+    TURQUOISE_LIGHT_500: exports.BASE_LIGHT_COLOR.TURQUOISE,
+    TURQUOISE_LIGHT_600: '#015a6e',
+    TURQUOISE_LIGHT_700: '#014352',
+    TURQUOISE_LIGHT_800: '#002d37',
+    TURQUOISE_LIGHT_900: '#1c454d',
+};
+const DARK_TURQUOISE = {
+    TURQUOISE_DARK_50: '#effdff',
+    TURQUOISE_DARK_100: '#dffaff',
+    TURQUOISE_DARK_200: '#bef5ff',
+    TURQUOISE_DARK_300: '#9ef0ff',
+    TURQUOISE_DARK_400: '#7debff',
+    TURQUOISE_DARK_500: exports.BASE_DARK_COLOR.TURQUOISE,
+    TURQUOISE_DARK_600: '#4Ab8cc',
+    TURQUOISE_DARK_700: '#388a99',
+    TURQUOISE_DARK_800: '#255c66',
+    TURQUOISE_DARK_900: '#1c454d',
+};
+const LIGHT_PURPLE = {
+    PURPLE_LIGHT_50: '#f4edf7',
+    PURPLE_LIGHT_100: '#e7daee',
+    PURPLE_LIGHT_200: '#d0b4dd',
+    PURPLE_LIGHT_300: '#b88fcd',
+    PURPLE_LIGHT_400: '#a169bc',
+    PURPLE_LIGHT_500: exports.BASE_LIGHT_COLOR.PURPLE,
+    PURPLE_LIGHT_600: '#6e3689',
+    PURPLE_LIGHT_700: '#522967',
+    PURPLE_LIGHT_800: '#371b44',
+    PURPLE_LIGHT_900: '#412b4d',
+};
+const DARK_PURPLE = {
+    PURPLE_DARK_50: '#fcf4ff',
+    PURPLE_DARK_100: '#f8e9ff',
+    PURPLE_DARK_200: '#f0d2ff',
+    PURPLE_DARK_300: '#e9bcff',
+    PURPLE_DARK_400: '#e1a5ff',
+    PURPLE_DARK_500: exports.BASE_DARK_COLOR.PURPLE,
+    PURPLE_DARK_600: '#ae72cc',
+    PURPLE_DARK_700: '#835699',
+    PURPLE_DARK_800: '#573966',
+    PURPLE_DARK_900: '#412b4d',
+};
+const LIGHT_RED = {
+    RED_LIGHT_50: '#f9e6e8',
+    RED_LIGHT_100: '#f3ccd0',
+    RED_LIGHT_200: '#e799a1',
+    RED_LIGHT_300: '#da6671',
+    RED_LIGHT_400: '#ce3342',
+    RED_LIGHT_500: exports.BASE_LIGHT_COLOR.RED,
+    RED_LIGHT_600: '#9b000f',
+    RED_LIGHT_700: '#74000b',
+    RED_LIGHT_800: '#4e0008',
+    RED_LIGHT_900: '#4d2422',
+};
+const DARK_RED = {
+    RED_DARK_50: '#fff2f1',
+    RED_DARK_100: '#ffe4e2',
+    RED_DARK_200: '#ffc9c6',
+    RED_DARK_300: '#ffada9',
+    RED_DARK_400: '#ff928d',
+    RED_DARK_500: exports.BASE_DARK_COLOR.RED,
+    RED_DARK_600: '#cc5f5a',
+    RED_DARK_700: '#994743',
+    RED_DARK_800: '#66302d',
+    RED_DARK_900: '#4d2422',
+};
+const LIGHT_AMBER = {
+    AMBER_LIGHT_50: '#f6eee8',
+    AMBER_LIGHT_100: '#ecded0',
+    AMBER_LIGHT_200: '#dabda1',
+    AMBER_LIGHT_300: '#c79b73',
+    AMBER_LIGHT_400: '#b57A44',
+    AMBER_LIGHT_500: exports.BASE_LIGHT_COLOR.AMBER,
+    AMBER_LIGHT_600: '#824711',
+    AMBER_LIGHT_700: '#61350d',
+    AMBER_LIGHT_800: '#412408',
+    AMBER_LIGHT_900: '#201204',
+};
+const DARK_AMBER = {
+    AMBER_DARK_50: '#fffbea',
+    AMBER_DARK_100: '#fff6d4',
+    AMBER_DARK_200: '#ffeea8',
+    AMBER_DARK_300: '#ffe57d',
+    AMBER_DARK_400: '#ffdd51',
+    AMBER_DARK_500: exports.BASE_DARK_COLOR.AMBER,
+    AMBER_DARK_600: '#ccaa1e',
+    AMBER_DARK_700: '#997f17',
+    AMBER_DARK_800: '#66550f',
+    AMBER_DARK_900: '#4d400b',
+};
+const DARK = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, DARK_BLUE), DARK_GREEN), DARK_TURQUOISE), DARK_PURPLE), DARK_RED), DARK_AMBER);
+const LIGHT = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, LIGHT_BLUE), LIGHT_GREEN), LIGHT_TURQUOISE), LIGHT_PURPLE), LIGHT_RED), LIGHT_AMBER);
+const GRAYS = {
+    GRAY_10: '#fafafa',
+    GRAY_20: '#edeff0',
+    GRAY_30: '#e5e8ea',
+    GRAY_40: '#dce0e3',
+    GRAY_50: '#cbced1',
+    GRAY_60: '#9fa1a7',
+    GRAY_70: '#676b71',
+    GRAY_80: '#54585f',
+    GRAY_90: '#34373d',
+    GRAY_95: '#26272c',
+    GRAY_100: '#17181a',
+};
+exports.COLOR_V2 = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, exports.BASE_DARK_COLOR), exports.BASE_LIGHT_COLOR), DARK), LIGHT), GRAYS), { BLACK: '#000', WHITE: '#fff' });
+//# sourceMappingURL=colors-v2.js.map

package/lib/Identity/colors-v2.js.map

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

package/lib/Identity/colors.js

@@ -0,0 +1,81 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLOR = void 0;
+const color_1 = __importDefault(require("color"));
+const steps = [];
+const percent = 100;
+for (let index = 8; index < percent; index += 8) {
+    steps.push(index);
+}
+function shade(color, amount = 0.08) {
+    return (0, color_1.default)(color).mix((0, color_1.default)(BASE_COLOR.BLACK), amount).toString();
+}
+function tint(color, amount) {
+    return (0, color_1.default)(color).mix((0, color_1.default)(BASE_COLOR.WHITE), amount).toString();
+}
+function opaque(color, amount) {
+    return (0, color_1.default)(color)
+        .fade(1 - amount)
+        .toString();
+}
+const BASE_COLOR = {
+    BLACK: '#000',
+    BLUE: '#0772de',
+    GRAY: '#696c6e',
+    GREEN: '#00c800',
+    ORANGE: '#ff8900',
+    RED: '#e02020',
+    WHITE: '#fff',
+    YELLOW: '#febf02',
+};
+const DARK_COLOR = {};
+const LIGHT_COLOR = {};
+const OPAQUE_COLOR = {};
+Object.entries({
+    BLACK: BASE_COLOR.BLACK,
+    GRAY: BASE_COLOR.GRAY,
+    WHITE: BASE_COLOR.WHITE,
+}).forEach(([key, value]) => {
+    steps.forEach(step => {
+        const amount = step / percent;
+        DARK_COLOR[`${key}_DARKEN_${step}`] = shade(value, amount);
+        LIGHT_COLOR[`${key}_LIGHTEN_${step}`] = tint(value, amount);
+    });
+});
+Object.entries(BASE_COLOR).forEach(([key, value]) => {
+    steps.forEach(step => {
+        const amount = step / percent;
+        OPAQUE_COLOR[`${key}_OPAQUE_${step}`] = opaque(value, amount);
+    });
+});
+const COMPONENT_COLOR = {
+    DISABLED: opaque(DARK_COLOR.GRAY_DARKEN_32, 0.16),
+    ICON: DARK_COLOR.GRAY_DARKEN_72,
+    LINK: DARK_COLOR.GRAY_DARKEN_72,
+    TEXT: DARK_COLOR.GRAY_DARKEN_72,
+};
+exports.COLOR = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BASE_COLOR), DARK_COLOR), LIGHT_COLOR), OPAQUE_COLOR), COMPONENT_COLOR), { BLACK: BASE_COLOR.BLACK, WHITE: BASE_COLOR.WHITE, opaque,
+    shade,
+    tint });
+//# sourceMappingURL=colors.js.map

package/lib/Identity/colors.js.map

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

package/lib/Identity/index.js

@@ -0,0 +1,41 @@
+"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("./Animation"), exports);
+__exportStar(require("./Avatar"), exports);
+__exportStar(require("./AvatarGrid"), exports);
+__exportStar(require("./colors"), exports);
+__exportStar(require("./colors-v2"), exports);
+__exportStar(require("./Logo"), exports);
+//# sourceMappingURL=index.js.map

package/lib/Identity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Identity/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,+CAA6B;AAC7B,2CAAyB;AACzB,8CAA4B;AAC5B,yCAAuB"}

package/lib/Identity/motions.js

@@ -0,0 +1,85 @@
+"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.defaultTransition = exports.ANIMATION = exports.EASE = exports.DURATION = void 0;
+const react_1 = require("@emotion/react");
+// https://motion.wire.com/_guidelines_/rules.html
+/**
+ * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.
+ */
+exports.DURATION = {
+    DEFAULT: 550,
+    EXTRA_LONG: 2400,
+    PROACTIVE_FAST: 150,
+    PROACTIVE_SLOW: 350,
+    SYSTEM: 700,
+};
+/**
+ * The rule of thumb is using Quart Out when animating only the object's opacity,
+ * otherwise use Expo Out ease.
+ */
+exports.EASE = {
+    EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',
+    QUART: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
+};
+exports.ANIMATION = {
+    bottomUpMovement: (0, react_1.keyframes) `
+    0% {
+      transform: translateY(100%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  `,
+    fadeIn: (0, react_1.keyframes) `
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  `,
+    rotate: (0, react_1.keyframes) `
+    0% {
+      transform: rotate(0);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  `,
+    topDownMovement: (0, react_1.keyframes) `
+    0% {
+      transform: translateY(-100%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  `,
+    topDownMovementLight: (0, react_1.keyframes) `
+    0% {
+      transform: translateY(-20%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  `,
+};
+exports.defaultTransition = 'all 0.24s';
+//# sourceMappingURL=motions.js.map

package/lib/Identity/motions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motions.js","sourceRoot":"","sources":["../../src/Identity/motions.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,0CAAyC;AAEzC,kDAAkD;AAElD;;GAEG;AACU,QAAA,QAAQ,GAAG;IACtB,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,GAAG;IACnB,cAAc,EAAE,GAAG;IACnB,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF;;;GAGG;AACU,QAAA,IAAI,GAAG;IAClB,WAAW,EAAE,gCAAgC;IAC7C,KAAK,EAAE,oCAAoC;CAC5C,CAAC;AAEW,QAAA,SAAS,GAAG;IACvB,gBAAgB,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAO1B;IACD,MAAM,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAOhB;IACD,MAAM,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAOhB;IACD,eAAe,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAOzB;IACD,oBAAoB,EAAE,IAAA,iBAAS,EAAA;;;;;;;GAO9B;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAG,WAAW,CAAC"}

package/lib/Layout/Box.js

@@ -0,0 +1,33 @@
+"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.Box = exports.boxStyle = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const Identity_1 = require("../Identity");
+const boxStyle = props => ({
+    border: `2px solid ${Identity_1.COLOR.GRAY_LIGHTEN_72}`,
+    borderRadius: '8px',
+    padding: '16px 32px',
+});
+exports.boxStyle = boxStyle;
+const Box = (props) => (0, react_1.jsx)("div", Object.assign({ css: (0, exports.boxStyle)(props) }, props));
+exports.Box = Box;
+//# sourceMappingURL=Box.js.map

package/lib/Layout/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Layout/Box.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,0CAAkC;AAI3B,MAAM,QAAQ,GAAyC,KAAK,CAAC,EAAE,CAAC,CAAC;IACtE,MAAM,EAAE,aAAa,gBAAK,CAAC,eAAe,EAAE;IAC5C,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AAJU,QAAA,QAAQ,YAIlB;AAEI,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAApE,QAAA,GAAG,OAAiE"}

package/lib/Layout/Column.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.Column = exports.Columns = exports.filterColumnsProps = void 0;
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../mediaQueries");
+const util_1 = require("../util");
+const sizes_1 = require("./sizes");
+const filterColumnsProps = (props) => {
+    return (0, util_1.filterProps)(props, ['query']);
+};
+exports.filterColumnsProps = filterColumnsProps;
+const columnsStyle = ({ query = mediaQueries_1.QueryKeys.MOBILE }) => ({
+    display: 'flex',
+    marginLeft: `-${sizes_1.GUTTER}px`,
+    [mediaQueries_1.media[query]]: { flexDirection: 'column' },
+});
+const Columns = (props) => (0, react_1.jsx)("div", Object.assign({ css: columnsStyle(props) }, (0, exports.filterColumnsProps)(props)));
+exports.Columns = Columns;
+const columnStyle = props => ({
+    display: 'block',
+    flexBasis: '0',
+    flexGrow: 1,
+    flexShrink: 1,
+    marginLeft: `${sizes_1.GUTTER}px`,
+});
+const Column = (props) => (0, react_1.jsx)("div", Object.assign({ css: columnStyle(props) }, props));
+exports.Column = Column;
+//# sourceMappingURL=Column.js.map

package/lib/Layout/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/Layout/Column.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAIH,0CAA8C;AAE9C,kDAAiD;AACjD,kCAAoC;AACpC,mCAA+B;AAMxB,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE;IACxD,OAAO,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACvC,CAAC,CAAC;AAFW,QAAA,kBAAkB,sBAE7B;AAEF,MAAM,YAAY,GAA6C,CAAC,EAAC,KAAK,GAAG,wBAAS,CAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;IAC9F,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,IAAI,cAAM,IAAI;IAC1B,CAAC,oBAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAC,aAAa,EAAE,QAAQ,EAAC;CAC1C,CAAC,CAAC;AAEI,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,IAAM,IAAA,0BAAkB,EAAC,KAAK,CAAC,EAAI,CAAC;AAApG,QAAA,OAAO,WAA6F;AAIjH,MAAM,WAAW,GAA4C,KAAK,CAAC,EAAE,CAAC,CAAC;IACrE,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,GAAG,cAAM,IAAI;CAC1B,CAAC,CAAC;AAEI,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAA7E,QAAA,MAAM,UAAuE"}

package/lib/Layout/Container.js

@@ -0,0 +1,58 @@
+"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.ContainerXXS = exports.ContainerXS = exports.ContainerSM = exports.ContainerMD = exports.ContainerLG = exports.Container = void 0;
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const react_2 = __importDefault(require("react"));
+const mediaQueries_1 = require("../mediaQueries");
+const util_1 = require("../util");
+const sizes_1 = require("./sizes");
+const LEVEL = {
+    lg: sizes_1.WIDTH.DESKTOP_MAX,
+    md: sizes_1.WIDTH.TABLET_MAX,
+    sm: sizes_1.WIDTH.TABLET_MIN,
+    xs: sizes_1.WIDTH.MOBILE,
+    xxs: sizes_1.WIDTH.TINY,
+};
+const containerStyle = ({ centerText = false, level = undefined, verticalCenter = false, }) => ({
+    margin: verticalCenter ? 'auto' : '0 auto',
+    maxWidth: level ? `${LEVEL[level]}px` : undefined,
+    position: 'relative',
+    textAlign: centerText ? 'center' : 'left',
+    width: '100%',
+    [mediaQueries_1.media[mediaQueries_1.QueryKeys.DESKTOP]]: level
+        ? undefined
+        : {
+            padding: 0,
+            width: `${sizes_1.WIDTH.DESKTOP_MIN - sizes_1.GUTTER * 2}px`,
+        },
+});
+const filterContainerProps = (props) => (0, util_1.filterProps)(props, ['centerText', 'level', 'verticalCenter']);
+exports.Container = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)("div", Object.assign({ ref: ref, css: containerStyle(props) }, filterContainerProps(props)))));
+exports.ContainerLG = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'lg' }, props))));
+exports.ContainerMD = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'md' }, props))));
+exports.ContainerSM = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'sm' }, props))));
+exports.ContainerXS = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xs' }, props))));
+exports.ContainerXXS = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xxs' }, props))));
+//# sourceMappingURL=Container.js.map

package/lib/Layout/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/Layout/Container.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;AAEH,eAAe;AACf,0CAA8C;AAC9C,kDAA0B;AAE1B,kDAAiD;AACjD,kCAAoC;AACpC,mCAAsC;AAgBtC,MAAM,KAAK,GAAU;IACnB,EAAE,EAAE,aAAK,CAAC,WAAW;IACrB,EAAE,EAAE,aAAK,CAAC,UAAU;IACpB,EAAE,EAAE,aAAK,CAAC,UAAU;IACpB,EAAE,EAAE,aAAK,CAAC,MAAM;IAChB,GAAG,EAAE,aAAK,CAAC,IAAI;CAChB,CAAC;AAEF,MAAM,cAAc,GAA+C,CAAC,EAClE,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,KAAK,GACvB,EAAE,EAAE,CAAC,CAAC;IACL,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;IAC1C,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;IACjD,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;IACzC,KAAK,EAAE,MAAM;IACb,CAAC,oBAAK,CAAC,wBAAS,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK;QAC/B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,OAAO,EAAE,CAAC;YACV,KAAK,EAAE,GAAG,aAAK,CAAC,WAAW,GAAG,cAAM,GAAG,CAAC,IAAI;SAC7C;CACN,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAEzG,QAAA,SAAS,GAA6B,eAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAClH,wCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,IAAM,oBAAoB,CAAC,KAAK,CAAC,EAAI,CAC/E,CAAC,CAAC;AAIU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,IAAM,KAAK,EAAI,CAChD,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,IAAM,KAAK,EAAI,CAChD,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,IAAM,KAAK,EAAI,CAChD,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/F,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,IAAM,KAAK,EAAI,CAChD,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,eAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChG,iBAAC,iBAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CACjD,CAAC,CAAC"}

package/lib/Layout/Content.js

@@ -0,0 +1,33 @@
+"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.Content = exports.contentStyle = void 0;
+const react_1 = require("@emotion/react");
+const sizes_1 = require("./sizes");
+const contentStyle = props => ({
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: 1,
+    padding: `0 ${sizes_1.GUTTER}px`,
+});
+exports.contentStyle = contentStyle;
+const Content = (props) => (0, react_1.jsx)("div", Object.assign({ css: (0, exports.contentStyle)(props) }, props));
+exports.Content = Content;
+//# sourceMappingURL=Content.js.map

package/lib/Layout/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../src/Layout/Content.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAIH,0CAA8C;AAE9C,mCAA+B;AAIxB,MAAM,YAAY,GAA6C,KAAK,CAAC,EAAE,CAAC,CAAC;IAC9E,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,KAAK,cAAM,IAAI;CACzB,CAAC,CAAC;AALU,QAAA,YAAY,gBAKtB;AAEI,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,wCAAK,GAAG,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAAhF,QAAA,OAAO,WAAyE"}