@wireapp/react-ui-kit 8.13.9 → 8.14.1

package/src/GlobalCssVariables.js

@@ -1,12 +1,4 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GlobalCssVariables = void 0;
-
-var _Identity = require("./Identity");
-
 /*
  * Wire
  * Copyright (C) 2022 Wire Swiss GmbH
@@ -25,108 +17,99 @@ var _Identity = require("./Identity");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
-/** @jsx jsx */
-var light = function light() {
-  return {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalCssVariables = void 0;
+const Identity_1 = require("./Identity");
+const light = () => ({
     // Checkbox
-    '--checkbox-background': _Identity.COLOR_V2.GRAY_20,
-    '--checkbox-background-disabled': _Identity.COLOR_V2.GRAY_10,
-    '--checkbox-background-disabled-selected': _Identity.COLOR_V2.GRAY_60,
-    '--checkbox-border': _Identity.COLOR_V2.GRAY_80,
-    '--checkbox-border-disabled': _Identity.COLOR_V2.GRAY_70,
+    '--checkbox-background': Identity_1.COLOR_V2.GRAY_20,
+    '--checkbox-background-disabled': Identity_1.COLOR_V2.GRAY_10,
+    '--checkbox-background-disabled-selected': Identity_1.COLOR_V2.GRAY_60,
+    '--checkbox-border': Identity_1.COLOR_V2.GRAY_80,
+    '--checkbox-border-disabled': Identity_1.COLOR_V2.GRAY_70,
     // Icon Button
-    '--icon-button-primary-enabled-bg': _Identity.COLOR.WHITE,
-    '--icon-button-primary-hover-bg': _Identity.COLOR_V2.GRAY_20,
-    '--icon-button-primary-border': _Identity.COLOR_V2.GRAY_40,
-    '--icon-button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_20,
-    '--icon-button-primary-disabled-border': _Identity.COLOR_V2.GRAY_40,
-    '--icon-button-primary-hover-border': _Identity.COLOR_V2.GRAY_50,
+    '--icon-button-primary-enabled-bg': Identity_1.COLOR.WHITE,
+    '--icon-button-primary-hover-bg': Identity_1.COLOR_V2.GRAY_20,
+    '--icon-button-primary-border': Identity_1.COLOR_V2.GRAY_40,
+    '--icon-button-primary-disabled-bg': Identity_1.COLOR_V2.GRAY_20,
+    '--icon-button-primary-disabled-border': Identity_1.COLOR_V2.GRAY_40,
+    '--icon-button-primary-hover-border': Identity_1.COLOR_V2.GRAY_50,
     // Button
-    '--button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_50,
-    '--button-primary-disabled-text': _Identity.COLOR_V2.GRAY_80,
-    '--button-tertiary-bg': _Identity.COLOR.WHITE,
-    '--button-tertiary-border': _Identity.COLOR_V2.GRAY_40,
-    '--button-tertiary-hover-bg': _Identity.COLOR_V2.GRAY_20,
-    '--button-tertiary-hover-border': _Identity.COLOR_V2.GRAY_50,
-    '--button-tertiary-disabled-bg': _Identity.COLOR_V2.GRAY_20,
+    '--button-primary-disabled-bg': Identity_1.COLOR_V2.GRAY_50,
+    '--button-primary-disabled-text': Identity_1.COLOR_V2.GRAY_80,
+    '--button-tertiary-bg': Identity_1.COLOR.WHITE,
+    '--button-tertiary-border': Identity_1.COLOR_V2.GRAY_40,
+    '--button-tertiary-hover-bg': Identity_1.COLOR_V2.GRAY_20,
+    '--button-tertiary-hover-border': Identity_1.COLOR_V2.GRAY_50,
+    '--button-tertiary-disabled-bg': Identity_1.COLOR_V2.GRAY_20,
     '--button-tertiary-disabled-border': 'transparent',
     // Inputs
-    '--text-input-background': _Identity.COLOR.WHITE,
-    '--text-input-border': _Identity.COLOR_V2.GRAY_40,
-    '--text-input-border-hover': _Identity.COLOR_V2.GRAY_60,
-    '--text-input-placeholder': _Identity.COLOR_V2.GRAY_70,
-    '--text-input-disabled': _Identity.COLOR_V2.GRAY_20,
-    '--text-input-label': _Identity.COLOR_V2.GRAY_80,
+    '--text-input-background': Identity_1.COLOR.WHITE,
+    '--text-input-border': Identity_1.COLOR_V2.GRAY_40,
+    '--text-input-border-hover': Identity_1.COLOR_V2.GRAY_60,
+    '--text-input-placeholder': Identity_1.COLOR_V2.GRAY_70,
+    '--text-input-disabled': Identity_1.COLOR_V2.GRAY_20,
+    '--text-input-label': Identity_1.COLOR_V2.GRAY_80,
     // Select
-    '--select-focused-description': _Identity.COLOR_V2.WHITE,
+    '--select-focused-description': Identity_1.COLOR_V2.WHITE,
     // General
-    '--danger-color': _Identity.COLOR_V2.RED_LIGHT_500,
-    '--app-bg': _Identity.COLOR_V2.GRAY_10,
-    '--main-color': _Identity.COLOR.BLACK
-  };
-};
-
-var dark = function dark() {
-  return {
+    '--danger-color': Identity_1.COLOR_V2.RED_LIGHT_500,
+    '--app-bg': Identity_1.COLOR_V2.GRAY_10,
+    '--main-color': Identity_1.COLOR.BLACK,
+});
+const dark = () => ({
     // Checkbox
-    '--checkbox-background': _Identity.COLOR_V2.GRAY_90,
-    '--checkbox-background-disabled': _Identity.COLOR_V2.GRAY_90,
-    '--checkbox-background-disabled-selected': _Identity.COLOR_V2.GRAY_80,
-    '--checkbox-border': _Identity.COLOR_V2.GRAY_60,
-    '--checkbox-border-disabled': _Identity.COLOR_V2.GRAY_60,
+    '--checkbox-background': Identity_1.COLOR_V2.GRAY_90,
+    '--checkbox-background-disabled': Identity_1.COLOR_V2.GRAY_90,
+    '--checkbox-background-disabled-selected': Identity_1.COLOR_V2.GRAY_80,
+    '--checkbox-border': Identity_1.COLOR_V2.GRAY_60,
+    '--checkbox-border-disabled': Identity_1.COLOR_V2.GRAY_60,
     // Icon Button
-    '--icon-button-primary-enabled-bg': _Identity.COLOR_V2.GRAY_90,
-    '--icon-button-primary-hover-bg': _Identity.COLOR_V2.GRAY_80,
-    '--icon-button-primary-border': _Identity.COLOR_V2.GRAY_100,
-    '--icon-button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_95,
-    '--icon-button-primary-disabled-border': _Identity.COLOR_V2.GRAY_90,
-    '--icon-button-primary-hover-border': _Identity.COLOR_V2.GRAY_70,
+    '--icon-button-primary-enabled-bg': Identity_1.COLOR_V2.GRAY_90,
+    '--icon-button-primary-hover-bg': Identity_1.COLOR_V2.GRAY_80,
+    '--icon-button-primary-border': Identity_1.COLOR_V2.GRAY_100,
+    '--icon-button-primary-disabled-bg': Identity_1.COLOR_V2.GRAY_95,
+    '--icon-button-primary-disabled-border': Identity_1.COLOR_V2.GRAY_90,
+    '--icon-button-primary-hover-border': Identity_1.COLOR_V2.GRAY_70,
     // Button
-    '--button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_70,
-    '--button-primary-disabled-text': _Identity.COLOR.BLACK,
-    '--button-tertiary-bg': _Identity.COLOR_V2.GRAY_90,
-    '--button-tertiary-border': _Identity.COLOR_V2.GRAY_100,
-    '--button-tertiary-hover-bg': _Identity.COLOR_V2.GRAY_80,
-    '--button-tertiary-hover-border': _Identity.COLOR_V2.GRAY_80,
-    '--button-tertiary-disabled-bg': _Identity.COLOR_V2.GRAY_95,
+    '--button-primary-disabled-bg': Identity_1.COLOR_V2.GRAY_70,
+    '--button-primary-disabled-text': Identity_1.COLOR.BLACK,
+    '--button-tertiary-bg': Identity_1.COLOR_V2.GRAY_90,
+    '--button-tertiary-border': Identity_1.COLOR_V2.GRAY_100,
+    '--button-tertiary-hover-bg': Identity_1.COLOR_V2.GRAY_80,
+    '--button-tertiary-hover-border': Identity_1.COLOR_V2.GRAY_80,
+    '--button-tertiary-disabled-bg': Identity_1.COLOR_V2.GRAY_95,
     '--button-tertiary-disabled-border': 'transparent',
     // Inputs
-    '--text-input-background': _Identity.COLOR.BLACK,
-    '--text-input-border': _Identity.COLOR_V2.GRAY_80,
-    '--text-input-border-hover': _Identity.COLOR_V2.GRAY_40,
-    '--text-input-placeholder': _Identity.COLOR_V2.GRAY_60,
-    '--text-input-disabled': _Identity.COLOR_V2.GRAY_100,
-    '--text-input-label': _Identity.COLOR_V2.GRAY_40,
+    '--text-input-background': Identity_1.COLOR.BLACK,
+    '--text-input-border': Identity_1.COLOR_V2.GRAY_80,
+    '--text-input-border-hover': Identity_1.COLOR_V2.GRAY_40,
+    '--text-input-placeholder': Identity_1.COLOR_V2.GRAY_60,
+    '--text-input-disabled': Identity_1.COLOR_V2.GRAY_100,
+    '--text-input-label': Identity_1.COLOR_V2.GRAY_40,
     // Select
-    '--select-focused-description': _Identity.COLOR_V2.GRAY_40,
+    '--select-focused-description': Identity_1.COLOR_V2.GRAY_40,
     // General
-    '--danger-color': _Identity.COLOR_V2.RED_DARK_500,
-    '--app-bg': _Identity.COLOR_V2.GRAY_95,
-    '--main-color': _Identity.COLOR.WHITE
-  };
-};
-
-var accentColors = function accentColors() {
-  return {
-    '--accent-color': _Identity.COLOR_V2.BLUE_LIGHT_500,
-    '--accent-color-highlight': _Identity.COLOR_V2.BLUE_LIGHT_50,
-    '--accent-color-highlight-inversed': _Identity.COLOR_V2.BLUE_LIGHT_800,
-    '--accent-color-border': _Identity.COLOR_V2.BLUE_LIGHT_500,
-    '--accent-color-focus': _Identity.COLOR_V2.BLUE_LIGHT_400,
-    '--icon-primary-active-fill': _Identity.COLOR_V2.BLUE_LIGHT_500,
+    '--danger-color': Identity_1.COLOR_V2.RED_DARK_500,
+    '--app-bg': Identity_1.COLOR_V2.GRAY_95,
+    '--main-color': Identity_1.COLOR.WHITE,
+});
+const accentColors = () => ({
+    '--accent-color': Identity_1.COLOR_V2.BLUE_LIGHT_500,
+    '--accent-color-highlight': Identity_1.COLOR_V2.BLUE_LIGHT_50,
+    '--accent-color-highlight-inversed': Identity_1.COLOR_V2.BLUE_LIGHT_800,
+    '--accent-color-border': Identity_1.COLOR_V2.BLUE_LIGHT_500,
+    '--accent-color-focus': Identity_1.COLOR_V2.BLUE_LIGHT_400,
+    '--icon-primary-active-fill': Identity_1.COLOR_V2.BLUE_LIGHT_500,
     '--icon-secondary-active-border': 'transparent',
-    '--button-primary-hover': _Identity.COLOR_V2.BLUE_LIGHT_600,
-    '--button-primary-active': _Identity.COLOR_V2.BLUE_LIGHT_700,
-    '--button-primary-active-border': _Identity.COLOR_V2.BLUE_LIGHT_700,
-    '--button-primary-focus-border': _Identity.COLOR_V2.BLUE_LIGHT_700
-  };
-};
-
-var GlobalCssVariables = {
-  light: light,
-  dark: dark,
-  accentColors: accentColors
+    '--button-primary-hover': Identity_1.COLOR_V2.BLUE_LIGHT_600,
+    '--button-primary-active': Identity_1.COLOR_V2.BLUE_LIGHT_700,
+    '--button-primary-active-border': Identity_1.COLOR_V2.BLUE_LIGHT_700,
+    '--button-primary-focus-border': Identity_1.COLOR_V2.BLUE_LIGHT_700,
+});
+exports.GlobalCssVariables = {
+    light,
+    dark,
+    accentColors,
 };
-exports.GlobalCssVariables = GlobalCssVariables;
 //# sourceMappingURL=GlobalCssVariables.js.map

package/src/GlobalCssVariables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GlobalCssVariables.tsx"],"names":["light","COLOR_V2","GRAY_20","GRAY_10","GRAY_60","GRAY_80","GRAY_70","COLOR","WHITE","GRAY_40","GRAY_50","RED_LIGHT_500","BLACK","dark","GRAY_90","GRAY_100","GRAY_95","RED_DARK_500","accentColors","BLUE_LIGHT_500","BLUE_LIGHT_50","BLUE_LIGHT_800","BLUE_LIGHT_400","BLUE_LIGHT_600","BLUE_LIGHT_700","GlobalCssVariables"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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} from '@emotion/react';\nimport {COLOR, COLOR_V2} from './Identity';\n\nconst light: () => CSSObject = () => ({\n  // Checkbox\n  '--checkbox-background': COLOR_V2.GRAY_20,\n  '--checkbox-background-disabled': COLOR_V2.GRAY_10,\n  '--checkbox-background-disabled-selected': COLOR_V2.GRAY_60,\n  '--checkbox-border': COLOR_V2.GRAY_80,\n  '--checkbox-border-disabled': COLOR_V2.GRAY_70,\n\n  // Icon Button\n  '--icon-button-primary-enabled-bg': COLOR.WHITE,\n  '--icon-button-primary-hover-bg': COLOR_V2.GRAY_20,\n  '--icon-button-primary-border': COLOR_V2.GRAY_40,\n  '--icon-button-primary-disabled-bg': COLOR_V2.GRAY_20,\n  '--icon-button-primary-disabled-border': COLOR_V2.GRAY_40,\n  '--icon-button-primary-hover-border': COLOR_V2.GRAY_50,\n\n  // Button\n  '--button-primary-disabled-bg': COLOR_V2.GRAY_50,\n  '--button-primary-disabled-text': COLOR_V2.GRAY_80,\n\n  '--button-tertiary-bg': COLOR.WHITE,\n  '--button-tertiary-border': COLOR_V2.GRAY_40,\n  '--button-tertiary-hover-bg': COLOR_V2.GRAY_20,\n  '--button-tertiary-hover-border': COLOR_V2.GRAY_50,\n  '--button-tertiary-disabled-bg': COLOR_V2.GRAY_20,\n  '--button-tertiary-disabled-border': 'transparent',\n\n  // Inputs\n  '--text-input-background': COLOR.WHITE,\n  '--text-input-border': COLOR_V2.GRAY_40,\n  '--text-input-border-hover': COLOR_V2.GRAY_60,\n  '--text-input-placeholder': COLOR_V2.GRAY_70,\n  '--text-input-disabled': COLOR_V2.GRAY_20,\n  '--text-input-label': COLOR_V2.GRAY_80,\n\n  // Select\n  '--select-focused-description': COLOR_V2.WHITE,\n\n  // General\n  '--danger-color': COLOR_V2.RED_LIGHT_500,\n  '--app-bg': COLOR_V2.GRAY_10,\n  '--main-color': COLOR.BLACK,\n});\n\nconst dark: () => CSSObject = () => ({\n  // Checkbox\n  '--checkbox-background': COLOR_V2.GRAY_90,\n  '--checkbox-background-disabled': COLOR_V2.GRAY_90,\n  '--checkbox-background-disabled-selected': COLOR_V2.GRAY_80,\n  '--checkbox-border': COLOR_V2.GRAY_60,\n  '--checkbox-border-disabled': COLOR_V2.GRAY_60,\n\n  // Icon Button\n  '--icon-button-primary-enabled-bg': COLOR_V2.GRAY_90,\n  '--icon-button-primary-hover-bg': COLOR_V2.GRAY_80,\n  '--icon-button-primary-border': COLOR_V2.GRAY_100,\n  '--icon-button-primary-disabled-bg': COLOR_V2.GRAY_95,\n  '--icon-button-primary-disabled-border': COLOR_V2.GRAY_90,\n  '--icon-button-primary-hover-border': COLOR_V2.GRAY_70,\n\n  // Button\n  '--button-primary-disabled-bg': COLOR_V2.GRAY_70,\n  '--button-primary-disabled-text': COLOR.BLACK,\n\n  '--button-tertiary-bg': COLOR_V2.GRAY_90,\n  '--button-tertiary-border': COLOR_V2.GRAY_100,\n  '--button-tertiary-hover-bg': COLOR_V2.GRAY_80,\n  '--button-tertiary-hover-border': COLOR_V2.GRAY_80,\n  '--button-tertiary-disabled-bg': COLOR_V2.GRAY_95,\n  '--button-tertiary-disabled-border': 'transparent',\n\n  // Inputs\n  '--text-input-background': COLOR.BLACK,\n  '--text-input-border': COLOR_V2.GRAY_80,\n  '--text-input-border-hover': COLOR_V2.GRAY_40,\n  '--text-input-placeholder': COLOR_V2.GRAY_60,\n  '--text-input-disabled': COLOR_V2.GRAY_100,\n  '--text-input-label': COLOR_V2.GRAY_40,\n\n  // Select\n  '--select-focused-description': COLOR_V2.GRAY_40,\n\n  // General\n  '--danger-color': COLOR_V2.RED_DARK_500,\n  '--app-bg': COLOR_V2.GRAY_95,\n  '--main-color': COLOR.WHITE,\n});\n\nconst accentColors: () => CSSObject = () => ({\n  '--accent-color': COLOR_V2.BLUE_LIGHT_500,\n  '--accent-color-highlight': COLOR_V2.BLUE_LIGHT_50,\n  '--accent-color-highlight-inversed': COLOR_V2.BLUE_LIGHT_800,\n  '--accent-color-border': COLOR_V2.BLUE_LIGHT_500,\n  '--accent-color-focus': COLOR_V2.BLUE_LIGHT_400,\n  '--icon-primary-active-fill': COLOR_V2.BLUE_LIGHT_500,\n  '--icon-secondary-active-border': 'transparent',\n  '--button-primary-hover': COLOR_V2.BLUE_LIGHT_600,\n  '--button-primary-active': COLOR_V2.BLUE_LIGHT_700,\n  '--button-primary-active-border': COLOR_V2.BLUE_LIGHT_700,\n  '--button-primary-focus-border': COLOR_V2.BLUE_LIGHT_700,\n});\n\nexport const GlobalCssVariables = {\n  light,\n  dark,\n  accentColors,\n};\n"],"file":"GlobalCssVariables.js"}
+{"version":3,"file":"GlobalCssVariables.js","sourceRoot":"","sources":["GlobalCssVariables.tsx"],"names":[],"mappings":"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"}

package/src/GlobalStyle.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { Theme } from './Layout';
+import { Theme } from './Layout';
 export declare const GlobalStyle: import("react").FC<Pick<{
     theme: Theme;
 }, never> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }>;

package/src/GlobalStyle.js

@@ -1,66 +1,51 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.GlobalStyle = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = require("@emotion/react");
-
-var _emotionNormalize = _interopRequireDefault(require("emotion-normalize"));
-
-var _GlobalCssVariables = require("./GlobalCssVariables");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var globalStyles = function globalStyles(theme) {
-  return {
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const emotion_normalize_1 = require("emotion-normalize");
+const GlobalCssVariables_1 = require("./GlobalCssVariables");
+const globalStyles = (theme) => ({
     '*': {
-      boxSizing: 'border-box'
+        boxSizing: 'border-box',
     },
     'b, strong': {
-      fontWeight: 600
+        fontWeight: 600,
     },
-    body: _objectSpread(_objectSpread({}, _GlobalCssVariables.GlobalCssVariables.accentColors()), {}, {
-      MozOsxFontSmoothing: 'grayscale',
-      WebkitFontSmoothing: 'antialiased',
-      background: theme.general.backgroundColor,
-      color: theme.general.color,
-      display: 'flex',
-      flexDirection: 'column',
-      fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif',
-      fontWeight: 300,
-      lineHeight: 1.5,
-      minHeight: '100vh',
-      transition: 'background 0.15s'
-    }),
-    'body, body.theme-default': _objectSpread({}, _GlobalCssVariables.GlobalCssVariables.light()),
-    'body.theme-dark': _objectSpread({}, _GlobalCssVariables.GlobalCssVariables.dark()),
+    body: Object.assign(Object.assign({}, GlobalCssVariables_1.GlobalCssVariables.accentColors()), { MozOsxFontSmoothing: 'grayscale', WebkitFontSmoothing: 'antialiased', background: theme.general.backgroundColor, color: theme.general.color, display: 'flex', flexDirection: 'column', fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif', fontWeight: 300, lineHeight: 1.5, minHeight: '100vh', transition: 'background 0.15s' }),
+    'body, body.theme-default': Object.assign({}, GlobalCssVariables_1.GlobalCssVariables.light()),
+    'body.theme-dark': Object.assign({}, GlobalCssVariables_1.GlobalCssVariables.dark()),
     html: {
-      background: theme.general.backgroundColor,
-      transition: 'background 0.15s'
+        background: theme.general.backgroundColor,
+        transition: 'background 0.15s',
     },
     p: {
-      marginTop: 0
-    }
-  };
-};
-
-var globalStyle = function globalStyle(theme) {
-  return /*#__PURE__*/(0, _react.css)(_emotionNormalize["default"], " ", globalStyles(theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:globalStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbFN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RHlDIiwiZmlsZSI6Ikdsb2JhbFN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7R2xvYmFsLCBDU1NPYmplY3QsIGNzcywganN4LCB3aXRoVGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCB7R2xvYmFsQ3NzVmFyaWFibGVzfSBmcm9tICcuL0dsb2JhbENzc1ZhcmlhYmxlcyc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi9MYXlvdXQnO1xuXG5jb25zdCBnbG9iYWxTdHlsZXM6ICh0aGVtZTogVGhlbWUpID0+IENTU09iamVjdCA9ICh0aGVtZTogVGhlbWUpID0+ICh7XG4gICcqJzoge1xuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICB9LFxuICAnYiwgc3Ryb25nJzoge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcbiAgYm9keToge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5hY2NlbnRDb2xvcnMoKSxcbiAgICBNb3pPc3hGb250U21vb3RoaW5nOiAnZ3JheXNjYWxlJyxcbiAgICBXZWJraXRGb250U21vb3RoaW5nOiAnYW50aWFsaWFzZWQnLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBmb250RmFtaWx5OiAnLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBTZWdvZSBVSSwgUm9ib3RvLCBIZWx2ZXRpY2EgTmV1ZSwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZicsXG4gICAgZm9udFdlaWdodDogMzAwLFxuICAgIGxpbmVIZWlnaHQ6IDEuNSxcbiAgICBtaW5IZWlnaHQ6ICcxMDB2aCcsXG4gICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQgMC4xNXMnLFxuICB9LFxuICAnYm9keSwgYm9keS50aGVtZS1kZWZhdWx0Jzoge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5saWdodCgpLFxuICB9LFxuICAnYm9keS50aGVtZS1kYXJrJzoge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5kYXJrKCksXG4gIH0sXG4gIGh0bWw6IHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvcixcbiAgICB0cmFuc2l0aW9uOiAnYmFja2dyb3VuZCAwLjE1cycsXG4gIH0sXG4gIHA6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG59KTtcblxuY29uc3QgZ2xvYmFsU3R5bGUgPSAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgJHtnbG9iYWxTdHlsZXModGhlbWUpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlID0gd2l0aFRoZW1lKCh7dGhlbWV9OiB7dGhlbWU6IFRoZW1lfSkgPT4ge1xuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e2dsb2JhbFN0eWxlKHRoZW1lKX0gLz47XG59KTtcbiJdfQ== */");
-};
-
-var GlobalStyle = (0, _react.withTheme)(function (_ref) {
-  var theme = _ref.theme;
-  return (0, _react.jsx)(_react.Global, {
-    styles: globalStyle(theme)
-  });
+        marginTop: 0,
+    },
+});
+const globalStyle = (theme) => (0, react_1.css) `
+  ${emotion_normalize_1.default}
+  ${globalStyles(theme)}
+`;
+exports.GlobalStyle = (0, react_1.withTheme)(({ theme }) => {
+    return (0, react_1.jsx)(react_1.Global, { styles: globalStyle(theme) });
 });
-exports.GlobalStyle = GlobalStyle;
 //# sourceMappingURL=GlobalStyle.js.map

package/src/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GlobalStyle.tsx"],"names":["globalStyles","theme","boxSizing","fontWeight","body","GlobalCssVariables","accentColors","MozOsxFontSmoothing","WebkitFontSmoothing","background","general","backgroundColor","color","display","flexDirection","fontFamily","lineHeight","minHeight","transition","light","dark","html","p","marginTop","globalStyle","css","emotionNormalize","GlobalStyle"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AACA;;;;;;AAIA,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,CAACC,KAAD;AAAA,SAAmB;AACnE,SAAK;AACHC,MAAAA,SAAS,EAAE;AADR,KAD8D;AAInE,iBAAa;AACXC,MAAAA,UAAU,EAAE;AADD,KAJsD;AAOnEC,IAAAA,IAAI,kCACCC,uCAAmBC,YAAnB,EADD;AAEFC,MAAAA,mBAAmB,EAAE,WAFnB;AAGFC,MAAAA,mBAAmB,EAAE,aAHnB;AAIFC,MAAAA,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,eAJxB;AAKFC,MAAAA,KAAK,EAAEX,KAAK,CAACS,OAAN,CAAcE,KALnB;AAMFC,MAAAA,OAAO,EAAE,MANP;AAOFC,MAAAA,aAAa,EAAE,QAPb;AAQFC,MAAAA,UAAU,EAAE,mGARV;AASFZ,MAAAA,UAAU,EAAE,GATV;AAUFa,MAAAA,UAAU,EAAE,GAVV;AAWFC,MAAAA,SAAS,EAAE,OAXT;AAYFC,MAAAA,UAAU,EAAE;AAZV,MAP+D;AAqBnE,kDACKb,uCAAmBc,KAAnB,EADL,CArBmE;AAwBnE,yCACKd,uCAAmBe,IAAnB,EADL,CAxBmE;AA2BnEC,IAAAA,IAAI,EAAE;AACJZ,MAAAA,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,eADtB;AAEJO,MAAAA,UAAU,EAAE;AAFR,KA3B6D;AA+BnEI,IAAAA,CAAC,EAAE;AACDC,MAAAA,SAAS,EAAE;AADV;AA/BgE,GAAnB;AAAA,CAAlD;;AAoCA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACvB,KAAD;AAAA,0BAAkBwB,UAAlB,EAChBC,4BADgB,OAEhB1B,YAAY,CAACC,KAAD,CAFI;AAAA,CAApB;;AAKO,IAAM0B,WAAW,GAAG,sBAAU,gBAA6B;AAAA,MAA3B1B,KAA2B,QAA3BA,KAA2B;AAChE,SAAO,gBAAC,aAAD;AAAQ,IAAA,MAAM,EAAEuB,WAAW,CAACvB,KAAD;AAA3B,IAAP;AACD,CAF0B,CAApB","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 {Global, CSSObject, css, jsx, withTheme} from '@emotion/react';\nimport emotionNormalize from 'emotion-normalize';\nimport {GlobalCssVariables} from './GlobalCssVariables';\n\nimport type {Theme} from './Layout';\n\nconst globalStyles: (theme: Theme) => CSSObject = (theme: Theme) => ({\n  '*': {\n    boxSizing: 'border-box',\n  },\n  'b, strong': {\n    fontWeight: 600,\n  },\n  body: {\n    ...GlobalCssVariables.accentColors(),\n    MozOsxFontSmoothing: 'grayscale',\n    WebkitFontSmoothing: 'antialiased',\n    background: theme.general.backgroundColor,\n    color: theme.general.color,\n    display: 'flex',\n    flexDirection: 'column',\n    fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif',\n    fontWeight: 300,\n    lineHeight: 1.5,\n    minHeight: '100vh',\n    transition: 'background 0.15s',\n  },\n  'body, body.theme-default': {\n    ...GlobalCssVariables.light(),\n  },\n  'body.theme-dark': {\n    ...GlobalCssVariables.dark(),\n  },\n  html: {\n    background: theme.general.backgroundColor,\n    transition: 'background 0.15s',\n  },\n  p: {\n    marginTop: 0,\n  },\n});\n\nconst globalStyle = (theme: Theme) => css`\n  ${emotionNormalize}\n  ${globalStyles(theme)}\n`;\n\nexport const GlobalStyle = withTheme(({theme}: {theme: Theme}) => {\n  return <Global styles={globalStyle(theme)} />;\n});\n"],"file":"GlobalStyle.js"}
+{"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["GlobalStyle.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAsE;AACtE,yDAAiD;AACjD,6DAAwD;AAIxD,MAAM,YAAY,GAAgC,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;IACnE,GAAG,EAAE;QACH,SAAS,EAAE,YAAY;KACxB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,GAAG;KAChB;IACD,IAAI,kCACC,uCAAkB,CAAC,YAAY,EAAE,KACpC,mBAAmB,EAAE,WAAW,EAChC,mBAAmB,EAAE,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,EACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAC1B,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,UAAU,EAAE,mGAAmG,EAC/G,UAAU,EAAE,GAAG,EACf,UAAU,EAAE,GAAG,EACf,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,kBAAkB,GAC/B;IACD,0BAA0B,oBACrB,uCAAkB,CAAC,KAAK,EAAE,CAC9B;IACD,iBAAiB,oBACZ,uCAAkB,CAAC,IAAI,EAAE,CAC7B;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;QACzC,UAAU,EAAE,kBAAkB;KAC/B;IACD,CAAC,EAAE;QACD,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,WAAG,EAAA;IACrC,2BAAgB;IAChB,YAAY,CAAC,KAAK,CAAC;CACtB,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,iBAAS,EAAC,CAAC,EAAC,KAAK,EAAiB,EAAE,EAAE;IAC/D,OAAO,iBAAC,cAAM,IAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,GAAI,CAAC;AAChD,CAAC,CAAC,CAAC"}

package/src/Icon/AddPeopleIcon.js

@@ -1,18 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AddPeopleIcon = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = require("@emotion/react");
-
-var _SVGIcon = require("./SVGIcon");
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -31,17 +17,26 @@ var _SVGIcon = require("./SVGIcon");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddPeopleIcon = void 0;
 /** @jsx jsx */
-var AddPeopleIcon = function AddPeopleIcon(_ref) {
-  var props = (0, _extends2["default"])({}, _ref);
-  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
-    realWidth: 16,
-    realHeight: 16
-  }, props), (0, _react.jsx)("path", {
-    d: "M12 2V0h2v2h2v2h-2v2h-2V4h-2V2h2zm-2.6 8.6c1.4 0 2.6 1.1 2.6 2.5v1.1a12.8 12.8 0 0 1-12 0v-1c0-1.5 1.2-2.6 2.6-2.6h.3a6 6 0 0 0 6.2 0h.3zM6 8.9A3.4 3.4 0 1 1 6 2a3.4 3.4 0 0 1 0 6.9z"
-  }));
+const react_1 = require("@emotion/react");
+const SVGIcon_1 = require("./SVGIcon");
+const AddPeopleIcon = (_a) => {
+    var props = __rest(_a, []);
+    return ((0, react_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props),
+        (0, react_1.jsx)("path", { d: "M12 2V0h2v2h2v2h-2v2h-2V4h-2V2h2zm-2.6 8.6c1.4 0 2.6 1.1 2.6 2.5v1.1a12.8 12.8 0 0 1-12 0v-1c0-1.5 1.2-2.6 2.6-2.6h.3a6 6 0 0 0 6.2 0h.3zM6 8.9A3.4 3.4 0 1 1 6 2a3.4 3.4 0 0 1 0 6.9z" })));
 };
-
 exports.AddPeopleIcon = AddPeopleIcon;
 //# sourceMappingURL=AddPeopleIcon.js.map

package/src/Icon/AddPeopleIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AddPeopleIcon.tsx"],"names":["AddPeopleIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAKC,KAAL;AAAA,SAC3B,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAD2B;AAAA,CAAtB","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';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const AddPeopleIcon = ({...props}: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M12 2V0h2v2h2v2h-2v2h-2V4h-2V2h2zm-2.6 8.6c1.4 0 2.6 1.1 2.6 2.5v1.1a12.8 12.8 0 0 1-12 0v-1c0-1.5 1.2-2.6 2.6-2.6h.3a6 6 0 0 0 6.2 0h.3zM6 8.9A3.4 3.4 0 1 1 6 2a3.4 3.4 0 0 1 0 6.9z\" />\n  </SVGIcon>\n);\n"],"file":"AddPeopleIcon.js"}
+{"version":3,"file":"AddPeopleIcon.js","sourceRoot":"","sources":["AddPeopleIcon.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAAmC;AAEnC,uCAAgD;AAEzC,MAAM,aAAa,GAAG,CAAC,EAAwB,EAAE,EAAE;QAAxB,KAAK,cAAT,EAAU,CAAD;IAAoB,OAAA,CACzD,iBAAC,iBAAO,kBAAC,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,IAAM,KAAK;QAC/C,2BAAM,CAAC,EAAC,wLAAwL,GAAG,CAC3L,CACX,CAAA;CAAA,CAAC;AAJW,QAAA,aAAa,iBAIxB"}

package/src/Icon/ArchiveIcon.js

@@ -1,18 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArchiveIcon = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = require("@emotion/react");
-
-var _SVGIcon = require("./SVGIcon");
-
 /*
  * Wire
  * Copyright (C) 2019 Wire Swiss GmbH
@@ -31,16 +17,12 @@ var _SVGIcon = require("./SVGIcon");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArchiveIcon = void 0;
 /** @jsx jsx */
-var ArchiveIcon = function ArchiveIcon(props) {
-  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
-    realWidth: 16,
-    realHeight: 16
-  }, props), (0, _react.jsx)("path", {
-    d: "M1 7h14v7a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7zm6 2a1 1 0 1 0 0 2h2a1 1 0 0 0 0-2H7zM2.5 0h11c.8 0 1.2 0 1.5.3.3.1.6.4.7.7.2.3.3.7.3 1.5V4c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V2.5C0 1.7 0 1.3.3 1 .4.7.7.4 1 .3c.3-.2.7-.3 1.5-.3z"
-  }));
-};
-
+const react_1 = require("@emotion/react");
+const SVGIcon_1 = require("./SVGIcon");
+const ArchiveIcon = (props) => ((0, react_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props),
+    (0, react_1.jsx)("path", { d: "M1 7h14v7a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7zm6 2a1 1 0 1 0 0 2h2a1 1 0 0 0 0-2H7zM2.5 0h11c.8 0 1.2 0 1.5.3.3.1.6.4.7.7.2.3.3.7.3 1.5V4c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V2.5C0 1.7 0 1.3.3 1 .4.7.7.4 1 .3c.3-.2.7-.3 1.5-.3z" })));
 exports.ArchiveIcon = ArchiveIcon;
 //# sourceMappingURL=ArchiveIcon.js.map

package/src/Icon/ArchiveIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ArchiveIcon.tsx"],"names":["ArchiveIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,SACzB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADyB;AAAA,CAApB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 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';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const ArchiveIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M1 7h14v7a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7zm6 2a1 1 0 1 0 0 2h2a1 1 0 0 0 0-2H7zM2.5 0h11c.8 0 1.2 0 1.5.3.3.1.6.4.7.7.2.3.3.7.3 1.5V4c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V2.5C0 1.7 0 1.3.3 1 .4.7.7.4 1 .3c.3-.2.7-.3 1.5-.3z\" />\n  </SVGIcon>\n);\n"],"file":"ArchiveIcon.js"}
+{"version":3,"file":"ArchiveIcon.js","sourceRoot":"","sources":["ArchiveIcon.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AAEnC,uCAAgD;AAEzC,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,CAClD,iBAAC,iBAAO,kBAAC,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,IAAM,KAAK;IAC/C,2BAAM,CAAC,EAAC,0NAA0N,GAAG,CAC7N,CACX,CAAC;AAJW,QAAA,WAAW,eAItB"}

package/src/Icon/ArrowDown.js

@@ -1,18 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArrowDown = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _SVGIcon = require("./SVGIcon");
-
 /*
  * Wire
  * Copyright (C) 2022 Wire Swiss GmbH
@@ -31,15 +17,25 @@ var _SVGIcon = require("./SVGIcon");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-var ArrowDown = function ArrowDown(_ref) {
-  var props = (0, _extends2["default"])({}, _ref);
-  return /*#__PURE__*/_react["default"].createElement(_SVGIcon.SVGIcon, (0, _extends2["default"])({
-    realWidth: 16,
-    realHeight: 16
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
-  }));
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowDown = void 0;
+const react_1 = require("react");
+const SVGIcon_1 = require("./SVGIcon");
+const ArrowDown = (_a) => {
+    var props = __rest(_a, []);
+    return (react_1.default.createElement(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props),
+        react_1.default.createElement("path", { d: "M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z" })));
 };
-
 exports.ArrowDown = ArrowDown;
 //# sourceMappingURL=ArrowDown.js.map

package/src/Icon/ArrowDown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ArrowDown.tsx"],"names":["ArrowDown","props"],"mappings":";;;;;;;;;;;AAmBA;;AACA;;AApBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKO,IAAMA,SAAS,GAAG,SAAZA,SAAY;AAAA,MAAKC,KAAL;AAAA,sBACvB,gCAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,gBACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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 React from 'react';\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const ArrowDown = ({...props}: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z\" />\n  </SVGIcon>\n);\n"],"file":"ArrowDown.js"}
+{"version":3,"file":"ArrowDown.js","sourceRoot":"","sources":["ArrowDown.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,iCAA0B;AAC1B,uCAAgD;AAEzC,MAAM,SAAS,GAAG,CAAC,EAAwB,EAAE,EAAE;QAAxB,KAAK,cAAT,EAAU,CAAD;IAAoB,OAAA,CACrD,8BAAC,iBAAO,kBAAC,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,IAAM,KAAK;QAC/C,wCAAM,CAAC,EAAC,4GAA4G,GAAG,CAC/G,CACX,CAAA;CAAA,CAAC;AAJW,QAAA,SAAS,aAIpB"}