@wireapp/react-ui-kit 8.17.3 → 8.17.5

package/src/Identity/colors.js

@@ -1,15 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.COLOR = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _color = _interopRequireDefault(require("color"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var steps = [];
 var percent = 100;
 for (var index = 8; index < percent; index += 8) {
@@ -43,7 +48,7 @@ Object.entries({
   GRAY: BASE_COLOR.GRAY,
   WHITE: BASE_COLOR.WHITE
 }).forEach(function (_ref) {
-  var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+  var _ref2 = _slicedToArray(_ref, 2),
     key = _ref2[0],
     value = _ref2[1];
   steps.forEach(function (step) {
@@ -53,7 +58,7 @@ Object.entries({
   });
 });
 Object.entries(BASE_COLOR).forEach(function (_ref3) {
-  var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+  var _ref4 = _slicedToArray(_ref3, 2),
     key = _ref4[0],
     value = _ref4[1];
   steps.forEach(function (step) {

package/src/Identity/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["steps","percent","index","push","shade","color","amount","Color","mix","BASE_COLOR","BLACK","toString","tint","WHITE","opaque","fade","BLUE","GRAY","GREEN","ORANGE","RED","YELLOW","DARK_COLOR","LIGHT_COLOR","OPAQUE_COLOR","Object","entries","forEach","key","value","step","COMPONENT_COLOR","DISABLED","GRAY_DARKEN_32","ICON","GRAY_DARKEN_72","LINK","TEXT","COLOR"],"sources":["colors.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 Color from 'color';\n\nexport type ColorParam = Color | string | ArrayLike<number> | number | Record<string, any>;\n\nconst steps = [];\nconst percent = 100;\n\nfor (let index = 8; index < percent; index += 8) {\n  steps.push(index);\n}\n\nfunction shade(color: ColorParam, amount = 0.08): string {\n  return Color(color).mix(Color(BASE_COLOR.BLACK), amount).toString();\n}\n\nfunction tint(color: ColorParam, amount: number): string {\n  return Color(color).mix(Color(BASE_COLOR.WHITE), amount).toString();\n}\n\nfunction opaque(color: ColorParam, amount: number): string {\n  return Color(color)\n    .fade(1 - amount)\n    .toString();\n}\n\nconst BASE_COLOR: Record<string, string> = {\n  BLACK: '#000',\n  BLUE: '#0772de',\n  GRAY: '#696c6e',\n  GREEN: '#00c800',\n  ORANGE: '#ff8900',\n  RED: '#e02020',\n  WHITE: '#fff',\n  YELLOW: '#febf02',\n};\n\nconst DARK_COLOR: Record<string, string> = {};\nconst LIGHT_COLOR: Record<string, string> = {};\nconst OPAQUE_COLOR: Record<string, string> = {};\n\nObject.entries({\n  BLACK: BASE_COLOR.BLACK,\n  GRAY: BASE_COLOR.GRAY,\n  WHITE: BASE_COLOR.WHITE,\n}).forEach(([key, value]) => {\n  steps.forEach(step => {\n    const amount = step / percent;\n    DARK_COLOR[`${key}_DARKEN_${step}`] = shade(value, amount);\n    LIGHT_COLOR[`${key}_LIGHTEN_${step}`] = tint(value, amount);\n  });\n});\n\nObject.entries(BASE_COLOR).forEach(([key, value]) => {\n  steps.forEach(step => {\n    const amount = step / percent;\n    OPAQUE_COLOR[`${key}_OPAQUE_${step}`] = opaque(value, amount);\n  });\n});\n\nconst COMPONENT_COLOR = {\n  DISABLED: opaque(DARK_COLOR.GRAY_DARKEN_32, 0.16),\n  ICON: DARK_COLOR.GRAY_DARKEN_72,\n  LINK: DARK_COLOR.GRAY_DARKEN_72,\n  TEXT: DARK_COLOR.GRAY_DARKEN_72,\n};\n\nexport const COLOR: any = {\n  ...BASE_COLOR,\n  ...DARK_COLOR,\n  ...LIGHT_COLOR,\n  ...OPAQUE_COLOR,\n  ...COMPONENT_COLOR,\n  BLACK: BASE_COLOR.BLACK,\n  WHITE: BASE_COLOR.WHITE,\n  opaque,\n  shade,\n  tint,\n};\n"],"mappings":";;;;;;;;;AAmBA;AAA0B;AAAA;AAI1B,IAAMA,KAAK,GAAG,EAAE;AAChB,IAAMC,OAAO,GAAG,GAAG;AAEnB,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGD,OAAO,EAAEC,KAAK,IAAI,CAAC,EAAE;EAC/CF,KAAK,CAACG,IAAI,CAACD,KAAK,CAAC;AACnB;AAEA,SAASE,KAAK,CAACC,KAAiB,EAAyB;EAAA,IAAvBC,MAAM,uEAAG,IAAI;EAC7C,OAAO,IAAAC,iBAAK,EAACF,KAAK,CAAC,CAACG,GAAG,CAAC,IAAAD,iBAAK,EAACE,UAAU,CAACC,KAAK,CAAC,EAAEJ,MAAM,CAAC,CAACK,QAAQ,EAAE;AACrE;AAEA,SAASC,IAAI,CAACP,KAAiB,EAAEC,MAAc,EAAU;EACvD,OAAO,IAAAC,iBAAK,EAACF,KAAK,CAAC,CAACG,GAAG,CAAC,IAAAD,iBAAK,EAACE,UAAU,CAACI,KAAK,CAAC,EAAEP,MAAM,CAAC,CAACK,QAAQ,EAAE;AACrE;AAEA,SAASG,MAAM,CAACT,KAAiB,EAAEC,MAAc,EAAU;EACzD,OAAO,IAAAC,iBAAK,EAACF,KAAK,CAAC,CAChBU,IAAI,CAAC,CAAC,GAAGT,MAAM,CAAC,CAChBK,QAAQ,EAAE;AACf;AAEA,IAAMF,UAAkC,GAAG;EACzCC,KAAK,EAAE,MAAM;EACbM,IAAI,EAAE,SAAS;EACfC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,SAAS;EAChBC,MAAM,EAAE,SAAS;EACjBC,GAAG,EAAE,SAAS;EACdP,KAAK,EAAE,MAAM;EACbQ,MAAM,EAAE;AACV,CAAC;AAED,IAAMC,UAAkC,GAAG,CAAC,CAAC;AAC7C,IAAMC,WAAmC,GAAG,CAAC,CAAC;AAC9C,IAAMC,YAAoC,GAAG,CAAC,CAAC;AAE/CC,MAAM,CAACC,OAAO,CAAC;EACbhB,KAAK,EAAED,UAAU,CAACC,KAAK;EACvBO,IAAI,EAAER,UAAU,CAACQ,IAAI;EACrBJ,KAAK,EAAEJ,UAAU,CAACI;AACpB,CAAC,CAAC,CAACc,OAAO,CAAC,gBAAkB;EAAA;IAAhBC,GAAG;IAAEC,KAAK;EACrB7B,KAAK,CAAC2B,OAAO,CAAC,UAAAG,IAAI,EAAI;IACpB,IAAMxB,MAAM,GAAGwB,IAAI,GAAG7B,OAAO;IAC7BqB,UAAU,WAAIM,GAAG,qBAAWE,IAAI,EAAG,GAAG1B,KAAK,CAACyB,KAAK,EAAEvB,MAAM,CAAC;IAC1DiB,WAAW,WAAIK,GAAG,sBAAYE,IAAI,EAAG,GAAGlB,IAAI,CAACiB,KAAK,EAAEvB,MAAM,CAAC;EAC7D,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFmB,MAAM,CAACC,OAAO,CAACjB,UAAU,CAAC,CAACkB,OAAO,CAAC,iBAAkB;EAAA;IAAhBC,GAAG;IAAEC,KAAK;EAC7C7B,KAAK,CAAC2B,OAAO,CAAC,UAAAG,IAAI,EAAI;IACpB,IAAMxB,MAAM,GAAGwB,IAAI,GAAG7B,OAAO;IAC7BuB,YAAY,WAAII,GAAG,qBAAWE,IAAI,EAAG,GAAGhB,MAAM,CAACe,KAAK,EAAEvB,MAAM,CAAC;EAC/D,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,IAAMyB,eAAe,GAAG;EACtBC,QAAQ,EAAElB,MAAM,CAACQ,UAAU,CAACW,cAAc,EAAE,IAAI,CAAC;EACjDC,IAAI,EAAEZ,UAAU,CAACa,cAAc;EAC/BC,IAAI,EAAEd,UAAU,CAACa,cAAc;EAC/BE,IAAI,EAAEf,UAAU,CAACa;AACnB,CAAC;AAEM,IAAMG,KAAU,2FAClB7B,UAAU,GACVa,UAAU,GACVC,WAAW,GACXC,YAAY,GACZO,eAAe;EAClBrB,KAAK,EAAED,UAAU,CAACC,KAAK;EACvBG,KAAK,EAAEJ,UAAU,CAACI,KAAK;EACvBC,MAAM,EAANA,MAAM;EACNV,KAAK,EAALA,KAAK;EACLQ,IAAI,EAAJA;AAAI,EACL;AAAC"}
+{"version":3,"file":"colors.js","names":["steps","percent","index","push","shade","color","amount","Color","mix","BASE_COLOR","BLACK","toString","tint","WHITE","opaque","fade","BLUE","GRAY","GREEN","ORANGE","RED","YELLOW","DARK_COLOR","LIGHT_COLOR","OPAQUE_COLOR","Object","entries","forEach","key","value","step","COMPONENT_COLOR","DISABLED","GRAY_DARKEN_32","ICON","GRAY_DARKEN_72","LINK","TEXT","COLOR"],"sources":["colors.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 Color from 'color';\n\nexport type ColorParam = Color | string | ArrayLike<number> | number | Record<string, any>;\n\nconst steps = [];\nconst percent = 100;\n\nfor (let index = 8; index < percent; index += 8) {\n  steps.push(index);\n}\n\nfunction shade(color: ColorParam, amount = 0.08): string {\n  return Color(color).mix(Color(BASE_COLOR.BLACK), amount).toString();\n}\n\nfunction tint(color: ColorParam, amount: number): string {\n  return Color(color).mix(Color(BASE_COLOR.WHITE), amount).toString();\n}\n\nfunction opaque(color: ColorParam, amount: number): string {\n  return Color(color)\n    .fade(1 - amount)\n    .toString();\n}\n\nconst BASE_COLOR: Record<string, string> = {\n  BLACK: '#000',\n  BLUE: '#0772de',\n  GRAY: '#696c6e',\n  GREEN: '#00c800',\n  ORANGE: '#ff8900',\n  RED: '#e02020',\n  WHITE: '#fff',\n  YELLOW: '#febf02',\n};\n\nconst DARK_COLOR: Record<string, string> = {};\nconst LIGHT_COLOR: Record<string, string> = {};\nconst OPAQUE_COLOR: Record<string, string> = {};\n\nObject.entries({\n  BLACK: BASE_COLOR.BLACK,\n  GRAY: BASE_COLOR.GRAY,\n  WHITE: BASE_COLOR.WHITE,\n}).forEach(([key, value]) => {\n  steps.forEach(step => {\n    const amount = step / percent;\n    DARK_COLOR[`${key}_DARKEN_${step}`] = shade(value, amount);\n    LIGHT_COLOR[`${key}_LIGHTEN_${step}`] = tint(value, amount);\n  });\n});\n\nObject.entries(BASE_COLOR).forEach(([key, value]) => {\n  steps.forEach(step => {\n    const amount = step / percent;\n    OPAQUE_COLOR[`${key}_OPAQUE_${step}`] = opaque(value, amount);\n  });\n});\n\nconst COMPONENT_COLOR = {\n  DISABLED: opaque(DARK_COLOR.GRAY_DARKEN_32, 0.16),\n  ICON: DARK_COLOR.GRAY_DARKEN_72,\n  LINK: DARK_COLOR.GRAY_DARKEN_72,\n  TEXT: DARK_COLOR.GRAY_DARKEN_72,\n};\n\nexport const COLOR: any = {\n  ...BASE_COLOR,\n  ...DARK_COLOR,\n  ...LIGHT_COLOR,\n  ...OPAQUE_COLOR,\n  ...COMPONENT_COLOR,\n  BLACK: BASE_COLOR.BLACK,\n  WHITE: BASE_COLOR.WHITE,\n  opaque,\n  shade,\n  tint,\n};\n"],"mappings":"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"}

package/src/Identity/motions.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultTransition = exports.EASE = exports.DURATION = exports.ANIMATION = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 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
 
 /**
@@ -32,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,"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;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,oMAO1B;EACDC,MAAM,MAAED,gBAAS,uKAOhB;EACDE,MAAM,MAAEF,gBAAS,gMAOhB;EACDG,eAAe,MAAEH,gBAAS,uMAOzB;EACDI,oBAAoB,MAAEJ,gBAAS;AAQjC,CAAC;AAAC;AAEK,IAAMK,iBAAiB,GAAG,WAAW;AAAC"}
+{"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.js

@@ -1,35 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.boxStyle = exports.Box = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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),
@@ -39,7 +18,7 @@ var boxStyle = function boxStyle(props) {
 };
 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));
 };

package/src/Layout/Box.js.map

@@ -1 +1 @@
-{"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;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAQO,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"}
+{"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.js

@@ -1,38 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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
- *
- * 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']);
 };
@@ -40,7 +19,7 @@ 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"])({
+  return _defineProperty({
     display: 'flex',
     marginLeft: "-".concat(_sizes.GUTTER, "px")
   }, _mediaQueries.media[query], {
@@ -48,7 +27,7 @@ var columnsStyle = function columnsStyle(_ref) {
   });
 };
 var Columns = function Columns(props) {
-  return (0, _react2.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", _extends({
     css: columnsStyle(props)
   }, filterColumnsProps(props)));
 };
@@ -63,7 +42,7 @@ var columnStyle = function columnStyle(props) {
   };
 };
 var Column = function Column(props) {
-  return (0, _react2.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", _extends({
     css: columnStyle(props)
   }, props));
 };

package/src/Layout/Column.js.map

@@ -1 +1 @@
-{"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"}
+{"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.js

@@ -1,38 +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,
@@ -47,7 +26,7 @@ var containerStyle = function containerStyle(_ref) {
     level = _ref$level === void 0 ? undefined : _ref$level,
     _ref$verticalCenter = _ref.verticalCenter,
     verticalCenter = _ref$verticalCenter === void 0 ? false : _ref$verticalCenter;
-  return (0, _defineProperty2["default"])({
+  return _defineProperty({
     margin: verticalCenter ? 'auto' : '0 auto',
     maxWidth: level ? "".concat(LEVEL[level], "px") : undefined,
     position: 'relative',
@@ -62,42 +41,42 @@ 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));

package/src/Layout/Container.js.map

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

package/src/Layout/Content.js

@@ -1,35 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var contentStyle = function contentStyle(props) {
   return {
     display: 'flex',
@@ -40,7 +19,7 @@ var contentStyle = function contentStyle(props) {
 };
 exports.contentStyle = contentStyle;
 var Content = function Content(props) {
-  return (0, _react2.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", _extends({
     css: contentStyle(props)
   }, props));
 };

package/src/Layout/Content.js.map

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

package/src/Layout/FlexBox.js

@@ -1,35 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var flexBoxStyle = function flexBoxStyle(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'flex-start' : _ref$align,
@@ -53,7 +32,7 @@ var filterFlexBoxProps = function filterFlexBoxProps(props) {
 };
 exports.filterFlexBoxProps = filterFlexBoxProps;
 var FlexBox = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     ref: ref,
     css: flexBoxStyle(props)
   }, filterFlexBoxProps(props)));

package/src/Layout/FlexBox.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"FlexBox.js","names":["flexBoxStyle","align","column","justify","flexWrap","alignItems","display","flexDirection","justifyContent","filterFlexBoxProps","props","filterProps","FlexBox","React","forwardRef","ref"],"sources":["FlexBox.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2017 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {Property} from 'csstype';\nimport React from 'react';\n\nimport {filterProps} from '../util';\n\nexport interface FlexBoxProps<T = HTMLDivElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  align?: string;\n  column?: boolean;\n  flexWrap?: Property.FlexWrap;\n  justify?: string;\n}\n\nexport const flexBoxStyle: <T>(props: FlexBoxProps<T>) => CSSObject = ({\n  align = 'flex-start',\n  column = false,\n  justify = 'flex-start',\n  flexWrap = 'nowrap',\n}) => ({\n  alignItems: align,\n  display: 'flex',\n  flexDirection: column ? 'column' : 'row',\n  flexWrap: flexWrap,\n  justifyContent: justify,\n});\n\nexport const filterFlexBoxProps = (props: FlexBoxProps) =>\n  filterProps(props, ['align', 'column', 'justify', 'flexWrap']);\n\nexport const FlexBox: React.FC<FlexBoxProps> = React.forwardRef<HTMLDivElement, FlexBoxProps>((props, ref) => (\n  <div ref={ref} css={flexBoxStyle(props)} {...filterFlexBoxProps(props)} />\n));\n"],"mappings":";;;;;;AAoBA;AAEA;AAEA;AAAoC;AAAA;AAS7B,IAAMA,YAAsD,GAAG,SAAzDA,YAAsD;EAAA,sBACjEC,KAAK;IAALA,KAAK,2BAAG,YAAY;IAAA,mBACpBC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,oBACdC,OAAO;IAAPA,OAAO,6BAAG,YAAY;IAAA,qBACtBC,QAAQ;IAARA,QAAQ,8BAAG,QAAQ;EAAA,OACd;IACLC,UAAU,EAAEJ,KAAK;IACjBK,OAAO,EAAE,MAAM;IACfC,aAAa,EAAEL,MAAM,GAAG,QAAQ,GAAG,KAAK;IACxCE,QAAQ,EAAEA,QAAQ;IAClBI,cAAc,EAAEL;EAClB,CAAC;AAAA,CAAC;AAAC;AAEI,IAAMM,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAmB;EAAA,OACpD,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAAA;AAAC;AAE1D,IAAME,OAA+B,gBAAGC,kBAAK,CAACC,UAAU,CAA+B,UAACJ,KAAK,EAAEK,GAAG;EAAA,OACvG;IAAK,GAAG,EAAEA,GAAI;IAAC,GAAG,EAAEf,YAAY,CAACU,KAAK;EAAE,GAAKD,kBAAkB,CAACC,KAAK,CAAC,EAAI;AAAA,CAC3E,CAAC;AAAC"}

package/src/Layout/Footer.js

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

package/src/Layout/Footer.js.map

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

package/src/Layout/Header.js

@@ -1,34 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var headerStyle = function headerStyle(props) {
   return {
     alignItems: 'center',
@@ -39,7 +18,7 @@ var headerStyle = function headerStyle(props) {
 };
 exports.headerStyle = headerStyle;
 var Header = function Header(props) {
-  return (0, _react.jsx)("header", (0, _extends2["default"])({
+  return (0, _react.jsx)("header", _extends({
     css: headerStyle(props)
   }, props));
 };

package/src/Layout/Header.js.map

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