@wireapp/react-ui-kit 8.17.1 → 8.17.3

package/src/Layout/Column.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Column = exports.Columns = exports.filterColumnsProps = void 0;
-
+exports.filterColumnsProps = exports.Columns = exports.Column = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _mediaQueries = require("../mediaQueries");
-
 var _util = require("../util");
-
 var _sizes = require("./sizes");
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -41,15 +32,14 @@ var _sizes = require("./sizes");
  */
 
 /** @jsx jsx */
+
 var filterColumnsProps = function filterColumnsProps(props) {
   return (0, _util.filterProps)(props, ['query']);
 };
-
 exports.filterColumnsProps = filterColumnsProps;
-
 var columnsStyle = function columnsStyle(_ref) {
   var _ref$query = _ref.query,
-      query = _ref$query === void 0 ? _mediaQueries.QueryKeys.MOBILE : _ref$query;
+    query = _ref$query === void 0 ? _mediaQueries.QueryKeys.MOBILE : _ref$query;
   return (0, _defineProperty2["default"])({
     display: 'flex',
     marginLeft: "-".concat(_sizes.GUTTER, "px")
@@ -57,15 +47,12 @@ var columnsStyle = function columnsStyle(_ref) {
     flexDirection: 'column'
   });
 };
-
 var Columns = function Columns(props) {
   return (0, _react2.jsx)("div", (0, _extends2["default"])({
     css: columnsStyle(props)
   }, filterColumnsProps(props)));
 };
-
 exports.Columns = Columns;
-
 var columnStyle = function columnStyle(props) {
   return {
     display: 'block',
@@ -75,12 +62,10 @@ var columnStyle = function columnStyle(props) {
     marginLeft: "".concat(_sizes.GUTTER, "px")
   };
 };
-
 var Column = function Column(props) {
   return (0, _react2.jsx)("div", (0, _extends2["default"])({
     css: columnStyle(props)
   }, props));
 };
-
 exports.Column = Column;
 //# sourceMappingURL=Column.js.map

package/src/Layout/Column.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Column.tsx"],"names":["filterColumnsProps","props","columnsStyle","query","QueryKeys","MOBILE","display","marginLeft","GUTTER","media","flexDirection","Columns","columnStyle","flexBasis","flexGrow","flexShrink","Column"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AAzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAYO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAyB;AACzD,SAAO,uBAAYA,KAAZ,EAAmB,CAAC,OAAD,CAAnB,CAAP;AACD,CAFM;;;;AAIP,IAAMC,YAAsD,GAAG,SAAzDA,YAAyD;AAAA,wBAAEC,KAAF;AAAA,MAAEA,KAAF,2BAAUC,wBAAUC,MAApB;AAAA;AAC7DC,IAAAA,OAAO,EAAE,MADoD;AAE7DC,IAAAA,UAAU,aAAMC,aAAN;AAFmD,KAG5DC,oBAAMN,KAAN,CAH4D,EAG7C;AAACO,IAAAA,aAAa,EAAE;AAAhB,GAH6C;AAAA,CAA/D;;AAMO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACV,KAAD;AAAA,SAAyB;AAAK,IAAA,GAAG,EAAEC,YAAY,CAACD,KAAD;AAAtB,KAAmCD,kBAAkB,CAACC,KAAD,CAArD,EAAzB;AAAA,CAAhB;;;;AAIP,IAAMW,WAAoD,GAAG,SAAvDA,WAAuD,CAAAX,KAAK;AAAA,SAAK;AACrEK,IAAAA,OAAO,EAAE,OAD4D;AAErEO,IAAAA,SAAS,EAAE,GAF0D;AAGrEC,IAAAA,QAAQ,EAAE,CAH2D;AAIrEC,IAAAA,UAAU,EAAE,CAJyD;AAKrER,IAAAA,UAAU,YAAKC,aAAL;AAL2D,GAAL;AAAA,CAAlE;;AAQO,IAAMQ,MAAM,GAAG,SAATA,MAAS,CAACf,KAAD;AAAA,SAAwB;AAAK,IAAA,GAAG,EAAEW,WAAW,CAACX,KAAD;AAArB,KAAkCA,KAAlC,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 React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {QueryKeys, media} from '../mediaQueries';\nimport {filterProps} from '../util';\nimport {GUTTER} from './sizes';\n\nexport interface ColumnsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  query?: QueryKeys;\n}\n\nexport const filterColumnsProps = (props: ColumnsProps) => {\n  return filterProps(props, ['query']);\n};\n\nconst columnsStyle: <T>(props: ColumnsProps<T>) => CSSObject = ({query = QueryKeys.MOBILE}) => ({\n  display: 'flex',\n  marginLeft: `-${GUTTER}px`,\n  [media[query]]: {flexDirection: 'column'},\n});\n\nexport const Columns = (props: ColumnsProps) => <div css={columnsStyle(props)} {...filterColumnsProps(props)} />;\n\nexport type ColumnProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst columnStyle: <T>(props: ColumnProps<T>) => CSSObject = props => ({\n  display: 'block',\n  flexBasis: '0',\n  flexGrow: 1,\n  flexShrink: 1,\n  marginLeft: `${GUTTER}px`,\n});\n\nexport const Column = (props: ColumnProps) => <div css={columnStyle(props)} {...props} />;\n"],"file":"Column.js"}
+{"version":3,"file":"Column.js","names":["filterColumnsProps","props","filterProps","columnsStyle","query","QueryKeys","MOBILE","display","marginLeft","GUTTER","media","flexDirection","Columns","columnStyle","flexBasis","flexGrow","flexShrink","Column"],"sources":["Column.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 {QueryKeys, media} from '../mediaQueries';\nimport {filterProps} from '../util';\nimport {GUTTER} from './sizes';\n\nexport interface ColumnsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  query?: QueryKeys;\n}\n\nexport const filterColumnsProps = (props: ColumnsProps) => {\n  return filterProps(props, ['query']);\n};\n\nconst columnsStyle: <T>(props: ColumnsProps<T>) => CSSObject = ({query = QueryKeys.MOBILE}) => ({\n  display: 'flex',\n  marginLeft: `-${GUTTER}px`,\n  [media[query]]: {flexDirection: 'column'},\n});\n\nexport const Columns = (props: ColumnsProps) => <div css={columnsStyle(props)} {...filterColumnsProps(props)} />;\n\nexport type ColumnProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst columnStyle: <T>(props: ColumnProps<T>) => CSSObject = props => ({\n  display: 'block',\n  flexBasis: '0',\n  flexGrow: 1,\n  flexShrink: 1,\n  marginLeft: `${GUTTER}px`,\n});\n\nexport const Column = (props: ColumnProps) => <div css={columnStyle(props)} {...props} />;\n"],"mappings":";;;;;;;;;AAoBA;AACA;AAEA;AACA;AACA;AAzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAYO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAmB,EAAK;EACzD,OAAO,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC;AACtC,CAAC;AAAC;AAEF,IAAME,YAAsD,GAAG,SAAzDA,YAAsD;EAAA,sBAAKC,KAAK;IAALA,KAAK,2BAAGC,uBAAS,CAACC,MAAM;EAAA;IACvFC,OAAO,EAAE,MAAM;IACfC,UAAU,aAAMC,aAAM;EAAI,GACzBC,mBAAK,CAACN,KAAK,CAAC,EAAG;IAACO,aAAa,EAAE;EAAQ,CAAC;AAAA,CACzC;AAEK,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIX,KAAmB;EAAA,OAAK;IAAK,GAAG,EAAEE,YAAY,CAACF,KAAK;EAAE,GAAKD,kBAAkB,CAACC,KAAK,CAAC,EAAI;AAAA;AAAC;AAIjH,IAAMY,WAAoD,GAAG,SAAvDA,WAAoD,CAAGZ,KAAK;EAAA,OAAK;IACrEM,OAAO,EAAE,OAAO;IAChBO,SAAS,EAAE,GAAG;IACdC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbR,UAAU,YAAKC,aAAM;EACvB,CAAC;AAAA,CAAC;AAEK,IAAMQ,MAAM,GAAG,SAATA,MAAM,CAAIhB,KAAkB;EAAA,OAAK;IAAK,GAAG,EAAEY,WAAW,CAACZ,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Container.d.js"}
+{"version":3,"file":"Container.d.js","names":[],"sources":["Container.d.ts"],"sourcesContent":["import React from 'react';\nexport interface ContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    centerText?: boolean;\n    level?: keyof Level;\n    verticalCenter?: boolean;\n}\nexport interface Level {\n    lg: number;\n    md: number;\n    sm: number;\n    xs: number;\n    xxs: number;\n}\nexport declare const Container: React.FC<ContainerProps>;\nexport declare type LevelContainerProps = Omit<ContainerProps, 'level'>;\nexport declare const ContainerLG: React.ForwardRefExoticComponent<Pick<LevelContainerProps, \"children\" | \"cite\" | \"data\" | \"form\" | \"label\" | \"slot\" | \"span\" | \"style\" | \"summary\" | \"title\" | \"pattern\" | \"color\" | \"content\" | \"height\" | \"translate\" | \"width\" | \"hidden\" | \"className\" | \"key\" | \"defaultChecked\" | \"defaultValue\" | \"suppressContentEditableWarning\" | \"suppressHydrationWarning\" | \"accessKey\" | \"contentEditable\" | \"contextMenu\" | \"dir\" | \"draggable\" | \"id\" | \"lang\" | \"placeholder\" | \"spellCheck\" | \"tabIndex\" | \"radioGroup\" | \"role\" | \"about\" | \"datatype\" | \"inlist\" | \"prefix\" | \"property\" | \"resource\" | \"typeof\" | \"vocab\" | \"autoCapitalize\" | \"autoCorrect\" | \"autoSave\" | \"itemProp\" | \"itemScope\" | \"itemType\" | \"itemID\" | \"itemRef\" | \"results\" | \"security\" | \"unselectable\" | \"inputMode\" | \"is\" | \"aria-activedescendant\" | \"aria-atomic\" | \"aria-autocomplete\" | \"aria-busy\" | \"aria-checked\" | \"aria-colcount\" | \"aria-colindex\" | \"aria-colspan\" | \"aria-controls\" | \"aria-current\" | \"aria-describedby\" | \"aria-details\" | \"aria-disabled\" | \"aria-dropeffect\" | \"aria-errormessage\" | \"aria-expanded\" | \"aria-flowto\" | \"aria-grabbed\" | \"aria-haspopup\" | \"aria-hidden\" | \"aria-invalid\" | \"aria-keyshortcuts\" | \"aria-label\" | \"aria-labelledby\" | \"aria-level\" | \"aria-live\" | \"aria-modal\" | \"aria-multiline\" | \"aria-multiselectable\" | \"aria-orientation\" | \"aria-owns\" | \"aria-placeholder\" | \"aria-posinset\" | \"aria-pressed\" | \"aria-readonly\" | \"aria-relevant\" | \"aria-required\" | \"aria-roledescription\" | \"aria-rowcount\" | \"aria-rowindex\" | \"aria-rowspan\" | \"aria-selected\" | \"aria-setsize\" | \"aria-sort\" | \"aria-valuemax\" | \"aria-valuemin\" | \"aria-valuenow\" | \"aria-valuetext\" | \"dangerouslySetInnerHTML\" | \"onCopy\" | \"onCopyCapture\" | \"onCut\" | \"onCutCapture\" | \"onPaste\" | \"onPasteCapture\" | \"onCompositionEnd\" | \"onCompositionEndCapture\" | \"onCompositionStart\" | \"onCompositionStartCapture\" | \"onCompositionUpdate\" | \"onCompositionUpdateCapture\" | \"onFocus\" | \"onFocusCapture\" | \"onBlur\" | \"onBlurCapture\" | \"onChange\" | \"onChangeCapture\" | \"onBeforeInput\" | \"onBeforeInputCapture\" | \"onInput\" | \"onInputCapture\" | \"onReset\" | \"onResetCapture\" | \"onSubmit\" | \"onSubmitCapture\" | \"onInvalid\" | \"onInvalidCapture\" | \"onLoad\" | \"onLoadCapture\" | \"onError\" | \"onErrorCapture\" | \"onKeyDown\" | \"onKeyDownCapture\" | \"onKeyPress\" | \"onKeyPressCapture\" | \"onKeyUp\" | \"onKeyUpCapture\" | \"onAbort\" | \"onAbortCapture\" | \"onCanPlay\" | \"onCanPlayCapture\" | \"onCanPlayThrough\" | \"onCanPlayThroughCapture\" | \"onDurationChange\" | \"onDurationChangeCapture\" | \"onEmptied\" | \"onEmptiedCapture\" | \"onEncrypted\" | \"onEncryptedCapture\" | \"onEnded\" | \"onEndedCapture\" | \"onLoadedData\" | \"onLoadedDataCapture\" | \"onLoadedMetadata\" | \"onLoadedMetadataCapture\" | \"onLoadStart\" | \"onLoadStartCapture\" | \"onPause\" | \"onPauseCapture\" | \"onPlay\" | \"onPlayCapture\" | \"onPlaying\" | \"onPlayingCapture\" | \"onProgress\" | \"onProgressCapture\" | \"onRateChange\" | \"onRateChangeCapture\" | \"onSeeked\" | \"onSeekedCapture\" | \"onSeeking\" | \"onSeekingCapture\" | \"onStalled\" | \"onStalledCapture\" | \"onSuspend\" | \"onSuspendCapture\" | \"onTimeUpdate\" | \"onTimeUpdateCapture\" | \"onVolumeChange\" | \"onVolumeChangeCapture\" | \"onWaiting\" | \"onWaitingCapture\" | \"onAuxClick\" | \"onAuxClickCapture\" | \"onClick\" | \"onClickCapture\" | \"onContextMenu\" | \"onContextMenuCapture\" | \"onDoubleClick\" | \"onDoubleClickCapture\" | \"onDrag\" | \"onDragCapture\" | \"onDragEnd\" | \"onDragEndCapture\" | \"onDragEnter\" | \"onDragEnterCapture\" | \"onDragExit\" | \"onDragExitCapture\" | \"onDragLeave\" | \"onDragLeaveCapture\" | \"onDragOver\" | \"onDragOverCapture\" | \"onDragStart\" | \"onDragStartCapture\" | \"onDrop\" | \"onDropCapture\" | \"onMouseDown\" | \"onMouseDownCapture\" | \"onMouseEnter\" | \"onMouseLeave\" | \"onMouseMove\" | \"onMouseMoveCapture\" | \"onMouseOut\" | \"onMouseOutCapture\" | \"onMouseOver\" | \"onMouseOverCapture\" | \"onMouseUp\" | \"onMouseUpCapture\" | \"onSelect\" | \"onSelectCapture\" | \"onTouchCancel\" | \"onTouchCancelCapture\" | \"onTouchEnd\" | \"onTouchEndCapture\" | \"onTouchMove\" | \"onTouchMoveCapture\" | \"onTouchStart\" | \"onTouchStartCapture\" | \"onPointerDown\" | \"onPointerDownCapture\" | \"onPointerMove\" | \"onPointerMoveCapture\" | \"onPointerUp\" | \"onPointerUpCapture\" | \"onPointerCancel\" | \"onPointerCancelCapture\" | \"onPointerEnter\" | \"onPointerEnterCapture\" | \"onPointerLeave\" | \"onPointerLeaveCapture\" | \"onPointerOver\" | \"onPointerOverCapture\" | \"onPointerOut\" | \"onPointerOutCapture\" | \"onGotPointerCapture\" | \"onGotPointerCaptureCapture\" | \"onLostPointerCapture\" | \"onLostPointerCaptureCapture\" | \"onScroll\" | \"onScrollCapture\" | \"onWheel\" | \"onWheelCapture\" | \"onAnimationStart\" | \"onAnimationStartCapture\" | \"onAnimationEnd\" | \"onAnimationEndCapture\" | \"onAnimationIteration\" | \"onAnimationIterationCapture\" | \"onTransitionEnd\" | \"onTransitionEndCapture\" | \"list\" | \"accept\" | \"acceptCharset\" | \"action\" | \"allowFullScreen\" | \"allowTransparency\" | \"alt\" | \"as\" | \"async\" | \"autoComplete\" | \"autoFocus\" | \"autoPlay\" | \"capture\" | \"cellPadding\" | \"cellSpacing\" | \"charSet\" | \"challenge\" | \"checked\" | \"classID\" | \"cols\" | \"colSpan\" | \"controls\" | \"coords\" | \"crossOrigin\" | \"dateTime\" | \"default\" | \"defer\" | \"disabled\" | \"download\" | \"encType\" | \"formAction\" | \"formEncType\" | \"formMethod\" | \"formNoValidate\" | \"formTarget\" | \"frameBorder\" | \"headers\" | \"high\" | \"href\" | \"hrefLang\" | \"htmlFor\" | \"httpEquiv\" | \"integrity\" | \"keyParams\" | \"keyType\" | \"kind\" | \"loop\" | \"low\" | \"manifest\" | \"marginHeight\" | \"marginWidth\" | \"max\" | \"maxLength\" | \"media\" | \"mediaGroup\" | \"method\" | \"min\" | \"minLength\" | \"multiple\" | \"muted\" | \"name\" | \"nonce\" | \"noValidate\" | \"open\" | \"optimum\" | \"value\" | \"playsInline\" | \"poster\" | \"preload\" | \"readOnly\" | \"rel\" | \"required\" | \"reversed\" | \"rows\" | \"rowSpan\" | \"sandbox\" | \"scope\" | \"scoped\" | \"scrolling\" | \"seamless\" | \"selected\" | \"shape\" | \"size\" | \"sizes\" | \"src\" | \"srcDoc\" | \"srcLang\" | \"srcSet\" | \"start\" | \"step\" | \"target\" | \"type\" | \"useMap\" | \"wmode\" | \"wrap\" | \"centerText\" | \"verticalCenter\"> & React.RefAttributes<HTMLDivElement>>;\nexport declare const ContainerMD: React.ForwardRefExoticComponent<Pick<LevelContainerProps, \"children\" | \"cite\" | \"data\" | \"form\" | \"label\" | \"slot\" | \"span\" | \"style\" | \"summary\" | \"title\" | \"pattern\" | \"color\" | \"content\" | \"height\" | \"translate\" | \"width\" | \"hidden\" | \"className\" | \"key\" | \"defaultChecked\" | \"defaultValue\" | \"suppressContentEditableWarning\" | \"suppressHydrationWarning\" | \"accessKey\" | \"contentEditable\" | \"contextMenu\" | \"dir\" | \"draggable\" | \"id\" | \"lang\" | \"placeholder\" | \"spellCheck\" | \"tabIndex\" | \"radioGroup\" | \"role\" | \"about\" | \"datatype\" | \"inlist\" | \"prefix\" | \"property\" | \"resource\" | \"typeof\" | \"vocab\" | \"autoCapitalize\" | \"autoCorrect\" | \"autoSave\" | \"itemProp\" | \"itemScope\" | \"itemType\" | \"itemID\" | \"itemRef\" | \"results\" | \"security\" | \"unselectable\" | \"inputMode\" | \"is\" | \"aria-activedescendant\" | \"aria-atomic\" | \"aria-autocomplete\" | \"aria-busy\" | \"aria-checked\" | \"aria-colcount\" | \"aria-colindex\" | \"aria-colspan\" | \"aria-controls\" | \"aria-current\" | \"aria-describedby\" | \"aria-details\" | \"aria-disabled\" | \"aria-dropeffect\" | \"aria-errormessage\" | \"aria-expanded\" | \"aria-flowto\" | \"aria-grabbed\" | \"aria-haspopup\" | \"aria-hidden\" | \"aria-invalid\" | \"aria-keyshortcuts\" | \"aria-label\" | \"aria-labelledby\" | \"aria-level\" | \"aria-live\" | \"aria-modal\" | \"aria-multiline\" | \"aria-multiselectable\" | \"aria-orientation\" | \"aria-owns\" | \"aria-placeholder\" | \"aria-posinset\" | \"aria-pressed\" | \"aria-readonly\" | \"aria-relevant\" | \"aria-required\" | \"aria-roledescription\" | \"aria-rowcount\" | \"aria-rowindex\" | \"aria-rowspan\" | \"aria-selected\" | \"aria-setsize\" | \"aria-sort\" | \"aria-valuemax\" | \"aria-valuemin\" | \"aria-valuenow\" | \"aria-valuetext\" | \"dangerouslySetInnerHTML\" | \"onCopy\" | \"onCopyCapture\" | \"onCut\" | \"onCutCapture\" | \"onPaste\" | \"onPasteCapture\" | \"onCompositionEnd\" | \"onCompositionEndCapture\" | \"onCompositionStart\" | \"onCompositionStartCapture\" | \"onCompositionUpdate\" | \"onCompositionUpdateCapture\" | \"onFocus\" | \"onFocusCapture\" | \"onBlur\" | \"onBlurCapture\" | \"onChange\" | \"onChangeCapture\" | \"onBeforeInput\" | \"onBeforeInputCapture\" | \"onInput\" | \"onInputCapture\" | \"onReset\" | \"onResetCapture\" | \"onSubmit\" | \"onSubmitCapture\" | \"onInvalid\" | \"onInvalidCapture\" | \"onLoad\" | \"onLoadCapture\" | \"onError\" | \"onErrorCapture\" | \"onKeyDown\" | \"onKeyDownCapture\" | \"onKeyPress\" | \"onKeyPressCapture\" | \"onKeyUp\" | \"onKeyUpCapture\" | \"onAbort\" | \"onAbortCapture\" | \"onCanPlay\" | \"onCanPlayCapture\" | \"onCanPlayThrough\" | \"onCanPlayThroughCapture\" | \"onDurationChange\" | \"onDurationChangeCapture\" | \"onEmptied\" | \"onEmptiedCapture\" | \"onEncrypted\" | \"onEncryptedCapture\" | \"onEnded\" | \"onEndedCapture\" | \"onLoadedData\" | \"onLoadedDataCapture\" | \"onLoadedMetadata\" | \"onLoadedMetadataCapture\" | \"onLoadStart\" | \"onLoadStartCapture\" | \"onPause\" | \"onPauseCapture\" | \"onPlay\" | \"onPlayCapture\" | \"onPlaying\" | \"onPlayingCapture\" | \"onProgress\" | \"onProgressCapture\" | \"onRateChange\" | \"onRateChangeCapture\" | \"onSeeked\" | \"onSeekedCapture\" | \"onSeeking\" | \"onSeekingCapture\" | \"onStalled\" | \"onStalledCapture\" | \"onSuspend\" | \"onSuspendCapture\" | \"onTimeUpdate\" | \"onTimeUpdateCapture\" | \"onVolumeChange\" | \"onVolumeChangeCapture\" | \"onWaiting\" | \"onWaitingCapture\" | \"onAuxClick\" | \"onAuxClickCapture\" | \"onClick\" | \"onClickCapture\" | \"onContextMenu\" | \"onContextMenuCapture\" | \"onDoubleClick\" | \"onDoubleClickCapture\" | \"onDrag\" | \"onDragCapture\" | \"onDragEnd\" | \"onDragEndCapture\" | \"onDragEnter\" | \"onDragEnterCapture\" | \"onDragExit\" | \"onDragExitCapture\" | \"onDragLeave\" | \"onDragLeaveCapture\" | \"onDragOver\" | \"onDragOverCapture\" | \"onDragStart\" | \"onDragStartCapture\" | \"onDrop\" | \"onDropCapture\" | \"onMouseDown\" | \"onMouseDownCapture\" | \"onMouseEnter\" | \"onMouseLeave\" | \"onMouseMove\" | \"onMouseMoveCapture\" | \"onMouseOut\" | \"onMouseOutCapture\" | \"onMouseOver\" | \"onMouseOverCapture\" | \"onMouseUp\" | \"onMouseUpCapture\" | \"onSelect\" | \"onSelectCapture\" | \"onTouchCancel\" | \"onTouchCancelCapture\" | \"onTouchEnd\" | \"onTouchEndCapture\" | \"onTouchMove\" | \"onTouchMoveCapture\" | \"onTouchStart\" | \"onTouchStartCapture\" | \"onPointerDown\" | \"onPointerDownCapture\" | \"onPointerMove\" | \"onPointerMoveCapture\" | \"onPointerUp\" | \"onPointerUpCapture\" | \"onPointerCancel\" | \"onPointerCancelCapture\" | \"onPointerEnter\" | \"onPointerEnterCapture\" | \"onPointerLeave\" | \"onPointerLeaveCapture\" | \"onPointerOver\" | \"onPointerOverCapture\" | \"onPointerOut\" | \"onPointerOutCapture\" | \"onGotPointerCapture\" | \"onGotPointerCaptureCapture\" | \"onLostPointerCapture\" | \"onLostPointerCaptureCapture\" | \"onScroll\" | \"onScrollCapture\" | \"onWheel\" | \"onWheelCapture\" | \"onAnimationStart\" | \"onAnimationStartCapture\" | \"onAnimationEnd\" | \"onAnimationEndCapture\" | \"onAnimationIteration\" | \"onAnimationIterationCapture\" | \"onTransitionEnd\" | \"onTransitionEndCapture\" | \"list\" | \"accept\" | \"acceptCharset\" | \"action\" | \"allowFullScreen\" | \"allowTransparency\" | \"alt\" | \"as\" | \"async\" | \"autoComplete\" | \"autoFocus\" | \"autoPlay\" | \"capture\" | \"cellPadding\" | \"cellSpacing\" | \"charSet\" | \"challenge\" | \"checked\" | \"classID\" | \"cols\" | \"colSpan\" | \"controls\" | \"coords\" | \"crossOrigin\" | \"dateTime\" | \"default\" | \"defer\" | \"disabled\" | \"download\" | \"encType\" | \"formAction\" | \"formEncType\" | \"formMethod\" | \"formNoValidate\" | \"formTarget\" | \"frameBorder\" | \"headers\" | \"high\" | \"href\" | \"hrefLang\" | \"htmlFor\" | \"httpEquiv\" | \"integrity\" | \"keyParams\" | \"keyType\" | \"kind\" | \"loop\" | \"low\" | \"manifest\" | \"marginHeight\" | \"marginWidth\" | \"max\" | \"maxLength\" | \"media\" | \"mediaGroup\" | \"method\" | \"min\" | \"minLength\" | \"multiple\" | \"muted\" | \"name\" | \"nonce\" | \"noValidate\" | \"open\" | \"optimum\" | \"value\" | \"playsInline\" | \"poster\" | \"preload\" | \"readOnly\" | \"rel\" | \"required\" | \"reversed\" | \"rows\" | \"rowSpan\" | \"sandbox\" | \"scope\" | \"scoped\" | \"scrolling\" | \"seamless\" | \"selected\" | \"shape\" | \"size\" | \"sizes\" | \"src\" | \"srcDoc\" | \"srcLang\" | \"srcSet\" | \"start\" | \"step\" | \"target\" | \"type\" | \"useMap\" | \"wmode\" | \"wrap\" | \"centerText\" | \"verticalCenter\"> & React.RefAttributes<HTMLDivElement>>;\nexport declare const ContainerSM: React.ForwardRefExoticComponent<Pick<LevelContainerProps, \"children\" | \"cite\" | \"data\" | \"form\" | \"label\" | \"slot\" | \"span\" | \"style\" | \"summary\" | \"title\" | \"pattern\" | \"color\" | \"content\" | \"height\" | \"translate\" | \"width\" | \"hidden\" | \"className\" | \"key\" | \"defaultChecked\" | \"defaultValue\" | \"suppressContentEditableWarning\" | \"suppressHydrationWarning\" | \"accessKey\" | \"contentEditable\" | \"contextMenu\" | \"dir\" | \"draggable\" | \"id\" | \"lang\" | \"placeholder\" | \"spellCheck\" | \"tabIndex\" | \"radioGroup\" | \"role\" | \"about\" | \"datatype\" | \"inlist\" | \"prefix\" | \"property\" | \"resource\" | \"typeof\" | \"vocab\" | \"autoCapitalize\" | \"autoCorrect\" | \"autoSave\" | \"itemProp\" | \"itemScope\" | \"itemType\" | \"itemID\" | \"itemRef\" | \"results\" | \"security\" | \"unselectable\" | \"inputMode\" | \"is\" | \"aria-activedescendant\" | \"aria-atomic\" | \"aria-autocomplete\" | \"aria-busy\" | \"aria-checked\" | \"aria-colcount\" | \"aria-colindex\" | \"aria-colspan\" | \"aria-controls\" | \"aria-current\" | \"aria-describedby\" | \"aria-details\" | \"aria-disabled\" | \"aria-dropeffect\" | \"aria-errormessage\" | \"aria-expanded\" | \"aria-flowto\" | \"aria-grabbed\" | \"aria-haspopup\" | \"aria-hidden\" | \"aria-invalid\" | \"aria-keyshortcuts\" | \"aria-label\" | \"aria-labelledby\" | \"aria-level\" | \"aria-live\" | \"aria-modal\" | \"aria-multiline\" | \"aria-multiselectable\" | \"aria-orientation\" | \"aria-owns\" | \"aria-placeholder\" | \"aria-posinset\" | \"aria-pressed\" | \"aria-readonly\" | \"aria-relevant\" | \"aria-required\" | \"aria-roledescription\" | \"aria-rowcount\" | \"aria-rowindex\" | \"aria-rowspan\" | \"aria-selected\" | \"aria-setsize\" | \"aria-sort\" | \"aria-valuemax\" | \"aria-valuemin\" | \"aria-valuenow\" | \"aria-valuetext\" | \"dangerouslySetInnerHTML\" | \"onCopy\" | \"onCopyCapture\" | \"onCut\" | \"onCutCapture\" | \"onPaste\" | \"onPasteCapture\" | \"onCompositionEnd\" | \"onCompositionEndCapture\" | \"onCompositionStart\" | \"onCompositionStartCapture\" | \"onCompositionUpdate\" | \"onCompositionUpdateCapture\" | \"onFocus\" | \"onFocusCapture\" | \"onBlur\" | \"onBlurCapture\" | \"onChange\" | \"onChangeCapture\" | \"onBeforeInput\" | \"onBeforeInputCapture\" | \"onInput\" | \"onInputCapture\" | \"onReset\" | \"onResetCapture\" | \"onSubmit\" | \"onSubmitCapture\" | \"onInvalid\" | \"onInvalidCapture\" | \"onLoad\" | \"onLoadCapture\" | \"onError\" | \"onErrorCapture\" | \"onKeyDown\" | \"onKeyDownCapture\" | \"onKeyPress\" | \"onKeyPressCapture\" | \"onKeyUp\" | \"onKeyUpCapture\" | \"onAbort\" | \"onAbortCapture\" | \"onCanPlay\" | \"onCanPlayCapture\" | \"onCanPlayThrough\" | \"onCanPlayThroughCapture\" | \"onDurationChange\" | \"onDurationChangeCapture\" | \"onEmptied\" | \"onEmptiedCapture\" | \"onEncrypted\" | \"onEncryptedCapture\" | \"onEnded\" | \"onEndedCapture\" | \"onLoadedData\" | \"onLoadedDataCapture\" | \"onLoadedMetadata\" | \"onLoadedMetadataCapture\" | \"onLoadStart\" | \"onLoadStartCapture\" | \"onPause\" | \"onPauseCapture\" | \"onPlay\" | \"onPlayCapture\" | \"onPlaying\" | \"onPlayingCapture\" | \"onProgress\" | \"onProgressCapture\" | \"onRateChange\" | \"onRateChangeCapture\" | \"onSeeked\" | \"onSeekedCapture\" | \"onSeeking\" | \"onSeekingCapture\" | \"onStalled\" | \"onStalledCapture\" | \"onSuspend\" | \"onSuspendCapture\" | \"onTimeUpdate\" | \"onTimeUpdateCapture\" | \"onVolumeChange\" | \"onVolumeChangeCapture\" | \"onWaiting\" | \"onWaitingCapture\" | \"onAuxClick\" | \"onAuxClickCapture\" | \"onClick\" | \"onClickCapture\" | \"onContextMenu\" | \"onContextMenuCapture\" | \"onDoubleClick\" | \"onDoubleClickCapture\" | \"onDrag\" | \"onDragCapture\" | \"onDragEnd\" | \"onDragEndCapture\" | \"onDragEnter\" | \"onDragEnterCapture\" | \"onDragExit\" | \"onDragExitCapture\" | \"onDragLeave\" | \"onDragLeaveCapture\" | \"onDragOver\" | \"onDragOverCapture\" | \"onDragStart\" | \"onDragStartCapture\" | \"onDrop\" | \"onDropCapture\" | \"onMouseDown\" | \"onMouseDownCapture\" | \"onMouseEnter\" | \"onMouseLeave\" | \"onMouseMove\" | \"onMouseMoveCapture\" | \"onMouseOut\" | \"onMouseOutCapture\" | \"onMouseOver\" | \"onMouseOverCapture\" | \"onMouseUp\" | \"onMouseUpCapture\" | \"onSelect\" | \"onSelectCapture\" | \"onTouchCancel\" | \"onTouchCancelCapture\" | \"onTouchEnd\" | \"onTouchEndCapture\" | \"onTouchMove\" | \"onTouchMoveCapture\" | \"onTouchStart\" | \"onTouchStartCapture\" | \"onPointerDown\" | \"onPointerDownCapture\" | \"onPointerMove\" | \"onPointerMoveCapture\" | \"onPointerUp\" | \"onPointerUpCapture\" | \"onPointerCancel\" | \"onPointerCancelCapture\" | \"onPointerEnter\" | \"onPointerEnterCapture\" | \"onPointerLeave\" | \"onPointerLeaveCapture\" | \"onPointerOver\" | \"onPointerOverCapture\" | \"onPointerOut\" | \"onPointerOutCapture\" | \"onGotPointerCapture\" | \"onGotPointerCaptureCapture\" | \"onLostPointerCapture\" | \"onLostPointerCaptureCapture\" | \"onScroll\" | \"onScrollCapture\" | \"onWheel\" | \"onWheelCapture\" | \"onAnimationStart\" | \"onAnimationStartCapture\" | \"onAnimationEnd\" | \"onAnimationEndCapture\" | \"onAnimationIteration\" | \"onAnimationIterationCapture\" | \"onTransitionEnd\" | \"onTransitionEndCapture\" | \"list\" | \"accept\" | \"acceptCharset\" | \"action\" | \"allowFullScreen\" | \"allowTransparency\" | \"alt\" | \"as\" | \"async\" | \"autoComplete\" | \"autoFocus\" | \"autoPlay\" | \"capture\" | \"cellPadding\" | \"cellSpacing\" | \"charSet\" | \"challenge\" | \"checked\" | \"classID\" | \"cols\" | \"colSpan\" | \"controls\" | \"coords\" | \"crossOrigin\" | \"dateTime\" | \"default\" | \"defer\" | \"disabled\" | \"download\" | \"encType\" | \"formAction\" | \"formEncType\" | \"formMethod\" | \"formNoValidate\" | \"formTarget\" | \"frameBorder\" | \"headers\" | \"high\" | \"href\" | \"hrefLang\" | \"htmlFor\" | \"httpEquiv\" | \"integrity\" | \"keyParams\" | \"keyType\" | \"kind\" | \"loop\" | \"low\" | \"manifest\" | \"marginHeight\" | \"marginWidth\" | \"max\" | \"maxLength\" | \"media\" | \"mediaGroup\" | \"method\" | \"min\" | \"minLength\" | \"multiple\" | \"muted\" | \"name\" | \"nonce\" | \"noValidate\" | \"open\" | \"optimum\" | \"value\" | \"playsInline\" | \"poster\" | \"preload\" | \"readOnly\" | \"rel\" | \"required\" | \"reversed\" | \"rows\" | \"rowSpan\" | \"sandbox\" | \"scope\" | \"scoped\" | \"scrolling\" | \"seamless\" | \"selected\" | \"shape\" | \"size\" | \"sizes\" | \"src\" | \"srcDoc\" | \"srcLang\" | \"srcSet\" | \"start\" | \"step\" | \"target\" | \"type\" | \"useMap\" | \"wmode\" | \"wrap\" | \"centerText\" | \"verticalCenter\"> & React.RefAttributes<HTMLDivElement>>;\nexport declare const ContainerXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, \"children\" | \"cite\" | \"data\" | \"form\" | \"label\" | \"slot\" | \"span\" | \"style\" | \"summary\" | \"title\" | \"pattern\" | \"color\" | \"content\" | \"height\" | \"translate\" | \"width\" | \"hidden\" | \"className\" | \"key\" | \"defaultChecked\" | \"defaultValue\" | \"suppressContentEditableWarning\" | \"suppressHydrationWarning\" | \"accessKey\" | \"contentEditable\" | \"contextMenu\" | \"dir\" | \"draggable\" | \"id\" | \"lang\" | \"placeholder\" | \"spellCheck\" | \"tabIndex\" | \"radioGroup\" | \"role\" | \"about\" | \"datatype\" | \"inlist\" | \"prefix\" | \"property\" | \"resource\" | \"typeof\" | \"vocab\" | \"autoCapitalize\" | \"autoCorrect\" | \"autoSave\" | \"itemProp\" | \"itemScope\" | \"itemType\" | \"itemID\" | \"itemRef\" | \"results\" | \"security\" | \"unselectable\" | \"inputMode\" | \"is\" | \"aria-activedescendant\" | \"aria-atomic\" | \"aria-autocomplete\" | \"aria-busy\" | \"aria-checked\" | \"aria-colcount\" | \"aria-colindex\" | \"aria-colspan\" | \"aria-controls\" | \"aria-current\" | \"aria-describedby\" | \"aria-details\" | \"aria-disabled\" | \"aria-dropeffect\" | \"aria-errormessage\" | \"aria-expanded\" | \"aria-flowto\" | \"aria-grabbed\" | \"aria-haspopup\" | \"aria-hidden\" | \"aria-invalid\" | \"aria-keyshortcuts\" | \"aria-label\" | \"aria-labelledby\" | \"aria-level\" | \"aria-live\" | \"aria-modal\" | \"aria-multiline\" | \"aria-multiselectable\" | \"aria-orientation\" | \"aria-owns\" | \"aria-placeholder\" | \"aria-posinset\" | \"aria-pressed\" | \"aria-readonly\" | \"aria-relevant\" | \"aria-required\" | \"aria-roledescription\" | \"aria-rowcount\" | \"aria-rowindex\" | \"aria-rowspan\" | \"aria-selected\" | \"aria-setsize\" | \"aria-sort\" | \"aria-valuemax\" | \"aria-valuemin\" | \"aria-valuenow\" | \"aria-valuetext\" | \"dangerouslySetInnerHTML\" | \"onCopy\" | \"onCopyCapture\" | \"onCut\" | \"onCutCapture\" | \"onPaste\" | \"onPasteCapture\" | \"onCompositionEnd\" | \"onCompositionEndCapture\" | \"onCompositionStart\" | \"onCompositionStartCapture\" | \"onCompositionUpdate\" | \"onCompositionUpdateCapture\" | \"onFocus\" | \"onFocusCapture\" | \"onBlur\" | \"onBlurCapture\" | \"onChange\" | \"onChangeCapture\" | \"onBeforeInput\" | \"onBeforeInputCapture\" | \"onInput\" | \"onInputCapture\" | \"onReset\" | \"onResetCapture\" | \"onSubmit\" | \"onSubmitCapture\" | \"onInvalid\" | \"onInvalidCapture\" | \"onLoad\" | \"onLoadCapture\" | \"onError\" | \"onErrorCapture\" | \"onKeyDown\" | \"onKeyDownCapture\" | \"onKeyPress\" | \"onKeyPressCapture\" | \"onKeyUp\" | \"onKeyUpCapture\" | \"onAbort\" | \"onAbortCapture\" | \"onCanPlay\" | \"onCanPlayCapture\" | \"onCanPlayThrough\" | \"onCanPlayThroughCapture\" | \"onDurationChange\" | \"onDurationChangeCapture\" | \"onEmptied\" | \"onEmptiedCapture\" | \"onEncrypted\" | \"onEncryptedCapture\" | \"onEnded\" | \"onEndedCapture\" | \"onLoadedData\" | \"onLoadedDataCapture\" | \"onLoadedMetadata\" | \"onLoadedMetadataCapture\" | \"onLoadStart\" | \"onLoadStartCapture\" | \"onPause\" | \"onPauseCapture\" | \"onPlay\" | \"onPlayCapture\" | \"onPlaying\" | \"onPlayingCapture\" | \"onProgress\" | \"onProgressCapture\" | \"onRateChange\" | \"onRateChangeCapture\" | \"onSeeked\" | \"onSeekedCapture\" | \"onSeeking\" | \"onSeekingCapture\" | \"onStalled\" | \"onStalledCapture\" | \"onSuspend\" | \"onSuspendCapture\" | \"onTimeUpdate\" | \"onTimeUpdateCapture\" | \"onVolumeChange\" | \"onVolumeChangeCapture\" | \"onWaiting\" | \"onWaitingCapture\" | \"onAuxClick\" | \"onAuxClickCapture\" | \"onClick\" | \"onClickCapture\" | \"onContextMenu\" | \"onContextMenuCapture\" | \"onDoubleClick\" | \"onDoubleClickCapture\" | \"onDrag\" | \"onDragCapture\" | \"onDragEnd\" | \"onDragEndCapture\" | \"onDragEnter\" | \"onDragEnterCapture\" | \"onDragExit\" | \"onDragExitCapture\" | \"onDragLeave\" | \"onDragLeaveCapture\" | \"onDragOver\" | \"onDragOverCapture\" | \"onDragStart\" | \"onDragStartCapture\" | \"onDrop\" | \"onDropCapture\" | \"onMouseDown\" | \"onMouseDownCapture\" | \"onMouseEnter\" | \"onMouseLeave\" | \"onMouseMove\" | \"onMouseMoveCapture\" | \"onMouseOut\" | \"onMouseOutCapture\" | \"onMouseOver\" | \"onMouseOverCapture\" | \"onMouseUp\" | \"onMouseUpCapture\" | \"onSelect\" | \"onSelectCapture\" | \"onTouchCancel\" | \"onTouchCancelCapture\" | \"onTouchEnd\" | \"onTouchEndCapture\" | \"onTouchMove\" | \"onTouchMoveCapture\" | \"onTouchStart\" | \"onTouchStartCapture\" | \"onPointerDown\" | \"onPointerDownCapture\" | \"onPointerMove\" | \"onPointerMoveCapture\" | \"onPointerUp\" | \"onPointerUpCapture\" | \"onPointerCancel\" | \"onPointerCancelCapture\" | \"onPointerEnter\" | \"onPointerEnterCapture\" | \"onPointerLeave\" | \"onPointerLeaveCapture\" | \"onPointerOver\" | \"onPointerOverCapture\" | \"onPointerOut\" | \"onPointerOutCapture\" | \"onGotPointerCapture\" | \"onGotPointerCaptureCapture\" | \"onLostPointerCapture\" | \"onLostPointerCaptureCapture\" | \"onScroll\" | \"onScrollCapture\" | \"onWheel\" | \"onWheelCapture\" | \"onAnimationStart\" | \"onAnimationStartCapture\" | \"onAnimationEnd\" | \"onAnimationEndCapture\" | \"onAnimationIteration\" | \"onAnimationIterationCapture\" | \"onTransitionEnd\" | \"onTransitionEndCapture\" | \"list\" | \"accept\" | \"acceptCharset\" | \"action\" | \"allowFullScreen\" | \"allowTransparency\" | \"alt\" | \"as\" | \"async\" | \"autoComplete\" | \"autoFocus\" | \"autoPlay\" | \"capture\" | \"cellPadding\" | \"cellSpacing\" | \"charSet\" | \"challenge\" | \"checked\" | \"classID\" | \"cols\" | \"colSpan\" | \"controls\" | \"coords\" | \"crossOrigin\" | \"dateTime\" | \"default\" | \"defer\" | \"disabled\" | \"download\" | \"encType\" | \"formAction\" | \"formEncType\" | \"formMethod\" | \"formNoValidate\" | \"formTarget\" | \"frameBorder\" | \"headers\" | \"high\" | \"href\" | \"hrefLang\" | \"htmlFor\" | \"httpEquiv\" | \"integrity\" | \"keyParams\" | \"keyType\" | \"kind\" | \"loop\" | \"low\" | \"manifest\" | \"marginHeight\" | \"marginWidth\" | \"max\" | \"maxLength\" | \"media\" | \"mediaGroup\" | \"method\" | \"min\" | \"minLength\" | \"multiple\" | \"muted\" | \"name\" | \"nonce\" | \"noValidate\" | \"open\" | \"optimum\" | \"value\" | \"playsInline\" | \"poster\" | \"preload\" | \"readOnly\" | \"rel\" | \"required\" | \"reversed\" | \"rows\" | \"rowSpan\" | \"sandbox\" | \"scope\" | \"scoped\" | \"scrolling\" | \"seamless\" | \"selected\" | \"shape\" | \"size\" | \"sizes\" | \"src\" | \"srcDoc\" | \"srcLang\" | \"srcSet\" | \"start\" | \"step\" | \"target\" | \"type\" | \"useMap\" | \"wmode\" | \"wrap\" | \"centerText\" | \"verticalCenter\"> & React.RefAttributes<HTMLDivElement>>;\nexport declare const ContainerXXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, \"children\" | \"cite\" | \"data\" | \"form\" | \"label\" | \"slot\" | \"span\" | \"style\" | \"summary\" | \"title\" | \"pattern\" | \"color\" | \"content\" | \"height\" | \"translate\" | \"width\" | \"hidden\" | \"className\" | \"key\" | \"defaultChecked\" | \"defaultValue\" | \"suppressContentEditableWarning\" | \"suppressHydrationWarning\" | \"accessKey\" | \"contentEditable\" | \"contextMenu\" | \"dir\" | \"draggable\" | \"id\" | \"lang\" | \"placeholder\" | \"spellCheck\" | \"tabIndex\" | \"radioGroup\" | \"role\" | \"about\" | \"datatype\" | \"inlist\" | \"prefix\" | \"property\" | \"resource\" | \"typeof\" | \"vocab\" | \"autoCapitalize\" | \"autoCorrect\" | \"autoSave\" | \"itemProp\" | \"itemScope\" | \"itemType\" | \"itemID\" | \"itemRef\" | \"results\" | \"security\" | \"unselectable\" | \"inputMode\" | \"is\" | \"aria-activedescendant\" | \"aria-atomic\" | \"aria-autocomplete\" | \"aria-busy\" | \"aria-checked\" | \"aria-colcount\" | \"aria-colindex\" | \"aria-colspan\" | \"aria-controls\" | \"aria-current\" | \"aria-describedby\" | \"aria-details\" | \"aria-disabled\" | \"aria-dropeffect\" | \"aria-errormessage\" | \"aria-expanded\" | \"aria-flowto\" | \"aria-grabbed\" | \"aria-haspopup\" | \"aria-hidden\" | \"aria-invalid\" | \"aria-keyshortcuts\" | \"aria-label\" | \"aria-labelledby\" | \"aria-level\" | \"aria-live\" | \"aria-modal\" | \"aria-multiline\" | \"aria-multiselectable\" | \"aria-orientation\" | \"aria-owns\" | \"aria-placeholder\" | \"aria-posinset\" | \"aria-pressed\" | \"aria-readonly\" | \"aria-relevant\" | \"aria-required\" | \"aria-roledescription\" | \"aria-rowcount\" | \"aria-rowindex\" | \"aria-rowspan\" | \"aria-selected\" | \"aria-setsize\" | \"aria-sort\" | \"aria-valuemax\" | \"aria-valuemin\" | \"aria-valuenow\" | \"aria-valuetext\" | \"dangerouslySetInnerHTML\" | \"onCopy\" | \"onCopyCapture\" | \"onCut\" | \"onCutCapture\" | \"onPaste\" | \"onPasteCapture\" | \"onCompositionEnd\" | \"onCompositionEndCapture\" | \"onCompositionStart\" | \"onCompositionStartCapture\" | \"onCompositionUpdate\" | \"onCompositionUpdateCapture\" | \"onFocus\" | \"onFocusCapture\" | \"onBlur\" | \"onBlurCapture\" | \"onChange\" | \"onChangeCapture\" | \"onBeforeInput\" | \"onBeforeInputCapture\" | \"onInput\" | \"onInputCapture\" | \"onReset\" | \"onResetCapture\" | \"onSubmit\" | \"onSubmitCapture\" | \"onInvalid\" | \"onInvalidCapture\" | \"onLoad\" | \"onLoadCapture\" | \"onError\" | \"onErrorCapture\" | \"onKeyDown\" | \"onKeyDownCapture\" | \"onKeyPress\" | \"onKeyPressCapture\" | \"onKeyUp\" | \"onKeyUpCapture\" | \"onAbort\" | \"onAbortCapture\" | \"onCanPlay\" | \"onCanPlayCapture\" | \"onCanPlayThrough\" | \"onCanPlayThroughCapture\" | \"onDurationChange\" | \"onDurationChangeCapture\" | \"onEmptied\" | \"onEmptiedCapture\" | \"onEncrypted\" | \"onEncryptedCapture\" | \"onEnded\" | \"onEndedCapture\" | \"onLoadedData\" | \"onLoadedDataCapture\" | \"onLoadedMetadata\" | \"onLoadedMetadataCapture\" | \"onLoadStart\" | \"onLoadStartCapture\" | \"onPause\" | \"onPauseCapture\" | \"onPlay\" | \"onPlayCapture\" | \"onPlaying\" | \"onPlayingCapture\" | \"onProgress\" | \"onProgressCapture\" | \"onRateChange\" | \"onRateChangeCapture\" | \"onSeeked\" | \"onSeekedCapture\" | \"onSeeking\" | \"onSeekingCapture\" | \"onStalled\" | \"onStalledCapture\" | \"onSuspend\" | \"onSuspendCapture\" | \"onTimeUpdate\" | \"onTimeUpdateCapture\" | \"onVolumeChange\" | \"onVolumeChangeCapture\" | \"onWaiting\" | \"onWaitingCapture\" | \"onAuxClick\" | \"onAuxClickCapture\" | \"onClick\" | \"onClickCapture\" | \"onContextMenu\" | \"onContextMenuCapture\" | \"onDoubleClick\" | \"onDoubleClickCapture\" | \"onDrag\" | \"onDragCapture\" | \"onDragEnd\" | \"onDragEndCapture\" | \"onDragEnter\" | \"onDragEnterCapture\" | \"onDragExit\" | \"onDragExitCapture\" | \"onDragLeave\" | \"onDragLeaveCapture\" | \"onDragOver\" | \"onDragOverCapture\" | \"onDragStart\" | \"onDragStartCapture\" | \"onDrop\" | \"onDropCapture\" | \"onMouseDown\" | \"onMouseDownCapture\" | \"onMouseEnter\" | \"onMouseLeave\" | \"onMouseMove\" | \"onMouseMoveCapture\" | \"onMouseOut\" | \"onMouseOutCapture\" | \"onMouseOver\" | \"onMouseOverCapture\" | \"onMouseUp\" | \"onMouseUpCapture\" | \"onSelect\" | \"onSelectCapture\" | \"onTouchCancel\" | \"onTouchCancelCapture\" | \"onTouchEnd\" | \"onTouchEndCapture\" | \"onTouchMove\" | \"onTouchMoveCapture\" | \"onTouchStart\" | \"onTouchStartCapture\" | \"onPointerDown\" | \"onPointerDownCapture\" | \"onPointerMove\" | \"onPointerMoveCapture\" | \"onPointerUp\" | \"onPointerUpCapture\" | \"onPointerCancel\" | \"onPointerCancelCapture\" | \"onPointerEnter\" | \"onPointerEnterCapture\" | \"onPointerLeave\" | \"onPointerLeaveCapture\" | \"onPointerOver\" | \"onPointerOverCapture\" | \"onPointerOut\" | \"onPointerOutCapture\" | \"onGotPointerCapture\" | \"onGotPointerCaptureCapture\" | \"onLostPointerCapture\" | \"onLostPointerCaptureCapture\" | \"onScroll\" | \"onScrollCapture\" | \"onWheel\" | \"onWheelCapture\" | \"onAnimationStart\" | \"onAnimationStartCapture\" | \"onAnimationEnd\" | \"onAnimationEndCapture\" | \"onAnimationIteration\" | \"onAnimationIterationCapture\" | \"onTransitionEnd\" | \"onTransitionEndCapture\" | \"list\" | \"accept\" | \"acceptCharset\" | \"action\" | \"allowFullScreen\" | \"allowTransparency\" | \"alt\" | \"as\" | \"async\" | \"autoComplete\" | \"autoFocus\" | \"autoPlay\" | \"capture\" | \"cellPadding\" | \"cellSpacing\" | \"charSet\" | \"challenge\" | \"checked\" | \"classID\" | \"cols\" | \"colSpan\" | \"controls\" | \"coords\" | \"crossOrigin\" | \"dateTime\" | \"default\" | \"defer\" | \"disabled\" | \"download\" | \"encType\" | \"formAction\" | \"formEncType\" | \"formMethod\" | \"formNoValidate\" | \"formTarget\" | \"frameBorder\" | \"headers\" | \"high\" | \"href\" | \"hrefLang\" | \"htmlFor\" | \"httpEquiv\" | \"integrity\" | \"keyParams\" | \"keyType\" | \"kind\" | \"loop\" | \"low\" | \"manifest\" | \"marginHeight\" | \"marginWidth\" | \"max\" | \"maxLength\" | \"media\" | \"mediaGroup\" | \"method\" | \"min\" | \"minLength\" | \"multiple\" | \"muted\" | \"name\" | \"nonce\" | \"noValidate\" | \"open\" | \"optimum\" | \"value\" | \"playsInline\" | \"poster\" | \"preload\" | \"readOnly\" | \"rel\" | \"required\" | \"reversed\" | \"rows\" | \"rowSpan\" | \"sandbox\" | \"scope\" | \"scoped\" | \"scrolling\" | \"seamless\" | \"selected\" | \"shape\" | \"size\" | \"sizes\" | \"src\" | \"srcDoc\" | \"srcLang\" | \"srcSet\" | \"start\" | \"step\" | \"target\" | \"type\" | \"useMap\" | \"wmode\" | \"wrap\" | \"centerText\" | \"verticalCenter\"> & React.RefAttributes<HTMLDivElement>>;\n"],"mappings":""}

package/src/Layout/Container.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContainerXXS = exports.ContainerXS = exports.ContainerSM = exports.ContainerMD = exports.ContainerLG = exports.Container = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _mediaQueries = require("../mediaQueries");
-
 var _util = require("../util");
-
 var _sizes = require("./sizes");
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -41,6 +32,7 @@ var _sizes = require("./sizes");
  */
 
 /** @jsx jsx */
+
 var LEVEL = {
   lg: _sizes.WIDTH.DESKTOP_MAX,
   md: _sizes.WIDTH.TABLET_MAX,
@@ -48,14 +40,13 @@ var LEVEL = {
   xs: _sizes.WIDTH.MOBILE,
   xxs: _sizes.WIDTH.TINY
 };
-
 var containerStyle = function containerStyle(_ref) {
   var _ref$centerText = _ref.centerText,
-      centerText = _ref$centerText === void 0 ? false : _ref$centerText,
-      _ref$level = _ref.level,
-      level = _ref$level === void 0 ? undefined : _ref$level,
-      _ref$verticalCenter = _ref.verticalCenter,
-      verticalCenter = _ref$verticalCenter === void 0 ? false : _ref$verticalCenter;
+    centerText = _ref$centerText === void 0 ? false : _ref$centerText,
+    _ref$level = _ref.level,
+    level = _ref$level === void 0 ? undefined : _ref$level,
+    _ref$verticalCenter = _ref.verticalCenter,
+    verticalCenter = _ref$verticalCenter === void 0 ? false : _ref$verticalCenter;
   return (0, _defineProperty2["default"])({
     margin: verticalCenter ? 'auto' : '0 auto',
     maxWidth: level ? "".concat(LEVEL[level], "px") : undefined,
@@ -67,62 +58,49 @@ var containerStyle = function containerStyle(_ref) {
     width: "".concat(_sizes.WIDTH.DESKTOP_MIN - _sizes.GUTTER * 2, "px")
   });
 };
-
 var filterContainerProps = function filterContainerProps(props) {
   return (0, _util.filterProps)(props, ['centerText', 'level', 'verticalCenter']);
 };
-
 var Container = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
   return (0, _react.jsx)("div", (0, _extends2["default"])({
     ref: ref,
     css: containerStyle(props)
   }, filterContainerProps(props)));
 });
-
 exports.Container = Container;
-
 var ContainerLG = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
   return (0, _react.jsx)(Container, (0, _extends2["default"])({
     ref: ref,
     level: 'lg'
   }, props));
 });
-
 exports.ContainerLG = ContainerLG;
-
 var ContainerMD = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
   return (0, _react.jsx)(Container, (0, _extends2["default"])({
     ref: ref,
     level: 'md'
   }, props));
 });
-
 exports.ContainerMD = ContainerMD;
-
 var ContainerSM = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
   return (0, _react.jsx)(Container, (0, _extends2["default"])({
     ref: ref,
     level: 'sm'
   }, props));
 });
-
 exports.ContainerSM = ContainerSM;
-
 var ContainerXS = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
   return (0, _react.jsx)(Container, (0, _extends2["default"])({
     ref: ref,
     level: 'xs'
   }, props));
 });
-
 exports.ContainerXS = ContainerXS;
-
 var ContainerXXS = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
   return (0, _react.jsx)(Container, (0, _extends2["default"])({
     ref: ref,
     level: 'xxs'
   }, props));
 });
-
 exports.ContainerXXS = ContainerXXS;
 //# sourceMappingURL=Container.js.map

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":"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"}

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,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Content = exports.contentStyle = void 0;
-
+exports.contentStyle = exports.Content = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _sizes = require("./sizes");
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -35,6 +29,7 @@ var _sizes = require("./sizes");
  */
 
 /** @jsx jsx */
+
 var contentStyle = function contentStyle(props) {
   return {
     display: 'flex',
@@ -43,14 +38,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"])({
     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;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAQO,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,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FlexBox = exports.filterFlexBoxProps = exports.flexBoxStyle = void 0;
-
+exports.flexBoxStyle = exports.filterFlexBoxProps = exports.FlexBox = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _util = require("../util");
-
 /*
  * Wire
  * Copyright (C) 2017 Wire Swiss GmbH
@@ -35,15 +29,16 @@ var _util = require("../util");
  */
 
 /** @jsx jsx */
+
 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 +47,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"])({
     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;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAcO,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"));
-
 /*
  * 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;AArBA;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,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Header = exports.headerStyle = void 0;
-
+exports.headerStyle = exports.Header = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -33,6 +28,7 @@ var _react2 = _interopRequireDefault(require("react"));
  */
 
 /** @jsx jsx */
+
 var headerStyle = function headerStyle(props) {
   return {
     alignItems: 'center',
@@ -41,14 +37,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"])({
     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;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAMO,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":""}