@wireapp/react-ui-kit 8.17.2 → 8.17.4

package/src/Identity/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Animation = require("./Animation");
-
 Object.keys(_Animation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Animation[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_Animation).forEach(function (key) {
     }
   });
 });
-
 var _Avatar = require("./Avatar");
-
 Object.keys(_Avatar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Avatar[key]) return;
@@ -29,9 +25,7 @@ Object.keys(_Avatar).forEach(function (key) {
     }
   });
 });
-
 var _AvatarGrid = require("./AvatarGrid");
-
 Object.keys(_AvatarGrid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _AvatarGrid[key]) return;
@@ -42,9 +36,7 @@ Object.keys(_AvatarGrid).forEach(function (key) {
     }
   });
 });
-
 var _colors = require("./colors");
-
 Object.keys(_colors).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _colors[key]) return;
@@ -55,9 +47,7 @@ Object.keys(_colors).forEach(function (key) {
     }
   });
 });
-
 var _colorsV = require("./colors-v2");
-
 Object.keys(_colorsV).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _colorsV[key]) return;
@@ -68,9 +58,7 @@ Object.keys(_colorsV).forEach(function (key) {
     }
   });
 });
-
 var _Logo = require("./Logo");
-
 Object.keys(_Logo).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Logo[key]) return;

package/src/Identity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","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\nexport * from './Animation';\nexport * from './Avatar';\nexport * from './AvatarGrid';\nexport * from './colors';\nexport * from './colors-v2';\nexport * from './Logo';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["index.ts"],"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\nexport * from './Animation';\nexport * from './Avatar';\nexport * from './AvatarGrid';\nexport * from './colors';\nexport * from './colors-v2';\nexport * from './Logo';\n"],"mappings":";;;;;AAmBA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/src/Identity/motions.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"motions.d.js"}
+{"version":3,"file":"motions.d.js","names":[],"sources":["motions.d.ts"],"sourcesContent":["/**\n * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.\n */\nexport declare const DURATION: {\n    DEFAULT: number;\n    EXTRA_LONG: number;\n    PROACTIVE_FAST: number;\n    PROACTIVE_SLOW: number;\n    SYSTEM: number;\n};\n/**\n * The rule of thumb is using Quart Out when animating only the object's opacity,\n * otherwise use Expo Out ease.\n */\nexport declare const EASE: {\n    EXPONENTIAL: string;\n    QUART: string;\n};\nexport declare const ANIMATION: {\n    bottomUpMovement: import(\"@emotion/serialize\").Keyframes;\n    fadeIn: import(\"@emotion/serialize\").Keyframes;\n    rotate: import(\"@emotion/serialize\").Keyframes;\n    topDownMovement: import(\"@emotion/serialize\").Keyframes;\n    topDownMovementLight: import(\"@emotion/serialize\").Keyframes;\n};\nexport declare const defaultTransition = \"all 0.24s\";\n"],"mappings":""}

package/src/Identity/motions.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultTransition = exports.ANIMATION = exports.EASE = exports.DURATION = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
+exports.defaultTransition = exports.EASE = exports.DURATION = exports.ANIMATION = void 0;
 var _react = require("@emotion/react");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 // https://motion.wire.com/_guidelines_/rules.html
 
 /**
@@ -25,11 +19,11 @@ var DURATION = {
   PROACTIVE_SLOW: 350,
   SYSTEM: 700
 };
+
 /**
  * The rule of thumb is using Quart Out when animating only the object's opacity,
  * otherwise use Expo Out ease.
  */
-
 exports.DURATION = DURATION;
 var EASE = {
   EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',
@@ -37,11 +31,11 @@ var EASE = {
 };
 exports.EASE = EASE;
 var ANIMATION = {
-  bottomUpMovement: (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
-  fadeIn: (0, _react.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  "]))),
-  rotate: (0, _react.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  "]))),
-  topDownMovement: (0, _react.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
-  topDownMovementLight: (0, _react.keyframes)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "])))
+  bottomUpMovement: (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
+  fadeIn: (0, _react.keyframes)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  "]))),
+  rotate: (0, _react.keyframes)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  "]))),
+  topDownMovement: (0, _react.keyframes)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
+  topDownMovementLight: (0, _react.keyframes)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "])))
 };
 exports.ANIMATION = ANIMATION;
 var defaultTransition = 'all 0.24s';

package/src/Identity/motions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["motions.ts"],"names":["DURATION","DEFAULT","EXTRA_LONG","PROACTIVE_FAST","PROACTIVE_SLOW","SYSTEM","EASE","EXPONENTIAL","QUART","ANIMATION","bottomUpMovement","keyframes","fadeIn","rotate","topDownMovement","topDownMovementLight","defaultTransition"],"mappings":";;;;;;;;;;;AAmBA;;;;AAEA;;AAEA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG;AACtBC,EAAAA,OAAO,EAAE,GADa;AAEtBC,EAAAA,UAAU,EAAE,IAFU;AAGtBC,EAAAA,cAAc,EAAE,GAHM;AAItBC,EAAAA,cAAc,EAAE,GAJM;AAKtBC,EAAAA,MAAM,EAAE;AALc,CAAjB;AAQP;AACA;AACA;AACA;;;AACO,IAAMC,IAAI,GAAG;AAClBC,EAAAA,WAAW,EAAE,gCADK;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAAb;;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,gBAAgB,MAAEC,gBAAF,oMADO;AASvBC,EAAAA,MAAM,MAAED,gBAAF,uKATiB;AAiBvBE,EAAAA,MAAM,MAAEF,gBAAF,gMAjBiB;AAyBvBG,EAAAA,eAAe,MAAEH,gBAAF,uMAzBQ;AAiCvBI,EAAAA,oBAAoB,MAAEJ,gBAAF;AAjCG,CAAlB;;AA2CA,IAAMK,iBAAiB,GAAG,WAA1B","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\nimport {keyframes} from '@emotion/react';\n\n// https://motion.wire.com/_guidelines_/rules.html\n\n/**\n * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.\n */\nexport const DURATION = {\n  DEFAULT: 550,\n  EXTRA_LONG: 2400,\n  PROACTIVE_FAST: 150,\n  PROACTIVE_SLOW: 350,\n  SYSTEM: 700,\n};\n\n/**\n * The rule of thumb is using Quart Out when animating only the object's opacity,\n * otherwise use Expo Out ease.\n */\nexport const EASE = {\n  EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  QUART: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n};\n\nexport const ANIMATION = {\n  bottomUpMovement: keyframes`\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  fadeIn: keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `,\n  rotate: keyframes`\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  `,\n  topDownMovement: keyframes`\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  topDownMovementLight: keyframes`\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n};\n\nexport const defaultTransition = 'all 0.24s';\n"],"file":"motions.js"}
+{"version":3,"file":"motions.js","names":["DURATION","DEFAULT","EXTRA_LONG","PROACTIVE_FAST","PROACTIVE_SLOW","SYSTEM","EASE","EXPONENTIAL","QUART","ANIMATION","bottomUpMovement","keyframes","fadeIn","rotate","topDownMovement","topDownMovementLight","defaultTransition"],"sources":["motions.ts"],"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\nimport {keyframes} from '@emotion/react';\n\n// https://motion.wire.com/_guidelines_/rules.html\n\n/**\n * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.\n */\nexport const DURATION = {\n  DEFAULT: 550,\n  EXTRA_LONG: 2400,\n  PROACTIVE_FAST: 150,\n  PROACTIVE_SLOW: 350,\n  SYSTEM: 700,\n};\n\n/**\n * The rule of thumb is using Quart Out when animating only the object's opacity,\n * otherwise use Expo Out ease.\n */\nexport const EASE = {\n  EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  QUART: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n};\n\nexport const ANIMATION = {\n  bottomUpMovement: keyframes`\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  fadeIn: keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `,\n  rotate: keyframes`\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  `,\n  topDownMovement: keyframes`\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  topDownMovementLight: keyframes`\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n};\n\nexport const defaultTransition = 'all 0.24s';\n"],"mappings":";;;;;;AAmBA;AAAyC;AAAA;AAEzC;;AAEA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG;EACtBC,OAAO,EAAE,GAAG;EACZC,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,GAAG;EACnBC,cAAc,EAAE,GAAG;EACnBC,MAAM,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AAHA;AAIO,IAAMC,IAAI,GAAG;EAClBC,WAAW,EAAE,gCAAgC;EAC7CC,KAAK,EAAE;AACT,CAAC;AAAC;AAEK,IAAMC,SAAS,GAAG;EACvBC,gBAAgB,MAAEC,gBAAS,mLAO1B;EACDC,MAAM,MAAED,gBAAS,sJAOhB;EACDE,MAAM,MAAEF,gBAAS,+KAOhB;EACDG,eAAe,MAAEH,gBAAS,sLAOzB;EACDI,oBAAoB,MAAEJ,gBAAS;AAQjC,CAAC;AAAC;AAEK,IAAMK,iBAAiB,GAAG,WAAW;AAAC"}

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

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

package/src/Layout/Box.js

@@ -1,40 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Box = exports.boxStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+exports.boxStyle = exports.Box = void 0;
 var _react = require("@emotion/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _Identity = require("../Identity");
-
-/*
- * 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 boxStyle = function boxStyle(props) {
   return {
     border: "2px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_72),
@@ -42,14 +16,11 @@ var boxStyle = function boxStyle(props) {
     padding: '16px 32px'
   };
 };
-
 exports.boxStyle = boxStyle;
-
 var Box = function Box(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     css: boxStyle(props)
   }, props));
 };
-
 exports.Box = Box;
 //# sourceMappingURL=Box.js.map

package/src/Layout/Box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Box.tsx"],"names":["boxStyle","props","border","COLOR","GRAY_LIGHTEN_72","borderRadius","padding","Box"],"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,QAA8C,GAAG,SAAjDA,QAAiD,CAAAC,KAAK;AAAA,SAAK;AACtEC,IAAAA,MAAM,sBAAeC,gBAAMC,eAArB,CADgE;AAEtEC,IAAAA,YAAY,EAAE,KAFwD;AAGtEC,IAAAA,OAAO,EAAE;AAH6D,GAAL;AAAA,CAA5D;;;;AAMA,IAAMC,GAAG,GAAG,SAANA,GAAM,CAACN,KAAD;AAAA,SAAqB;AAAK,IAAA,GAAG,EAAED,QAAQ,CAACC,KAAD;AAAlB,KAA+BA,KAA/B,EAArB;AAAA,CAAZ","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 {COLOR} from '../Identity';\n\nexport type BoxProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const boxStyle: <T>(props: BoxProps<T>) => CSSObject = props => ({\n  border: `2px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  borderRadius: '8px',\n  padding: '16px 32px',\n});\n\nexport const Box = (props: BoxProps) => <div css={boxStyle(props)} {...props} />;\n"],"file":"Box.js"}
+{"version":3,"file":"Box.js","names":["boxStyle","props","border","COLOR","GRAY_LIGHTEN_72","borderRadius","padding","Box"],"sources":["Box.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 {COLOR} from '../Identity';\n\nexport type BoxProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const boxStyle: <T>(props: BoxProps<T>) => CSSObject = props => ({\n  border: `2px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  borderRadius: '8px',\n  padding: '16px 32px',\n});\n\nexport const Box = (props: BoxProps) => <div css={boxStyle(props)} {...props} />;\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AAAkC;AAAA;AAI3B,IAAMA,QAA8C,GAAG,SAAjDA,QAA8C,CAAGC,KAAK;EAAA,OAAK;IACtEC,MAAM,sBAAeC,eAAK,CAACC,eAAe,CAAE;IAC5CC,YAAY,EAAE,KAAK;IACnBC,OAAO,EAAE;EACX,CAAC;AAAA,CAAC;AAAC;AAEI,IAAMC,GAAG,GAAG,SAANA,GAAG,CAAIN,KAAe;EAAA,OAAK;IAAK,GAAG,EAAED,QAAQ,CAACC,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Column.d.js"}
+{"version":3,"file":"Column.d.js","names":[],"sources":["Column.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport React from 'react';\nimport { jsx } from '@emotion/react';\nimport { QueryKeys } from '../mediaQueries';\nexport interface ColumnsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    query?: QueryKeys;\n}\nexport declare const filterColumnsProps: (props: ColumnsProps) => Object;\nexport declare const Columns: (props: ColumnsProps) => jsx.JSX.Element;\nexport declare type ColumnProps<T = HTMLDivElement> = React.HTMLProps<T>;\nexport declare const Column: (props: ColumnProps<HTMLDivElement>) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/Column.js

@@ -1,71 +1,37 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Column = exports.Columns = exports.filterColumnsProps = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
+exports.filterColumnsProps = exports.Columns = exports.Column = void 0;
 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
- *
- * 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); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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;
-  return (0, _defineProperty2["default"])({
+    query = _ref$query === void 0 ? _mediaQueries.QueryKeys.MOBILE : _ref$query;
+  return _defineProperty({
     display: 'flex',
     marginLeft: "-".concat(_sizes.GUTTER, "px")
   }, _mediaQueries.media[query], {
     flexDirection: 'column'
   });
 };
-
 var Columns = function Columns(props) {
-  return (0, _react2.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", _extends({
     css: columnsStyle(props)
   }, filterColumnsProps(props)));
 };
-
 exports.Columns = Columns;
-
 var columnStyle = function columnStyle(props) {
   return {
     display: 'block',
@@ -75,12 +41,10 @@ var columnStyle = function columnStyle(props) {
     marginLeft: "".concat(_sizes.GUTTER, "px")
   };
 };
-
 var Column = function Column(props) {
-  return (0, _react2.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", _extends({
     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;AAA+B;AAAA;AAAA;AAMxB,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,46 +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
- *
- * 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); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var LEVEL = {
   lg: _sizes.WIDTH.DESKTOP_MAX,
   md: _sizes.WIDTH.TABLET_MAX,
@@ -48,15 +19,14 @@ 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;
-  return (0, _defineProperty2["default"])({
+    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 _defineProperty({
     margin: verticalCenter ? 'auto' : '0 auto',
     maxWidth: level ? "".concat(LEVEL[level], "px") : undefined,
     position: 'relative',
@@ -67,62 +37,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"])({
+  return (0, _react.jsx)("div", _extends({
     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"])({
+  return (0, _react.jsx)(Container, _extends({
     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"])({
+  return (0, _react.jsx)(Container, _extends({
     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"])({
+  return (0, _react.jsx)(Container, _extends({
     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"])({
+  return (0, _react.jsx)(Container, _extends({
     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"])({
+  return (0, _react.jsx)(Container, _extends({
     ref: ref,
     level: 'xxs'
   }, props));
 });
-
 exports.ContainerXXS = ContainerXXS;
 //# sourceMappingURL=Container.js.map