@wireapp/react-ui-kit 8.14.3 → 8.14.4

package/src/Identity/AvatarGrid.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarGrid = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = require("@emotion/react");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Misc = require("../Misc/");
+
+var _util = require("../util");
+
+var _Avatar = require("./Avatar");
+
+var _colors = require("./colors");
+
+var _excluded = ["borderWidth", "size", "items", "fetchImages"];
+
+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 avatarGridStyle = function avatarGridStyle(_ref) {
+  var borderWidth = _ref.borderWidth,
+      size = _ref.size,
+      _ref$backgroundColor = _ref.backgroundColor,
+      backgroundColor = _ref$backgroundColor === void 0 ? _colors.COLOR.GRAY_DARKEN_48 : _ref$backgroundColor,
+      _ref$borderColor = _ref.borderColor,
+      borderColor = _ref$borderColor === void 0 ? _colors.COLOR.GRAY_DARKEN_48 : _ref$borderColor;
+  return {
+    alignItems: 'start',
+    backgroundColor: backgroundColor,
+    border: "".concat(borderWidth, "px solid ").concat(borderColor),
+    borderRadius: '16%',
+    display: 'grid',
+    gridGap: borderWidth,
+    gridTemplateColumns: 'repeat(2, 1fr)',
+    gridTemplateRows: 'repeat(2, 1fr)',
+    height: "".concat(size, "px"),
+    justifyItems: 'center',
+    minWidth: "".concat(size, "px"),
+    overflow: 'hidden',
+    width: "".concat(size, "px")
+  };
+};
+
+var filteredAvatarGridProps = function filteredAvatarGridProps(props) {
+  return (0, _util.filterProps)(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);
+};
+
+var AvatarGrid = function AvatarGrid(_ref2) {
+  var _ref2$borderWidth = _ref2.borderWidth,
+      borderWidth = _ref2$borderWidth === void 0 ? 1 : _ref2$borderWidth,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? _Avatar.DEFAULT_AVATAR_SIZE : _ref2$size,
+      items = _ref2.items,
+      fetchImages = _ref2.fetchImages,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+
+  var allProps = _objectSpread({
+    borderWidth: borderWidth,
+    items: items,
+    size: size
+  }, props);
+
+  var slicedItems = items.slice(0, 4);
+  var missing = 4 - slicedItems.length;
+
+  for (var index = 0; index < missing; index++) {
+    slicedItems.push(null);
+  }
+
+  return (0, _react.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
+    checkViewportOnce: true,
+    onEnterViewport: fetchImages,
+    css: avatarGridStyle(allProps)
+  }, filteredAvatarGridProps(allProps)), slicedItems.map(function (item) {
+    return item ? (0, _react.jsx)(_Avatar.Avatar, {
+      key: Math.random().toString(),
+      backgroundColor: item.backgroundColor || _colors.COLOR.GRAY_DARKEN_80,
+      url: item.url,
+      color: item.color,
+      forceInitials: item.forceInitials,
+      isAvatarGridItem: true,
+      name: item.name,
+      size: size / 2 - borderWidth,
+      style: {
+        height: '100%',
+        width: '100%'
+      }
+    }) : (0, _react.jsx)("div", {
+      key: Math.random().toString(),
+      css: /*#__PURE__*/(0, _react.css)({
+        backgroundColor: _colors.COLOR.GRAY_DARKEN_80,
+        height: '100%',
+        width: '100%'
+      }, process.env.NODE_ENV === "production" ? "" : ";label:AvatarGrid;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF2YXRhckdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGWSIsImZpbGUiOiJBdmF0YXJHcmlkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTkgV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7Q1NTT2JqZWN0LCBqc3h9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7QXZhdGFyUHJvcHN9IGZyb20gJy4uL0lkZW50aXR5Lyc7XG5pbXBvcnQge0lzSW5WaWV3cG9ydH0gZnJvbSAnLi4vTWlzYy8nO1xuaW1wb3J0IHtmaWx0ZXJQcm9wc30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0F2YXRhciwgREVGQVVMVF9BVkFUQVJfU0laRX0gZnJvbSAnLi9BdmF0YXInO1xuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi9jb2xvcnMnO1xuXG5pbnRlcmZhY2UgUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxUPiB7XG4gIGJhY2tncm91bmRDb2xvcj86IHN0cmluZztcbiAgYm9yZGVyQ29sb3I/OiBzdHJpbmc7XG4gIGJvcmRlcldpZHRoPzogbnVtYmVyO1xuICBmZXRjaEltYWdlcz86ICgpID0+IHZvaWQ7XG4gIGl0ZW1zOiBPbWl0PEF2YXRhclByb3BzLCAnYm9yZGVyQ29sb3InIHwgJ3NpemUnIHwgJ2JvcmRlckNvbG9yJyB8ICdpc0F2YXRhckdyaWRJdGVtJyB8ICdmZXRjaEltYWdlJz5bXTtcbiAgc2l6ZT86IG51bWJlcjtcbn1cblxuY29uc3QgYXZhdGFyR3JpZFN0eWxlOiA8VD4ocHJvcHM6IFByb3BzPFQ+KSA9PiBDU1NPYmplY3QgPSAoe1xuICBib3JkZXJXaWR0aCxcbiAgc2l6ZSxcbiAgYmFja2dyb3VuZENvbG9yID0gQ09MT1IuR1JBWV9EQVJLRU5fNDgsXG4gIGJvcmRlckNvbG9yID0gQ09MT1IuR1JBWV9EQVJLRU5fNDgsXG59KSA9PiB7XG4gIHJldHVybiB7XG4gICAgYWxpZ25JdGVtczogJ3N0YXJ0JyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGJhY2tncm91bmRDb2xvcixcbiAgICBib3JkZXI6IGAke2JvcmRlcldpZHRofXB4IHNvbGlkICR7Ym9yZGVyQ29sb3J9YCxcbiAgICBib3JkZXJSYWRpdXM6ICcxNiUnLFxuICAgIGRpc3BsYXk6ICdncmlkJyxcbiAgICBncmlkR2FwOiBib3JkZXJXaWR0aCxcbiAgICBncmlkVGVtcGxhdGVDb2x1bW5zOiAncmVwZWF0KDIsIDFmciknLFxuICAgIGdyaWRUZW1wbGF0ZVJvd3M6ICdyZXBlYXQoMiwgMWZyKScsXG4gICAgaGVpZ2h0OiBgJHtzaXplfXB4YCxcbiAgICBqdXN0aWZ5SXRlbXM6ICdjZW50ZXInLFxuICAgIG1pbldpZHRoOiBgJHtzaXplfXB4YCxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgd2lkdGg6IGAke3NpemV9cHhgLFxuICB9O1xufTtcblxuY29uc3QgZmlsdGVyZWRBdmF0YXJHcmlkUHJvcHMgPSAocHJvcHM6IFByb3BzKSA9PlxuICBmaWx0ZXJQcm9wcyhwcm9wcywgWydiYWNrZ3JvdW5kQ29sb3InLCAnYm9yZGVyQ29sb3InLCAnaXRlbXMnLCAnc2l6ZScsICdib3JkZXJXaWR0aCddKTtcblxuZXhwb3J0IGNvbnN0IEF2YXRhckdyaWQgPSAoe2JvcmRlcldpZHRoID0gMSwgc2l6ZSA9IERFRkFVTFRfQVZBVEFSX1NJWkUsIGl0ZW1zLCBmZXRjaEltYWdlcywgLi4ucHJvcHN9OiBQcm9wcykgPT4ge1xuICBjb25zdCBhbGxQcm9wcyA9IHtib3JkZXJXaWR0aCwgaXRlbXMsIHNpemUsIC4uLnByb3BzfTtcbiAgY29uc3Qgc2xpY2VkSXRlbXMgPSBpdGVtcy5zbGljZSgwLCA0KTtcbiAgY29uc3QgbWlzc2luZyA9IDQgLSBzbGljZWRJdGVtcy5sZW5ndGg7XG4gIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCBtaXNzaW5nOyBpbmRleCsrKSB7XG4gICAgc2xpY2VkSXRlbXMucHVzaChudWxsKTtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxJc0luVmlld3BvcnRcbiAgICAgIGNoZWNrVmlld3BvcnRPbmNlXG4gICAgICBvbkVudGVyVmlld3BvcnQ9e2ZldGNoSW1hZ2VzfVxuICAgICAgY3NzPXthdmF0YXJHcmlkU3R5bGUoYWxsUHJvcHMpfVxuICAgICAgey4uLmZpbHRlcmVkQXZhdGFyR3JpZFByb3BzKGFsbFByb3BzKX1cbiAgICA+XG4gICAgICB7c2xpY2VkSXRlbXMubWFwKGl0ZW0gPT5cbiAgICAgICAgaXRlbSA/IChcbiAgICAgICAgICA8QXZhdGFyXG4gICAgICAgICAgICBrZXk9e01hdGgucmFuZG9tKCkudG9TdHJpbmcoKX1cbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17aXRlbS5iYWNrZ3JvdW5kQ29sb3IgfHwgQ09MT1IuR1JBWV9EQVJLRU5fODB9XG4gICAgICAgICAgICB1cmw9e2l0ZW0udXJsfVxuICAgICAgICAgICAgY29sb3I9e2l0ZW0uY29sb3J9XG4gICAgICAgICAgICBmb3JjZUluaXRpYWxzPXtpdGVtLmZvcmNlSW5pdGlhbHN9XG4gICAgICAgICAgICBpc0F2YXRhckdyaWRJdGVtXG4gICAgICAgICAgICBuYW1lPXtpdGVtLm5hbWV9XG4gICAgICAgICAgICBzaXplPXtzaXplIC8gMiAtIGJvcmRlcldpZHRofVxuICAgICAgICAgICAgc3R5bGU9e3toZWlnaHQ6ICcxMDAlJywgd2lkdGg6ICcxMDAlJ319XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBrZXk9e01hdGgucmFuZG9tKCkudG9TdHJpbmcoKX1cbiAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SLkdSQVlfREFSS0VOXzgwLFxuICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSxcbiAgICAgICl9XG4gICAgPC9Jc0luVmlld3BvcnQ+XG4gICk7XG59O1xuIl19 */")
+    });
+  }));
+};
+
+exports.AvatarGrid = AvatarGrid;
+//# sourceMappingURL=AvatarGrid.js.map

package/src/Identity/AvatarGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AvatarGrid.tsx"],"names":["avatarGridStyle","borderWidth","size","backgroundColor","COLOR","GRAY_DARKEN_48","borderColor","alignItems","border","borderRadius","display","gridGap","gridTemplateColumns","gridTemplateRows","height","justifyItems","minWidth","overflow","width","filteredAvatarGridProps","props","AvatarGrid","DEFAULT_AVATAR_SIZE","items","fetchImages","allProps","slicedItems","slice","missing","length","index","push","map","item","Math","random","toString","GRAY_DARKEN_80","url","color","forceInitials","name"],"mappings":"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","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 {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {AvatarProps} from '../Identity/';\nimport {IsInViewport} from '../Misc/';\nimport {filterProps} from '../util';\nimport {Avatar, DEFAULT_AVATAR_SIZE} from './Avatar';\nimport {COLOR} from './colors';\n\ninterface Props<T = HTMLDivElement> extends React.HTMLProps<T> {\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  fetchImages?: () => void;\n  items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];\n  size?: number;\n}\n\nconst avatarGridStyle: <T>(props: Props<T>) => CSSObject = ({\n  borderWidth,\n  size,\n  backgroundColor = COLOR.GRAY_DARKEN_48,\n  borderColor = COLOR.GRAY_DARKEN_48,\n}) => {\n  return {\n    alignItems: 'start',\n    backgroundColor: backgroundColor,\n    border: `${borderWidth}px solid ${borderColor}`,\n    borderRadius: '16%',\n    display: 'grid',\n    gridGap: borderWidth,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridTemplateRows: 'repeat(2, 1fr)',\n    height: `${size}px`,\n    justifyItems: 'center',\n    minWidth: `${size}px`,\n    overflow: 'hidden',\n    width: `${size}px`,\n  };\n};\n\nconst filteredAvatarGridProps = (props: Props) =>\n  filterProps(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);\n\nexport const AvatarGrid = ({borderWidth = 1, size = DEFAULT_AVATAR_SIZE, items, fetchImages, ...props}: Props) => {\n  const allProps = {borderWidth, items, size, ...props};\n  const slicedItems = items.slice(0, 4);\n  const missing = 4 - slicedItems.length;\n  for (let index = 0; index < missing; index++) {\n    slicedItems.push(null);\n  }\n  return (\n    <IsInViewport\n      checkViewportOnce\n      onEnterViewport={fetchImages}\n      css={avatarGridStyle(allProps)}\n      {...filteredAvatarGridProps(allProps)}\n    >\n      {slicedItems.map(item =>\n        item ? (\n          <Avatar\n            key={Math.random().toString()}\n            backgroundColor={item.backgroundColor || COLOR.GRAY_DARKEN_80}\n            url={item.url}\n            color={item.color}\n            forceInitials={item.forceInitials}\n            isAvatarGridItem\n            name={item.name}\n            size={size / 2 - borderWidth}\n            style={{height: '100%', width: '100%'}}\n          />\n        ) : (\n          <div\n            key={Math.random().toString()}\n            css={{\n              backgroundColor: COLOR.GRAY_DARKEN_80,\n              height: '100%',\n              width: '100%',\n            }}\n          />\n        ),\n      )}\n    </IsInViewport>\n  );\n};\n"],"file":"AvatarGrid.js"}

package/src/Identity/Logo.d.js

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

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

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

package/src/Identity/Logo.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { SVGIconProps } from '../Icon/SVGIcon';
+export interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {
+    hover?: boolean;
+}
+export declare const Logo: ({ hover, ...props }: LogoProps) => jsx.JSX.Element;

package/src/Identity/Logo.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Logo = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@emotion/react");
+
+var _SVGIcon = require("../Icon/SVGIcon");
+
+var _motions = require("../Identity/motions");
+
+var _colors = require("./colors");
+
+var _excluded = ["hover"];
+
+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 logoStyle = function logoStyle(theme, _ref) {
+  var hover = _ref.hover,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? theme.general.color : _ref$color;
+  return {
+    '&:hover path': {
+      fill: hover ? _colors.COLOR.shade(color, 0.06) : undefined
+    },
+    path: {
+      fill: color,
+      transition: _motions.defaultTransition
+    }
+  };
+};
+
+var Logo = function Logo(_ref2) {
+  var hover = _ref2.hover,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    realWidth: 57,
+    realHeight: 18,
+    css: function css(theme) {
+      return logoStyle(theme, _objectSpread({
+        hover: hover
+      }, props));
+    }
+  }, props), (0, _react.jsx)("path", {
+    d: "M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z"
+  }));
+};
+
+exports.Logo = Logo;
+//# sourceMappingURL=Logo.js.map

package/src/Identity/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Logo.tsx"],"names":["logoStyle","theme","hover","color","general","fill","COLOR","shade","undefined","path","transition","defaultTransition","Logo","props"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AAEA;;;;;;;;AAMA,IAAMA,SAA8D,GAAG,SAAjEA,SAAiE,CACrEC,KADqE;AAAA,MAEpEC,KAFoE,QAEpEA,KAFoE;AAAA,wBAE7DC,KAF6D;AAAA,MAE7DA,KAF6D,2BAErDF,KAAK,CAACG,OAAN,CAAcD,KAFuC;AAAA,SAGjE;AACJ,oBAAgB;AACdE,MAAAA,IAAI,EAAEH,KAAK,GAAGI,cAAMC,KAAN,CAAYJ,KAAZ,EAAmB,IAAnB,CAAH,GAA8BK;AAD3B,KADZ;AAIJC,IAAAA,IAAI,EAAE;AACJJ,MAAAA,IAAI,EAAEF,KADF;AAEJO,MAAAA,UAAU,EAAEC;AAFR;AAJF,GAHiE;AAAA,CAAvE;;AAaO,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAEV,KAAF,SAAEA,KAAF;AAAA,MAAYW,KAAZ;AAAA,SAClB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE,EAApC;AAAwC,IAAA,GAAG,EAAE,aAACZ,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD;AAASC,QAAAA,KAAK,EAALA;AAAT,SAAmBW,KAAnB,EAA3B;AAAA;AAA7C,KAAwGA,KAAxG,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADkB;AAAA,CAAb","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';\n\nimport {SVGIcon, SVGIconProps} from '../Icon/SVGIcon';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {COLOR} from './colors';\n\nexport interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {\n  hover?: boolean;\n}\n\nconst logoStyle: <T>(theme: Theme, props: LogoProps<T>) => CSSObject = (\n  theme,\n  {hover, color = theme.general.color},\n) => ({\n  '&:hover path': {\n    fill: hover ? COLOR.shade(color, 0.06) : undefined,\n  },\n  path: {\n    fill: color,\n    transition: defaultTransition,\n  },\n});\n\nexport const Logo = ({hover, ...props}: LogoProps) => (\n  <SVGIcon realWidth={57} realHeight={18} css={(theme: Theme) => logoStyle(theme, {hover, ...props})} {...props}>\n    <path d=\"M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z\" />\n  </SVGIcon>\n);\n"],"file":"Logo.js"}

package/src/Identity/colors-v2.d.js

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

package/src/Identity/colors-v2.d.js.map

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

package/src/Identity/colors-v2.d.ts

@@ -0,0 +1,3 @@
+export declare const BASE_LIGHT_COLOR: Record<string, string>;
+export declare const BASE_DARK_COLOR: Record<string, string>;
+export declare const COLOR_V2: any;

package/src/Identity/colors-v2.js

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.COLOR_V2 = exports.BASE_DARK_COLOR = exports.BASE_LIGHT_COLOR = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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; }
+
+/*
+ * Wire
+ * Copyright (C) 2022 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/.
+ *
+ */
+var BASE_LIGHT_COLOR = {
+  BLUE: '#0667c8',
+  GREEN: '#1d7833',
+  TURQUOISE: '#01718e',
+  PURPLE: '#8944ab',
+  RED: '#c20013',
+  AMBER: '#a25915'
+};
+exports.BASE_LIGHT_COLOR = BASE_LIGHT_COLOR;
+var BASE_DARK_COLOR = {
+  BLUE: '#54a6ff',
+  GREEN: '#30db5b',
+  TURQUOISE: '#5de6ff',
+  PURPLE: '#da8fff',
+  RED: '#ff7770',
+  AMBER: '#ffd426'
+};
+exports.BASE_DARK_COLOR = BASE_DARK_COLOR;
+var LIGHT_BLUE = {
+  BLUE_LIGHT_50: '#e7f0fa',
+  BLUE_LIGHT_100: '#cde1f4',
+  BLUE_LIGHT_200: '#9bc2e9',
+  BLUE_LIGHT_300: '#6aa4de',
+  BLUE_LIGHT_400: '#3885d3',
+  BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,
+  BLUE_LIGHT_600: '#0552a0',
+  BLUE_LIGHT_700: '#043e78',
+  BLUE_LIGHT_800: '#022950',
+  BLUE_LIGHT_900: '#19324d'
+};
+var DARK_BLUE = {
+  BLUE_DARK_50: '#eef7ff',
+  BLUE_DARK_100: '#ddedff',
+  BLUE_DARK_200: '#bbdbff',
+  BLUE_DARK_300: '#98caff',
+  BLUE_DARK_400: '#76b8ff',
+  BLUE_DARK_500: BASE_DARK_COLOR.BLUE,
+  BLUE_DARK_600: '#4385cc',
+  BLUE_DARK_700: '#326499',
+  BLUE_DARK_800: '#224266',
+  BLUE_DARK_900: '#19324d'
+};
+var LIGHT_GREEN = {
+  GREEN_LIGHT_50: '#e8f1ea',
+  GREEN_LIGHT_100: '#d2e4d6',
+  GREEN_LIGHT_200: '#a5c9ad',
+  GREEN_LIGHT_300: '#77ae85',
+  GREEN_LIGHT_400: '#4a935c',
+  GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,
+  GREEN_LIGHT_600: '#176029',
+  GREEN_LIGHT_700: '#11481f',
+  GREEN_LIGHT_800: '#0c3014',
+  GREEN_LIGHT_900: '#0e421b'
+};
+var DARK_GREEN = {
+  GREEN_DARK_50: '#ebfcef',
+  GREEN_DARK_100: '#d6f8de',
+  GREEN_DARK_200: '#acf1bd',
+  GREEN_DARK_300: '#83e99d',
+  GREEN_DARK_400: '#59e27c',
+  GREEN_DARK_500: BASE_DARK_COLOR.GREEN,
+  GREEN_DARK_600: '#26af49',
+  GREEN_DARK_700: '#1d8337',
+  GREEN_DARK_800: '#135824',
+  GREEN_DARK_900: '#0e421b'
+};
+var LIGHT_TURQUOISE = {
+  TURQUOISE_LIGHT_50: '#e5f1f3',
+  TURQUOISE_LIGHT_100: '#cce2e7',
+  TURQUOISE_LIGHT_200: '#99c6d0',
+  TURQUOISE_LIGHT_300: '#67a9b8',
+  TURQUOISE_LIGHT_400: '#348da1',
+  TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,
+  TURQUOISE_LIGHT_600: '#015a6e',
+  TURQUOISE_LIGHT_700: '#014352',
+  TURQUOISE_LIGHT_800: '#002d37',
+  TURQUOISE_LIGHT_900: '#1c454d'
+};
+var DARK_TURQUOISE = {
+  TURQUOISE_DARK_50: '#effdff',
+  TURQUOISE_DARK_100: '#dffaff',
+  TURQUOISE_DARK_200: '#bef5ff',
+  TURQUOISE_DARK_300: '#9ef0ff',
+  TURQUOISE_DARK_400: '#7debff',
+  TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,
+  TURQUOISE_DARK_600: '#4Ab8cc',
+  TURQUOISE_DARK_700: '#388a99',
+  TURQUOISE_DARK_800: '#255c66',
+  TURQUOISE_DARK_900: '#1c454d'
+};
+var LIGHT_PURPLE = {
+  PURPLE_LIGHT_50: '#f4edf7',
+  PURPLE_LIGHT_100: '#e7daee',
+  PURPLE_LIGHT_200: '#d0b4dd',
+  PURPLE_LIGHT_300: '#b88fcd',
+  PURPLE_LIGHT_400: '#a169bc',
+  PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,
+  PURPLE_LIGHT_600: '#6e3689',
+  PURPLE_LIGHT_700: '#522967',
+  PURPLE_LIGHT_800: '#371b44',
+  PURPLE_LIGHT_900: '#412b4d'
+};
+var DARK_PURPLE = {
+  PURPLE_DARK_50: '#fcf4ff',
+  PURPLE_DARK_100: '#f8e9ff',
+  PURPLE_DARK_200: '#f0d2ff',
+  PURPLE_DARK_300: '#e9bcff',
+  PURPLE_DARK_400: '#e1a5ff',
+  PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,
+  PURPLE_DARK_600: '#ae72cc',
+  PURPLE_DARK_700: '#835699',
+  PURPLE_DARK_800: '#573966',
+  PURPLE_DARK_900: '#412b4d'
+};
+var LIGHT_RED = {
+  RED_LIGHT_50: '#f9e6e8',
+  RED_LIGHT_100: '#f3ccd0',
+  RED_LIGHT_200: '#e799a1',
+  RED_LIGHT_300: '#da6671',
+  RED_LIGHT_400: '#ce3342',
+  RED_LIGHT_500: BASE_LIGHT_COLOR.RED,
+  RED_LIGHT_600: '#9b000f',
+  RED_LIGHT_700: '#74000b',
+  RED_LIGHT_800: '#4e0008',
+  RED_LIGHT_900: '#4d2422'
+};
+var DARK_RED = {
+  RED_DARK_50: '#fff2f1',
+  RED_DARK_100: '#ffe4e2',
+  RED_DARK_200: '#ffc9c6',
+  RED_DARK_300: '#ffada9',
+  RED_DARK_400: '#ff928d',
+  RED_DARK_500: BASE_DARK_COLOR.RED,
+  RED_DARK_600: '#cc5f5a',
+  RED_DARK_700: '#994743',
+  RED_DARK_800: '#66302d',
+  RED_DARK_900: '#4d2422'
+};
+var LIGHT_AMBER = {
+  AMBER_LIGHT_50: '#f6eee8',
+  AMBER_LIGHT_100: '#ecded0',
+  AMBER_LIGHT_200: '#dabda1',
+  AMBER_LIGHT_300: '#c79b73',
+  AMBER_LIGHT_400: '#b57A44',
+  AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,
+  AMBER_LIGHT_600: '#824711',
+  AMBER_LIGHT_700: '#61350d',
+  AMBER_LIGHT_800: '#412408',
+  AMBER_LIGHT_900: '#201204'
+};
+var DARK_AMBER = {
+  AMBER_DARK_50: '#fffbea',
+  AMBER_DARK_100: '#fff6d4',
+  AMBER_DARK_200: '#ffeea8',
+  AMBER_DARK_300: '#ffe57d',
+  AMBER_DARK_400: '#ffdd51',
+  AMBER_DARK_500: BASE_DARK_COLOR.AMBER,
+  AMBER_DARK_600: '#ccaa1e',
+  AMBER_DARK_700: '#997f17',
+  AMBER_DARK_800: '#66550f',
+  AMBER_DARK_900: '#4d400b'
+};
+
+var DARK = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DARK_BLUE), DARK_GREEN), DARK_TURQUOISE), DARK_PURPLE), DARK_RED), DARK_AMBER);
+
+var LIGHT = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, LIGHT_BLUE), LIGHT_GREEN), LIGHT_TURQUOISE), LIGHT_PURPLE), LIGHT_RED), LIGHT_AMBER);
+
+var GRAYS = {
+  GRAY_10: '#fafafa',
+  GRAY_20: '#edeff0',
+  GRAY_30: '#e5e8ea',
+  GRAY_40: '#dce0e3',
+  GRAY_50: '#cbced1',
+  GRAY_60: '#9fa1a7',
+  GRAY_70: '#676b71',
+  GRAY_80: '#54585f',
+  GRAY_90: '#34373d',
+  GRAY_95: '#26272c',
+  GRAY_100: '#17181a'
+};
+
+var COLOR_V2 = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, BASE_DARK_COLOR), BASE_LIGHT_COLOR), DARK), LIGHT), GRAYS), {}, {
+  BLACK: '#000',
+  WHITE: '#fff'
+});
+
+exports.COLOR_V2 = COLOR_V2;
+//# sourceMappingURL=colors-v2.js.map

package/src/Identity/colors-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["colors-v2.ts"],"names":["BASE_LIGHT_COLOR","BLUE","GREEN","TURQUOISE","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_TURQUOISE","TURQUOISE_LIGHT_50","TURQUOISE_LIGHT_100","TURQUOISE_LIGHT_200","TURQUOISE_LIGHT_300","TURQUOISE_LIGHT_400","TURQUOISE_LIGHT_500","TURQUOISE_LIGHT_600","TURQUOISE_LIGHT_700","TURQUOISE_LIGHT_800","TURQUOISE_LIGHT_900","DARK_TURQUOISE","TURQUOISE_DARK_50","TURQUOISE_DARK_100","TURQUOISE_DARK_200","TURQUOISE_DARK_300","TURQUOISE_DARK_400","TURQUOISE_DARK_500","TURQUOISE_DARK_600","TURQUOISE_DARK_700","TURQUOISE_DARK_800","TURQUOISE_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"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\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n  BLUE: '#0667c8',\n  GREEN: '#1d7833',\n  TURQUOISE: '#01718e',\n  PURPLE: '#8944ab',\n  RED: '#c20013',\n  AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n  BLUE: '#54a6ff',\n  GREEN: '#30db5b',\n  TURQUOISE: '#5de6ff',\n  PURPLE: '#da8fff',\n  RED: '#ff7770',\n  AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n  BLUE_LIGHT_50: '#e7f0fa',\n  BLUE_LIGHT_100: '#cde1f4',\n  BLUE_LIGHT_200: '#9bc2e9',\n  BLUE_LIGHT_300: '#6aa4de',\n  BLUE_LIGHT_400: '#3885d3',\n  BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n  BLUE_LIGHT_600: '#0552a0',\n  BLUE_LIGHT_700: '#043e78',\n  BLUE_LIGHT_800: '#022950',\n  BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n  BLUE_DARK_50: '#eef7ff',\n  BLUE_DARK_100: '#ddedff',\n  BLUE_DARK_200: '#bbdbff',\n  BLUE_DARK_300: '#98caff',\n  BLUE_DARK_400: '#76b8ff',\n  BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n  BLUE_DARK_600: '#4385cc',\n  BLUE_DARK_700: '#326499',\n  BLUE_DARK_800: '#224266',\n  BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n  GREEN_LIGHT_50: '#e8f1ea',\n  GREEN_LIGHT_100: '#d2e4d6',\n  GREEN_LIGHT_200: '#a5c9ad',\n  GREEN_LIGHT_300: '#77ae85',\n  GREEN_LIGHT_400: '#4a935c',\n  GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n  GREEN_LIGHT_600: '#176029',\n  GREEN_LIGHT_700: '#11481f',\n  GREEN_LIGHT_800: '#0c3014',\n  GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n  GREEN_DARK_50: '#ebfcef',\n  GREEN_DARK_100: '#d6f8de',\n  GREEN_DARK_200: '#acf1bd',\n  GREEN_DARK_300: '#83e99d',\n  GREEN_DARK_400: '#59e27c',\n  GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n  GREEN_DARK_600: '#26af49',\n  GREEN_DARK_700: '#1d8337',\n  GREEN_DARK_800: '#135824',\n  GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_TURQUOISE: Record<string, string> = {\n  TURQUOISE_LIGHT_50: '#e5f1f3',\n  TURQUOISE_LIGHT_100: '#cce2e7',\n  TURQUOISE_LIGHT_200: '#99c6d0',\n  TURQUOISE_LIGHT_300: '#67a9b8',\n  TURQUOISE_LIGHT_400: '#348da1',\n  TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,\n  TURQUOISE_LIGHT_600: '#015a6e',\n  TURQUOISE_LIGHT_700: '#014352',\n  TURQUOISE_LIGHT_800: '#002d37',\n  TURQUOISE_LIGHT_900: '#1c454d',\n};\n\nconst DARK_TURQUOISE: Record<string, string> = {\n  TURQUOISE_DARK_50: '#effdff',\n  TURQUOISE_DARK_100: '#dffaff',\n  TURQUOISE_DARK_200: '#bef5ff',\n  TURQUOISE_DARK_300: '#9ef0ff',\n  TURQUOISE_DARK_400: '#7debff',\n  TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,\n  TURQUOISE_DARK_600: '#4Ab8cc',\n  TURQUOISE_DARK_700: '#388a99',\n  TURQUOISE_DARK_800: '#255c66',\n  TURQUOISE_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n  PURPLE_LIGHT_50: '#f4edf7',\n  PURPLE_LIGHT_100: '#e7daee',\n  PURPLE_LIGHT_200: '#d0b4dd',\n  PURPLE_LIGHT_300: '#b88fcd',\n  PURPLE_LIGHT_400: '#a169bc',\n  PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n  PURPLE_LIGHT_600: '#6e3689',\n  PURPLE_LIGHT_700: '#522967',\n  PURPLE_LIGHT_800: '#371b44',\n  PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n  PURPLE_DARK_50: '#fcf4ff',\n  PURPLE_DARK_100: '#f8e9ff',\n  PURPLE_DARK_200: '#f0d2ff',\n  PURPLE_DARK_300: '#e9bcff',\n  PURPLE_DARK_400: '#e1a5ff',\n  PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n  PURPLE_DARK_600: '#ae72cc',\n  PURPLE_DARK_700: '#835699',\n  PURPLE_DARK_800: '#573966',\n  PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n  RED_LIGHT_50: '#f9e6e8',\n  RED_LIGHT_100: '#f3ccd0',\n  RED_LIGHT_200: '#e799a1',\n  RED_LIGHT_300: '#da6671',\n  RED_LIGHT_400: '#ce3342',\n  RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n  RED_LIGHT_600: '#9b000f',\n  RED_LIGHT_700: '#74000b',\n  RED_LIGHT_800: '#4e0008',\n  RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n  RED_DARK_50: '#fff2f1',\n  RED_DARK_100: '#ffe4e2',\n  RED_DARK_200: '#ffc9c6',\n  RED_DARK_300: '#ffada9',\n  RED_DARK_400: '#ff928d',\n  RED_DARK_500: BASE_DARK_COLOR.RED,\n  RED_DARK_600: '#cc5f5a',\n  RED_DARK_700: '#994743',\n  RED_DARK_800: '#66302d',\n  RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n  AMBER_LIGHT_50: '#f6eee8',\n  AMBER_LIGHT_100: '#ecded0',\n  AMBER_LIGHT_200: '#dabda1',\n  AMBER_LIGHT_300: '#c79b73',\n  AMBER_LIGHT_400: '#b57A44',\n  AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n  AMBER_LIGHT_600: '#824711',\n  AMBER_LIGHT_700: '#61350d',\n  AMBER_LIGHT_800: '#412408',\n  AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n  AMBER_DARK_50: '#fffbea',\n  AMBER_DARK_100: '#fff6d4',\n  AMBER_DARK_200: '#ffeea8',\n  AMBER_DARK_300: '#ffe57d',\n  AMBER_DARK_400: '#ffdd51',\n  AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n  AMBER_DARK_600: '#ccaa1e',\n  AMBER_DARK_700: '#997f17',\n  AMBER_DARK_800: '#66550f',\n  AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n  ...DARK_BLUE,\n  ...DARK_GREEN,\n  ...DARK_TURQUOISE,\n  ...DARK_PURPLE,\n  ...DARK_RED,\n  ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n  ...LIGHT_BLUE,\n  ...LIGHT_GREEN,\n  ...LIGHT_TURQUOISE,\n  ...LIGHT_PURPLE,\n  ...LIGHT_RED,\n  ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n  GRAY_10: '#fafafa',\n  GRAY_20: '#edeff0',\n  GRAY_30: '#e5e8ea',\n  GRAY_40: '#dce0e3',\n  GRAY_50: '#cbced1',\n  GRAY_60: '#9fa1a7',\n  GRAY_70: '#676b71',\n  GRAY_80: '#54585f',\n  GRAY_90: '#34373d',\n  GRAY_95: '#26272c',\n  GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n  ...BASE_DARK_COLOR,\n  ...BASE_LIGHT_COLOR,\n  ...DARK,\n  ...LIGHT,\n  ...GRAYS,\n  BLACK: '#000',\n  WHITE: '#fff',\n};\n"],"file":"colors-v2.js"}

package/src/Identity/colors.d.js

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

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

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

package/src/Identity/colors.d.ts

@@ -0,0 +1,3 @@
+import Color from 'color';
+export declare type ColorParam = Color | string | ArrayLike<number> | number | Record<string, any>;
+export declare const COLOR: any;

package/src/Identity/colors.js

@@ -0,0 +1,94 @@
+"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 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 steps = [];
+var percent = 100;
+
+for (var index = 8; index < percent; index += 8) {
+  steps.push(index);
+}
+
+function shade(color) {
+  var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.08;
+  return (0, _color["default"])(color).mix((0, _color["default"])(BASE_COLOR.BLACK), amount).toString();
+}
+
+function tint(color, amount) {
+  return (0, _color["default"])(color).mix((0, _color["default"])(BASE_COLOR.WHITE), amount).toString();
+}
+
+function opaque(color, amount) {
+  return (0, _color["default"])(color).fade(1 - amount).toString();
+}
+
+var BASE_COLOR = {
+  BLACK: '#000',
+  BLUE: '#0772de',
+  GRAY: '#696c6e',
+  GREEN: '#00c800',
+  ORANGE: '#ff8900',
+  RED: '#e02020',
+  WHITE: '#fff',
+  YELLOW: '#febf02'
+};
+var DARK_COLOR = {};
+var LIGHT_COLOR = {};
+var OPAQUE_COLOR = {};
+Object.entries({
+  BLACK: BASE_COLOR.BLACK,
+  GRAY: BASE_COLOR.GRAY,
+  WHITE: BASE_COLOR.WHITE
+}).forEach(function (_ref) {
+  var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+
+  steps.forEach(function (step) {
+    var amount = step / percent;
+    DARK_COLOR["".concat(key, "_DARKEN_").concat(step)] = shade(value, amount);
+    LIGHT_COLOR["".concat(key, "_LIGHTEN_").concat(step)] = tint(value, amount);
+  });
+});
+Object.entries(BASE_COLOR).forEach(function (_ref3) {
+  var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+
+  steps.forEach(function (step) {
+    var amount = step / percent;
+    OPAQUE_COLOR["".concat(key, "_OPAQUE_").concat(step)] = opaque(value, amount);
+  });
+});
+var COMPONENT_COLOR = {
+  DISABLED: opaque(DARK_COLOR.GRAY_DARKEN_32, 0.16),
+  ICON: DARK_COLOR.GRAY_DARKEN_72,
+  LINK: DARK_COLOR.GRAY_DARKEN_72,
+  TEXT: DARK_COLOR.GRAY_DARKEN_72
+};
+
+var COLOR = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, BASE_COLOR), DARK_COLOR), LIGHT_COLOR), OPAQUE_COLOR), COMPONENT_COLOR), {}, {
+  BLACK: BASE_COLOR.BLACK,
+  WHITE: BASE_COLOR.WHITE,
+  opaque: opaque,
+  shade: shade,
+  tint: tint
+});
+
+exports.COLOR = COLOR;
+//# sourceMappingURL=colors.js.map

package/src/Identity/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["colors.ts"],"names":["steps","percent","index","push","shade","color","amount","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"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\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"],"file":"colors.js"}