@wireapp/react-ui-kit 8.17.10 → 9.0.1

package/src/Identity/colors.d.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"colors.d.js","names":[],"sources":["colors.d.ts"],"sourcesContent":["import Color from 'color';\nexport declare type ColorParam = Color | string | ArrayLike<number> | number | Record<string, any>;\nexport declare const COLOR: any;\n"],"mappings":""}

package/src/Identity/colors.js

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

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","names":["steps","percent","index","push","shade","color","amount","Color","mix","BASE_COLOR","BLACK","toString","tint","WHITE","opaque","fade","BLUE","GRAY","GREEN","ORANGE","RED","YELLOW","DARK_COLOR","LIGHT_COLOR","OPAQUE_COLOR","Object","entries","forEach","key","value","step","COMPONENT_COLOR","DISABLED","GRAY_DARKEN_32","ICON","GRAY_DARKEN_72","LINK","TEXT","COLOR"],"sources":["colors.ts"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport Color from 'color';\n\nexport type ColorParam = Color | string | ArrayLike<number> | number | Record<string, any>;\n\nconst steps = [];\nconst percent = 100;\n\nfor (let index = 8; index < percent; index += 8) {\n  steps.push(index);\n}\n\nfunction shade(color: ColorParam, amount = 0.08): string {\n  return Color(color).mix(Color(BASE_COLOR.BLACK), amount).toString();\n}\n\nfunction tint(color: ColorParam, amount: number): string {\n  return Color(color).mix(Color(BASE_COLOR.WHITE), amount).toString();\n}\n\nfunction opaque(color: ColorParam, amount: number): string {\n  return Color(color)\n    .fade(1 - amount)\n    .toString();\n}\n\nconst BASE_COLOR: Record<string, string> = {\n  BLACK: '#000',\n  BLUE: '#0772de',\n  GRAY: '#696c6e',\n  GREEN: '#00c800',\n  ORANGE: '#ff8900',\n  RED: '#e02020',\n  WHITE: '#fff',\n  YELLOW: '#febf02',\n};\n\nconst DARK_COLOR: Record<string, string> = {};\nconst LIGHT_COLOR: Record<string, string> = {};\nconst OPAQUE_COLOR: Record<string, string> = {};\n\nObject.entries({\n  BLACK: BASE_COLOR.BLACK,\n  GRAY: BASE_COLOR.GRAY,\n  WHITE: BASE_COLOR.WHITE,\n}).forEach(([key, value]) => {\n  steps.forEach(step => {\n    const amount = step / percent;\n    DARK_COLOR[`${key}_DARKEN_${step}`] = shade(value, amount);\n    LIGHT_COLOR[`${key}_LIGHTEN_${step}`] = tint(value, amount);\n  });\n});\n\nObject.entries(BASE_COLOR).forEach(([key, value]) => {\n  steps.forEach(step => {\n    const amount = step / percent;\n    OPAQUE_COLOR[`${key}_OPAQUE_${step}`] = opaque(value, amount);\n  });\n});\n\nconst COMPONENT_COLOR = {\n  DISABLED: opaque(DARK_COLOR.GRAY_DARKEN_32, 0.16),\n  ICON: DARK_COLOR.GRAY_DARKEN_72,\n  LINK: DARK_COLOR.GRAY_DARKEN_72,\n  TEXT: DARK_COLOR.GRAY_DARKEN_72,\n};\n\nexport const COLOR: any = {\n  ...BASE_COLOR,\n  ...DARK_COLOR,\n  ...LIGHT_COLOR,\n  ...OPAQUE_COLOR,\n  ...COMPONENT_COLOR,\n  BLACK: BASE_COLOR.BLACK,\n  WHITE: BASE_COLOR.WHITE,\n  opaque,\n  shade,\n  tint,\n};\n"],"mappings":"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"}

package/src/Identity/colors.md

@@ -1,106 +0,0 @@
-```js
-/** @jsx jsx */
-import {jsx} from '@emotion/react';
-import {COLOR, Container, H1, H2, Line} from '@wireapp/react-ui-kit';
-import Color from 'color';
-
-const colorElementStyle = props => ({
-  '&::after': {
-    alignItems: 'center',
-    color: '#fff',
-    content: 'attr(data-text)',
-    display: 'flex',
-    fontSize: '10px',
-    fontWeight: 600,
-    height: '100%',
-    justifyContent: 'center',
-    opacity: 0,
-    position: 'absolute',
-    textAlign: 'center',
-    textShadow: '#000 0 0 2px',
-    transform: 'scale(1.2)',
-    transition: 'all 0.2s ease-in-out',
-    whiteSpace: 'pre-wrap',
-    width: '100%',
-    zIndex: 1,
-  },
-  '&:hover::after': {
-    opacity: 1,
-    transform: 'scale(1)',
-  },
-  backgroundColor: props.backgroundColor,
-  border: '1px solid black',
-  borderRadius: '40px',
-  display: 'inline-block',
-  height: '80px',
-  position: 'relative',
-  width: '80px',
-});
-
-const ColorElement = ({name}) => {
-  const backgroundColor = COLOR[name];
-  const color = Color(backgroundColor);
-  const value = color.hex().toString();
-  const digits = 2;
-  const alpha = color.alpha() < 1 ? color.alpha().toFixed(digits) : 0;
-  return (
-    <div
-      onClick={() => navigator.clipboard.writeText(alpha ? color.toString() : value)}
-      css={colorElementStyle({backgroundColor})}
-      data-text={`${name}\n${value}${alpha ? `\nα: ${alpha}` : ''}`}
-    />
-  );
-};
-
-const lightenableColors = ['BLACK', 'GRAY'];
-const darkenableColors = ['WHITE', 'GRAY'];
-const baseColors = ['BLACK', 'WHITE', 'GRAY', 'BLUE', 'GREEN', 'ORANGE', 'RED', 'YELLOW'];
-const additionalColors = ['LINK', 'TEXT', 'ICON', 'DISABLED'];
-const allColors = [...baseColors, ...additionalColors];
-const steps = [];
-const percent = 100;
-const stepSize = 8;
-for (let index = stepSize; index < percent; index += stepSize) {
-  steps.push(index);
-}
-
-<Container>
-  <H2>Base Colors </H2>
-  {allColors.map(color => (
-    <ColorElement name={color} key={color} />
-  ))}
-  <H2>Darken</H2>
-  {darkenableColors.map(color => (
-    <Container key={color}>
-      {steps.map(step => {
-        const name = `${color}_DARKEN_${step}`;
-        return <ColorElement name={name} key={name} />;
-      })}
-    </Container>
-  ))}
-  <H2>Lighten</H2>
-  {lightenableColors.map(color => (
-    <Container key={color}>
-      {steps.map(step => {
-        const name = `${color}_LIGHTEN_${step}`;
-        return <ColorElement name={name} key={name} />;
-      })}
-    </Container>
-  ))}
-  <H2>Opaque</H2>
-  {baseColors.map(color => (
-    <Container
-      key={color}
-      style={{
-        backgroundImage:
-          "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAL0lEQVQ4T2N88ODBfwY8QEFBgRGfPOOoAQzDIQzwxTFIjlA0400kowZAgnfwByIAPbI9Ca+UKQsAAAAASUVORK5CYII=')",
-      }}
-    >
-      {steps.map(step => {
-        const name = `${color}_OPAQUE_${step}`;
-        return <ColorElement name={name} key={name} />;
-      })}
-    </Container>
-  ))}
-</Container>;
-```

package/src/Identity/index.d.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Animation = require("./Animation");
-Object.keys(_Animation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Animation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Animation[key];
-    }
-  });
-});
-var _Avatar = require("./Avatar");
-Object.keys(_Avatar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Avatar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Avatar[key];
-    }
-  });
-});
-var _AvatarGrid = require("./AvatarGrid");
-Object.keys(_AvatarGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AvatarGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AvatarGrid[key];
-    }
-  });
-});
-var _colors = require("./colors");
-Object.keys(_colors).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _colors[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _colors[key];
-    }
-  });
-});
-var _colorsV = require("./colors-v2");
-Object.keys(_colorsV).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _colorsV[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _colorsV[key];
-    }
-  });
-});
-var _Logo = require("./Logo");
-Object.keys(_Logo).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Logo[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Logo[key];
-    }
-  });
-});
-//# sourceMappingURL=index.d.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["index.d.ts"],"sourcesContent":["export * from './Animation';\nexport * from './Avatar';\nexport * from './AvatarGrid';\nexport * from './colors';\nexport * from './colors-v2';\nexport * from './Logo';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/src/Identity/index.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Animation = require("./Animation");
-Object.keys(_Animation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Animation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Animation[key];
-    }
-  });
-});
-var _Avatar = require("./Avatar");
-Object.keys(_Avatar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Avatar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Avatar[key];
-    }
-  });
-});
-var _AvatarGrid = require("./AvatarGrid");
-Object.keys(_AvatarGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AvatarGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AvatarGrid[key];
-    }
-  });
-});
-var _colors = require("./colors");
-Object.keys(_colors).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _colors[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _colors[key];
-    }
-  });
-});
-var _colorsV = require("./colors-v2");
-Object.keys(_colorsV).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _colorsV[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _colorsV[key];
-    }
-  });
-});
-var _Logo = require("./Logo");
-Object.keys(_Logo).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Logo[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Logo[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/src/Identity/index.js.map

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

package/src/Identity/motions.d.js

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

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

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

package/src/Identity/motions.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultTransition = exports.EASE = exports.DURATION = exports.ANIMATION = void 0;
-var _react = require("@emotion/react");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-// https://motion.wire.com/_guidelines_/rules.html
-
-/**
- * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.
- */
-var DURATION = {
-  DEFAULT: 550,
-  EXTRA_LONG: 2400,
-  PROACTIVE_FAST: 150,
-  PROACTIVE_SLOW: 350,
-  SYSTEM: 700
-};
-
-/**
- * The rule of thumb is using Quart Out when animating only the object's opacity,
- * otherwise use Expo Out ease.
- */
-exports.DURATION = DURATION;
-var EASE = {
-  EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',
-  QUART: 'cubic-bezier(0.165, 0.84, 0.44, 1)'
-};
-exports.EASE = EASE;
-var ANIMATION = {
-  bottomUpMovement: (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
-  fadeIn: (0, _react.keyframes)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  "]))),
-  rotate: (0, _react.keyframes)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  "]))),
-  topDownMovement: (0, _react.keyframes)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "]))),
-  topDownMovementLight: (0, _react.keyframes)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  "])))
-};
-exports.ANIMATION = ANIMATION;
-var defaultTransition = 'all 0.24s';
-exports.defaultTransition = defaultTransition;
-//# sourceMappingURL=motions.js.map

package/src/Identity/motions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"motions.js","names":["DURATION","DEFAULT","EXTRA_LONG","PROACTIVE_FAST","PROACTIVE_SLOW","SYSTEM","EASE","EXPONENTIAL","QUART","ANIMATION","bottomUpMovement","keyframes","fadeIn","rotate","topDownMovement","topDownMovementLight","defaultTransition"],"sources":["motions.ts"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {keyframes} from '@emotion/react';\n\n// https://motion.wire.com/_guidelines_/rules.html\n\n/**\n * Duration exception - When a motion longer than 0.7 seconds is needed use a multiplier of 700.\n */\nexport const DURATION = {\n  DEFAULT: 550,\n  EXTRA_LONG: 2400,\n  PROACTIVE_FAST: 150,\n  PROACTIVE_SLOW: 350,\n  SYSTEM: 700,\n};\n\n/**\n * The rule of thumb is using Quart Out when animating only the object's opacity,\n * otherwise use Expo Out ease.\n */\nexport const EASE = {\n  EXPONENTIAL: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  QUART: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n};\n\nexport const ANIMATION = {\n  bottomUpMovement: keyframes`\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  fadeIn: keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `,\n  rotate: keyframes`\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  `,\n  topDownMovement: keyframes`\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n  topDownMovementLight: keyframes`\n    0% {\n      transform: translateY(-20%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  `,\n};\n\nexport const defaultTransition = 'all 0.24s';\n"],"mappings":";;;;;;AAmBA;AAAyC;AAAA;AAEzC;;AAEA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG;EACtBC,OAAO,EAAE,GAAG;EACZC,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,GAAG;EACnBC,cAAc,EAAE,GAAG;EACnBC,MAAM,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AAHA;AAIO,IAAMC,IAAI,GAAG;EAClBC,WAAW,EAAE,gCAAgC;EAC7CC,KAAK,EAAE;AACT,CAAC;AAAC;AAEK,IAAMC,SAAS,GAAG;EACvBC,gBAAgB,MAAEC,gBAAS,mLAO1B;EACDC,MAAM,MAAED,gBAAS,sJAOhB;EACDE,MAAM,MAAEF,gBAAS,+KAOhB;EACDG,eAAe,MAAEH,gBAAS,sLAOzB;EACDI,oBAAoB,MAAEJ,gBAAS;AAQjC,CAAC;AAAC;AAEK,IAAMK,iBAAiB,GAAG,WAAW;AAAC"}

package/src/Layout/Box.d.js

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

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

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

package/src/Layout/Box.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.boxStyle = exports.Box = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _Identity = require("../Identity");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var boxStyle = function boxStyle(props) {
-  return {
-    border: "2px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_72),
-    borderRadius: '8px',
-    padding: '16px 32px'
-  };
-};
-exports.boxStyle = boxStyle;
-var Box = function Box(props) {
-  return (0, _react.jsx)("div", _extends({
-    css: boxStyle(props)
-  }, props));
-};
-exports.Box = Box;
-//# sourceMappingURL=Box.js.map

package/src/Layout/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","names":["boxStyle","props","border","COLOR","GRAY_LIGHTEN_72","borderRadius","padding","Box"],"sources":["Box.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\n\nexport type BoxProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nexport const boxStyle: <T>(props: BoxProps<T>) => CSSObject = props => ({\n  border: `2px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  borderRadius: '8px',\n  padding: '16px 32px',\n});\n\nexport const Box = (props: BoxProps) => <div css={boxStyle(props)} {...props} />;\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AAAkC;AAAA;AAI3B,IAAMA,QAA8C,GAAG,SAAjDA,QAA8C,CAAGC,KAAK;EAAA,OAAK;IACtEC,MAAM,sBAAeC,eAAK,CAACC,eAAe,CAAE;IAC5CC,YAAY,EAAE,KAAK;IACnBC,OAAO,EAAE;EACX,CAAC;AAAA,CAAC;AAAC;AAEI,IAAMC,GAAG,GAAG,SAANA,GAAG,CAAIN,KAAe;EAAA,OAAK;IAAK,GAAG,EAAED,QAAQ,CAACC,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA;AAAC"}

package/src/Layout/Box.md

@@ -1,11 +0,0 @@
-Demo:
-
-```js
-import {Box} from '@wireapp/react-ui-kit';
-
-<Box>
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a mattis nibh, sed maximus leo. Fusce a lacinia sem,
-  vitae ornare dolor. Quisque rhoncus, magna non lacinia sagittis, erat augue fringilla metus, eu consectetur leo velit
-  non lacus. Phasellus ipsum turpis, dapibus ut purus in, lobortis consectetur mi.
-</Box>;
-```

package/src/Layout/Column.d.js

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

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

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

package/src/Layout/Column.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterColumnsProps = exports.Columns = exports.Column = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _mediaQueries = require("../mediaQueries");
-var _util = require("../util");
-var _sizes = require("./sizes");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var filterColumnsProps = function filterColumnsProps(props) {
-  return (0, _util.filterProps)(props, ['query']);
-};
-exports.filterColumnsProps = filterColumnsProps;
-var columnsStyle = function columnsStyle(_ref) {
-  var _ref$query = _ref.query,
-    query = _ref$query === void 0 ? _mediaQueries.QueryKeys.MOBILE : _ref$query;
-  return _defineProperty({
-    display: 'flex',
-    marginLeft: "-".concat(_sizes.GUTTER, "px")
-  }, _mediaQueries.media[query], {
-    flexDirection: 'column'
-  });
-};
-var Columns = function Columns(props) {
-  return (0, _react2.jsx)("div", _extends({
-    css: columnsStyle(props)
-  }, filterColumnsProps(props)));
-};
-exports.Columns = Columns;
-var columnStyle = function columnStyle(props) {
-  return {
-    display: 'block',
-    flexBasis: '0',
-    flexGrow: 1,
-    flexShrink: 1,
-    marginLeft: "".concat(_sizes.GUTTER, "px")
-  };
-};
-var Column = function Column(props) {
-  return (0, _react2.jsx)("div", _extends({
-    css: columnStyle(props)
-  }, props));
-};
-exports.Column = Column;
-//# sourceMappingURL=Column.js.map

package/src/Layout/Column.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Column.js","names":["filterColumnsProps","props","filterProps","columnsStyle","query","QueryKeys","MOBILE","display","marginLeft","GUTTER","media","flexDirection","Columns","columnStyle","flexBasis","flexGrow","flexShrink","Column"],"sources":["Column.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {QueryKeys, media} from '../mediaQueries';\nimport {filterProps} from '../util';\nimport {GUTTER} from './sizes';\n\nexport interface ColumnsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  query?: QueryKeys;\n}\n\nexport const filterColumnsProps = (props: ColumnsProps) => {\n  return filterProps(props, ['query']);\n};\n\nconst columnsStyle: <T>(props: ColumnsProps<T>) => CSSObject = ({query = QueryKeys.MOBILE}) => ({\n  display: 'flex',\n  marginLeft: `-${GUTTER}px`,\n  [media[query]]: {flexDirection: 'column'},\n});\n\nexport const Columns = (props: ColumnsProps) => <div css={columnsStyle(props)} {...filterColumnsProps(props)} />;\n\nexport type ColumnProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst columnStyle: <T>(props: ColumnProps<T>) => CSSObject = props => ({\n  display: 'block',\n  flexBasis: '0',\n  flexGrow: 1,\n  flexShrink: 1,\n  marginLeft: `${GUTTER}px`,\n});\n\nexport const Column = (props: ColumnProps) => <div css={columnStyle(props)} {...props} />;\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AACA;AAA+B;AAAA;AAAA;AAMxB,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAmB,EAAK;EACzD,OAAO,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC;AACtC,CAAC;AAAC;AAEF,IAAME,YAAsD,GAAG,SAAzDA,YAAsD;EAAA,sBAAKC,KAAK;IAALA,KAAK,2BAAGC,uBAAS,CAACC,MAAM;EAAA;IACvFC,OAAO,EAAE,MAAM;IACfC,UAAU,aAAMC,aAAM;EAAI,GACzBC,mBAAK,CAACN,KAAK,CAAC,EAAG;IAACO,aAAa,EAAE;EAAQ,CAAC;AAAA,CACzC;AAEK,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIX,KAAmB;EAAA,OAAK;IAAK,GAAG,EAAEE,YAAY,CAACF,KAAK;EAAE,GAAKD,kBAAkB,CAACC,KAAK,CAAC,EAAI;AAAA;AAAC;AAIjH,IAAMY,WAAoD,GAAG,SAAvDA,WAAoD,CAAGZ,KAAK;EAAA,OAAK;IACrEM,OAAO,EAAE,OAAO;IAChBO,SAAS,EAAE,GAAG;IACdC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbR,UAAU,YAAKC,aAAM;EACvB,CAAC;AAAA,CAAC;AAEK,IAAMQ,MAAM,GAAG,SAATA,MAAM,CAAIhB,KAAkB;EAAA,OAAK;IAAK,GAAG,EAAEY,WAAW,CAACZ,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA;AAAC"}

package/src/Layout/Column.md

@@ -1,70 +0,0 @@
-Demo:
-
-```js
-import {Container, Columns, Column, COLOR} from '@wireapp/react-ui-kit';
-
-const ColumnsStyle = {
-  marginBottom: '12px',
-};
-
-const ColumnStyle = {
-  backgroundColor: COLOR.GRAY_LIGHTEN_32,
-  border: `1px solid ${COLOR.GRAY_LIGHTEN_24}`,
-};
-
-<Container>
-  <Columns style={ColumnsStyle}>
-    <Column style={ColumnStyle}>Column</Column>
-  </Columns>
-
-  <Columns style={ColumnsStyle}>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-  </Columns>
-
-  <Columns style={ColumnsStyle}>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-  </Columns>
-
-  <Columns style={ColumnsStyle}>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-  </Columns>
-
-  <Columns style={ColumnsStyle}>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-    <Column style={ColumnStyle}>Column</Column>
-  </Columns>
-
-  <Columns style={ColumnsStyle}>
-    <Column style={ColumnStyle}>
-      <Columns>
-        <Column style={ColumnStyle}>Column</Column>
-        <Column style={ColumnStyle}>Column</Column>
-        <Column style={ColumnStyle}>Column</Column>
-      </Columns>
-    </Column>
-    <Column style={ColumnStyle}>
-      <Columns>
-        <Column style={ColumnStyle}>Column</Column>
-        <Column style={ColumnStyle}>Column</Column>
-        <Column style={ColumnStyle}>Column</Column>
-      </Columns>
-    </Column>
-    <Column style={ColumnStyle}>
-      <Columns>
-        <Column style={ColumnStyle}>Column</Column>
-        <Column style={ColumnStyle}>Column</Column>
-        <Column style={ColumnStyle}>Column</Column>
-      </Columns>
-    </Column>
-  </Columns>
-</Container>;
-```

package/src/Layout/Container.d.js

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