@wireapp/react-ui-kit 8.14.1 → 8.14.3

package/src/Layout/Box.js

@@ -1,33 +0,0 @@
-"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/src/Layout/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["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/src/Layout/Column.d.js

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

package/src/Layout/Column.d.js.map

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

package/src/Layout/Column.d.ts

@@ -1,11 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { QueryKeys } from '../mediaQueries';
-export interface ColumnsProps<T = HTMLDivElement> extends React.HTMLProps<T> {
-    query?: QueryKeys;
-}
-export declare const filterColumnsProps: (props: ColumnsProps) => Object;
-export declare const Columns: (props: ColumnsProps) => jsx.JSX.Element;
-export declare type ColumnProps<T = HTMLDivElement> = React.HTMLProps<T>;
-export declare const Column: (props: React.HTMLProps<T>) => jsx.JSX.Element;

package/src/Layout/Column.js

@@ -1,46 +0,0 @@
-"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/src/Layout/Column.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Column.js","sourceRoot":"","sources":["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/src/Layout/Container.d.js

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

package/src/Layout/Container.d.js.map

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

package/src/Layout/Container.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface ContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {
-    centerText?: boolean;
-    level?: keyof Level;
-    verticalCenter?: boolean;
-}
-export interface Level {
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-    xxs: number;
-}
-export declare const Container: React.FC<ContainerProps>;
-export declare type LevelContainerProps = Omit<ContainerProps, 'level'>;
-export declare const ContainerLG: any;
-export declare const ContainerMD: any;
-export declare const ContainerSM: any;
-export declare const ContainerXS: any;
-export declare const ContainerXXS: any;

package/src/Layout/Container.js

@@ -1,55 +0,0 @@
-"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.ContainerXXS = exports.ContainerXS = exports.ContainerSM = exports.ContainerMD = exports.ContainerLG = exports.Container = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = 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/src/Layout/Container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["Container.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAC9C,iCAA0B;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/src/Layout/Content.d.js

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

package/src/Layout/Content.d.js.map

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

package/src/Layout/Content.d.ts

@@ -1,6 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { CSSObject, jsx } from '@emotion/react';
-export declare type ContentProps<T = HTMLDivElement> = React.HTMLProps<T>;
-export declare const contentStyle: <T>(props: ContentProps<T>) => CSSObject;
-export declare const Content: (props: React.HTMLProps<T>) => jsx.JSX.Element;

package/src/Layout/Content.js

@@ -1,33 +0,0 @@
-"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/src/Layout/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["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"}

package/src/Layout/FlexBox.d.js

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

package/src/Layout/FlexBox.d.js.map

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

package/src/Layout/FlexBox.d.ts

@@ -1,13 +0,0 @@
-/** @jsx jsx */
-import { CSSObject } from '@emotion/react';
-import { Property } from 'csstype';
-import React from 'react';
-export interface FlexBoxProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {
-    align?: string;
-    column?: boolean;
-    flexWrap?: Property.FlexWrap;
-    justify?: string;
-}
-export declare const flexBoxStyle: <T>(props: FlexBoxProps<T>) => CSSObject;
-export declare const filterFlexBoxProps: (props: FlexBoxProps) => Object;
-export declare const FlexBox: React.FC<FlexBoxProps>;

package/src/Layout/FlexBox.js

@@ -1,37 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2017 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.FlexBox = exports.filterFlexBoxProps = exports.flexBoxStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
-const util_1 = require("../util");
-const flexBoxStyle = ({ align = 'flex-start', column = false, justify = 'flex-start', flexWrap = 'nowrap', }) => ({
-    alignItems: align,
-    display: 'flex',
-    flexDirection: column ? 'column' : 'row',
-    flexWrap: flexWrap,
-    justifyContent: justify,
-});
-exports.flexBoxStyle = flexBoxStyle;
-const filterFlexBoxProps = (props) => (0, util_1.filterProps)(props, ['align', 'column', 'justify', 'flexWrap']);
-exports.filterFlexBoxProps = filterFlexBoxProps;
-exports.FlexBox = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)("div", Object.assign({ ref: ref, css: (0, exports.flexBoxStyle)(props) }, (0, exports.filterFlexBoxProps)(props)))));
-//# sourceMappingURL=FlexBox.js.map

package/src/Layout/FlexBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlexBox.js","sourceRoot":"","sources":["FlexBox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,iCAA0B;AAE1B,kCAAoC;AAS7B,MAAM,YAAY,GAA6C,CAAC,EACrE,KAAK,GAAG,YAAY,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,YAAY,EACtB,QAAQ,GAAG,QAAQ,GACpB,EAAE,EAAE,CAAC,CAAC;IACL,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;IACxC,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,OAAO;CACxB,CAAC,CAAC;AAXU,QAAA,YAAY,gBAWtB;AAEI,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE,CACxD,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;AADpD,QAAA,kBAAkB,sBACkC;AAEpD,QAAA,OAAO,GAA2B,eAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5G,wCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC,IAAM,IAAA,0BAAkB,EAAC,KAAK,CAAC,EAAI,CAC3E,CAAC,CAAC"}

package/src/Layout/Footer.d.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=Footer.d.js.map

package/src/Layout/Footer.d.js.map

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

package/src/Layout/Footer.d.ts

@@ -1,3 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-export declare const Footer: (props: React.HTMLProps<HTMLElement>) => jsx.JSX.Element;

package/src/Layout/Footer.js

@@ -1,26 +0,0 @@
-"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.Footer = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const Footer = (props) => (0, react_1.jsx)("footer", Object.assign({}, props));
-exports.Footer = Footer;
-//# sourceMappingURL=Footer.js.map

package/src/Layout/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["Footer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AAK5B,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,6CAAY,KAAK,EAAI,CAAC;AAAvD,QAAA,MAAM,UAAiD"}

package/src/Layout/Header.d.js

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

package/src/Layout/Header.d.js.map

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

package/src/Layout/Header.d.ts

@@ -1,6 +0,0 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
-import React from 'react';
-export declare type HeaderProps<T = HTMLHeadingElement> = React.HTMLProps<T>;
-export declare const headerStyle: <T>(props: HeaderProps<T>) => CSSObject;
-export declare const Header: (props: React.HTMLProps<T>) => jsx.JSX.Element;

package/src/Layout/Header.js

@@ -1,33 +0,0 @@
-"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.Header = exports.headerStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const headerStyle = props => ({
-    alignItems: 'center',
-    display: 'flex',
-    height: '64px',
-    justifyContent: 'space-between',
-});
-exports.headerStyle = headerStyle;
-const Header = (props) => (0, react_1.jsx)("header", Object.assign({ css: (0, exports.headerStyle)(props) }, props));
-exports.Header = Header;
-//# sourceMappingURL=Header.js.map

package/src/Layout/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["Header.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAKvC,MAAM,WAAW,GAA4C,KAAK,CAAC,EAAE,CAAC,CAAC;IAC5E,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,MAAM;IACd,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AALU,QAAA,WAAW,eAKrB;AAEI,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,2CAAQ,GAAG,EAAE,IAAA,mBAAW,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAAhF,QAAA,MAAM,UAA0E"}

package/src/Layout/MatchMedia.d.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=MatchMedia.d.js.map

package/src/Layout/MatchMedia.d.js.map

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

package/src/Layout/MatchMedia.d.ts

@@ -1,21 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React, { ReactFragment } from 'react';
-import { QueryKeys } from '../mediaQueries';
-declare type Query = string | QueryKeys;
-export interface MatchMediaProps extends React.HTMLProps<ReactFragment> {
-    not?: boolean;
-    query: Query;
-}
-export declare const useMatchMedia: (query: Query) => boolean;
-export declare const MatchMedia: React.FC<MatchMediaProps>;
-export declare type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;
-export declare const IsDesktop: (props: NamedMatchMediaProps) => jsx.JSX.Element;
-export declare const IsDesktopXL: (props: NamedMatchMediaProps) => jsx.JSX.Element;
-export declare const IsMobile: (props: NamedMatchMediaProps) => jsx.JSX.Element;
-export declare const IsMobileDown: (props: NamedMatchMediaProps) => jsx.JSX.Element;
-export declare const IsMobileUp: (props: NamedMatchMediaProps) => jsx.JSX.Element;
-export declare const IsTablet: (props: NamedMatchMediaProps) => jsx.JSX.Element;
-export declare const IsTabletDown: (props: NamedMatchMediaProps) => jsx.JSX.Element;
-export declare const IsTabletUp: (props: NamedMatchMediaProps) => jsx.JSX.Element;
-export {};

package/src/Layout/MatchMedia.js

@@ -1,62 +0,0 @@
-"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.IsTabletUp = exports.IsTabletDown = exports.IsTablet = exports.IsMobileUp = exports.IsMobileDown = exports.IsMobile = exports.IsDesktopXL = exports.IsDesktop = exports.MatchMedia = exports.useMatchMedia = void 0;
-/** @jsx jsx */
-/* @jsxFrag React.Fragment */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
-const mediaQueries_1 = require("../mediaQueries");
-const useMatchMedia = (query) => {
-    const matchMedia = (0, react_2.useMemo)(() => window.matchMedia(`(${query})`), [query]);
-    const [isMatching, setIsMatching] = (0, react_2.useState)(matchMedia.matches);
-    const updateMatching = (event) => {
-        setIsMatching(event.matches);
-    };
-    (0, react_2.useEffect)(() => {
-        matchMedia.addEventListener('change', updateMatching);
-        return () => matchMedia.removeEventListener('change', updateMatching);
-    }, [matchMedia]);
-    return isMatching;
-};
-exports.useMatchMedia = useMatchMedia;
-const MatchMedia = ({ query, children, not }) => {
-    const matchQuery = (0, exports.useMatchMedia)(mediaQueries_1.QUERY[query] || query);
-    const isMatching = not ? !matchQuery : matchQuery;
-    return isMatching ? (0, react_1.jsx)(react_2.default.Fragment, null, children) : null;
-};
-exports.MatchMedia = MatchMedia;
-const IsDesktop = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.DESKTOP }, props));
-exports.IsDesktop = IsDesktop;
-const IsDesktopXL = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.DESKTOP_XL }, props));
-exports.IsDesktopXL = IsDesktopXL;
-const IsMobile = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE }, props));
-exports.IsMobile = IsMobile;
-const IsMobileDown = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE_DOWN }, props));
-exports.IsMobileDown = IsMobileDown;
-const IsMobileUp = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE_UP }, props));
-exports.IsMobileUp = IsMobileUp;
-const IsTablet = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET }, props));
-exports.IsTablet = IsTablet;
-const IsTabletDown = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET_DOWN }, props));
-exports.IsTabletDown = IsTabletDown;
-const IsTabletUp = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET_UP }, props));
-exports.IsTabletUp = IsTabletUp;
-//# sourceMappingURL=MatchMedia.js.map

package/src/Layout/MatchMedia.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MatchMedia.js","sourceRoot":"","sources":["MatchMedia.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,6BAA6B;AAC7B,0CAAmC;AACnC,iCAAyE;AAEzE,kDAAiD;AAS1C,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;QACpD,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAfW,QAAA,aAAa,iBAexB;AAEK,MAAM,UAAU,GAA8B,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAC,EAAE,EAAE;IAC9E,MAAM,UAAU,GAAG,IAAA,qBAAa,EAAC,oBAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;IAClD,OAAO,UAAU,CAAC,CAAC,CAAC,iDAAG,QAAQ,CAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7C,CAAC,CAAC;AAJW,QAAA,UAAU,cAIrB;AAIK,MAAM,SAAS,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,iBAAC,kBAAU,kBAAC,KAAK,EAAE,wBAAS,CAAC,OAAO,IAAM,KAAK,EAAI,CAAC;AAAjG,QAAA,SAAS,aAAwF;AACvG,MAAM,WAAW,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,iBAAC,kBAAU,kBAAC,KAAK,EAAE,wBAAS,CAAC,UAAU,IAAM,KAAK,EAAI,CAAC;AAAtG,QAAA,WAAW,eAA2F;AAC5G,MAAM,QAAQ,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,iBAAC,kBAAU,kBAAC,KAAK,EAAE,wBAAS,CAAC,MAAM,IAAM,KAAK,EAAI,CAAC;AAA/F,QAAA,QAAQ,YAAuF;AACrG,MAAM,YAAY,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,iBAAC,kBAAU,kBAAC,KAAK,EAAE,wBAAS,CAAC,WAAW,IAAM,KAAK,EAAI,CAAC;AAAxG,QAAA,YAAY,gBAA4F;AAC9G,MAAM,UAAU,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,iBAAC,kBAAU,kBAAC,KAAK,EAAE,wBAAS,CAAC,SAAS,IAAM,KAAK,EAAI,CAAC;AAApG,QAAA,UAAU,cAA0F;AAC1G,MAAM,QAAQ,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,iBAAC,kBAAU,kBAAC,KAAK,EAAE,wBAAS,CAAC,MAAM,IAAM,KAAK,EAAI,CAAC;AAA/F,QAAA,QAAQ,YAAuF;AACrG,MAAM,YAAY,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,iBAAC,kBAAU,kBAAC,KAAK,EAAE,wBAAS,CAAC,WAAW,IAAM,KAAK,EAAI,CAAC;AAAxG,QAAA,YAAY,gBAA4F;AAC9G,MAAM,UAAU,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,iBAAC,kBAAU,kBAAC,KAAK,EAAE,wBAAS,CAAC,SAAS,IAAM,KAAK,EAAI,CAAC;AAApG,QAAA,UAAU,cAA0F"}

package/src/Layout/Spacer.d.js

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

package/src/Layout/Spacer.d.js.map

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

package/src/Layout/Spacer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {
-    size?: number;
-    vertical?: boolean;
-}
-export declare function Spacer({ size, vertical }: SpacerProps): React.ReactNode;

package/src/Layout/Spacer.js

@@ -1,28 +0,0 @@
-"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.Spacer = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-function Spacer({ size = 8, vertical = false }) {
-    return (0, react_1.jsx)("div", { style: vertical ? { display: 'inline-block', width: size } : { height: size } });
-}
-exports.Spacer = Spacer;
-//# sourceMappingURL=Spacer.js.map

package/src/Layout/Spacer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["Spacer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AAQnC,SAAgB,MAAM,CAAC,EAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAc;IAC9D,OAAO,0BAAK,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,GAAI,CAAC;AAC5F,CAAC;AAFD,wBAEC"}

package/src/Layout/StyledApp.d.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=StyledApp.d.js.map

package/src/Layout/StyledApp.d.js.map

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

package/src/Layout/StyledApp.d.ts

@@ -1,16 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { THEME_ID, Theme } from './Theme';
-declare type StyledAppContainerProps = {
-    themeId: THEME_ID;
-    theme?: never;
-} | {
-    theme: Theme;
-    themeId?: never;
-};
-declare type BackgroundColorProps = {
-    backgroundColor?: string;
-};
-export declare type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;
-export declare const StyledApp: React.FC<StyledAppProps>;
-export {};