@wireapp/react-ui-kit 9.0.3 → 9.0.6

package/lib/Misc/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/Misc/IconButton.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAChC,OAAO,EAAC,SAAS,EAAkB,MAAM,SAAS,CAAC;AAGnD,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC1E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,SAsE5E,CAAC;AAEH,eAAO,MAAM,UAAU,2BAA0B,eAAe,qDAI/D,CAAC"}

package/lib/Misc/IconButton.js

@@ -1,22 +1,4 @@
 "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/.
- *
- */
 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)
@@ -30,8 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconButton = exports.iconButtonStyle = exports.IconButtonVariant = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const motions_1 = require("../Identity/motions");
 const Text_1 = require("../Text");
 const util_1 = require("../util");
@@ -84,10 +65,9 @@ const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, backgroun
 exports.iconButtonStyle = iconButtonStyle;
 const IconButton = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)("button", Object.assign({ css: (theme) => (0, exports.iconButtonStyle)(theme, props) }, filterButtonProps(props)), children));
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ css: (theme) => (0, exports.iconButtonStyle)(theme, props) }, filterButtonProps(props), { children: children })));
 };
 exports.IconButton = IconButton;
 const filterButtonProps = (props) => {
     return (0, util_1.filterProps)((0, Text_1.filterTextProps)(props), ['backgroundColor']);
 };
-//# sourceMappingURL=IconButton.js.map

package/lib/Misc/IsInViewport.d.ts

@@ -1,9 +1,8 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
+import * as React from 'react';
 export interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     checkViewportOnce?: boolean;
     disabled?: boolean;
     onEnterViewport?: () => void;
 }
-export declare const IsInViewport: ({ onEnterViewport, disabled, checkViewportOnce, ...props }: IsInViewportProps) => jsx.JSX.Element;
+export declare const IsInViewport: ({ onEnterViewport, disabled, checkViewportOnce, ...props }: IsInViewportProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IsInViewport.d.ts.map

package/lib/Misc/IsInViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsInViewport.d.ts","sourceRoot":"","sources":["../../src/Misc/IsInViewport.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,+DAKtB,iBAAiB,qDAyBnB,CAAC"}

package/lib/Misc/IsInViewport.js

@@ -1,4 +1,18 @@
 "use strict";
+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.IsInViewport = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /*
  * Wire
  * Copyright (C) 2019 Wire Swiss GmbH
@@ -17,26 +31,11 @@
  * 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.IsInViewport = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
+const react_1 = require("react");
 const IsInViewport = (_a) => {
     var { onEnterViewport, disabled = false, checkViewportOnce = false } = _a, props = __rest(_a, ["onEnterViewport", "disabled", "checkViewportOnce"]);
-    const element = (0, react_2.useRef)();
-    (0, react_2.useEffect)(() => {
+    const element = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
         let observer = undefined;
         if (onEnterViewport && !disabled) {
             observer = new IntersectionObserver(([{ isIntersecting }]) => {
@@ -57,7 +56,6 @@ const IsInViewport = (_a) => {
             }
         };
     }, [onEnterViewport]);
-    return (0, react_1.jsx)("div", Object.assign({ ref: element }, props));
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: element }, props));
 };
 exports.IsInViewport = IsInViewport;
-//# sourceMappingURL=IsInViewport.js.map

package/lib/Misc/Loading.d.ts

@@ -1,15 +1,14 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
+import * as React from 'react';
 export interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {
     color?: string;
     progress?: number;
     size?: number;
 }
 export declare const Loading: {
-    ({ progress, size, color, ...props }: LoadingProps): jsx.JSX.Element;
+    ({ progress, size, color, ...props }: LoadingProps): import("@emotion/react/jsx-runtime").JSX.Element;
     defaultProps: {
         progress: any;
         size: number;
     };
 };
+//# sourceMappingURL=Loading.d.ts.map

package/lib/Misc/Loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../src/Misc/Loading.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,aAAa,CAAE,SAAQ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,OAAO;0CAAoE,YAAY;;;;;CAmCnG,CAAC"}

package/lib/Misc/Loading.js

@@ -1,22 +1,4 @@
 "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)
@@ -30,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loading = void 0;
-/** @jsx jsx */
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("@emotion/react");
 const Identity_1 = require("../Identity");
 const motions_1 = require("../Identity/motions");
@@ -47,18 +29,15 @@ const Loading = (_a) => {
       stroke-dashoffset: 0;
     }
   `;
-    return ((0, react_1.jsx)("svg", Object.assign({ width: size, height: size, viewBox: "0 0 43 43", strokeWidth: "3", fill: "none" }, props),
-        (0, react_1.jsx)("circle", { cx: "21.5", cy: "21.5", r: "20", stroke: Identity_1.COLOR.opaque(color, 0.08) }),
-        (0, react_1.jsx)("circle", { css: !progress && {
-                animation: `${fillAnimation} ${motions_1.DURATION.EXTRA_LONG}ms ease-in-out infinite,
+    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: size, height: size, viewBox: "0 0 43 43", strokeWidth: "3", fill: "none" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "21.5", cy: "21.5", r: "20", stroke: Identity_1.COLOR.opaque(color, 0.08) }), (0, jsx_runtime_1.jsx)("circle", { css: !progress && {
+                    animation: `${fillAnimation} ${motions_1.DURATION.EXTRA_LONG}ms ease-in-out infinite,
               ${motions_1.ANIMATION.rotate} ${motions_1.DURATION.EXTRA_LONG}ms linear ${rotationDelay}ms infinite`,
-                strokeDasharray: pathLength,
-                transformOrigin: '50% 50%',
-            }, cx: "21.5", cy: "21.5", r: "20", stroke: color, strokeLinecap: "round", strokeDasharray: pathLength, strokeDashoffset: progress && `${pathLength - pathLength * progress}` })));
+                    strokeDasharray: pathLength,
+                    transformOrigin: '50% 50%',
+                }, cx: "21.5", cy: "21.5", r: "20", stroke: color, strokeLinecap: "round", strokeDasharray: pathLength, strokeDashoffset: progress && `${pathLength - pathLength * progress}` })] })));
 };
 exports.Loading = Loading;
 exports.Loading.defaultProps = {
     progress: undefined,
     size: 43,
 };
-//# sourceMappingURL=Loading.js.map

package/lib/Misc/Pagination.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface PaginationProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {
     currentPage?: number;
     goPage?: (page: number) => void;
@@ -8,3 +8,4 @@ interface PaginationProps<T = HTMLDivElement> extends React.PropsWithRef<React.H
 }
 export declare const Pagination: React.FC<PaginationProps>;
 export {};
+//# sourceMappingURL=Pagination.d.ts.map

package/lib/Misc/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Misc/Pagination.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,eAAe,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,GAAG,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6EhD,CAAC"}

package/lib/Misc/Pagination.js

@@ -1,22 +1,4 @@
 "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)
@@ -30,8 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Pagination = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Identity_1 = require("../Identity");
 const Layout_1 = require("../Layout");
 const Text_1 = require("../Text");
@@ -45,12 +26,12 @@ const Pagination = (_a) => {
         const endLength = 1;
         const skipLength = 1;
         const normalizeCount = endLength + skipLength + spanLength;
-        const dots = (key) => ((0, react_1.jsx)(Text_1.Bold, { key: key, fontSize: '11px' }, '…'));
-        const renderPageNumber = pageIndex => currentPage === pageIndex ? ((0, react_1.jsx)(Text_1.Bold, { fontSize: '11px', key: pageIndex, style: { color: Identity_1.COLOR.BLUE, margin: '0 8px' }, "data-uie-name": "status-active-page" }, pageIndex + 1)) : ((0, react_1.jsx)(Text_1.Link, { key: pageIndex, style: { margin: '0 8px' }, onClick: () => goPage(pageIndex), "data-uie-name": "go-page" }, pageIndex + 1));
+        const dots = (key) => ((0, jsx_runtime_1.jsx)(Text_1.Bold, Object.assign({ fontSize: '11px' }, { children: '…' }), key));
+        const renderPageNumber = pageIndex => currentPage === pageIndex ? ((0, jsx_runtime_1.jsx)(Text_1.Bold, Object.assign({ fontSize: '11px', style: { color: Identity_1.COLOR.BLUE, margin: '0 8px' }, "data-uie-name": "status-active-page" }, { children: pageIndex + 1 }), pageIndex)) : ((0, jsx_runtime_1.jsx)(Text_1.Link, Object.assign({ style: { margin: '0 8px' }, onClick: () => goPage(pageIndex), "data-uie-name": "go-page" }, { children: pageIndex + 1 }), pageIndex));
         const normalizedCurrent = Math.min(Math.max(currentPage, normalizeCount), lastPageIndex - normalizeCount);
         const beforeCount = normalizedCurrent - spanLength - endLength;
         const afterCount = lastPageIndex - endLength - normalizedCurrent - spanLength;
-        const pages = Array.from(Array(numberOfPages), (nothing, index) => renderPageNumber(index));
+        const pages = Array.from(Array(numberOfPages), (_, index) => renderPageNumber(index));
         if (afterCount > skipLength) {
             pages.splice(normalizedCurrent + spanLength + 1, afterCount, dots('dots-end'));
         }
@@ -59,12 +40,6 @@ const Pagination = (_a) => {
         }
         return pages;
     };
-    return ((0, react_1.jsx)(Layout_1.FlexBox, Object.assign({ align: "flex-end", "data-uie-name": "element-pagination" }, props),
-        (0, react_1.jsx)("div", { css: { flexBasis: 100 } }, !isFirstPage && ((0, react_1.jsx)(Text_1.Link, { block: true, onClick: () => goPage(currentPage - 1), "data-uie-name": "go-previous-page" },
-            (0, react_1.jsx)(PreviousPageComponent, null)))),
-        (0, react_1.jsx)("div", { css: { alignItems: 'flex-end', display: 'flex', flexDirection: 'row', margin: '0 auto' }, "data-uie-name": "list-pages" }, renderPageList()),
-        (0, react_1.jsx)("div", { css: { display: 'flex', flexBasis: 100, justifyContent: 'flex-end' } }, !isLastPage && ((0, react_1.jsx)(Text_1.Link, { block: true, onClick: () => goPage(currentPage + 1), "data-uie-name": "go-next-page" },
-            (0, react_1.jsx)(NextPageComponent, null))))));
+    return ((0, jsx_runtime_1.jsxs)(Layout_1.FlexBox, Object.assign({ align: "flex-end", "data-uie-name": "element-pagination" }, props, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ css: { flexBasis: 100 } }, { children: !isFirstPage && ((0, jsx_runtime_1.jsx)(Text_1.Link, Object.assign({ block: true, onClick: () => goPage(currentPage - 1), "data-uie-name": "go-previous-page" }, { children: (0, jsx_runtime_1.jsx)(PreviousPageComponent, {}) }))) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ css: { alignItems: 'flex-end', display: 'flex', flexDirection: 'row', margin: '0 auto' }, "data-uie-name": "list-pages" }, { children: renderPageList() })), (0, jsx_runtime_1.jsx)("div", Object.assign({ css: { display: 'flex', flexBasis: 100, justifyContent: 'flex-end' } }, { children: !isLastPage && ((0, jsx_runtime_1.jsx)(Text_1.Link, Object.assign({ block: true, onClick: () => goPage(currentPage + 1), "data-uie-name": "go-next-page" }, { children: (0, jsx_runtime_1.jsx)(NextPageComponent, {}) }))) }))] })));
 };
 exports.Pagination = Pagination;
-//# sourceMappingURL=Pagination.js.map

package/lib/Misc/Pill.d.ts

@@ -1,6 +1,5 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
-import React from 'react';
+import * as React from 'react';
+import { CSSObject } from '@emotion/react';
 import { Theme } from '../Layout';
 export interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {
     active?: boolean;
@@ -13,4 +12,5 @@ export declare enum PILL_TYPE {
 }
 export declare const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject;
 export declare const filterPillProps: (props: PillProps) => Object;
-export declare const Pill: (props: PillProps) => jsx.JSX.Element;
+export declare const Pill: (props: PillProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pill.d.ts.map

package/lib/Misc/Pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../src/Misc/Pill.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAY,MAAM,gBAAgB,CAAC;AAIpD,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAuCjE,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,SAAS,WAAmC,CAAC;AAEpF,eAAO,MAAM,IAAI,UAAW,SAAS,qDAOpC,CAAC"}

package/lib/Misc/Pill.js

@@ -1,25 +1,7 @@
 "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.Pill = exports.filterPillProps = exports.pillStyle = exports.PILL_TYPE = void 0;
-/** @jsx jsx */
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("@emotion/react");
 const Identity_1 = require("../Identity");
 const motions_1 = require("../Identity/motions");
@@ -70,6 +52,5 @@ const pillStyle = (theme, { active = false, type = null }) => {
 exports.pillStyle = pillStyle;
 const filterPillProps = (props) => (0, util_1.filterProps)(props, ['active']);
 exports.filterPillProps = filterPillProps;
-const Pill = (props) => ((0, react_1.jsx)("span", Object.assign({ css: (theme) => (0, exports.pillStyle)(theme, props), "data-uie-name": "element-pill", "data-uie-status": props.type }, (0, exports.filterPillProps)(props))));
+const Pill = (props) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: (theme) => (0, exports.pillStyle)(theme, props), "data-uie-name": "element-pill", "data-uie-status": props.type }, (0, exports.filterPillProps)(props))));
 exports.Pill = Pill;
-//# sourceMappingURL=Pill.js.map

package/lib/Misc/childrenWithDefaultProps.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import * as React from 'react';
 export interface ChildrenProps<T extends Element, P extends React.HTMLProps<T>> {
     children: React.ReactNode;
     defaultProps: P;
 }
 export declare const childrenWithDefaultProps: <E extends Element, P extends unknown>(props: ChildrenProps<E, P>) => (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal)[];
+//# sourceMappingURL=childrenWithDefaultProps.d.ts.map

package/lib/Misc/childrenWithDefaultProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"childrenWithDefaultProps.d.ts","sourceRoot":"","sources":["../../src/Misc/childrenWithDefaultProps.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,CAAC,CAAC;CACjB;AAED,eAAO,MAAM,wBAAwB,0MAYjC,CAAC"}

package/lib/Misc/childrenWithDefaultProps.js

@@ -17,22 +17,41 @@
  * 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 };
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.childrenWithDefaultProps = void 0;
-const react_1 = __importDefault(require("react"));
-const childrenWithDefaultProps = (props) => react_1.default.Children.map(props.children, node => {
+const React = __importStar(require("react"));
+const childrenWithDefaultProps = (props) => React.Children.map(props.children, node => {
     if (typeof node === 'string') {
         return node;
     }
-    if (!react_1.default.isValidElement(node)) {
+    if (!React.isValidElement(node)) {
         console.error('Invalid children', node);
         return node;
     }
     const elementChild = node;
-    return react_1.default.cloneElement(elementChild, Object.assign(Object.assign({}, props.defaultProps), elementChild.props));
+    return React.cloneElement(elementChild, Object.assign(Object.assign({}, props.defaultProps), elementChild.props));
 });
 exports.childrenWithDefaultProps = childrenWithDefaultProps;
-//# sourceMappingURL=childrenWithDefaultProps.js.map

package/lib/Misc/index.d.ts

@@ -7,3 +7,4 @@ export * from './Pagination';
 export * from './Pill';
 export * from './useLongTouch';
 export * from './useTimeout';
+//# sourceMappingURL=index.d.ts.map

package/lib/Misc/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Misc/index.ts"],"names":[],"mappings":"AAmBA,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/lib/Misc/index.js

@@ -41,4 +41,3 @@ __exportStar(require("./Pagination"), exports);
 __exportStar(require("./Pill"), exports);
 __exportStar(require("./useLongTouch"), exports);
 __exportStar(require("./useTimeout"), exports);
-//# sourceMappingURL=index.js.map

package/lib/Misc/useLongTouch.d.ts

@@ -1,2 +1,3 @@
 declare const useLongTouch: (element: HTMLElement | null, onLongTouch: () => void, touchDuration?: number) => void;
 export { useLongTouch };
+//# sourceMappingURL=useLongTouch.d.ts.map

package/lib/Misc/useLongTouch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongTouch.d.ts","sourceRoot":"","sources":["../../src/Misc/useLongTouch.ts"],"names":[],"mappings":"AAuBA,QAAA,MAAM,YAAY,YAAa,WAAW,GAAG,IAAI,eAAe,MAAM,IAAI,iCAuBzE,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/lib/Misc/useLongTouch.js

@@ -27,10 +27,10 @@ const useLongTouch = (element, onLongTouch, touchDuration = 800) => {
         if (!element) {
             return () => { };
         }
-        const onTouchStart = (event) => {
+        const onTouchStart = () => {
             startTimeout();
         };
-        const onTouchEnd = (event) => {
+        const onTouchEnd = () => {
             removeTimeout();
         };
         element.addEventListener('touchstart', onTouchStart, false);
@@ -42,4 +42,3 @@ const useLongTouch = (element, onLongTouch, touchDuration = 800) => {
     }, [onLongTouch, touchDuration]);
 };
 exports.useLongTouch = useLongTouch;
-//# sourceMappingURL=useLongTouch.js.map

package/lib/Misc/useTimeout.d.ts

@@ -3,3 +3,4 @@ declare const useTimeout: (onTimeoutStop: () => void, duration: number) => {
     startTimeout: () => void;
 };
 export { useTimeout };
+//# sourceMappingURL=useTimeout.d.ts.map

package/lib/Misc/useTimeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../src/Misc/useTimeout.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,UAAU,kBAAmB,MAAM,IAAI,YAAY,MAAM;;;CA2B9D,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/lib/Misc/useTimeout.js

@@ -44,4 +44,3 @@ const useTimeout = (onTimeoutStop, duration) => {
     return { removeTimeout, startTimeout: start };
 };
 exports.useTimeout = useTimeout;
-//# sourceMappingURL=useTimeout.js.map

package/lib/Modal/Modal.d.ts

@@ -1,4 +1,5 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
+import * as React from 'react';
 export interface ModalBodyProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     fullscreen?: boolean;
 }
@@ -17,3 +18,4 @@ interface ModalProps {
 }
 export declare const Modal: React.FC<ModalProps & React.HTMLProps<HTMLDivElement>>;
 export {};
+//# sourceMappingURL=Modal.d.ts.map

package/lib/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgED,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;CACf;AA0DD,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAsBxE,CAAC"}

package/lib/Modal/Modal.js

@@ -1,22 +1,4 @@
 "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)
@@ -33,14 +15,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const color_1 = __importDefault(require("color"));
+const Overlay_1 = require("./Overlay");
 const Icon_1 = require("../Icon");
 const Identity_1 = require("../Identity");
 const mediaQueries_1 = require("../mediaQueries");
 const util_1 = require("../util");
-const Overlay_1 = require("./Overlay");
 const modalBodyStyle = (theme, { fullscreen = false }) => ({
     alignItems: 'center',
     backgroundColor: theme.general.backgroundColor,
@@ -62,8 +43,8 @@ const modalBodyStyle = (theme, { fullscreen = false }) => ({
     },
 });
 const filterModalBodyProps = (props) => (0, util_1.filterProps)(props, ['fullscreen']);
-const ModalBody = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => modalBodyStyle(theme, props) }, filterModalBodyProps(props))));
-const ModalClose = (props) => ((0, react_1.jsx)(Icon_1.CloseIcon, Object.assign({ width: 16, height: 16, css: {
+const ModalBody = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (theme) => modalBodyStyle(theme, props) }, filterModalBodyProps(props))));
+const ModalClose = (props) => ((0, jsx_runtime_1.jsx)(Icon_1.CloseIcon, Object.assign({ width: 16, height: 16, css: {
         alignItems: 'center',
         cursor: 'pointer',
         display: 'flex',
@@ -72,13 +53,13 @@ const ModalClose = (props) => ((0, react_1.jsx)(Icon_1.CloseIcon, Object.assign(
         right: 16,
         top: 16,
     } }, props)));
-const ModalContent = props => ((0, react_1.jsx)("div", Object.assign({ css: {
+const ModalContent = props => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: {
         maxWidth: '100%',
         overflowY: 'auto',
         padding: '40px',
     } }, props)));
 const modalBackgroundStyle = props => (Object.assign(Object.assign({}, (0, Overlay_1.overlayBackgroundStyle)(props)), { backgroundColor: 'rgba(50, 54, 57, 0.4)' }));
-const ModalBackground = (props) => (0, react_1.jsx)("div", Object.assign({ css: modalBackgroundStyle(props) }, props));
+const ModalBackground = (props) => (0, jsx_runtime_1.jsx)("div", Object.assign({ css: modalBackgroundStyle(props) }, props));
 const modalActionsWrapperStyles = () => ({
     borderTop: `1px solid ${Identity_1.COLOR.GRAY_LIGHTEN_72}`,
     bottom: 0,
@@ -114,15 +95,10 @@ const modalActionStyles = ({ bold }) => ({
     justifyContent: 'center',
     padding: '8px 0',
 });
-const ModalActions = ({ actions }) => ((0, react_1.jsx)("div", { css: modalActionsWrapperStyles() }, actions.map(action => ((0, react_1.jsx)("div", { key: action.title, onClick: action.onClick, css: modalActionStyles({ bold: action.bold }), "data-uie-name": action.dataUieName }, action.title)))));
+const ModalActions = ({ actions }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: modalActionsWrapperStyles() }, { children: actions.map(action => ((0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: action.onClick, css: modalActionStyles({ bold: action.bold }), "data-uie-name": action.dataUieName }, { children: action.title }), action.title))) })));
 const Modal = (_a) => {
     var { actions = [], children, bodyStyle, fullscreen, onClose, onBackgroundClick } = _a, props = __rest(_a, ["actions", "children", "bodyStyle", "fullscreen", "onClose", "onBackgroundClick"]);
-    return ((0, react_1.jsx)(Overlay_1.OverlayWrapper, Object.assign({}, props, { "data-uie-name": "modal" }),
-        (0, react_1.jsx)(ModalBody, { fullscreen: fullscreen, style: bodyStyle },
-            (0, react_1.jsx)(ModalContent, null, children),
-            onClose !== util_1.noop && (0, react_1.jsx)(ModalClose, { onClick: onClose, "data-uie-name": "do-close" }),
-            actions.length > 0 && (0, react_1.jsx)(ModalActions, { actions: actions, "data-uie-name": "modal-actions" })),
-        !fullscreen && ((0, react_1.jsx)(ModalBackground, { onClick: onBackgroundClick === util_1.noop ? onClose : onBackgroundClick, "data-uie-name": "modal-background" }))));
+    return ((0, jsx_runtime_1.jsxs)(Overlay_1.OverlayWrapper, Object.assign({}, props, { "data-uie-name": "modal" }, { children: [(0, jsx_runtime_1.jsxs)(ModalBody, Object.assign({ fullscreen: fullscreen, style: bodyStyle }, { children: [(0, jsx_runtime_1.jsx)(ModalContent, { children: children }), onClose !== util_1.noop && (0, jsx_runtime_1.jsx)(ModalClose, { onClick: onClose, "data-uie-name": "do-close" }), actions.length > 0 && (0, jsx_runtime_1.jsx)(ModalActions, { actions: actions, "data-uie-name": "modal-actions" })] })), !fullscreen && ((0, jsx_runtime_1.jsx)(ModalBackground, { onClick: onBackgroundClick === util_1.noop ? onClose : onBackgroundClick, "data-uie-name": "modal-background" }))] })));
 };
 exports.Modal = Modal;
 exports.Modal.defaultProps = {
@@ -131,4 +107,3 @@ exports.Modal.defaultProps = {
     onBackgroundClick: util_1.noop,
     onClose: util_1.noop,
 };
-//# sourceMappingURL=Modal.js.map

package/lib/Modal/Overlay.d.ts

@@ -1,14 +1,14 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
-import React from 'react';
+import * as React from 'react';
+import { CSSObject } from '@emotion/react';
 export declare type OverlayWrapperProps<T = HTMLDivElement> = React.HTMLProps<T>;
 export declare const overlayWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject;
-export declare const OverlayWrapper: (props: OverlayWrapperProps<HTMLDivElement>) => jsx.JSX.Element;
-export declare const OverlayContent: (props: React.HTMLProps<HTMLDivElement>) => jsx.JSX.Element;
+export declare const OverlayWrapper: (props: OverlayWrapperProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OverlayContent: (props: React.HTMLProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare type OverlayBackgroundProps<T = HTMLDivElement> = React.HTMLProps<T>;
 export declare const overlayBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject;
-export declare const OverlayBackground: (props: OverlayBackgroundProps<HTMLDivElement>) => jsx.JSX.Element;
+export declare const OverlayBackground: (props: OverlayBackgroundProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export interface OverlayProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     onBackgroundClick?: () => void;
 }
-export declare const Overlay: ({ onBackgroundClick, children, ...props }: OverlayProps) => jsx.JSX.Element;
+export declare const Overlay: ({ onBackgroundClick, children, ...props }: OverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Overlay.d.ts.map

package/lib/Modal/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/Modal/Overlay.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAOzC,oBAAY,mBAAmB,CAAC,CAAC,GAAG,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAUtE,CAAC;AAEH,eAAO,MAAM,cAAc,kGAA+E,CAAC;AAE3G,eAAO,MAAM,cAAc,UAAW,MAAM,SAAS,CAAC,cAAc,CAAC,qDAsBpE,CAAC;AAEF,oBAAY,sBAAsB,CAAC,CAAC,GAAG,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAE5E,eAAO,MAAM,sBAAsB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,SAS5E,CAAC;AAEH,eAAO,MAAM,iBAAiB,qGAAqF,CAAC;AAEpH,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1E,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,OAAO,8CAA2D,YAAY,qDAK1F,CAAC"}