@wireapp/react-ui-kit 8.17.3 → 8.17.5

package/src/Form/SelectStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectStyles.js","names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","inputStyle","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isMulti","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","borderColor","contrastTextColor","selectedActiveBg","contrastColor","optionHoverBg","borderBottom","valueContainer","width","singleValue"],"sources":["SelectStyles.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n    const isSelectDisabled = selectProps.isDisabled;\n\n    return {\n      '& > div': {\n        ...inputStyle(theme, {disabled: isSelectDisabled, markInvalid}),\n        padding: 0,\n        height: 'auto',\n        minHeight: '48px',\n        '&:-moz-focusring': {\n          color: 'transparent',\n          textShadow: '0 0 0 #000',\n        },\n        position: 'relative',\n        ...(isDisabled && {\n          backgroundColor: theme.Input.backgroundColorDisabled,\n          color: theme.Select.disabledColor,\n          cursor: 'default',\n        }),\n        ...(markInvalid && {\n          boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n        }),\n        ...(menuIsOpen && {\n          boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          '&:hover': {\n            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          },\n        }),\n        cursor: !isSelectDisabled && 'pointer',\n        '&:focus:visible, active': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      },\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  dropdownIndicator: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      '& > svg': {\n        fill: isSelectDisabled && theme.Input.placeholderColor,\n      },\n    };\n  },\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n    overflowY: 'overlay',\n  }),\n  menuList: provided => ({\n    ...provided,\n    borderRadius: 12,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isMulti, isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    backgroundColor: theme.Input.backgroundColor,\n    color: theme.general.color,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isSelected &&\n      !isDisabled &&\n      !isMulti && {\n        background: theme.general.primaryColor,\n        borderColor: theme.general.primaryColor,\n        color: theme.Select.contrastTextColor,\n        '&:hover': {\n          backgroundColor: theme.Select.selectedActiveBg,\n        },\n        '&:active': {\n          backgroundColor: theme.general.primaryColor,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.contrastColor,\n        },\n      }),\n    ...(isFocused &&\n      !isDisabled &&\n      !isSelected && {\n        backgroundColor: theme.Select.optionHoverBg,\n        borderColor: theme.Select.optionHoverBg,\n        color: theme.general.color,\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isMulti &&\n      isSelected && {\n        backgroundColor: theme.Input.backgroundColor,\n        '&:hover': {\n          backgroundColor: theme.Select.optionHoverBg,\n        },\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isDisabled && {\n      backgroundColor: theme.Input.backgroundColorDisabled,\n      color: theme.Select.disabledColor,\n      '&:hover, &:active, &:focus': {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      },\n      ...(isFocused && {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      }),\n    }),\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n  singleValue: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n    };\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"SelectStyles.js","names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","inputStyle","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isMulti","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","borderColor","contrastTextColor","selectedActiveBg","contrastColor","optionHoverBg","borderBottom","valueContainer","width","singleValue"],"sources":["SelectStyles.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n    const isSelectDisabled = selectProps.isDisabled;\n\n    return {\n      '& > div': {\n        ...inputStyle(theme, {disabled: isSelectDisabled, markInvalid}),\n        padding: 0,\n        height: 'auto',\n        minHeight: '48px',\n        '&:-moz-focusring': {\n          color: 'transparent',\n          textShadow: '0 0 0 #000',\n        },\n        position: 'relative',\n        ...(isDisabled && {\n          backgroundColor: theme.Input.backgroundColorDisabled,\n          color: theme.Select.disabledColor,\n          cursor: 'default',\n        }),\n        ...(markInvalid && {\n          boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n        }),\n        ...(menuIsOpen && {\n          boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          '&:hover': {\n            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          },\n        }),\n        cursor: !isSelectDisabled && 'pointer',\n        '&:focus:visible, active': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      },\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  dropdownIndicator: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      '& > svg': {\n        fill: isSelectDisabled && theme.Input.placeholderColor,\n      },\n    };\n  },\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n    overflowY: 'overlay',\n  }),\n  menuList: provided => ({\n    ...provided,\n    borderRadius: 12,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isMulti, isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    backgroundColor: theme.Input.backgroundColor,\n    color: theme.general.color,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isSelected &&\n      !isDisabled &&\n      !isMulti && {\n        background: theme.general.primaryColor,\n        borderColor: theme.general.primaryColor,\n        color: theme.Select.contrastTextColor,\n        '&:hover': {\n          backgroundColor: theme.Select.selectedActiveBg,\n        },\n        '&:active': {\n          backgroundColor: theme.general.primaryColor,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.contrastColor,\n        },\n      }),\n    ...(isFocused &&\n      !isDisabled &&\n      !isSelected && {\n        backgroundColor: theme.Select.optionHoverBg,\n        borderColor: theme.Select.optionHoverBg,\n        color: theme.general.color,\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isMulti &&\n      isSelected && {\n        backgroundColor: theme.Input.backgroundColor,\n        '&:hover': {\n          backgroundColor: theme.Select.optionHoverBg,\n        },\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isDisabled && {\n      backgroundColor: theme.Input.backgroundColorDisabled,\n      color: theme.Select.disabledColor,\n      '&:hover, &:active, &:focus': {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      },\n      ...(isFocused && {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      }),\n    }),\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n  singleValue: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n    };\n  },\n});\n"],"mappings":"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"}

package/src/Form/ShakeBox.js

@@ -1,37 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ShakeBox = void 0;
 var _react = require("@emotion/react");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react2 = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+function _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 ShakeBox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$amplitude = _ref.amplitude,
@@ -43,7 +26,7 @@ var ShakeBox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     _ref$threshold = _ref.threshold,
     threshold = _ref$threshold === void 0 ? 1 : _ref$threshold;
   var _useState = (0, _react2.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     offset = _useState2[0],
     setOffset = _useState2[1];
   var requestAnimationId = 0;

package/src/Form/ShakeBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShakeBox.js","names":["ShakeBox","React","forwardRef","ref","children","amplitude","damping","speed","threshold","useState","offset","setOffset","requestAnimationId","shakeLoop","targetOffset","currentOffset","Math","abs","requestAnimationFrame","useImperativeHandle","shake","cancelAnimationFrame","useEffect","transform"],"sources":["ShakeBox.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React, {useEffect, useImperativeHandle, useState} from 'react';\n\nexport interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {\n  amplitude?: number;\n  damping?: number;\n  speed?: number;\n  threshold?: number;\n}\n\nexport interface ShakeBoxRef {\n  shake: () => void;\n}\n\nexport const ShakeBox = React.forwardRef<ShakeBoxRef, ShakeBoxProps>(\n  ({children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1}: ShakeBoxProps, ref) => {\n    const [offset, setOffset] = useState(0);\n    let requestAnimationId = 0;\n\n    const shakeLoop = (targetOffset, currentOffset = 0) => {\n      if (targetOffset > 0 && currentOffset < targetOffset) {\n        currentOffset += speed;\n      } else if (targetOffset < 0 && currentOffset > targetOffset) {\n        currentOffset -= speed;\n      } else {\n        currentOffset = targetOffset - (currentOffset - targetOffset);\n        targetOffset *= -damping;\n      }\n      if (Math.abs(targetOffset) >= threshold) {\n        requestAnimationId = requestAnimationFrame(() => shakeLoop(targetOffset, currentOffset));\n      } else {\n        currentOffset = 0;\n      }\n      setOffset(currentOffset);\n    };\n\n    useImperativeHandle(ref, () => ({\n      shake: () => {\n        cancelAnimationFrame(requestAnimationId);\n        shakeLoop(amplitude);\n      },\n    }));\n\n    useEffect(() => () => cancelAnimationFrame(requestAnimationId), []);\n\n    return <div css={{transform: `translateX(${offset}px)`}}>{children}</div>;\n  },\n);\n"],"mappings":";;;;;;;;AAoBA;AAAmC;AACnC;AAAsE;AAAA;AArBtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAeO,IAAMA,QAAQ,gBAAGC,kBAAK,CAACC,UAAU,CACtC,gBAAqFC,GAAG,EAAK;EAAA,IAA3FC,QAAQ,QAARA,QAAQ;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,CAAC;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,CAAC;EACjE,gBAA4B,IAAAC,gBAAQ,EAAC,CAAC,CAAC;IAAA;IAAhCC,MAAM;IAAEC,SAAS;EACxB,IAAIC,kBAAkB,GAAG,CAAC;EAE1B,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAIC,YAAY,EAAwB;IAAA,IAAtBC,aAAa,uEAAG,CAAC;IAChD,IAAID,YAAY,GAAG,CAAC,IAAIC,aAAa,GAAGD,YAAY,EAAE;MACpDC,aAAa,IAAIR,KAAK;IACxB,CAAC,MAAM,IAAIO,YAAY,GAAG,CAAC,IAAIC,aAAa,GAAGD,YAAY,EAAE;MAC3DC,aAAa,IAAIR,KAAK;IACxB,CAAC,MAAM;MACLQ,aAAa,GAAGD,YAAY,IAAIC,aAAa,GAAGD,YAAY,CAAC;MAC7DA,YAAY,IAAI,CAACR,OAAO;IAC1B;IACA,IAAIU,IAAI,CAACC,GAAG,CAACH,YAAY,CAAC,IAAIN,SAAS,EAAE;MACvCI,kBAAkB,GAAGM,qBAAqB,CAAC;QAAA,OAAML,SAAS,CAACC,YAAY,EAAEC,aAAa,CAAC;MAAA,EAAC;IAC1F,CAAC,MAAM;MACLA,aAAa,GAAG,CAAC;IACnB;IACAJ,SAAS,CAACI,aAAa,CAAC;EAC1B,CAAC;EAED,IAAAI,2BAAmB,EAAChB,GAAG,EAAE;IAAA,OAAO;MAC9BiB,KAAK,EAAE,iBAAM;QACXC,oBAAoB,CAACT,kBAAkB,CAAC;QACxCC,SAAS,CAACR,SAAS,CAAC;MACtB;IACF,CAAC;EAAA,CAAC,CAAC;EAEH,IAAAiB,iBAAS,EAAC;IAAA,OAAM;MAAA,OAAMD,oBAAoB,CAACT,kBAAkB,CAAC;IAAA;EAAA,GAAE,EAAE,CAAC;EAEnE,OAAO;IAAK,GAAG,+BAAE;MAACW,SAAS,uBAAgBb,MAAM;IAAK,CAAC;EAAC,GAAEN,QAAQ,CAAO;AAC3E,CAAC,CACF;AAAC"}
+{"version":3,"file":"ShakeBox.js","names":["ShakeBox","React","forwardRef","ref","children","amplitude","damping","speed","threshold","useState","offset","setOffset","requestAnimationId","shakeLoop","targetOffset","currentOffset","Math","abs","requestAnimationFrame","useImperativeHandle","shake","cancelAnimationFrame","useEffect","transform"],"sources":["ShakeBox.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React, {useEffect, useImperativeHandle, useState} from 'react';\n\nexport interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {\n  amplitude?: number;\n  damping?: number;\n  speed?: number;\n  threshold?: number;\n}\n\nexport interface ShakeBoxRef {\n  shake: () => void;\n}\n\nexport const ShakeBox = React.forwardRef<ShakeBoxRef, ShakeBoxProps>(\n  ({children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1}: ShakeBoxProps, ref) => {\n    const [offset, setOffset] = useState(0);\n    let requestAnimationId = 0;\n\n    const shakeLoop = (targetOffset, currentOffset = 0) => {\n      if (targetOffset > 0 && currentOffset < targetOffset) {\n        currentOffset += speed;\n      } else if (targetOffset < 0 && currentOffset > targetOffset) {\n        currentOffset -= speed;\n      } else {\n        currentOffset = targetOffset - (currentOffset - targetOffset);\n        targetOffset *= -damping;\n      }\n      if (Math.abs(targetOffset) >= threshold) {\n        requestAnimationId = requestAnimationFrame(() => shakeLoop(targetOffset, currentOffset));\n      } else {\n        currentOffset = 0;\n      }\n      setOffset(currentOffset);\n    };\n\n    useImperativeHandle(ref, () => ({\n      shake: () => {\n        cancelAnimationFrame(requestAnimationId);\n        shakeLoop(amplitude);\n      },\n    }));\n\n    useEffect(() => () => cancelAnimationFrame(requestAnimationId), []);\n\n    return <div css={{transform: `translateX(${offset}px)`}}>{children}</div>;\n  },\n);\n"],"mappings":";;;;;;;AAoBA;AACA;AAAsE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa/D,IAAMA,QAAQ,gBAAGC,kBAAK,CAACC,UAAU,CACtC,gBAAqFC,GAAG,EAAK;EAAA,IAA3FC,QAAQ,QAARA,QAAQ;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,CAAC;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,sBAAEC,SAAS;IAATA,SAAS,+BAAG,CAAC;EACjE,gBAA4B,IAAAC,gBAAQ,EAAC,CAAC,CAAC;IAAA;IAAhCC,MAAM;IAAEC,SAAS;EACxB,IAAIC,kBAAkB,GAAG,CAAC;EAE1B,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAIC,YAAY,EAAwB;IAAA,IAAtBC,aAAa,uEAAG,CAAC;IAChD,IAAID,YAAY,GAAG,CAAC,IAAIC,aAAa,GAAGD,YAAY,EAAE;MACpDC,aAAa,IAAIR,KAAK;IACxB,CAAC,MAAM,IAAIO,YAAY,GAAG,CAAC,IAAIC,aAAa,GAAGD,YAAY,EAAE;MAC3DC,aAAa,IAAIR,KAAK;IACxB,CAAC,MAAM;MACLQ,aAAa,GAAGD,YAAY,IAAIC,aAAa,GAAGD,YAAY,CAAC;MAC7DA,YAAY,IAAI,CAACR,OAAO;IAC1B;IACA,IAAIU,IAAI,CAACC,GAAG,CAACH,YAAY,CAAC,IAAIN,SAAS,EAAE;MACvCI,kBAAkB,GAAGM,qBAAqB,CAAC;QAAA,OAAML,SAAS,CAACC,YAAY,EAAEC,aAAa,CAAC;MAAA,EAAC;IAC1F,CAAC,MAAM;MACLA,aAAa,GAAG,CAAC;IACnB;IACAJ,SAAS,CAACI,aAAa,CAAC;EAC1B,CAAC;EAED,IAAAI,2BAAmB,EAAChB,GAAG,EAAE;IAAA,OAAO;MAC9BiB,KAAK,EAAE,iBAAM;QACXC,oBAAoB,CAACT,kBAAkB,CAAC;QACxCC,SAAS,CAACR,SAAS,CAAC;MACtB;IACF,CAAC;EAAA,CAAC,CAAC;EAEH,IAAAiB,iBAAS,EAAC;IAAA,OAAM;MAAA,OAAMD,oBAAoB,CAACT,kBAAkB,CAAC;IAAA;EAAA,GAAE,EAAE,CAAC;EAEnE,OAAO;IAAK,GAAG,+BAAE;MAACW,SAAS,uBAAgBb,MAAM;IAAK,CAAC;EAAC,GAAEN,QAAQ,CAAO;AAC3E,CAAC,CACF;AAAC"}

package/src/Form/Switch.js

@@ -1,15 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Switch = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _Identity = require("../Identity");
 var _Misc = require("../Misc");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1yvcp3z",
@@ -69,14 +69,14 @@ var Switch = function Switch(_ref) {
       overflow: 'hidden'
     }, process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVRIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
   }, (0, _react.jsx)("span", {
-    css: /*#__PURE__*/(0, _react.css)((_css2 = {}, (0, _defineProperty2["default"])(_css2, '&:after', {
+    css: /*#__PURE__*/(0, _react.css)((_css2 = {}, _defineProperty(_css2, '&:after', {
       content: '" "',
       paddingRight: '10px',
       textAlign: 'right'
-    }), (0, _defineProperty2["default"])(_css2, '&:before', {
+    }), _defineProperty(_css2, '&:before', {
       content: '" "',
       paddingLeft: '10px'
-    }), (0, _defineProperty2["default"])(_css2, '&:before, &:after', {
+    }), _defineProperty(_css2, '&:before, &:after', {
       backgroundColor: disabled || showLoading ? _Identity.COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4) : checked ? activatedColor : deactivatedColor,
       boxSizing: 'border-box',
       display: 'block',
@@ -85,7 +85,7 @@ var Switch = function Switch(_ref) {
       lineHeight: '25px',
       padding: 0,
       width: '50%'
-    }), (0, _defineProperty2["default"])(_css2, "display", 'block'), (0, _defineProperty2["default"])(_css2, "marginLeft", checked ? 0 : '-100%'), (0, _defineProperty2["default"])(_css2, "transition", 'margin 0.1s ease-in 0s'), (0, _defineProperty2["default"])(_css2, "width", '200%'), _css2), process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZVIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
+    }), _defineProperty(_css2, "display", 'block'), _defineProperty(_css2, "marginLeft", checked ? 0 : '-100%'), _defineProperty(_css2, "transition", 'margin 0.1s ease-in 0s'), _defineProperty(_css2, "width", '200%'), _css2), process.env.NODE_ENV === "production" ? "" : ";label:Switch;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZVIiwiZmlsZSI6IlN3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIwIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge2pzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtMb2FkaW5nfSBmcm9tICcuLi9NaXNjJztcbmltcG9ydCB7SW5wdXRQcm9wc30gZnJvbSAnLi9JbnB1dCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3dpdGNoUHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgSW5wdXRQcm9wczxUPiB7XG4gIGFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xuICBkZWFjdGl2YXRlZENvbG9yPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkQ29sb3I/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBsb2FkaW5nQ29sb3I/OiBzdHJpbmc7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIG9uVG9nZ2xlOiAoaXNDaGVja2VkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93TG9hZGluZz86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHtcbiAgaWQgPSBNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKCksXG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlID0gKCkgPT4ge30sXG4gIHNob3dMb2FkaW5nLFxuICBkaXNhYmxlZCxcbiAgbG9hZGluZ0NvbG9yID0gQ09MT1IuQkxVRSxcbiAgYWN0aXZhdGVkQ29sb3IgPSBDT0xPUi5CTFVFLFxuICBkZWFjdGl2YXRlZENvbG9yID0gJyNkMmQyZDInLFxuICBuYW1lLFxuICBkYXRhVWllTmFtZSxcbn06IFN3aXRjaFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0QWxpZ246ICdsZWZ0JyxcbiAgICAgIHVzZXJTZWxlY3Q6ICdub25lJyxcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxuICAgICAgd2lkdGg6ICc0MnB4JyxcbiAgICB9fVxuICA+XG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGlucHV0XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gb25Ub2dnbGUoZXZlbnQudGFyZ2V0LmNoZWNrZWQpfVxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBjc3M9e3tkaXNwbGF5OiAnbm9uZSd9fVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXtkYXRhVWllTmFtZX1cbiAgICAgIC8+XG4gICAgICA8bGFiZWxcbiAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgIGN1cnNvcjogZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmcgPyAnJyA6ICdwb2ludGVyJyxcbiAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBbJyY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcxMHB4JyxcbiAgICAgICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUnXToge1xuICAgICAgICAgICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogJzEwcHgnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFsnJjpiZWZvcmUsICY6YWZ0ZXInXToge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQgfHwgc2hvd0xvYWRpbmdcbiAgICAgICAgICAgICAgICAgID8gQ09MT1IudGludChjaGVja2VkID8gYWN0aXZhdGVkQ29sb3IgOiBkZWFjdGl2YXRlZENvbG9yLCAwLjQpXG4gICAgICAgICAgICAgICAgICA6IGNoZWNrZWRcbiAgICAgICAgICAgICAgICAgID8gYWN0aXZhdGVkQ29sb3JcbiAgICAgICAgICAgICAgICAgIDogZGVhY3RpdmF0ZWRDb2xvcixcbiAgICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGZsb2F0OiAnbGVmdCcsXG4gICAgICAgICAgICAgIGhlaWdodDogJzI1cHgnLFxuICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjVweCcsXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogY2hlY2tlZCA/IDAgOiAnLTEwMCUnLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogJ21hcmdpbiAwLjFzIGVhc2UtaW4gMHMnLFxuICAgICAgICAgICAgd2lkdGg6ICcyMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7c2hvd0xvYWRpbmcgPyAoXG4gICAgICAgICAgPExvYWRpbmdcbiAgICAgICAgICAgIHNpemU9ezIxfVxuICAgICAgICAgICAgY29sb3I9e2xvYWRpbmdDb2xvcn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIG1hcmdpbjogJzJweCcsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogQ09MT1IuV0hJVEUsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxuICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgIGJveFNoYWRvdzogJzBweCAwcHggMnB4IC0xcHggZ3JheScsXG4gICAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICAgIGhlaWdodDogJzIzcHgnLFxuICAgICAgICAgICAgICBtYXJnaW46ICcxcHgnLFxuICAgICAgICAgICAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNyA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgIHJpZ2h0OiBjaGVja2VkID8gJzBweCcgOiAnMTdweCcsXG4gICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ2FsbCAwLjE1cyBlYXNlLWluIDBzJyxcbiAgICAgICAgICAgICAgd2lkdGg6ICcyM3B4JyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgPC9kaXY+XG4pO1xuIl19 */")
   }), showLoading ? (0, _react.jsx)(_Misc.Loading, {
     size: 21,
     color: loadingColor,

package/src/Form/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Switch","id","Math","random","toString","checked","onToggle","showLoading","disabled","loadingColor","COLOR","BLUE","activatedColor","deactivatedColor","name","dataUieName","event","target","borderRadius","cursor","display","margin","overflow","content","paddingRight","textAlign","paddingLeft","backgroundColor","tint","boxSizing","height","lineHeight","padding","width","position","background","WHITE","bottom","boxShadow","opacity","undefined","right","top","transition"],"sources":["Switch.tsx"],"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';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Loading} from '../Misc';\nimport {InputProps} from './Input';\n\nexport interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {\n  activatedColor?: string;\n  checked: boolean;\n  deactivatedColor?: string;\n  disabled?: boolean;\n  disabledColor?: string;\n  id?: string;\n  loadingColor?: string;\n  name?: string;\n  onToggle: (isChecked: boolean) => void;\n  showLoading?: boolean;\n  dataUieName?: string;\n}\n\nexport const Switch = ({\n  id = Math.random().toString(),\n  checked,\n  onToggle = () => {},\n  showLoading,\n  disabled,\n  loadingColor = COLOR.BLUE,\n  activatedColor = COLOR.BLUE,\n  deactivatedColor = '#d2d2d2',\n  name,\n  dataUieName,\n}: SwitchProps) => (\n  <div\n    css={{\n      display: 'inline-block',\n      position: 'relative',\n      textAlign: 'left',\n      userSelect: 'none',\n      verticalAlign: 'middle',\n      width: '42px',\n    }}\n  >\n    <React.Fragment>\n      <input\n        id={id}\n        checked={checked}\n        disabled={disabled}\n        name={name}\n        onChange={event => onToggle(event.target.checked)}\n        type=\"checkbox\"\n        css={{display: 'none'}}\n        data-uie-name={dataUieName}\n      />\n      <label\n        htmlFor={id}\n        css={{\n          borderRadius: '20px',\n          cursor: disabled || showLoading ? '' : 'pointer',\n          display: 'block',\n          margin: 0,\n          overflow: 'hidden',\n        }}\n      >\n        <span\n          css={{\n            ['&:after']: {\n              content: '\" \"',\n              paddingRight: '10px',\n              textAlign: 'right',\n            },\n            ['&:before']: {\n              content: '\" \"',\n              paddingLeft: '10px',\n            },\n            ['&:before, &:after']: {\n              backgroundColor:\n                disabled || showLoading\n                  ? COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4)\n                  : checked\n                  ? activatedColor\n                  : deactivatedColor,\n              boxSizing: 'border-box',\n              display: 'block',\n              float: 'left',\n              height: '25px',\n              lineHeight: '25px',\n              padding: 0,\n              width: '50%',\n            },\n            display: 'block',\n            marginLeft: checked ? 0 : '-100%',\n            transition: 'margin 0.1s ease-in 0s',\n            width: '200%',\n          }}\n        />\n        {showLoading ? (\n          <Loading\n            size={21}\n            color={loadingColor}\n            style={{\n              display: 'block',\n              margin: '2px',\n              position: 'absolute',\n            }}\n          />\n        ) : (\n          <span\n            css={{\n              background: COLOR.WHITE,\n              borderRadius: '100%',\n              bottom: 0,\n              boxShadow: '0px 0px 2px -1px gray',\n              display: 'block',\n              height: '23px',\n              margin: '1px',\n              opacity: disabled ? 0.7 : undefined,\n              position: 'absolute',\n              right: checked ? '0px' : '17px',\n              top: 0,\n              transition: 'all 0.15s ease-in 0s',\n              width: '23px',\n            }}\n          />\n        )}\n      </label>\n    </React.Fragment>\n  </div>\n);\n"],"mappings":";;;;;;;;AAoBA;AACA;AAEA;AACA;AAAgC;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAiBzB,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA;EAAA,mBACjBC,EAAE;IAAFA,EAAE,wBAAGC,IAAI,CAACC,MAAM,EAAE,CAACC,QAAQ,EAAE;IAC7BC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IACnBC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IAAA,yBACRC,YAAY;IAAZA,YAAY,kCAAGC,eAAK,CAACC,IAAI;IAAA,2BACzBC,cAAc;IAAdA,cAAc,oCAAGF,eAAK,CAACC,IAAI;IAAA,6BAC3BE,gBAAgB;IAAhBA,gBAAgB,sCAAG,SAAS;IAC5BC,IAAI,QAAJA,IAAI;IACJC,WAAW,QAAXA,WAAW;EAAA,OAEX;IACE,GAAG;EAOD,GAEF,gBAAC,kBAAK,CAAC,QAAQ,QACb;IACE,EAAE,EAAEd,EAAG;IACP,OAAO,EAAEI,OAAQ;IACjB,QAAQ,EAAEG,QAAS;IACnB,IAAI,EAAEM,IAAK;IACX,QAAQ,EAAE,kBAAAE,KAAK;MAAA,OAAIV,QAAQ,CAACU,KAAK,CAACC,MAAM,CAACZ,OAAO,CAAC;IAAA,CAAC;IAClD,IAAI,EAAC,UAAU;IACf,GAAG,OAAoB;IACvB,iBAAeU;EAAY,EAC3B,EACF;IACE,OAAO,EAAEd,EAAG;IACZ,GAAG,+BAAE;MACHiB,YAAY,EAAE,MAAM;MACpBC,MAAM,EAAEX,QAAQ,IAAID,WAAW,GAAG,EAAE,GAAG,SAAS;MAChDa,OAAO,EAAE,OAAO;MAChBC,MAAM,EAAE,CAAC;MACTC,QAAQ,EAAE;IACZ,CAAC;EAAC,GAEF;IACE,GAAG,oFACA,SAAS,EAAG;MACXC,OAAO,EAAE,KAAK;MACdC,YAAY,EAAE,MAAM;MACpBC,SAAS,EAAE;IACb,CAAC,2CACA,UAAU,EAAG;MACZF,OAAO,EAAE,KAAK;MACdG,WAAW,EAAE;IACf,CAAC,2CACA,mBAAmB,EAAG;MACrBC,eAAe,EACbnB,QAAQ,IAAID,WAAW,GACnBG,eAAK,CAACkB,IAAI,CAACvB,OAAO,GAAGO,cAAc,GAAGC,gBAAgB,EAAE,GAAG,CAAC,GAC5DR,OAAO,GACPO,cAAc,GACdC,gBAAgB;MACtBgB,SAAS,EAAE,YAAY;MACvBT,OAAO,EAAE,OAAO;MAChB,SAAO,MAAM;MACbU,MAAM,EAAE,MAAM;MACdC,UAAU,EAAE,MAAM;MAClBC,OAAO,EAAE,CAAC;MACVC,KAAK,EAAE;IACT,CAAC,sDACQ,OAAO,yDACJ5B,OAAO,GAAG,CAAC,GAAG,OAAO,yDACrB,wBAAwB,oDAC7B,MAAM;EACb,EACF,EACDE,WAAW,GACV,gBAAC,aAAO;IACN,IAAI,EAAE,EAAG;IACT,KAAK,EAAEE,YAAa;IACpB,KAAK,EAAE;MACLW,OAAO,EAAE,OAAO;MAChBC,MAAM,EAAE,KAAK;MACba,QAAQ,EAAE;IACZ;EAAE,EACF,GAEF;IACE,GAAG,+BAAE;MACHC,UAAU,EAAEzB,eAAK,CAAC0B,KAAK;MACvBlB,YAAY,EAAE,MAAM;MACpBmB,MAAM,EAAE,CAAC;MACTC,SAAS,EAAE,uBAAuB;MAClClB,OAAO,EAAE,OAAO;MAChBU,MAAM,EAAE,MAAM;MACdT,MAAM,EAAE,KAAK;MACbkB,OAAO,EAAE/B,QAAQ,GAAG,GAAG,GAAGgC,SAAS;MACnCN,QAAQ,EAAE,UAAU;MACpBO,KAAK,EAAEpC,OAAO,GAAG,KAAK,GAAG,MAAM;MAC/BqC,GAAG,EAAE,CAAC;MACNC,UAAU,EAAE,sBAAsB;MAClCV,KAAK,EAAE;IACT,CAAC;EAAC,EAEL,CACK,CACO,CACb;AAAA,CACP;AAAC"}
+{"version":3,"file":"Switch.js","names":["Switch","id","Math","random","toString","checked","onToggle","showLoading","disabled","loadingColor","COLOR","BLUE","activatedColor","deactivatedColor","name","dataUieName","event","target","borderRadius","cursor","display","margin","overflow","content","paddingRight","textAlign","paddingLeft","backgroundColor","tint","boxSizing","height","lineHeight","padding","width","position","background","WHITE","bottom","boxShadow","opacity","undefined","right","top","transition"],"sources":["Switch.tsx"],"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';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Loading} from '../Misc';\nimport {InputProps} from './Input';\n\nexport interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {\n  activatedColor?: string;\n  checked: boolean;\n  deactivatedColor?: string;\n  disabled?: boolean;\n  disabledColor?: string;\n  id?: string;\n  loadingColor?: string;\n  name?: string;\n  onToggle: (isChecked: boolean) => void;\n  showLoading?: boolean;\n  dataUieName?: string;\n}\n\nexport const Switch = ({\n  id = Math.random().toString(),\n  checked,\n  onToggle = () => {},\n  showLoading,\n  disabled,\n  loadingColor = COLOR.BLUE,\n  activatedColor = COLOR.BLUE,\n  deactivatedColor = '#d2d2d2',\n  name,\n  dataUieName,\n}: SwitchProps) => (\n  <div\n    css={{\n      display: 'inline-block',\n      position: 'relative',\n      textAlign: 'left',\n      userSelect: 'none',\n      verticalAlign: 'middle',\n      width: '42px',\n    }}\n  >\n    <React.Fragment>\n      <input\n        id={id}\n        checked={checked}\n        disabled={disabled}\n        name={name}\n        onChange={event => onToggle(event.target.checked)}\n        type=\"checkbox\"\n        css={{display: 'none'}}\n        data-uie-name={dataUieName}\n      />\n      <label\n        htmlFor={id}\n        css={{\n          borderRadius: '20px',\n          cursor: disabled || showLoading ? '' : 'pointer',\n          display: 'block',\n          margin: 0,\n          overflow: 'hidden',\n        }}\n      >\n        <span\n          css={{\n            ['&:after']: {\n              content: '\" \"',\n              paddingRight: '10px',\n              textAlign: 'right',\n            },\n            ['&:before']: {\n              content: '\" \"',\n              paddingLeft: '10px',\n            },\n            ['&:before, &:after']: {\n              backgroundColor:\n                disabled || showLoading\n                  ? COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4)\n                  : checked\n                  ? activatedColor\n                  : deactivatedColor,\n              boxSizing: 'border-box',\n              display: 'block',\n              float: 'left',\n              height: '25px',\n              lineHeight: '25px',\n              padding: 0,\n              width: '50%',\n            },\n            display: 'block',\n            marginLeft: checked ? 0 : '-100%',\n            transition: 'margin 0.1s ease-in 0s',\n            width: '200%',\n          }}\n        />\n        {showLoading ? (\n          <Loading\n            size={21}\n            color={loadingColor}\n            style={{\n              display: 'block',\n              margin: '2px',\n              position: 'absolute',\n            }}\n          />\n        ) : (\n          <span\n            css={{\n              background: COLOR.WHITE,\n              borderRadius: '100%',\n              bottom: 0,\n              boxShadow: '0px 0px 2px -1px gray',\n              display: 'block',\n              height: '23px',\n              margin: '1px',\n              opacity: disabled ? 0.7 : undefined,\n              position: 'absolute',\n              right: checked ? '0px' : '17px',\n              top: 0,\n              transition: 'all 0.15s ease-in 0s',\n              width: '23px',\n            }}\n          />\n        )}\n      </label>\n    </React.Fragment>\n  </div>\n);\n"],"mappings":"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"}

package/src/Form/TextArea.js

@@ -1,18 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.textAreaStyle = exports.TextArea = exports.TEXTAREA_CLASSNAME = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _Identity = require("../Identity");
 var _util = require("../util");
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var textAreaStyle = function textAreaStyle(theme, _ref) {
   var _ref$markInvalid = _ref.markInvalid,
     markInvalid = _ref$markInvalid === void 0 ? false : _ref$markInvalid,
@@ -59,7 +59,7 @@ var filterTextAreaProps = function filterTextAreaProps(props) {
   return (0, _util.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
 };
 var TextArea = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
-  return (0, _react.jsx)("textarea", (0, _extends2["default"])({
+  return (0, _react.jsx)("textarea", _extends({
     className: TEXTAREA_CLASSNAME,
     css: function css(theme) {
       return textAreaStyle(theme, props);

package/src/Form/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["textAreaStyle","theme","markInvalid","placeholderTextTransform","disabled","placeholderStyle","color","Input","placeholderColor","fontSize","textTransform","opacity","boxShadow","COLOR","BLUE","GRAY","background","backgroundColorDisabled","backgroundColor","border","borderRadius","RED","caretColor","general","fontWeight","lineHeight","margin","outline","padding","resize","width","TEXTAREA_CLASSNAME","filterTextAreaProps","props","filterProps","TextArea","React","forwardRef","ref"],"sources":["TextArea.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 {Property} from 'csstype';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {\n  markInvalid?: boolean;\n  placeholderTextTransform?: Property.TextTransform;\n}\n\nexport const textAreaStyle: <T>(theme: Theme, props: TextAreaProps<T>) => CSSObject = (\n  theme,\n  {markInvalid = false, placeholderTextTransform = 'none', disabled = false},\n) => {\n  const placeholderStyle = {\n    color: theme.Input.placeholderColor,\n    fontSize: '16px',\n    textTransform: placeholderTextTransform,\n  };\n\n  return {\n    '&::-moz-placeholder': {\n      ...placeholderStyle,\n      opacity: 1,\n    },\n    '&::-ms-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&::-webkit-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&:focus': {\n      boxShadow: `0 0 0 1px ${COLOR.BLUE}`,\n    },\n    '&:invalid': !markInvalid\n      ? {\n          boxShadow: `0 0 0 1px ${COLOR.GRAY}`,\n        }\n      : {},\n    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,\n    border: 'none',\n    borderRadius: '4px',\n    boxShadow: markInvalid ? `0 0 0 1px ${COLOR.RED}` : `0 0 0 1px ${COLOR.GRAY}`,\n    caretColor: COLOR.BLUE,\n    color: theme.general.color,\n    fontWeight: 300,\n    lineHeight: '24px',\n    margin: '0 0 16px',\n    outline: 'none',\n    padding: '16px 16px',\n    resize: 'none',\n    width: '100%',\n  };\n};\n\nexport const TEXTAREA_CLASSNAME = 'textarea';\nconst filterTextAreaProps = (props: TextAreaProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nexport const TextArea: React.FC<TextAreaProps<HTMLTextAreaElement>> = React.forwardRef<\n  HTMLTextAreaElement,\n  TextAreaProps<HTMLTextAreaElement>\n>((props, ref) => (\n  <textarea\n    className={TEXTAREA_CLASSNAME}\n    css={(theme: Theme) => textAreaStyle(theme, props)}\n    ref={ref}\n    {...filterTextAreaProps(props)}\n  />\n));\n"],"mappings":";;;;;;;;;AAoBA;AAEA;AAEA;AAGA;AAAoC;AAAA;AAO7B,IAAMA,aAAsE,GAAG,SAAzEA,aAAsE,CACjFC,KAAK,QAEF;EAAA,4BADFC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,6BAAEC,wBAAwB;IAAxBA,wBAAwB,sCAAG,MAAM;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAEzE,IAAMC,gBAAgB,GAAG;IACvBC,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,gBAAgB;IACnCC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAEP;EACjB,CAAC;EAED,OAAO;IACL,qBAAqB,kCAChBE,gBAAgB;MACnBM,OAAO,EAAE;IAAC,EACX;IACD,0BAA0B,oBACrBN,gBAAgB,CACpB;IACD,8BAA8B,oBACzBA,gBAAgB,CACpB;IACD,SAAS,EAAE;MACTO,SAAS,sBAAeC,eAAK,CAACC,IAAI;IACpC,CAAC;IACD,WAAW,EAAE,CAACZ,WAAW,GACrB;MACEU,SAAS,sBAAeC,eAAK,CAACE,IAAI;IACpC,CAAC,GACD,CAAC,CAAC;IACNC,UAAU,EAAEZ,QAAQ,GAAGH,KAAK,CAACM,KAAK,CAACU,uBAAuB,GAAGhB,KAAK,CAACM,KAAK,CAACW,eAAe;IACxFC,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE,KAAK;IACnBR,SAAS,EAAEV,WAAW,uBAAgBW,eAAK,CAACQ,GAAG,wBAAkBR,eAAK,CAACE,IAAI,CAAE;IAC7EO,UAAU,EAAET,eAAK,CAACC,IAAI;IACtBR,KAAK,EAAEL,KAAK,CAACsB,OAAO,CAACjB,KAAK;IAC1BkB,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,MAAM;IAClBC,MAAM,EAAE,UAAU;IAClBC,OAAO,EAAE,MAAM;IACfC,OAAO,EAAE,WAAW;IACpBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;AACH,CAAC;AAAC;AAEK,IAAMC,kBAAkB,GAAG,UAAU;AAAC;AAC7C,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,KAAoB;EAAA,OAAK,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,aAAa,EAAE,0BAA0B,CAAC,CAAC;AAAA;AAE9G,IAAME,QAAsD,gBAAGC,kBAAK,CAACC,UAAU,CAGpF,UAACJ,KAAK,EAAEK,GAAG;EAAA,OACX;IACE,SAAS,EAAEP,kBAAmB;IAC9B,GAAG,EAAE,aAAC9B,KAAY;MAAA,OAAKD,aAAa,CAACC,KAAK,EAAEgC,KAAK,CAAC;IAAA,CAAC;IACnD,GAAG,EAAEK;EAAI,GACLN,mBAAmB,CAACC,KAAK,CAAC,EAC9B;AAAA,CACH,CAAC;AAAC"}
+{"version":3,"file":"TextArea.js","names":["textAreaStyle","theme","markInvalid","placeholderTextTransform","disabled","placeholderStyle","color","Input","placeholderColor","fontSize","textTransform","opacity","boxShadow","COLOR","BLUE","GRAY","background","backgroundColorDisabled","backgroundColor","border","borderRadius","RED","caretColor","general","fontWeight","lineHeight","margin","outline","padding","resize","width","TEXTAREA_CLASSNAME","filterTextAreaProps","props","filterProps","TextArea","React","forwardRef","ref"],"sources":["TextArea.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 {Property} from 'csstype';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {\n  markInvalid?: boolean;\n  placeholderTextTransform?: Property.TextTransform;\n}\n\nexport const textAreaStyle: <T>(theme: Theme, props: TextAreaProps<T>) => CSSObject = (\n  theme,\n  {markInvalid = false, placeholderTextTransform = 'none', disabled = false},\n) => {\n  const placeholderStyle = {\n    color: theme.Input.placeholderColor,\n    fontSize: '16px',\n    textTransform: placeholderTextTransform,\n  };\n\n  return {\n    '&::-moz-placeholder': {\n      ...placeholderStyle,\n      opacity: 1,\n    },\n    '&::-ms-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&::-webkit-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&:focus': {\n      boxShadow: `0 0 0 1px ${COLOR.BLUE}`,\n    },\n    '&:invalid': !markInvalid\n      ? {\n          boxShadow: `0 0 0 1px ${COLOR.GRAY}`,\n        }\n      : {},\n    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,\n    border: 'none',\n    borderRadius: '4px',\n    boxShadow: markInvalid ? `0 0 0 1px ${COLOR.RED}` : `0 0 0 1px ${COLOR.GRAY}`,\n    caretColor: COLOR.BLUE,\n    color: theme.general.color,\n    fontWeight: 300,\n    lineHeight: '24px',\n    margin: '0 0 16px',\n    outline: 'none',\n    padding: '16px 16px',\n    resize: 'none',\n    width: '100%',\n  };\n};\n\nexport const TEXTAREA_CLASSNAME = 'textarea';\nconst filterTextAreaProps = (props: TextAreaProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nexport const TextArea: React.FC<TextAreaProps<HTMLTextAreaElement>> = React.forwardRef<\n  HTMLTextAreaElement,\n  TextAreaProps<HTMLTextAreaElement>\n>((props, ref) => (\n  <textarea\n    className={TEXTAREA_CLASSNAME}\n    css={(theme: Theme) => textAreaStyle(theme, props)}\n    ref={ref}\n    {...filterTextAreaProps(props)}\n  />\n));\n"],"mappings":";;;;;;AAoBA;AAEA;AAEA;AAGA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAO7B,IAAMA,aAAsE,GAAG,SAAzEA,aAAsE,CACjFC,KAAK,QAEF;EAAA,4BADFC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,6BAAEC,wBAAwB;IAAxBA,wBAAwB,sCAAG,MAAM;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAEzE,IAAMC,gBAAgB,GAAG;IACvBC,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,gBAAgB;IACnCC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAEP;EACjB,CAAC;EAED,OAAO;IACL,qBAAqB,kCAChBE,gBAAgB;MACnBM,OAAO,EAAE;IAAC,EACX;IACD,0BAA0B,oBACrBN,gBAAgB,CACpB;IACD,8BAA8B,oBACzBA,gBAAgB,CACpB;IACD,SAAS,EAAE;MACTO,SAAS,sBAAeC,eAAK,CAACC,IAAI;IACpC,CAAC;IACD,WAAW,EAAE,CAACZ,WAAW,GACrB;MACEU,SAAS,sBAAeC,eAAK,CAACE,IAAI;IACpC,CAAC,GACD,CAAC,CAAC;IACNC,UAAU,EAAEZ,QAAQ,GAAGH,KAAK,CAACM,KAAK,CAACU,uBAAuB,GAAGhB,KAAK,CAACM,KAAK,CAACW,eAAe;IACxFC,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE,KAAK;IACnBR,SAAS,EAAEV,WAAW,uBAAgBW,eAAK,CAACQ,GAAG,wBAAkBR,eAAK,CAACE,IAAI,CAAE;IAC7EO,UAAU,EAAET,eAAK,CAACC,IAAI;IACtBR,KAAK,EAAEL,KAAK,CAACsB,OAAO,CAACjB,KAAK;IAC1BkB,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,MAAM;IAClBC,MAAM,EAAE,UAAU;IAClBC,OAAO,EAAE,MAAM;IACfC,OAAO,EAAE,WAAW;IACpBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;AACH,CAAC;AAAC;AAEK,IAAMC,kBAAkB,GAAG,UAAU;AAAC;AAC7C,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,KAAoB;EAAA,OAAK,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,aAAa,EAAE,0BAA0B,CAAC,CAAC;AAAA;AAE9G,IAAME,QAAsD,gBAAGC,kBAAK,CAACC,UAAU,CAGpF,UAACJ,KAAK,EAAEK,GAAG;EAAA,OACX;IACE,SAAS,EAAEP,kBAAmB;IAC9B,GAAG,EAAE,aAAC9B,KAAY;MAAA,OAAKD,aAAa,CAACC,KAAK,EAAEgC,KAAK,CAAC;IAAA,CAAC;IACnD,GAAG,EAAEK;EAAI,GACLN,mBAAmB,CAACC,KAAK,CAAC,EAC9B;AAAA,CACH,CAAC;AAAC"}

package/src/Form/Tooltip.js

@@ -1,17 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tooltip = 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 _Identity = require("../Identity");
 var _util = require("../util");
 var _excluded = ["text"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var tooltipStyle = function tooltipStyle(_ref) {
   var _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -66,8 +67,8 @@ var filterTooltipProps = function filterTooltipProps(props) {
 var Tooltip = function Tooltip(_ref2) {
   var _ref2$text = _ref2.text,
     text = _ref2$text === void 0 ? '' : _ref2$text,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return (0, _react.jsx)("div", _extends({
     css: tooltipStyle(props),
     "data-text": text
   }, filterTooltipProps(props)));

package/src/Form/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["tooltipStyle","disabled","bottom","left","right","light","backgroundColor","COLOR","WHITE","TEXT","borderRadius","boxShadow","color","content","display","fontSize","fontWeight","lineHeight","maxWidth","minWidth","opacity","padding","pointerEvents","position","textAlign","top","transform","transition","alignItems","flexDirection","justifyContent","filterTooltipProps","props","filterProps","Tooltip","text"],"sources":["Tooltip.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';\nimport {filterProps} from '../util';\n\ninterface ToolTipProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  bottom?: boolean;\n  disabled?: boolean;\n  left?: boolean;\n  light?: boolean;\n  right?: boolean;\n  text?: string;\n}\n\nconst tooltipStyle: <T>(props: ToolTipProps<T>) => CSSObject = ({\n  disabled = false,\n  bottom = false,\n  left = false,\n  right = false,\n  light = false,\n}) => ({\n  '&::after': {\n    backgroundColor: light ? COLOR.WHITE : COLOR.TEXT,\n    borderRadius: '4px',\n    bottom: bottom || left || right ? 'auto' : 'calc(100% + 8px)',\n    boxShadow: '0 2px 16px 0 rgba(0, 0, 0, 0.12)',\n    color: light ? COLOR.TEXT : COLOR.WHITE,\n    content: 'attr(data-text)',\n    display: 'block',\n    fontSize: '12px',\n    fontWeight: light ? 400 : 600,\n    left: right ? 'calc(100% + 8px)' : 'auto',\n    lineHeight: '14px',\n    maxWidth: '200px',\n    minWidth: '120px',\n    opacity: 0,\n    padding: '12px',\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: left ? 'calc(100% + 8px)' : 'auto',\n    textAlign: 'center',\n    top: bottom ? 'calc(100% + 8px)' : 'auto',\n    transform: left || right ? `translateX(${left ? -16 : 16}px)` : `translateY(${bottom ? -16 : 16}px)`,\n    transition: 'all 0.15s ease-in-out',\n  },\n  '&:hover::after': disabled || {\n    opacity: 1,\n    transform: 'translateY(0) translateX(0)',\n    transition: 'all 0.25s ease-in-out',\n  },\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  position: 'relative',\n});\n\nconst filterTooltipProps = (props: ToolTipProps) =>\n  filterProps(props, ['bottom', 'disabled', 'left', 'light', 'right']);\n\nexport const Tooltip = ({text = '', ...props}: ToolTipProps) => (\n  <div css={tooltipStyle(props)} data-text={text} {...filterTooltipProps(props)} />\n);\n"],"mappings":";;;;;;;;;AAoBA;AACA;AAEA;AACA;AAAoC;AAWpC,IAAMA,YAAsD,GAAG,SAAzDA,YAAsD;EAAA,yBAC1DC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,mBAChBC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,iBACdC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IAAA,kBACZC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,KAAK;EAAA,OACR;IACL,UAAU,EAAE;MACVC,eAAe,EAAED,KAAK,GAAGE,eAAK,CAACC,KAAK,GAAGD,eAAK,CAACE,IAAI;MACjDC,YAAY,EAAE,KAAK;MACnBR,MAAM,EAAEA,MAAM,IAAIC,IAAI,IAAIC,KAAK,GAAG,MAAM,GAAG,kBAAkB;MAC7DO,SAAS,EAAE,kCAAkC;MAC7CC,KAAK,EAAEP,KAAK,GAAGE,eAAK,CAACE,IAAI,GAAGF,eAAK,CAACC,KAAK;MACvCK,OAAO,EAAE,iBAAiB;MAC1BC,OAAO,EAAE,OAAO;MAChBC,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAEX,KAAK,GAAG,GAAG,GAAG,GAAG;MAC7BF,IAAI,EAAEC,KAAK,GAAG,kBAAkB,GAAG,MAAM;MACzCa,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,OAAO;MACjBC,OAAO,EAAE,CAAC;MACVC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,MAAM;MACrBC,QAAQ,EAAE,UAAU;MACpBnB,KAAK,EAAED,IAAI,GAAG,kBAAkB,GAAG,MAAM;MACzCqB,SAAS,EAAE,QAAQ;MACnBC,GAAG,EAAEvB,MAAM,GAAG,kBAAkB,GAAG,MAAM;MACzCwB,SAAS,EAAEvB,IAAI,IAAIC,KAAK,wBAAiBD,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,gCAAsBD,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,QAAK;MACpGyB,UAAU,EAAE;IACd,CAAC;IACD,gBAAgB,EAAE1B,QAAQ,IAAI;MAC5BmB,OAAO,EAAE,CAAC;MACVM,SAAS,EAAE,6BAA6B;MACxCC,UAAU,EAAE;IACd,CAAC;IACDC,UAAU,EAAE,QAAQ;IACpBd,OAAO,EAAE,MAAM;IACfe,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,QAAQ;IACxBP,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC;AAEF,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAmB;EAAA,OAC7C,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAAA;AAE/D,IAAME,OAAO,GAAG,SAAVA,OAAO;EAAA,uBAAKC,IAAI;IAAJA,IAAI,2BAAG,EAAE;IAAKH,KAAK;EAAA,OAC1C;IAAK,GAAG,EAAEhC,YAAY,CAACgC,KAAK,CAAE;IAAC,aAAWG;EAAK,GAAKJ,kBAAkB,CAACC,KAAK,CAAC,EAAI;AAAA,CAClF;AAAC"}
+{"version":3,"file":"Tooltip.js","names":["tooltipStyle","disabled","bottom","left","right","light","backgroundColor","COLOR","WHITE","TEXT","borderRadius","boxShadow","color","content","display","fontSize","fontWeight","lineHeight","maxWidth","minWidth","opacity","padding","pointerEvents","position","textAlign","top","transform","transition","alignItems","flexDirection","justifyContent","filterTooltipProps","props","filterProps","Tooltip","text"],"sources":["Tooltip.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';\nimport {filterProps} from '../util';\n\ninterface ToolTipProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  bottom?: boolean;\n  disabled?: boolean;\n  left?: boolean;\n  light?: boolean;\n  right?: boolean;\n  text?: string;\n}\n\nconst tooltipStyle: <T>(props: ToolTipProps<T>) => CSSObject = ({\n  disabled = false,\n  bottom = false,\n  left = false,\n  right = false,\n  light = false,\n}) => ({\n  '&::after': {\n    backgroundColor: light ? COLOR.WHITE : COLOR.TEXT,\n    borderRadius: '4px',\n    bottom: bottom || left || right ? 'auto' : 'calc(100% + 8px)',\n    boxShadow: '0 2px 16px 0 rgba(0, 0, 0, 0.12)',\n    color: light ? COLOR.TEXT : COLOR.WHITE,\n    content: 'attr(data-text)',\n    display: 'block',\n    fontSize: '12px',\n    fontWeight: light ? 400 : 600,\n    left: right ? 'calc(100% + 8px)' : 'auto',\n    lineHeight: '14px',\n    maxWidth: '200px',\n    minWidth: '120px',\n    opacity: 0,\n    padding: '12px',\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: left ? 'calc(100% + 8px)' : 'auto',\n    textAlign: 'center',\n    top: bottom ? 'calc(100% + 8px)' : 'auto',\n    transform: left || right ? `translateX(${left ? -16 : 16}px)` : `translateY(${bottom ? -16 : 16}px)`,\n    transition: 'all 0.15s ease-in-out',\n  },\n  '&:hover::after': disabled || {\n    opacity: 1,\n    transform: 'translateY(0) translateX(0)',\n    transition: 'all 0.25s ease-in-out',\n  },\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  position: 'relative',\n});\n\nconst filterTooltipProps = (props: ToolTipProps) =>\n  filterProps(props, ['bottom', 'disabled', 'left', 'light', 'right']);\n\nexport const Tooltip = ({text = '', ...props}: ToolTipProps) => (\n  <div css={tooltipStyle(props)} data-text={text} {...filterTooltipProps(props)} />\n);\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAWpC,IAAMA,YAAsD,GAAG,SAAzDA,YAAsD;EAAA,yBAC1DC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,mBAChBC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,iBACdC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IAAA,kBACZC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,KAAK;EAAA,OACR;IACL,UAAU,EAAE;MACVC,eAAe,EAAED,KAAK,GAAGE,eAAK,CAACC,KAAK,GAAGD,eAAK,CAACE,IAAI;MACjDC,YAAY,EAAE,KAAK;MACnBR,MAAM,EAAEA,MAAM,IAAIC,IAAI,IAAIC,KAAK,GAAG,MAAM,GAAG,kBAAkB;MAC7DO,SAAS,EAAE,kCAAkC;MAC7CC,KAAK,EAAEP,KAAK,GAAGE,eAAK,CAACE,IAAI,GAAGF,eAAK,CAACC,KAAK;MACvCK,OAAO,EAAE,iBAAiB;MAC1BC,OAAO,EAAE,OAAO;MAChBC,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAEX,KAAK,GAAG,GAAG,GAAG,GAAG;MAC7BF,IAAI,EAAEC,KAAK,GAAG,kBAAkB,GAAG,MAAM;MACzCa,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,OAAO;MACjBC,OAAO,EAAE,CAAC;MACVC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,MAAM;MACrBC,QAAQ,EAAE,UAAU;MACpBnB,KAAK,EAAED,IAAI,GAAG,kBAAkB,GAAG,MAAM;MACzCqB,SAAS,EAAE,QAAQ;MACnBC,GAAG,EAAEvB,MAAM,GAAG,kBAAkB,GAAG,MAAM;MACzCwB,SAAS,EAAEvB,IAAI,IAAIC,KAAK,wBAAiBD,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,gCAAsBD,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,QAAK;MACpGyB,UAAU,EAAE;IACd,CAAC;IACD,gBAAgB,EAAE1B,QAAQ,IAAI;MAC5BmB,OAAO,EAAE,CAAC;MACVM,SAAS,EAAE,6BAA6B;MACxCC,UAAU,EAAE;IACd,CAAC;IACDC,UAAU,EAAE,QAAQ;IACpBd,OAAO,EAAE,MAAM;IACfe,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,QAAQ;IACxBP,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC;AAEF,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAmB;EAAA,OAC7C,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAAA;AAE/D,IAAME,OAAO,GAAG,SAAVA,OAAO;EAAA,uBAAKC,IAAI;IAAJA,IAAI,2BAAG,EAAE;IAAKH,KAAK;EAAA,OAC1C;IAAK,GAAG,EAAEhC,YAAY,CAACgC,KAAK,CAAE;IAAC,aAAWG;EAAK,GAAKJ,kBAAkB,CAACC,KAAK,CAAC,EAAI;AAAA,CAClF;AAAC"}

package/src/GlobalStyle.js

@@ -1,16 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GlobalStyle = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _emotionNormalize = _interopRequireDefault(require("emotion-normalize"));
 var _GlobalCssVariables = require("./GlobalCssVariables");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var globalStyles = function globalStyles(theme) {
   return {
     '*': {

package/src/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","names":["globalStyles","theme","boxSizing","fontWeight","body","GlobalCssVariables","accentColors","MozOsxFontSmoothing","WebkitFontSmoothing","background","general","backgroundColor","color","display","flexDirection","fontFamily","lineHeight","minHeight","transition","light","dark","html","p","marginTop","globalStyle","css","emotionNormalize","GlobalStyle","withTheme"],"sources":["GlobalStyle.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 {Global, CSSObject, css, jsx, withTheme} from '@emotion/react';\nimport emotionNormalize from 'emotion-normalize';\nimport {GlobalCssVariables} from './GlobalCssVariables';\n\nimport {Theme} from './Layout';\n\nconst globalStyles: (theme: Theme) => CSSObject = (theme: Theme) => ({\n  '*': {\n    boxSizing: 'border-box',\n  },\n  'b, strong': {\n    fontWeight: 600,\n  },\n  body: {\n    ...GlobalCssVariables.accentColors(),\n    MozOsxFontSmoothing: 'grayscale',\n    WebkitFontSmoothing: 'antialiased',\n    background: theme.general.backgroundColor,\n    color: theme.general.color,\n    display: 'flex',\n    flexDirection: 'column',\n    fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif',\n    fontWeight: 300,\n    lineHeight: 1.5,\n    minHeight: '100vh',\n    transition: 'background 0.15s',\n  },\n  'body, body.theme-default': {\n    ...GlobalCssVariables.light(),\n  },\n  'body.theme-dark': {\n    ...GlobalCssVariables.dark(),\n  },\n  html: {\n    background: theme.general.backgroundColor,\n    transition: 'background 0.15s',\n  },\n  p: {\n    marginTop: 0,\n  },\n});\n\nconst globalStyle = (theme: Theme) => css`\n  ${emotionNormalize}\n  ${globalStyles(theme)}\n`;\n\nexport const GlobalStyle = withTheme(({theme}: {theme: Theme}) => {\n  return <Global styles={globalStyle(theme)} />;\n});\n"],"mappings":";;;;;;;;AAoBA;AACA;AACA;AAAwD;AAAA;AAIxD,IAAMA,YAAyC,GAAG,SAA5CA,YAAyC,CAAIC,KAAY;EAAA,OAAM;IACnE,GAAG,EAAE;MACHC,SAAS,EAAE;IACb,CAAC;IACD,WAAW,EAAE;MACXC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,kCACCC,sCAAkB,CAACC,YAAY,EAAE;MACpCC,mBAAmB,EAAE,WAAW;MAChCC,mBAAmB,EAAE,aAAa;MAClCC,UAAU,EAAER,KAAK,CAACS,OAAO,CAACC,eAAe;MACzCC,KAAK,EAAEX,KAAK,CAACS,OAAO,CAACE,KAAK;MAC1BC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,mGAAmG;MAC/GZ,UAAU,EAAE,GAAG;MACfa,UAAU,EAAE,GAAG;MACfC,SAAS,EAAE,OAAO;MAClBC,UAAU,EAAE;IAAkB,EAC/B;IACD,0BAA0B,oBACrBb,sCAAkB,CAACc,KAAK,EAAE,CAC9B;IACD,iBAAiB,oBACZd,sCAAkB,CAACe,IAAI,EAAE,CAC7B;IACDC,IAAI,EAAE;MACJZ,UAAU,EAAER,KAAK,CAACS,OAAO,CAACC,eAAe;MACzCO,UAAU,EAAE;IACd,CAAC;IACDI,CAAC,EAAE;MACDC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIvB,KAAY;EAAA,wBAAKwB,UAAG,EACrCC,4BAAgB,OAChB1B,YAAY,CAACC,KAAK,CAAC;AAAA,CACtB;AAEM,IAAM0B,WAAW,GAAG,IAAAC,gBAAS,EAAC,gBAA6B;EAAA,IAA3B3B,KAAK,QAALA,KAAK;EAC1C,OAAO,gBAAC,aAAM;IAAC,MAAM,EAAEuB,WAAW,CAACvB,KAAK;EAAE,EAAG;AAC/C,CAAC,CAAC;AAAC"}
+{"version":3,"file":"GlobalStyle.js","names":["globalStyles","theme","boxSizing","fontWeight","body","GlobalCssVariables","accentColors","MozOsxFontSmoothing","WebkitFontSmoothing","background","general","backgroundColor","color","display","flexDirection","fontFamily","lineHeight","minHeight","transition","light","dark","html","p","marginTop","globalStyle","css","emotionNormalize","GlobalStyle","withTheme"],"sources":["GlobalStyle.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 {Global, CSSObject, css, jsx, withTheme} from '@emotion/react';\nimport emotionNormalize from 'emotion-normalize';\nimport {GlobalCssVariables} from './GlobalCssVariables';\n\nimport {Theme} from './Layout';\n\nconst globalStyles: (theme: Theme) => CSSObject = (theme: Theme) => ({\n  '*': {\n    boxSizing: 'border-box',\n  },\n  'b, strong': {\n    fontWeight: 600,\n  },\n  body: {\n    ...GlobalCssVariables.accentColors(),\n    MozOsxFontSmoothing: 'grayscale',\n    WebkitFontSmoothing: 'antialiased',\n    background: theme.general.backgroundColor,\n    color: theme.general.color,\n    display: 'flex',\n    flexDirection: 'column',\n    fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif',\n    fontWeight: 300,\n    lineHeight: 1.5,\n    minHeight: '100vh',\n    transition: 'background 0.15s',\n  },\n  'body, body.theme-default': {\n    ...GlobalCssVariables.light(),\n  },\n  'body.theme-dark': {\n    ...GlobalCssVariables.dark(),\n  },\n  html: {\n    background: theme.general.backgroundColor,\n    transition: 'background 0.15s',\n  },\n  p: {\n    marginTop: 0,\n  },\n});\n\nconst globalStyle = (theme: Theme) => css`\n  ${emotionNormalize}\n  ${globalStyles(theme)}\n`;\n\nexport const GlobalStyle = withTheme(({theme}: {theme: Theme}) => {\n  return <Global styles={globalStyle(theme)} />;\n});\n"],"mappings":";;;;;;AAoBA;AACA;AACA;AAAwD;AAAA;AAAA;AAAA;AAIxD,IAAMA,YAAyC,GAAG,SAA5CA,YAAyC,CAAIC,KAAY;EAAA,OAAM;IACnE,GAAG,EAAE;MACHC,SAAS,EAAE;IACb,CAAC;IACD,WAAW,EAAE;MACXC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,kCACCC,sCAAkB,CAACC,YAAY,EAAE;MACpCC,mBAAmB,EAAE,WAAW;MAChCC,mBAAmB,EAAE,aAAa;MAClCC,UAAU,EAAER,KAAK,CAACS,OAAO,CAACC,eAAe;MACzCC,KAAK,EAAEX,KAAK,CAACS,OAAO,CAACE,KAAK;MAC1BC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,mGAAmG;MAC/GZ,UAAU,EAAE,GAAG;MACfa,UAAU,EAAE,GAAG;MACfC,SAAS,EAAE,OAAO;MAClBC,UAAU,EAAE;IAAkB,EAC/B;IACD,0BAA0B,oBACrBb,sCAAkB,CAACc,KAAK,EAAE,CAC9B;IACD,iBAAiB,oBACZd,sCAAkB,CAACe,IAAI,EAAE,CAC7B;IACDC,IAAI,EAAE;MACJZ,UAAU,EAAER,KAAK,CAACS,OAAO,CAACC,eAAe;MACzCO,UAAU,EAAE;IACd,CAAC;IACDI,CAAC,EAAE;MACDC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIvB,KAAY;EAAA,wBAAKwB,UAAG,EACrCC,4BAAgB,OAChB1B,YAAY,CAACC,KAAK,CAAC;AAAA,CACtB;AAEM,IAAM0B,WAAW,GAAG,IAAAC,gBAAS,EAAC,gBAA6B;EAAA,IAA3B3B,KAAK,QAALA,KAAK;EAC1C,OAAO,gBAAC,aAAM;IAAC,MAAM,EAAEuB,WAAW,CAACvB,KAAK;EAAE,EAAG;AAC/C,CAAC,CAAC;AAAC"}

package/src/Icon/AddPeopleIcon.js

@@ -1,38 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AddPeopleIcon = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-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 */
-
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+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 AddPeopleIcon = function AddPeopleIcon(_ref) {
-  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, _extends({
     realWidth: 16,
     realHeight: 16
   }, props), (0, _react.jsx)("path", {

package/src/Icon/AddPeopleIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddPeopleIcon.js","names":["AddPeopleIcon","props"],"sources":["AddPeopleIcon.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const AddPeopleIcon = ({...props}: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M12 2V0h2v2h2v2h-2v2h-2V4h-2V2h2zm-2.6 8.6c1.4 0 2.6 1.1 2.6 2.5v1.1a12.8 12.8 0 0 1-12 0v-1c0-1.5 1.2-2.6 2.6-2.6h.3a6 6 0 0 0 6.2 0h.3zM6 8.9A3.4 3.4 0 1 1 6 2a3.4 3.4 0 0 1 0 6.9z\" />\n  </SVGIcon>\n);\n"],"mappings":";;;;;;;;;AAoBA;AAEA;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAKO,IAAMA,aAAa,GAAG,SAAhBA,aAAa;EAAA,IAAQC,KAAK;EAAA,OACrC,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE;EAAG,GAAKA,KAAK,GAC/C;IAAM,CAAC,EAAC;EAAwL,EAAG,CAC3L;AAAA,CACX;AAAC"}
+{"version":3,"file":"AddPeopleIcon.js","names":["AddPeopleIcon","props"],"sources":["AddPeopleIcon.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const AddPeopleIcon = ({...props}: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M12 2V0h2v2h2v2h-2v2h-2V4h-2V2h2zm-2.6 8.6c1.4 0 2.6 1.1 2.6 2.5v1.1a12.8 12.8 0 0 1-12 0v-1c0-1.5 1.2-2.6 2.6-2.6h.3a6 6 0 0 0 6.2 0h.3zM6 8.9A3.4 3.4 0 1 1 6 2a3.4 3.4 0 0 1 0 6.9z\" />\n  </SVGIcon>\n);\n"],"mappings":";;;;;;AAoBA;AAEA;AAAgD;AAAA;AAEzC,IAAMA,aAAa,GAAG,SAAhBA,aAAa;EAAA,IAAQC,KAAK;EAAA,OACrC,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE;EAAG,GAAKA,KAAK,GAC/C;IAAM,CAAC,EAAC;EAAwL,EAAG,CAC3L;AAAA,CACX;AAAC"}

package/src/Icon/ArchiveIcon.js

@@ -1,36 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArchiveIcon = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _SVGIcon = require("./SVGIcon");
-/*
- * Wire
- * Copyright (C) 2019 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+function _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 ArchiveIcon = function ArchiveIcon(props) {
-  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, _extends({
     realWidth: 16,
     realHeight: 16
   }, props), (0, _react.jsx)("path", {

package/src/Icon/ArchiveIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchiveIcon.js","names":["ArchiveIcon","props"],"sources":["ArchiveIcon.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const ArchiveIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M1 7h14v7a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7zm6 2a1 1 0 1 0 0 2h2a1 1 0 0 0 0-2H7zM2.5 0h11c.8 0 1.2 0 1.5.3.3.1.6.4.7.7.2.3.3.7.3 1.5V4c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V2.5C0 1.7 0 1.3.3 1 .4.7.7.4 1 .3c.3-.2.7-.3 1.5-.3z\" />\n  </SVGIcon>\n);\n"],"mappings":";;;;;;;;AAoBA;AAEA;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAKO,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAmB;EAAA,OAC7C,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE;EAAG,GAAKA,KAAK,GAC/C;IAAM,CAAC,EAAC;EAA0N,EAAG,CAC7N;AAAA,CACX;AAAC"}
+{"version":3,"file":"ArchiveIcon.js","names":["ArchiveIcon","props"],"sources":["ArchiveIcon.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const ArchiveIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={16} {...props}>\n    <path d=\"M1 7h14v7a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7zm6 2a1 1 0 1 0 0 2h2a1 1 0 0 0 0-2H7zM2.5 0h11c.8 0 1.2 0 1.5.3.3.1.6.4.7.7.2.3.3.7.3 1.5V4c0 .6-.4 1-1 1H1a1 1 0 0 1-1-1V2.5C0 1.7 0 1.3.3 1 .4.7.7.4 1 .3c.3-.2.7-.3 1.5-.3z\" />\n  </SVGIcon>\n);\n"],"mappings":";;;;;;AAoBA;AAEA;AAAgD;AAEzC,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAmB;EAAA,OAC7C,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE;EAAG,GAAKA,KAAK,GAC/C;IAAM,CAAC,EAAC;EAA0N,EAAG,CAC7N;AAAA,CACX;AAAC"}

package/src/Icon/ArrowDown.js

@@ -1,36 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArrowDown = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _SVGIcon = require("./SVGIcon");
-/*
- * 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/.
- *
- */
-
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+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 ArrowDown = function ArrowDown(_ref) {
-  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/_react["default"].createElement(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_react["default"].createElement(_SVGIcon.SVGIcon, _extends({
     realWidth: 16,
     realHeight: 16
   }, props), /*#__PURE__*/_react["default"].createElement("path", {