@wireapp/react-ui-kit 8.14.3 → 8.14.4

package/src/Icon/RecordIcon.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecordIcon = 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
+ *
+ * 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 */
+var RecordIcon = function RecordIcon(props) {
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 16,
+    realHeight: 16
+  }, props), (0, _react.jsx)("g", {
+    fill: "#FB0807",
+    fillRule: "evenodd"
+  }, (0, _react.jsx)("circle", {
+    fillOpacity: ".24",
+    cx: "8",
+    cy: "8",
+    r: "8"
+  }), (0, _react.jsx)("circle", {
+    cx: "8",
+    cy: "8",
+    r: "4"
+  })));
+};
+
+exports.RecordIcon = RecordIcon;
+//# sourceMappingURL=RecordIcon.js.map

package/src/Icon/RecordIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RecordIcon.tsx"],"names":["RecordIcon","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,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;AAAA,SACxB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAG,IAAA,IAAI,EAAC,SAAR;AAAkB,IAAA,QAAQ,EAAC;AAA3B,KACE;AAAQ,IAAA,WAAW,EAAC,KAApB;AAA0B,IAAA,EAAE,EAAC,GAA7B;AAAiC,IAAA,EAAE,EAAC,GAApC;AAAwC,IAAA,CAAC,EAAC;AAA1C,IADF,EAEE;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,EAAE,EAAC,GAAlB;AAAsB,IAAA,CAAC,EAAC;AAAxB,IAFF,CADF,CADwB;AAAA,CAAnB","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 RecordIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <g fill=\"#FB0807\" fillRule=\"evenodd\">\n      <circle fillOpacity=\".24\" cx=\"8\" cy=\"8\" r=\"8\" />\n      <circle cx=\"8\" cy=\"8\" r=\"4\" />\n    </g>\n  </SVGIcon>\n);\n"],"file":"RecordIcon.js"}

package/src/Icon/RecordPendingIcon.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=RecordPendingIcon.d.js.map

package/src/Icon/RecordPendingIcon.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"RecordPendingIcon.d.js"}

package/src/Icon/RecordPendingIcon.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { SVGIconProps } from './SVGIcon';
+export declare const RecordPendingIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/RecordPendingIcon.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecordPendingIcon = 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
+ *
+ * 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 */
+var RecordPendingIcon = function RecordPendingIcon(props) {
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 16,
+    realHeight: 16
+  }, props), (0, _react.jsx)("g", {
+    fill: "#FB0807"
+  }, (0, _react.jsx)("circle", {
+    fillOpacity: ".24",
+    cx: "8",
+    cy: "8",
+    r: "8"
+  }), (0, _react.jsx)("path", {
+    d: "M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-.5-4.5H10v1H7.5v-1zm0-2h1v3h-1v-3z"
+  })));
+};
+
+exports.RecordPendingIcon = RecordPendingIcon;
+//# sourceMappingURL=RecordPendingIcon.js.map

package/src/Icon/RecordPendingIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RecordPendingIcon.tsx"],"names":["RecordPendingIcon","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,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;AAAA,SAC/B,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAG,IAAA,IAAI,EAAC;AAAR,KACE;AAAQ,IAAA,WAAW,EAAC,KAApB;AAA0B,IAAA,EAAE,EAAC,GAA7B;AAAiC,IAAA,EAAE,EAAC,GAApC;AAAwC,IAAA,CAAC,EAAC;AAA1C,IADF,EAEE;AAAM,IAAA,CAAC,EAAC;AAAR,IAFF,CADF,CAD+B;AAAA,CAA1B","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 RecordPendingIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <g fill=\"#FB0807\">\n      <circle fillOpacity=\".24\" cx=\"8\" cy=\"8\" r=\"8\" />\n      <path d=\"M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-.5-4.5H10v1H7.5v-1zm0-2h1v3h-1v-3z\" />\n    </g>\n  </SVGIcon>\n);\n"],"file":"RecordPendingIcon.js"}

package/src/Icon/ReloadIcon.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ReloadIcon.d.js.map

package/src/Icon/ReloadIcon.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ReloadIcon.d.js"}

package/src/Icon/ReloadIcon.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { SVGIconProps } from './SVGIcon';
+export declare const ReloadIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/ReloadIcon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReloadIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = require("@emotion/react");
+
+var _SVGIcon = require("./SVGIcon");
+
+/*
+ * Wire
+ * Copyright (C) 2020 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 */
+var ReloadIcon = function ReloadIcon(props) {
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 16,
+    realHeight: 16
+  }, props), (0, _react.jsx)("path", {
+    d: "M13.7 2.3a8.3 8.3 0 00-11.4 0A8 8 0 1015.7 10h-2a6.1 6.1 0 01-2.2 2.9 6 6 0 11.8-9.1L9 7h7V0l-2.3 2.3z"
+  }));
+};
+
+exports.ReloadIcon = ReloadIcon;
+//# sourceMappingURL=ReloadIcon.js.map

package/src/Icon/ReloadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReloadIcon.tsx"],"names":["ReloadIcon","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,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;AAAA,SACxB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADwB;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2020 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 ReloadIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M13.7 2.3a8.3 8.3 0 00-11.4 0A8 8 0 1015.7 10h-2a6.1 6.1 0 01-2.2 2.9 6 6 0 11.8-9.1L9 7h7V0l-2.3 2.3z\" />\n  </SVGIcon>\n);\n"],"file":"ReloadIcon.js"}

package/src/Icon/SVGIcon.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=SVGIcon.d.js.map

package/src/Icon/SVGIcon.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"SVGIcon.d.js"}

package/src/Icon/SVGIcon.d.ts

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+export interface InternalSVGIconProps<T = SVGSVGElement> extends SVGIconProps<T> {
+    realHeight: number;
+    realWidth: number;
+}
+export interface SVGIconProps<T = SVGSVGElement> extends React.SVGProps<T> {
+    color?: string;
+    height?: number;
+    scale?: number;
+    shadow?: boolean;
+    width?: number;
+}
+export declare const SVGIcon: ({ realWidth, realHeight, scale, width, height, shadow, children, ...props }: InternalSVGIconProps) => jsx.JSX.Element;

package/src/Icon/SVGIcon.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SVGIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _excluded = ["realWidth", "realHeight", "scale", "width", "height", "shadow", "children"];
+
+var svgIconStyle = function svgIconStyle(theme, _ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? theme.general.color : _ref$color;
+  return {
+    fill: color,
+    overflow: 'visible'
+  };
+};
+
+var SVGIcon = function SVGIcon(_ref2) {
+  var realWidth = _ref2.realWidth,
+      realHeight = _ref2.realHeight,
+      _ref2$scale = _ref2.scale,
+      scale = _ref2$scale === void 0 ? 1 : _ref2$scale,
+      _ref2$width = _ref2.width,
+      width = _ref2$width === void 0 ? null : _ref2$width,
+      _ref2$height = _ref2.height,
+      height = _ref2$height === void 0 ? null : _ref2$height,
+      shadow = _ref2.shadow,
+      children = _ref2.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  var newScale = scale;
+
+  if (width || height) {
+    var widthScale = width ? width / realWidth : Infinity;
+    var heightScale = height ? height / realHeight : Infinity;
+    newScale = Math.min(widthScale, heightScale);
+  }
+
+  var newWidth = Math.ceil(realWidth * newScale);
+  var newHeight = Math.ceil(realHeight * newScale);
+  var shadowId = shadow && Math.random().toString();
+  return (0, _react.jsx)("svg", (0, _extends2["default"])({
+    css: function css(theme) {
+      return svgIconStyle(theme, props);
+    },
+    viewBox: "0 0 ".concat(realWidth, " ").concat(realHeight),
+    width: newWidth,
+    height: newHeight
+  }, props), shadow && (0, _react.jsx)("defs", null, (0, _react.jsx)("filter", {
+    id: shadowId,
+    x: "-50%",
+    y: "-50%",
+    width: "200%",
+    height: "200%"
+  }, (0, _react.jsx)("feOffset", {
+    result: "offOut",
+    "in": "SourceAlpha",
+    dx: "0",
+    dy: "0"
+  }), (0, _react.jsx)("feGaussianBlur", {
+    result: "blurOut",
+    "in": "offOut",
+    stdDeviation: "2.5"
+  }), (0, _react.jsx)("feBlend", {
+    "in": "SourceGraphic",
+    in2: "blurOut",
+    mode: "normal"
+  }))), (0, _react.jsx)("g", {
+    filter: shadow && "url(#".concat(shadowId, ")")
+  }, children));
+};
+
+exports.SVGIcon = SVGIcon;
+//# sourceMappingURL=SVGIcon.js.map

package/src/Icon/SVGIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SVGIcon.tsx"],"names":["svgIconStyle","theme","color","general","fill","overflow","SVGIcon","realWidth","realHeight","scale","width","height","shadow","children","props","newScale","widthScale","Infinity","heightScale","Math","min","newWidth","ceil","newHeight","shadowId","random","toString"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;;;AAiBA,IAAMA,YAAoE,GAAG,SAAvEA,YAAuE,CAC3EC,KAD2E;AAAA,wBAE1EC,KAF0E;AAAA,MAE1EA,KAF0E,2BAElED,KAAK,CAACE,OAAN,CAAcD,KAFoD;AAAA,SAGvE;AACJE,IAAAA,IAAI,EAAEF,KADF;AAEJG,IAAAA,QAAQ,EAAE;AAFN,GAHuE;AAAA,CAA7E;;AAQO,IAAMC,OAAO,GAAG,SAAVA,OAAU,QASK;AAAA,MAR1BC,SAQ0B,SAR1BA,SAQ0B;AAAA,MAP1BC,UAO0B,SAP1BA,UAO0B;AAAA,0BAN1BC,KAM0B;AAAA,MAN1BA,KAM0B,4BANlB,CAMkB;AAAA,0BAL1BC,KAK0B;AAAA,MAL1BA,KAK0B,4BALlB,IAKkB;AAAA,2BAJ1BC,MAI0B;AAAA,MAJ1BA,MAI0B,6BAJjB,IAIiB;AAAA,MAH1BC,MAG0B,SAH1BA,MAG0B;AAAA,MAF1BC,QAE0B,SAF1BA,QAE0B;AAAA,MADvBC,KACuB;AAC1B,MAAIC,QAAQ,GAAGN,KAAf;;AACA,MAAIC,KAAK,IAAIC,MAAb,EAAqB;AACnB,QAAMK,UAAU,GAAGN,KAAK,GAAGA,KAAK,GAAGH,SAAX,GAAuBU,QAA/C;AACA,QAAMC,WAAW,GAAGP,MAAM,GAAGA,MAAM,GAAGH,UAAZ,GAAyBS,QAAnD;AACAF,IAAAA,QAAQ,GAAGI,IAAI,CAACC,GAAL,CAASJ,UAAT,EAAqBE,WAArB,CAAX;AACD;;AACD,MAAMG,QAAQ,GAAGF,IAAI,CAACG,IAAL,CAAUf,SAAS,GAAGQ,QAAtB,CAAjB;AACA,MAAMQ,SAAS,GAAGJ,IAAI,CAACG,IAAL,CAAUd,UAAU,GAAGO,QAAvB,CAAlB;AACA,MAAMS,QAAQ,GAAGZ,MAAM,IAAIO,IAAI,CAACM,MAAL,GAAcC,QAAd,EAA3B;AACA,SACE;AACE,IAAA,GAAG,EAAE,aAACzB,KAAD;AAAA,aAAkBD,YAAY,CAACC,KAAD,EAAQa,KAAR,CAA9B;AAAA,KADP;AAEE,IAAA,OAAO,gBAASP,SAAT,cAAsBC,UAAtB,CAFT;AAGE,IAAA,KAAK,EAAEa,QAHT;AAIE,IAAA,MAAM,EAAEE;AAJV,KAKMT,KALN,GAOGF,MAAM,IACL,8BACE;AAAQ,IAAA,EAAE,EAAEY,QAAZ;AAAsB,IAAA,CAAC,EAAC,MAAxB;AAA+B,IAAA,CAAC,EAAC,MAAjC;AAAwC,IAAA,KAAK,EAAC,MAA9C;AAAqD,IAAA,MAAM,EAAC;AAA5D,KACE;AAAU,IAAA,MAAM,EAAC,QAAjB;AAA0B,UAAG,aAA7B;AAA2C,IAAA,EAAE,EAAC,GAA9C;AAAkD,IAAA,EAAE,EAAC;AAArD,IADF,EAEE;AAAgB,IAAA,MAAM,EAAC,SAAvB;AAAiC,UAAG,QAApC;AAA6C,IAAA,YAAY,EAAC;AAA1D,IAFF,EAGE;AAAS,UAAG,eAAZ;AAA4B,IAAA,GAAG,EAAC,SAAhC;AAA0C,IAAA,IAAI,EAAC;AAA/C,IAHF,CADF,CARJ,EAgBE;AAAG,IAAA,MAAM,EAAEZ,MAAM,mBAAYY,QAAZ;AAAjB,KAA2CX,QAA3C,CAhBF,CADF;AAoBD,CAvCM","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 {Theme} from '../Layout';\n\nexport interface InternalSVGIconProps<T = SVGSVGElement> extends SVGIconProps<T> {\n  realHeight: number;\n  realWidth: number;\n}\n\nexport interface SVGIconProps<T = SVGSVGElement> extends React.SVGProps<T> {\n  color?: string;\n  height?: number;\n  scale?: number;\n  shadow?: boolean;\n  width?: number;\n}\n\nconst svgIconStyle: <T>(theme: Theme, props: SVGIconProps<T>) => CSSObject = (\n  theme,\n  {color = theme.general.color},\n) => ({\n  fill: color,\n  overflow: 'visible',\n});\n\nexport const SVGIcon = ({\n  realWidth,\n  realHeight,\n  scale = 1,\n  width = null,\n  height = null,\n  shadow,\n  children,\n  ...props\n}: InternalSVGIconProps) => {\n  let newScale = scale;\n  if (width || height) {\n    const widthScale = width ? width / realWidth : Infinity;\n    const heightScale = height ? height / realHeight : Infinity;\n    newScale = Math.min(widthScale, heightScale);\n  }\n  const newWidth = Math.ceil(realWidth * newScale);\n  const newHeight = Math.ceil(realHeight * newScale);\n  const shadowId = shadow && Math.random().toString();\n  return (\n    <svg\n      css={(theme: Theme) => svgIconStyle(theme, props)}\n      viewBox={`0 0 ${realWidth} ${realHeight}`}\n      width={newWidth}\n      height={newHeight}\n      {...props}\n    >\n      {shadow && (\n        <defs>\n          <filter id={shadowId} x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n            <feOffset result=\"offOut\" in=\"SourceAlpha\" dx=\"0\" dy=\"0\" />\n            <feGaussianBlur result=\"blurOut\" in=\"offOut\" stdDeviation=\"2.5\" />\n            <feBlend in=\"SourceGraphic\" in2=\"blurOut\" mode=\"normal\" />\n          </filter>\n        </defs>\n      )}\n      <g filter={shadow && `url(#${shadowId})`}>{children}</g>\n    </svg>\n  );\n};\n"],"file":"SVGIcon.js"}

package/src/Icon/ScreenshareIcon.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ScreenshareIcon.d.js.map

package/src/Icon/ScreenshareIcon.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ScreenshareIcon.d.js"}

package/src/Icon/ScreenshareIcon.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { SVGIconProps } from './SVGIcon';
+export declare const ScreenshareIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/ScreenshareIcon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenshareIcon = 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
+ *
+ * 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 */
+var ScreenshareIcon = function ScreenshareIcon(props) {
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 16,
+    realHeight: 16
+  }, props), (0, _react.jsx)("path", {
+    d: "M5 14h6v2H5v-2zM0 1c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v11c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V1zm7 10h2V7h4L8 3 3 7h4v4z"
+  }));
+};
+
+exports.ScreenshareIcon = ScreenshareIcon;
+//# sourceMappingURL=ScreenshareIcon.js.map

package/src/Icon/ScreenshareIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ScreenshareIcon.tsx"],"names":["ScreenshareIcon","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,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAC7B,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAD6B;AAAA,CAAxB","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 ScreenshareIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M5 14h6v2H5v-2zM0 1c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v11c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V1zm7 10h2V7h4L8 3 3 7h4v4z\" />\n  </SVGIcon>\n);\n"],"file":"ScreenshareIcon.js"}

package/src/Icon/SearchIcon.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=SearchIcon.d.js.map

package/src/Icon/SearchIcon.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"SearchIcon.d.js"}

package/src/Icon/SearchIcon.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { SVGIconProps } from './SVGIcon';
+export declare const SearchIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/SearchIcon.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchIcon = 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
+ *
+ * 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 */
+var SearchIcon = function SearchIcon(props) {
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 16,
+    realHeight: 16
+  }, props), (0, _react.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M6.987 0a6.99 6.99 0 016.987 6.993c0 1.571-.517 3.02-1.39 4.188L16 14.587 14.588 16l-3.416-3.406a6.952 6.952 0 01-4.185 1.392A6.99 6.99 0 010 6.993 6.99 6.99 0 016.987 0zM12 7A5 5 0 112 7a5 5 0 0110 0z"
+  }));
+};
+
+exports.SearchIcon = SearchIcon;
+//# sourceMappingURL=SearchIcon.js.map

package/src/Icon/SearchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SearchIcon.tsx"],"names":["SearchIcon","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,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;AAAA,SACxB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,CADwB;AAAA,CAAnB","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 SearchIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path\n      fillRule=\"evenodd\"\n      d=\"M6.987 0a6.99 6.99 0 016.987 6.993c0 1.571-.517 3.02-1.39 4.188L16 14.587 14.588 16l-3.416-3.406a6.952 6.952 0 01-4.185 1.392A6.99 6.99 0 010 6.993 6.99 6.99 0 016.987 0zM12 7A5 5 0 112 7a5 5 0 0110 0z\"\n    />\n  </SVGIcon>\n);\n"],"file":"SearchIcon.js"}

package/src/Icon/ServicesIcon.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ServicesIcon.d.js.map

package/src/Icon/ServicesIcon.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ServicesIcon.d.js"}

package/src/Icon/ServicesIcon.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { SVGIconProps } from './SVGIcon';
+export declare const ServicesIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/ServicesIcon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ServicesIcon = 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
+ *
+ * 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 */
+var ServicesIcon = function ServicesIcon(props) {
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 32,
+    realHeight: 32
+  }, props), (0, _react.jsx)("path", {
+    d: "M10.5 12A6.5 6.5 0 0 0 4 18.5V24a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-5.5a6.5 6.5 0 0 0-6.5-6.5h-11zm-7.12-1.22L.24 4.95a2 2 0 1 1 3.52-1.9L6.8 8.68C7.94 8.24 9.19 8 10.5 8h11C27.3 8 32 12.7 32 18.5V24a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5v-5.5c0-3.05 1.3-5.8 3.38-7.72zM11 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m5 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm5.26-9.55a2 2 0 0 1-3.52-1.9l3.5-6.5a2 2 0 0 1 3.52 1.9l-3.5 6.5z"
+  }));
+};
+
+exports.ServicesIcon = ServicesIcon;
+//# sourceMappingURL=ServicesIcon.js.map

package/src/Icon/ServicesIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ServicesIcon.tsx"],"names":["ServicesIcon","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,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;AAAA,SAC1B,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAD0B;AAAA,CAArB","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 ServicesIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={32} realHeight={32} {...props}>\n    <path d=\"M10.5 12A6.5 6.5 0 0 0 4 18.5V24a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-5.5a6.5 6.5 0 0 0-6.5-6.5h-11zm-7.12-1.22L.24 4.95a2 2 0 1 1 3.52-1.9L6.8 8.68C7.94 8.24 9.19 8 10.5 8h11C27.3 8 32 12.7 32 18.5V24a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5v-5.5c0-3.05 1.3-5.8 3.38-7.72zM11 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m5 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm5.26-9.55a2 2 0 0 1-3.52-1.9l3.5-6.5a2 2 0 0 1 3.52 1.9l-3.5 6.5z\" />\n  </SVGIcon>\n);\n"],"file":"ServicesIcon.js"}

package/src/Icon/SettingsIcon.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=SettingsIcon.d.js.map

package/src/Icon/SettingsIcon.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"SettingsIcon.d.js"}

package/src/Icon/SettingsIcon.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { SVGIconProps } from './SVGIcon';
+export declare const SettingsIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/SettingsIcon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingsIcon = 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
+ *
+ * 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 */
+var SettingsIcon = function SettingsIcon(props) {
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 16,
+    realHeight: 16
+  }, props), (0, _react.jsx)("path", {
+    d: "M2.8 11a6 6 0 0 1-.6-1.5H0v-3h2.2c.1-.6.3-1 .6-1.5L1.3 3.4l2.1-2.1L5 2.8a6 6 0 0 1 1.5-.6V0h3v2.2c.6.1 1 .3 1.5.6l1.6-1.5 2.1 2.1L13.2 5c.3.4.5 1 .6 1.5H16v3h-2.2a6 6 0 0 1-.6 1.5l1.5 1.6-2.1 2.1-1.6-1.5a6 6 0 0 1-1.5.6V16h-3v-2.2a6 6 0 0 1-1.5-.6l-1.6 1.5-2.1-2.1L2.8 11zM8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"
+  }));
+};
+
+exports.SettingsIcon = SettingsIcon;
+//# sourceMappingURL=SettingsIcon.js.map

package/src/Icon/SettingsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SettingsIcon.tsx"],"names":["SettingsIcon","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,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;AAAA,SAC1B,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAD0B;AAAA,CAArB","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 SettingsIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M2.8 11a6 6 0 0 1-.6-1.5H0v-3h2.2c.1-.6.3-1 .6-1.5L1.3 3.4l2.1-2.1L5 2.8a6 6 0 0 1 1.5-.6V0h3v2.2c.6.1 1 .3 1.5.6l1.6-1.5 2.1 2.1L13.2 5c.3.4.5 1 .6 1.5H16v3h-2.2a6 6 0 0 1-.6 1.5l1.5 1.6-2.1 2.1-1.6-1.5a6 6 0 0 1-1.5.6V16h-3v-2.2a6 6 0 0 1-1.5-.6l-1.6 1.5-2.1-2.1L2.8 11zM8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z\" />\n  </SVGIcon>\n);\n"],"file":"SettingsIcon.js"}

package/src/Icon/ShowIcon.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ShowIcon.d.js.map

package/src/Icon/ShowIcon.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ShowIcon.d.js"}

package/src/Icon/ShowIcon.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { SVGIconProps } from './SVGIcon';
+export declare const ShowIcon: (props: SVGIconProps) => jsx.JSX.Element;