@wireapp/react-ui-kit 8.17.2 → 8.17.4

package/src/Layout/Container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Container.tsx"],"names":["LEVEL","lg","WIDTH","DESKTOP_MAX","md","TABLET_MAX","sm","TABLET_MIN","xs","MOBILE","xxs","TINY","containerStyle","centerText","level","undefined","verticalCenter","margin","maxWidth","position","textAlign","width","media","QueryKeys","DESKTOP","padding","DESKTOP_MIN","GUTTER","filterContainerProps","props","Container","React","forwardRef","ref","ContainerLG","ContainerMD","ContainerSM","ContainerXS","ContainerXXS"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {QueryKeys, media} from '../mediaQueries';\nimport {filterProps} from '../util';\nimport {GUTTER, WIDTH} from './sizes';\n\nexport interface ContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  centerText?: boolean;\n  level?: keyof Level;\n  verticalCenter?: boolean;\n}\n\nexport interface Level {\n  lg: number;\n  md: number;\n  sm: number;\n  xs: number;\n  xxs: number;\n}\n\nconst LEVEL: Level = {\n  lg: WIDTH.DESKTOP_MAX,\n  md: WIDTH.TABLET_MAX,\n  sm: WIDTH.TABLET_MIN,\n  xs: WIDTH.MOBILE,\n  xxs: WIDTH.TINY,\n};\n\nconst containerStyle: <T>(props: ContainerProps<T>) => CSSObject = ({\n  centerText = false,\n  level = undefined,\n  verticalCenter = false,\n}) => ({\n  margin: verticalCenter ? 'auto' : '0 auto',\n  maxWidth: level ? `${LEVEL[level]}px` : undefined,\n  position: 'relative',\n  textAlign: centerText ? 'center' : 'left',\n  width: '100%',\n  [media[QueryKeys.DESKTOP]]: level\n    ? undefined\n    : {\n        padding: 0,\n        width: `${WIDTH.DESKTOP_MIN - GUTTER * 2}px`,\n      },\n});\n\nconst filterContainerProps = (props: ContainerProps) => filterProps(props, ['centerText', 'level', 'verticalCenter']);\n\nexport const Container: React.FC<ContainerProps> = React.forwardRef<HTMLDivElement, ContainerProps>((props, ref) => (\n  <div ref={ref} css={containerStyle(props)} {...filterContainerProps(props)} />\n));\n\nexport type LevelContainerProps = Omit<ContainerProps, 'level'>;\n\nexport const ContainerLG = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'lg'} {...props} />\n));\nexport const ContainerMD = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'md'} {...props} />\n));\nexport const ContainerSM = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'sm'} {...props} />\n));\nexport const ContainerXS = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'xs'} {...props} />\n));\nexport const ContainerXXS = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'xxs'} {...props} />\n));\n"],"file":"Container.js"}
+{"version":3,"file":"Container.js","names":["LEVEL","lg","WIDTH","DESKTOP_MAX","md","TABLET_MAX","sm","TABLET_MIN","xs","MOBILE","xxs","TINY","containerStyle","centerText","level","undefined","verticalCenter","margin","maxWidth","position","textAlign","width","media","QueryKeys","DESKTOP","padding","DESKTOP_MIN","GUTTER","filterContainerProps","props","filterProps","Container","React","forwardRef","ref","ContainerLG","ContainerMD","ContainerSM","ContainerXS","ContainerXXS"],"sources":["Container.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {QueryKeys, media} from '../mediaQueries';\nimport {filterProps} from '../util';\nimport {GUTTER, WIDTH} from './sizes';\n\nexport interface ContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  centerText?: boolean;\n  level?: keyof Level;\n  verticalCenter?: boolean;\n}\n\nexport interface Level {\n  lg: number;\n  md: number;\n  sm: number;\n  xs: number;\n  xxs: number;\n}\n\nconst LEVEL: Level = {\n  lg: WIDTH.DESKTOP_MAX,\n  md: WIDTH.TABLET_MAX,\n  sm: WIDTH.TABLET_MIN,\n  xs: WIDTH.MOBILE,\n  xxs: WIDTH.TINY,\n};\n\nconst containerStyle: <T>(props: ContainerProps<T>) => CSSObject = ({\n  centerText = false,\n  level = undefined,\n  verticalCenter = false,\n}) => ({\n  margin: verticalCenter ? 'auto' : '0 auto',\n  maxWidth: level ? `${LEVEL[level]}px` : undefined,\n  position: 'relative',\n  textAlign: centerText ? 'center' : 'left',\n  width: '100%',\n  [media[QueryKeys.DESKTOP]]: level\n    ? undefined\n    : {\n        padding: 0,\n        width: `${WIDTH.DESKTOP_MIN - GUTTER * 2}px`,\n      },\n});\n\nconst filterContainerProps = (props: ContainerProps) => filterProps(props, ['centerText', 'level', 'verticalCenter']);\n\nexport const Container: React.FC<ContainerProps> = React.forwardRef<HTMLDivElement, ContainerProps>((props, ref) => (\n  <div ref={ref} css={containerStyle(props)} {...filterContainerProps(props)} />\n));\n\nexport type LevelContainerProps = Omit<ContainerProps, 'level'>;\n\nexport const ContainerLG = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'lg'} {...props} />\n));\nexport const ContainerMD = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'md'} {...props} />\n));\nexport const ContainerSM = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'sm'} {...props} />\n));\nexport const ContainerXS = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'xs'} {...props} />\n));\nexport const ContainerXXS = React.forwardRef<HTMLDivElement, LevelContainerProps>((props, ref) => (\n  <Container ref={ref} level={'xxs'} {...props} />\n));\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AACA;AAAsC;AAAA;AAAA;AAgBtC,IAAMA,KAAY,GAAG;EACnBC,EAAE,EAAEC,YAAK,CAACC,WAAW;EACrBC,EAAE,EAAEF,YAAK,CAACG,UAAU;EACpBC,EAAE,EAAEJ,YAAK,CAACK,UAAU;EACpBC,EAAE,EAAEN,YAAK,CAACO,MAAM;EAChBC,GAAG,EAAER,YAAK,CAACS;AACb,CAAC;AAED,IAAMC,cAA0D,GAAG,SAA7DA,cAA0D;EAAA,2BAC9DC,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAAA,kBAClBC,KAAK;IAALA,KAAK,2BAAGC,SAAS;IAAA,2BACjBC,cAAc;IAAdA,cAAc,oCAAG,KAAK;EAAA;IAEtBC,MAAM,EAAED,cAAc,GAAG,MAAM,GAAG,QAAQ;IAC1CE,QAAQ,EAAEJ,KAAK,aAAMd,KAAK,CAACc,KAAK,CAAC,UAAOC,SAAS;IACjDI,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAEP,UAAU,GAAG,QAAQ,GAAG,MAAM;IACzCQ,KAAK,EAAE;EAAM,GACZC,mBAAK,CAACC,uBAAS,CAACC,OAAO,CAAC,EAAGV,KAAK,GAC7BC,SAAS,GACT;IACEU,OAAO,EAAE,CAAC;IACVJ,KAAK,YAAKnB,YAAK,CAACwB,WAAW,GAAGC,aAAM,GAAG,CAAC;EAC1C,CAAC;AAAA,CACL;AAEF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,KAAqB;EAAA,OAAK,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC;AAAA;AAE9G,IAAME,SAAmC,gBAAGC,kBAAK,CAACC,UAAU,CAAiC,UAACJ,KAAK,EAAEK,GAAG;EAAA,OAC7G;IAAK,GAAG,EAAEA,GAAI;IAAC,GAAG,EAAEtB,cAAc,CAACiB,KAAK;EAAE,GAAKD,oBAAoB,CAACC,KAAK,CAAC,EAAI;AAAA,CAC/E,CAAC;AAAC;AAII,IAAMM,WAAW,gBAAGH,kBAAK,CAACC,UAAU,CAAsC,UAACJ,KAAK,EAAEK,GAAG;EAAA,OAC1F,gBAAC,SAAS;IAAC,GAAG,EAAEA,GAAI;IAAC,KAAK,EAAE;EAAK,GAAKL,KAAK,EAAI;AAAA,CAChD,CAAC;AAAC;AACI,IAAMO,WAAW,gBAAGJ,kBAAK,CAACC,UAAU,CAAsC,UAACJ,KAAK,EAAEK,GAAG;EAAA,OAC1F,gBAAC,SAAS;IAAC,GAAG,EAAEA,GAAI;IAAC,KAAK,EAAE;EAAK,GAAKL,KAAK,EAAI;AAAA,CAChD,CAAC;AAAC;AACI,IAAMQ,WAAW,gBAAGL,kBAAK,CAACC,UAAU,CAAsC,UAACJ,KAAK,EAAEK,GAAG;EAAA,OAC1F,gBAAC,SAAS;IAAC,GAAG,EAAEA,GAAI;IAAC,KAAK,EAAE;EAAK,GAAKL,KAAK,EAAI;AAAA,CAChD,CAAC;AAAC;AACI,IAAMS,WAAW,gBAAGN,kBAAK,CAACC,UAAU,CAAsC,UAACJ,KAAK,EAAEK,GAAG;EAAA,OAC1F,gBAAC,SAAS;IAAC,GAAG,EAAEA,GAAI;IAAC,KAAK,EAAE;EAAK,GAAKL,KAAK,EAAI;AAAA,CAChD,CAAC;AAAC;AACI,IAAMU,YAAY,gBAAGP,kBAAK,CAACC,UAAU,CAAsC,UAACJ,KAAK,EAAEK,GAAG;EAAA,OAC3F,gBAAC,SAAS;IAAC,GAAG,EAAEA,GAAI;IAAC,KAAK,EAAE;EAAM,GAAKL,KAAK,EAAI;AAAA,CACjD,CAAC;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Content.d.js"}
+{"version":3,"file":"Content.d.js","names":[],"sources":["Content.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport React from 'react';\nimport { CSSObject, jsx } from '@emotion/react';\nexport declare type ContentProps<T = HTMLDivElement> = React.HTMLProps<T>;\nexport declare const contentStyle: <T>(props: ContentProps<T>) => CSSObject;\nexport declare const Content: (props: ContentProps<HTMLDivElement>) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/Content.js

@@ -1,40 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Content = exports.contentStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+exports.contentStyle = exports.Content = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _sizes = require("./sizes");
-
-/*
- * 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/.
- *
- */
-
-/** @jsx jsx */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var contentStyle = function contentStyle(props) {
   return {
     display: 'flex',
@@ -43,14 +17,11 @@ var contentStyle = function contentStyle(props) {
     padding: "0 ".concat(_sizes.GUTTER, "px")
   };
 };
-
 exports.contentStyle = contentStyle;
-
 var Content = function Content(props) {
-  return (0, _react2.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", _extends({
     css: contentStyle(props)
   }, props));
 };
-
 exports.Content = Content;
 //# sourceMappingURL=Content.js.map

package/src/Layout/Content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Content.tsx"],"names":["contentStyle","props","display","flexDirection","flexGrow","padding","GUTTER","Content"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAQO,IAAMA,YAAsD,GAAG,SAAzDA,YAAyD,CAAAC,KAAK;AAAA,SAAK;AAC9EC,IAAAA,OAAO,EAAE,MADqE;AAE9EC,IAAAA,aAAa,EAAE,QAF+D;AAG9EC,IAAAA,QAAQ,EAAE,CAHoE;AAI9EC,IAAAA,OAAO,cAAOC,aAAP;AAJuE,GAAL;AAAA,CAApE;;;;AAOA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACN,KAAD;AAAA,SAAyB;AAAK,IAAA,GAAG,EAAED,YAAY,CAACC,KAAD;AAAtB,KAAmCA,KAAnC,EAAzB;AAAA,CAAhB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {GUTTER} from './sizes';\n\nexport type ContentProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const contentStyle: <T>(props: ContentProps<T>) => CSSObject = props => ({\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  padding: `0 ${GUTTER}px`,\n});\n\nexport const Content = (props: ContentProps) => <div css={contentStyle(props)} {...props} />;\n"],"file":"Content.js"}
+{"version":3,"file":"Content.js","names":["contentStyle","props","display","flexDirection","flexGrow","padding","GUTTER","Content"],"sources":["Content.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {GUTTER} from './sizes';\n\nexport type ContentProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const contentStyle: <T>(props: ContentProps<T>) => CSSObject = props => ({\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  padding: `0 ${GUTTER}px`,\n});\n\nexport const Content = (props: ContentProps) => <div css={contentStyle(props)} {...props} />;\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AAA+B;AAAA;AAIxB,IAAMA,YAAsD,GAAG,SAAzDA,YAAsD,CAAGC,KAAK;EAAA,OAAK;IAC9EC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,QAAQ,EAAE,CAAC;IACXC,OAAO,cAAOC,aAAM;EACtB,CAAC;AAAA,CAAC;AAAC;AAEI,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIN,KAAmB;EAAA,OAAK;IAAK,GAAG,EAAED,YAAY,CAACC,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"FlexBox.d.js"}
+{"version":3,"file":"FlexBox.d.js","names":[],"sources":["FlexBox.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject } from '@emotion/react';\nimport { Property } from 'csstype';\nimport React from 'react';\nexport interface FlexBoxProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n    align?: string;\n    column?: boolean;\n    flexWrap?: Property.FlexWrap;\n    justify?: string;\n}\nexport declare const flexBoxStyle: <T>(props: FlexBoxProps<T>) => CSSObject;\nexport declare const filterFlexBoxProps: (props: FlexBoxProps) => Object;\nexport declare const FlexBox: React.FC<FlexBoxProps>;\n"],"mappings":""}

package/src/Layout/FlexBox.js

@@ -1,49 +1,23 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FlexBox = exports.filterFlexBoxProps = exports.flexBoxStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+exports.flexBoxStyle = exports.filterFlexBoxProps = exports.FlexBox = void 0;
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _util = require("../util");
-
-/*
- * 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/.
- *
- */
-
-/** @jsx jsx */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var flexBoxStyle = function flexBoxStyle(_ref) {
   var _ref$align = _ref.align,
-      align = _ref$align === void 0 ? 'flex-start' : _ref$align,
-      _ref$column = _ref.column,
-      column = _ref$column === void 0 ? false : _ref$column,
-      _ref$justify = _ref.justify,
-      justify = _ref$justify === void 0 ? 'flex-start' : _ref$justify,
-      _ref$flexWrap = _ref.flexWrap,
-      flexWrap = _ref$flexWrap === void 0 ? 'nowrap' : _ref$flexWrap;
+    align = _ref$align === void 0 ? 'flex-start' : _ref$align,
+    _ref$column = _ref.column,
+    column = _ref$column === void 0 ? false : _ref$column,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? 'flex-start' : _ref$justify,
+    _ref$flexWrap = _ref.flexWrap,
+    flexWrap = _ref$flexWrap === void 0 ? 'nowrap' : _ref$flexWrap;
   return {
     alignItems: align,
     display: 'flex',
@@ -52,21 +26,16 @@ var flexBoxStyle = function flexBoxStyle(_ref) {
     justifyContent: justify
   };
 };
-
 exports.flexBoxStyle = flexBoxStyle;
-
 var filterFlexBoxProps = function filterFlexBoxProps(props) {
   return (0, _util.filterProps)(props, ['align', 'column', 'justify', 'flexWrap']);
 };
-
 exports.filterFlexBoxProps = filterFlexBoxProps;
-
 var FlexBox = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     ref: ref,
     css: flexBoxStyle(props)
   }, filterFlexBoxProps(props)));
 });
-
 exports.FlexBox = FlexBox;
 //# sourceMappingURL=FlexBox.js.map

package/src/Layout/FlexBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FlexBox.tsx"],"names":["flexBoxStyle","align","column","justify","flexWrap","alignItems","display","flexDirection","justifyContent","filterFlexBoxProps","props","FlexBox","React","forwardRef","ref"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAEA;;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAcO,IAAMA,YAAsD,GAAG,SAAzDA,YAAyD;AAAA,wBACpEC,KADoE;AAAA,MACpEA,KADoE,2BAC5D,YAD4D;AAAA,yBAEpEC,MAFoE;AAAA,MAEpEA,MAFoE,4BAE3D,KAF2D;AAAA,0BAGpEC,OAHoE;AAAA,MAGpEA,OAHoE,6BAG1D,YAH0D;AAAA,2BAIpEC,QAJoE;AAAA,MAIpEA,QAJoE,8BAIzD,QAJyD;AAAA,SAK/D;AACLC,IAAAA,UAAU,EAAEJ,KADP;AAELK,IAAAA,OAAO,EAAE,MAFJ;AAGLC,IAAAA,aAAa,EAAEL,MAAM,GAAG,QAAH,GAAc,KAH9B;AAILE,IAAAA,QAAQ,EAAEA,QAJL;AAKLI,IAAAA,cAAc,EAAEL;AALX,GAL+D;AAAA,CAA/D;;;;AAaA,IAAMM,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD;AAAA,SAChC,uBAAYA,KAAZ,EAAmB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,UAA/B,CAAnB,CADgC;AAAA,CAA3B;;;;AAGA,IAAMC,OAA+B,gBAAGC,mBAAMC,UAAN,CAA+C,UAACH,KAAD,EAAQI,GAAR;AAAA,SAC5F;AAAK,IAAA,GAAG,EAAEA,GAAV;AAAe,IAAA,GAAG,EAAEd,YAAY,CAACU,KAAD;AAAhC,KAA6CD,kBAAkB,CAACC,KAAD,CAA/D,EAD4F;AAAA,CAA/C,CAAxC","sourcesContent":["/*\n * Wire\n * Copyright (C) 2017 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {Property} from 'csstype';\nimport React from 'react';\n\nimport {filterProps} from '../util';\n\nexport interface FlexBoxProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  align?: string;\n  column?: boolean;\n  flexWrap?: Property.FlexWrap;\n  justify?: string;\n}\n\nexport const flexBoxStyle: <T>(props: FlexBoxProps<T>) => CSSObject = ({\n  align = 'flex-start',\n  column = false,\n  justify = 'flex-start',\n  flexWrap = 'nowrap',\n}) => ({\n  alignItems: align,\n  display: 'flex',\n  flexDirection: column ? 'column' : 'row',\n  flexWrap: flexWrap,\n  justifyContent: justify,\n});\n\nexport const filterFlexBoxProps = (props: FlexBoxProps) =>\n  filterProps(props, ['align', 'column', 'justify', 'flexWrap']);\n\nexport const FlexBox: React.FC<FlexBoxProps> = React.forwardRef<HTMLDivElement, FlexBoxProps>((props, ref) => (\n  <div ref={ref} css={flexBoxStyle(props)} {...filterFlexBoxProps(props)} />\n));\n"],"file":"FlexBox.js"}
+{"version":3,"file":"FlexBox.js","names":["flexBoxStyle","align","column","justify","flexWrap","alignItems","display","flexDirection","justifyContent","filterFlexBoxProps","props","filterProps","FlexBox","React","forwardRef","ref"],"sources":["FlexBox.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2017 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {Property} from 'csstype';\nimport React from 'react';\n\nimport {filterProps} from '../util';\n\nexport interface FlexBoxProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  align?: string;\n  column?: boolean;\n  flexWrap?: Property.FlexWrap;\n  justify?: string;\n}\n\nexport const flexBoxStyle: <T>(props: FlexBoxProps<T>) => CSSObject = ({\n  align = 'flex-start',\n  column = false,\n  justify = 'flex-start',\n  flexWrap = 'nowrap',\n}) => ({\n  alignItems: align,\n  display: 'flex',\n  flexDirection: column ? 'column' : 'row',\n  flexWrap: flexWrap,\n  justifyContent: justify,\n});\n\nexport const filterFlexBoxProps = (props: FlexBoxProps) =>\n  filterProps(props, ['align', 'column', 'justify', 'flexWrap']);\n\nexport const FlexBox: React.FC<FlexBoxProps> = React.forwardRef<HTMLDivElement, FlexBoxProps>((props, ref) => (\n  <div ref={ref} css={flexBoxStyle(props)} {...filterFlexBoxProps(props)} />\n));\n"],"mappings":";;;;;;AAoBA;AAEA;AAEA;AAAoC;AAAA;AAS7B,IAAMA,YAAsD,GAAG,SAAzDA,YAAsD;EAAA,sBACjEC,KAAK;IAALA,KAAK,2BAAG,YAAY;IAAA,mBACpBC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,oBACdC,OAAO;IAAPA,OAAO,6BAAG,YAAY;IAAA,qBACtBC,QAAQ;IAARA,QAAQ,8BAAG,QAAQ;EAAA,OACd;IACLC,UAAU,EAAEJ,KAAK;IACjBK,OAAO,EAAE,MAAM;IACfC,aAAa,EAAEL,MAAM,GAAG,QAAQ,GAAG,KAAK;IACxCE,QAAQ,EAAEA,QAAQ;IAClBI,cAAc,EAAEL;EAClB,CAAC;AAAA,CAAC;AAAC;AAEI,IAAMM,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAmB;EAAA,OACpD,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAAA;AAAC;AAE1D,IAAME,OAA+B,gBAAGC,kBAAK,CAACC,UAAU,CAA+B,UAACJ,KAAK,EAAEK,GAAG;EAAA,OACvG;IAAK,GAAG,EAAEA,GAAI;IAAC,GAAG,EAAEf,YAAY,CAACU,KAAK;EAAE,GAAKD,kBAAkB,CAACC,KAAK,CAAC,EAAI;AAAA,CAC3E,CAAC;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Footer.d.js"}
+{"version":3,"file":"Footer.d.js","names":[],"sources":["Footer.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport React from 'react';\ndeclare type FooterProps = React.HTMLProps<HTMLElement>;\nexport declare const Footer: (props: FooterProps) => jsx.JSX.Element;\nexport {};\n"],"mappings":""}

package/src/Layout/Footer.js

@@ -1,16 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Footer = void 0;
-
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -31,9 +27,9 @@ var _react2 = _interopRequireDefault(require("react"));
  */
 
 /** @jsx jsx */
+
 var Footer = function Footer(props) {
   return (0, _react.jsx)("footer", props);
 };
-
 exports.Footer = Footer;
 //# sourceMappingURL=Footer.js.map

package/src/Layout/Footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Footer.tsx"],"names":["Footer","props"],"mappings":";;;;;;;;;AAoBA;;AACA;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAMO,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAwB,0BAAYA,KAAZ,CAAxB;AAAA,CAAf","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\ntype FooterProps = React.HTMLProps<HTMLElement>;\n\nexport const Footer = (props: FooterProps) => <footer {...props} />;\n"],"file":"Footer.js"}
+{"version":3,"file":"Footer.js","names":["Footer","props"],"sources":["Footer.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\ntype FooterProps = React.HTMLProps<HTMLElement>;\n\nexport const Footer = (props: FooterProps) => <footer {...props} />;\n"],"mappings":";;;;;;AAoBA;AACA;AAA0B;AArB1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAMO,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAkB;EAAA,OAAK,0BAAYA,KAAK,CAAI;AAAA;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Header.d.js"}
+{"version":3,"file":"Header.d.js","names":[],"sources":["Header.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport React from 'react';\nexport declare type HeaderProps<T = HTMLHeadingElement> = React.HTMLProps<T>;\nexport declare const headerStyle: <T>(props: HeaderProps<T>) => CSSObject;\nexport declare const Header: (props: HeaderProps<HTMLHeadingElement>) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/Header.js

@@ -1,38 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Header = exports.headerStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+exports.headerStyle = exports.Header = void 0;
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
-/*
- * 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/.
- *
- */
-
-/** @jsx jsx */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var headerStyle = function headerStyle(props) {
   return {
     alignItems: 'center',
@@ -41,14 +16,11 @@ var headerStyle = function headerStyle(props) {
     justifyContent: 'space-between'
   };
 };
-
 exports.headerStyle = headerStyle;
-
 var Header = function Header(props) {
-  return (0, _react.jsx)("header", (0, _extends2["default"])({
+  return (0, _react.jsx)("header", _extends({
     css: headerStyle(props)
   }, props));
 };
-
 exports.Header = Header;
 //# sourceMappingURL=Header.js.map

package/src/Layout/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Header.tsx"],"names":["headerStyle","props","alignItems","display","height","justifyContent","Header"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAMO,IAAMA,WAAoD,GAAG,SAAvDA,WAAuD,CAAAC,KAAK;AAAA,SAAK;AAC5EC,IAAAA,UAAU,EAAE,QADgE;AAE5EC,IAAAA,OAAO,EAAE,MAFmE;AAG5EC,IAAAA,MAAM,EAAE,MAHoE;AAI5EC,IAAAA,cAAc,EAAE;AAJ4D,GAAL;AAAA,CAAlE;;;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACL,KAAD;AAAA,SAAwB;AAAQ,IAAA,GAAG,EAAED,WAAW,CAACC,KAAD;AAAxB,KAAqCA,KAArC,EAAxB;AAAA,CAAf","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nexport type HeaderProps<T = HTMLHeadingElement> = React.HTMLProps<T>;\n\nexport const headerStyle: <T>(props: HeaderProps<T>) => CSSObject = props => ({\n  alignItems: 'center',\n  display: 'flex',\n  height: '64px',\n  justifyContent: 'space-between',\n});\n\nexport const Header = (props: HeaderProps) => <header css={headerStyle(props)} {...props} />;\n"],"file":"Header.js"}
+{"version":3,"file":"Header.js","names":["headerStyle","props","alignItems","display","height","justifyContent","Header"],"sources":["Header.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nexport type HeaderProps<T = HTMLHeadingElement> = React.HTMLProps<T>;\n\nexport const headerStyle: <T>(props: HeaderProps<T>) => CSSObject = props => ({\n  alignItems: 'center',\n  display: 'flex',\n  height: '64px',\n  justifyContent: 'space-between',\n});\n\nexport const Header = (props: HeaderProps) => <header css={headerStyle(props)} {...props} />;\n"],"mappings":";;;;;;AAoBA;AACA;AAA0B;AAAA;AAInB,IAAMA,WAAoD,GAAG,SAAvDA,WAAoD,CAAGC,KAAK;EAAA,OAAK;IAC5EC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,MAAM;IACdC,cAAc,EAAE;EAClB,CAAC;AAAA,CAAC;AAAC;AAEI,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIL,KAAkB;EAAA,OAAK;IAAQ,GAAG,EAAED,WAAW,CAACC,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"MatchMedia.d.js"}
+{"version":3,"file":"MatchMedia.d.js","names":[],"sources":["MatchMedia.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport React, { ReactFragment } from 'react';\nimport { QueryKeys } from '../mediaQueries';\ndeclare type Query = string | QueryKeys;\nexport interface MatchMediaProps extends React.HTMLProps<ReactFragment> {\n    not?: boolean;\n    query: Query;\n}\nexport declare const useMatchMedia: (query: Query) => boolean;\nexport declare const MatchMedia: React.FC<MatchMediaProps>;\nexport declare type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;\nexport declare const IsDesktop: (props: NamedMatchMediaProps) => jsx.JSX.Element;\nexport declare const IsDesktopXL: (props: NamedMatchMediaProps) => jsx.JSX.Element;\nexport declare const IsMobile: (props: NamedMatchMediaProps) => jsx.JSX.Element;\nexport declare const IsMobileDown: (props: NamedMatchMediaProps) => jsx.JSX.Element;\nexport declare const IsMobileUp: (props: NamedMatchMediaProps) => jsx.JSX.Element;\nexport declare const IsTablet: (props: NamedMatchMediaProps) => jsx.JSX.Element;\nexport declare const IsTabletDown: (props: NamedMatchMediaProps) => jsx.JSX.Element;\nexport declare const IsTabletUp: (props: NamedMatchMediaProps) => jsx.JSX.Element;\nexport {};\n"],"mappings":""}

package/src/Layout/MatchMedia.js

@@ -1,64 +1,33 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
+exports.useMatchMedia = exports.MatchMedia = exports.IsTabletUp = exports.IsTabletDown = exports.IsTablet = exports.IsMobileUp = exports.IsMobileDown = exports.IsMobile = exports.IsDesktopXL = exports.IsDesktop = void 0;
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _mediaQueries = require("../mediaQueries");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/*
- * 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/.
- *
- */
-
-/** @jsx jsx */
-
-/* @jsxFrag React.Fragment */
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var useMatchMedia = function useMatchMedia(query) {
   var matchMedia = (0, _react2.useMemo)(function () {
     return window.matchMedia("(".concat(query, ")"));
   }, [query]);
-
   var _useState = (0, _react2.useState)(matchMedia.matches),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isMatching = _useState2[0],
-      setIsMatching = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isMatching = _useState2[0],
+    setIsMatching = _useState2[1];
   var updateMatching = function updateMatching(event) {
     setIsMatching(event.matches);
   };
-
   (0, _react2.useEffect)(function () {
     matchMedia.addEventListener('change', updateMatching);
     return function () {
@@ -67,81 +36,62 @@ var useMatchMedia = function useMatchMedia(query) {
   }, [matchMedia]);
   return isMatching;
 };
-
 exports.useMatchMedia = useMatchMedia;
-
 var MatchMedia = function MatchMedia(_ref) {
   var query = _ref.query,
-      children = _ref.children,
-      not = _ref.not;
+    children = _ref.children,
+    not = _ref.not;
   var matchQuery = useMatchMedia(_mediaQueries.QUERY[query] || query);
   var isMatching = not ? !matchQuery : matchQuery;
   return isMatching ? (0, _react.jsx)(_react2["default"].Fragment, null, children) : null;
 };
-
 exports.MatchMedia = MatchMedia;
-
 var IsDesktop = function IsDesktop(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.DESKTOP
   }, props));
 };
-
 exports.IsDesktop = IsDesktop;
-
 var IsDesktopXL = function IsDesktopXL(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.DESKTOP_XL
   }, props));
 };
-
 exports.IsDesktopXL = IsDesktopXL;
-
 var IsMobile = function IsMobile(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.MOBILE
   }, props));
 };
-
 exports.IsMobile = IsMobile;
-
 var IsMobileDown = function IsMobileDown(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.MOBILE_DOWN
   }, props));
 };
-
 exports.IsMobileDown = IsMobileDown;
-
 var IsMobileUp = function IsMobileUp(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.MOBILE_UP
   }, props));
 };
-
 exports.IsMobileUp = IsMobileUp;
-
 var IsTablet = function IsTablet(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.TABLET
   }, props));
 };
-
 exports.IsTablet = IsTablet;
-
 var IsTabletDown = function IsTabletDown(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.TABLET_DOWN
   }, props));
 };
-
 exports.IsTabletDown = IsTabletDown;
-
 var IsTabletUp = function IsTabletUp(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.TABLET_UP
   }, props));
 };
-
 exports.IsTabletUp = IsTabletUp;
 //# sourceMappingURL=MatchMedia.js.map

package/src/Layout/MatchMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MatchMedia.tsx"],"names":["useMatchMedia","query","matchMedia","window","matches","isMatching","setIsMatching","updateMatching","event","addEventListener","removeEventListener","MatchMedia","children","not","matchQuery","QUERY","IsDesktop","props","QueryKeys","DESKTOP","IsDesktopXL","DESKTOP_XL","IsMobile","MOBILE","IsMobileDown","MOBILE_DOWN","IsMobileUp","MOBILE_UP","IsTablet","TABLET","IsTabletDown","TABLET_DOWN","IsTabletUp","TABLET_UP"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\n/* @jsxFrag React.Fragment */\nimport {jsx} from '@emotion/react';\nimport React, {ReactFragment, useEffect, useMemo, useState} from 'react';\n\nimport {QUERY, QueryKeys} from '../mediaQueries';\n\ntype Query = string | QueryKeys;\n\nexport interface MatchMediaProps extends React.HTMLProps<ReactFragment> {\n  not?: boolean;\n  query: Query;\n}\n\nexport const useMatchMedia = (query: Query) => {\n  const matchMedia = useMemo(() => window.matchMedia(`(${query})`), [query]);\n\n  const [isMatching, setIsMatching] = useState(matchMedia.matches);\n\n  const updateMatching = (event: MediaQueryListEvent) => {\n    setIsMatching(event.matches);\n  };\n\n  useEffect(() => {\n    matchMedia.addEventListener('change', updateMatching);\n    return () => matchMedia.removeEventListener('change', updateMatching);\n  }, [matchMedia]);\n\n  return isMatching;\n};\n\nexport const MatchMedia: React.FC<MatchMediaProps> = ({query, children, not}) => {\n  const matchQuery = useMatchMedia(QUERY[query] || query);\n  const isMatching = not ? !matchQuery : matchQuery;\n  return isMatching ? <>{children}</> : null;\n};\n\nexport type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;\n\nexport const IsDesktop = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP} {...props} />;\nexport const IsDesktopXL = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP_XL} {...props} />;\nexport const IsMobile = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE} {...props} />;\nexport const IsMobileDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_DOWN} {...props} />;\nexport const IsMobileUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_UP} {...props} />;\nexport const IsTablet = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET} {...props} />;\nexport const IsTabletDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_DOWN} {...props} />;\nexport const IsTabletUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_UP} {...props} />;\n"],"file":"MatchMedia.js"}
+{"version":3,"file":"MatchMedia.js","names":["useMatchMedia","query","matchMedia","useMemo","window","useState","matches","isMatching","setIsMatching","updateMatching","event","useEffect","addEventListener","removeEventListener","MatchMedia","children","not","matchQuery","QUERY","IsDesktop","props","QueryKeys","DESKTOP","IsDesktopXL","DESKTOP_XL","IsMobile","MOBILE","IsMobileDown","MOBILE_DOWN","IsMobileUp","MOBILE_UP","IsTablet","TABLET","IsTabletDown","TABLET_DOWN","IsTabletUp","TABLET_UP"],"sources":["MatchMedia.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\n/* @jsxFrag React.Fragment */\nimport {jsx} from '@emotion/react';\nimport React, {ReactFragment, useEffect, useMemo, useState} from 'react';\n\nimport {QUERY, QueryKeys} from '../mediaQueries';\n\ntype Query = string | QueryKeys;\n\nexport interface MatchMediaProps extends React.HTMLProps<ReactFragment> {\n  not?: boolean;\n  query: Query;\n}\n\nexport const useMatchMedia = (query: Query) => {\n  const matchMedia = useMemo(() => window.matchMedia(`(${query})`), [query]);\n\n  const [isMatching, setIsMatching] = useState(matchMedia.matches);\n\n  const updateMatching = (event: MediaQueryListEvent) => {\n    setIsMatching(event.matches);\n  };\n\n  useEffect(() => {\n    matchMedia.addEventListener('change', updateMatching);\n    return () => matchMedia.removeEventListener('change', updateMatching);\n  }, [matchMedia]);\n\n  return isMatching;\n};\n\nexport const MatchMedia: React.FC<MatchMediaProps> = ({query, children, not}) => {\n  const matchQuery = useMatchMedia(QUERY[query] || query);\n  const isMatching = not ? !matchQuery : matchQuery;\n  return isMatching ? <>{children}</> : null;\n};\n\nexport type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;\n\nexport const IsDesktop = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP} {...props} />;\nexport const IsDesktopXL = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP_XL} {...props} />;\nexport const IsMobile = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE} {...props} />;\nexport const IsMobileDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_DOWN} {...props} />;\nexport const IsMobileUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_UP} {...props} />;\nexport const IsTablet = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET} {...props} />;\nexport const IsTabletDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_DOWN} {...props} />;\nexport const IsTabletUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_UP} {...props} />;\n"],"mappings":";;;;;;;AAqBA;AACA;AAEA;AAAiD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAY,EAAK;EAC7C,IAAMC,UAAU,GAAG,IAAAC,eAAO,EAAC;IAAA,OAAMC,MAAM,CAACF,UAAU,YAAKD,KAAK,OAAI;EAAA,GAAE,CAACA,KAAK,CAAC,CAAC;EAE1E,gBAAoC,IAAAI,gBAAQ,EAACH,UAAU,CAACI,OAAO,CAAC;IAAA;IAAzDC,UAAU;IAAEC,aAAa;EAEhC,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAA0B,EAAK;IACrDF,aAAa,CAACE,KAAK,CAACJ,OAAO,CAAC;EAC9B,CAAC;EAED,IAAAK,iBAAS,EAAC,YAAM;IACdT,UAAU,CAACU,gBAAgB,CAAC,QAAQ,EAAEH,cAAc,CAAC;IACrD,OAAO;MAAA,OAAMP,UAAU,CAACW,mBAAmB,CAAC,QAAQ,EAAEJ,cAAc,CAAC;IAAA;EACvE,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhB,OAAOK,UAAU;AACnB,CAAC;AAAC;AAEK,IAAMO,UAAqC,GAAG,SAAxCA,UAAqC,OAA+B;EAAA,IAA1Bb,KAAK,QAALA,KAAK;IAAEc,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;EACzE,IAAMC,UAAU,GAAGjB,aAAa,CAACkB,mBAAK,CAACjB,KAAK,CAAC,IAAIA,KAAK,CAAC;EACvD,IAAMM,UAAU,GAAGS,GAAG,GAAG,CAACC,UAAU,GAAGA,UAAU;EACjD,OAAOV,UAAU,GAAG,mDAAGQ,QAAQ,CAAI,GAAG,IAAI;AAC5C,CAAC;AAAC;AAIK,IAAMI,SAAS,GAAG,SAAZA,SAAS,CAAIC,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACC;EAAQ,GAAKF,KAAK,EAAI;AAAA;AAAC;AACvG,IAAMG,WAAW,GAAG,SAAdA,WAAW,CAAIH,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACG;EAAW,GAAKJ,KAAK,EAAI;AAAA;AAAC;AAC5G,IAAMK,QAAQ,GAAG,SAAXA,QAAQ,CAAIL,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACK;EAAO,GAAKN,KAAK,EAAI;AAAA;AAAC;AACrG,IAAMO,YAAY,GAAG,SAAfA,YAAY,CAAIP,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACO;EAAY,GAAKR,KAAK,EAAI;AAAA;AAAC;AAC9G,IAAMS,UAAU,GAAG,SAAbA,UAAU,CAAIT,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACS;EAAU,GAAKV,KAAK,EAAI;AAAA;AAAC;AAC1G,IAAMW,QAAQ,GAAG,SAAXA,QAAQ,CAAIX,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACW;EAAO,GAAKZ,KAAK,EAAI;AAAA;AAAC;AACrG,IAAMa,YAAY,GAAG,SAAfA,YAAY,CAAIb,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACa;EAAY,GAAKd,KAAK,EAAI;AAAA;AAAC;AAC9G,IAAMe,UAAU,GAAG,SAAbA,UAAU,CAAIf,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACe;EAAU,GAAKhB,KAAK,EAAI;AAAA;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Spacer.d.js"}
+{"version":3,"file":"Spacer.d.js","names":[],"sources":["Spacer.d.ts"],"sourcesContent":["import React from 'react';\nexport interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    size?: number;\n    vertical?: boolean;\n}\nexport declare function Spacer({ size, vertical }: SpacerProps): React.ReactNode;\n"],"mappings":""}

package/src/Layout/Spacer.js

@@ -1,16 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Spacer = Spacer;
-
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -31,11 +27,12 @@ var _react2 = _interopRequireDefault(require("react"));
  */
 
 /** @jsx jsx */
+
 function Spacer(_ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 8 : _ref$size,
-      _ref$vertical = _ref.vertical,
-      vertical = _ref$vertical === void 0 ? false : _ref$vertical;
+    size = _ref$size === void 0 ? 8 : _ref$size,
+    _ref$vertical = _ref.vertical,
+    vertical = _ref$vertical === void 0 ? false : _ref$vertical;
   return (0, _react.jsx)("div", {
     style: vertical ? {
       display: 'inline-block',

package/src/Layout/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Spacer.tsx"],"names":["Spacer","size","vertical","display","width","height"],"mappings":";;;;;;;;;AAoBA;;AACA;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AASO,SAASA,MAAT,OAA4E;AAAA,uBAA3DC,IAA2D;AAAA,MAA3DA,IAA2D,0BAApD,CAAoD;AAAA,2BAAjDC,QAAiD;AAAA,MAAjDA,QAAiD,8BAAtC,KAAsC;AACjF,SAAO;AAAK,IAAA,KAAK,EAAEA,QAAQ,GAAG;AAACC,MAAAA,OAAO,EAAE,cAAV;AAA0BC,MAAAA,KAAK,EAAEH;AAAjC,KAAH,GAA4C;AAACI,MAAAA,MAAM,EAAEJ;AAAT;AAAhE,IAAP;AACD","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\nexport interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  size?: number;\n  vertical?: boolean;\n}\n\nexport function Spacer({size = 8, vertical = false}: SpacerProps): React.ReactNode {\n  return <div style={vertical ? {display: 'inline-block', width: size} : {height: size}} />;\n}\n"],"file":"Spacer.js"}
+{"version":3,"file":"Spacer.js","names":["Spacer","size","vertical","display","width","height"],"sources":["Spacer.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\nexport interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  size?: number;\n  vertical?: boolean;\n}\n\nexport function Spacer({size = 8, vertical = false}: SpacerProps): React.ReactNode {\n  return <div style={vertical ? {display: 'inline-block', width: size} : {height: size}} />;\n}\n"],"mappings":";;;;;;AAoBA;AACA;AAA0B;AArB1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AASO,SAASA,MAAM,OAA6D;EAAA,qBAA3DC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAChD,OAAO;IAAK,KAAK,EAAEA,QAAQ,GAAG;MAACC,OAAO,EAAE,cAAc;MAAEC,KAAK,EAAEH;IAAI,CAAC,GAAG;MAACI,MAAM,EAAEJ;IAAI;EAAE,EAAG;AAC3F"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"StyledApp.d.js"}
+{"version":3,"file":"StyledApp.d.js","names":[],"sources":["StyledApp.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport React from 'react';\nimport { THEME_ID, Theme } from './Theme';\ndeclare type StyledAppContainerProps = {\n    themeId: THEME_ID;\n    theme?: never;\n} | {\n    theme: Theme;\n    themeId?: never;\n};\ndeclare type BackgroundColorProps = {\n    backgroundColor?: string;\n};\nexport declare type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;\nexport declare const StyledApp: React.FC<StyledAppProps>;\nexport {};\n"],"mappings":""}