@wireapp/react-ui-kit 7.55.0 → 8.0.0

package/src/Form/ErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ErrorMessage.tsx"],"names":["errorMessageStyle","theme","justify","align","props","a","bold","fontSize","textTransform","marginBottom","filterErrorMessageProps","ErrorMessage","children","marginRight","COLOR","RED"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;AAIO,IAAMA,iBAA8E,GAAG,SAAjFA,iBAAiF,CAC5FC,KAD4F;AAAA,0BAE3FC,OAF2F;AAAA,MAE3FA,OAF2F,6BAEjF,QAFiF;AAAA,wBAEvEC,KAFuE;AAAA,MAEvEA,KAFuE,2BAE/D,QAF+D;AAAA,MAElDC,KAFkD;AAAA,yCAIzF;AAAcD,IAAAA,KAAK,EAALA,KAAd;AAAqBD,IAAAA,OAAO,EAAPA;AAArB,KAAiCE,KAAjC,EAJyF;AAK5FC,IAAAA,CAAC,oBACI,qBAAUJ,KAAV;AAAkBK,MAAAA,IAAI,EAAE,KAAxB;AAA+BC,MAAAA,QAAQ,EAAE,MAAzC;AAAiDC,MAAAA,aAAa,EAAE;AAAhE,OAA2EJ,KAA3E,EADJ,CAL2F;AAQ5FK,IAAAA,YAAY,EAAE;AAR8E;AAAA,CAAvF;;;;AAWA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACN,KAAD,EAA8B;AACnE,SAAO,uBAAY,gCAAmBA,KAAnB,CAAZ,EAA4D,EAA5D,CAAP;AACD,CAFM;;;;AAIA,IAAMO,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAEC,QAAF,SAAEA,QAAF;AAAA,MAAeR,KAAf;AAAA,SAC1B,eAAC,eAAD;AAAS,IAAA,GAAG,EAAE,aAAAH,KAAK;AAAA,aAAID,iBAAiB,CAACC,KAAD,EAAQG,KAAR,CAArB;AAAA;AAAnB,KAA4DA,KAA5D,GACE,eAAC,eAAD;AAAW,IAAA,KAAK,EAAE;AAACS,MAAAA,WAAW,EAAE;AAAd;AAAlB,IADF,EAEE,eAAC,UAAD;AAAM,IAAA,KAAK,EAAEC,gBAAMC,GAAnB;AAAwB,IAAA,QAAQ,EAAE;AAAlC,KACGH,QADH,CAFF,CAD0B;AAAA,CAArB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/core';\nimport {ErrorIcon} from '../Icon';\n\nimport {COLOR} from '../Identity';\nimport {FlexBox, FlexBoxProps, flexBoxStyle, filterFlexBoxProps, Theme} from '../Layout';\nimport {Text, linkStyle} from '../Text';\nimport {filterProps} from '../util';\n\ntype ErrorMessageProps<T = HTMLDivElement> = FlexBoxProps<T>;\n\nexport const errorMessageStyle: <T>(theme: Theme, props: ErrorMessageProps<T>) => CSSObject = (\n  theme,\n  {justify = 'center', align = 'center', ...props},\n) => ({\n  ...flexBoxStyle({align, justify, ...props}),\n  a: {\n    ...linkStyle(theme, {bold: false, fontSize: '11px', textTransform: 'none', ...props}),\n  },\n  marginBottom: '12px',\n});\n\nexport const filterErrorMessageProps = (props: ErrorMessageProps) => {\n  return filterProps(filterFlexBoxProps(props) as ErrorMessageProps, []);\n};\n\nexport const ErrorMessage = ({children, ...props}: ErrorMessageProps) => (\n  <FlexBox css={theme => errorMessageStyle(theme, props)} {...props}>\n    <ErrorIcon style={{marginRight: '8px'}} />\n    <Text color={COLOR.RED} fontSize={'11px'}>\n      {children}\n    </Text>\n  </FlexBox>\n);\n"],"file":"ErrorMessage.js"}
+{"version":3,"sources":["ErrorMessage.tsx"],"names":["errorMessageStyle","theme","justify","align","props","a","bold","fontSize","textTransform","marginBottom","filterErrorMessageProps","ErrorMessage","children","marginRight","COLOR","RED"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;AAIO,IAAMA,iBAA8E,GAAG,SAAjFA,iBAAiF,CAC5FC,KAD4F;AAAA,0BAE3FC,OAF2F;AAAA,MAE3FA,OAF2F,6BAEjF,QAFiF;AAAA,wBAEvEC,KAFuE;AAAA,MAEvEA,KAFuE,2BAE/D,QAF+D;AAAA,MAElDC,KAFkD;AAAA,yCAIzF;AAAcD,IAAAA,KAAK,EAALA,KAAd;AAAqBD,IAAAA,OAAO,EAAPA;AAArB,KAAiCE,KAAjC,EAJyF;AAK5FC,IAAAA,CAAC,oBACI,qBAAUJ,KAAV;AAAkBK,MAAAA,IAAI,EAAE,KAAxB;AAA+BC,MAAAA,QAAQ,EAAE,MAAzC;AAAiDC,MAAAA,aAAa,EAAE;AAAhE,OAA2EJ,KAA3E,EADJ,CAL2F;AAQ5FK,IAAAA,YAAY,EAAE;AAR8E;AAAA,CAAvF;;;;AAWA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACN,KAAD,EAA8B;AACnE,SAAO,uBAAY,gCAAmBA,KAAnB,CAAZ,EAA4D,EAA5D,CAAP;AACD,CAFM;;;;AAIA,IAAMO,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAEC,QAAF,SAAEA,QAAF;AAAA,MAAeR,KAAf;AAAA,SAC1B,gBAAC,eAAD;AAAS,IAAA,GAAG,EAAE,aAACH,KAAD;AAAA,aAAkBD,iBAAiB,CAACC,KAAD,EAAQG,KAAR,CAAnC;AAAA;AAAd,KAAqEA,KAArE,GACE,gBAAC,eAAD;AAAW,IAAA,KAAK,EAAE;AAACS,MAAAA,WAAW,EAAE;AAAd,KAAlB;AAAwC,mBAAY;AAApD,IADF,EAEE,gBAAC,UAAD;AAAM,IAAA,KAAK,EAAEC,gBAAMC,GAAnB;AAAwB,IAAA,QAAQ,EAAE;AAAlC,KACGH,QADH,CAFF,CAD0B;AAAA,CAArB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {ErrorIcon} from '../Icon';\n\nimport {COLOR} from '../Identity';\nimport {FlexBox, FlexBoxProps, flexBoxStyle, filterFlexBoxProps, Theme} from '../Layout';\nimport {Text, linkStyle} from '../Text';\nimport {filterProps} from '../util';\n\ntype ErrorMessageProps<T = HTMLDivElement> = FlexBoxProps<T>;\n\nexport const errorMessageStyle: <T>(theme: Theme, props: ErrorMessageProps<T>) => CSSObject = (\n  theme,\n  {justify = 'center', align = 'center', ...props},\n) => ({\n  ...flexBoxStyle({align, justify, ...props}),\n  a: {\n    ...linkStyle(theme, {bold: false, fontSize: '11px', textTransform: 'none', ...props}),\n  },\n  marginBottom: '12px',\n});\n\nexport const filterErrorMessageProps = (props: ErrorMessageProps) => {\n  return filterProps(filterFlexBoxProps(props) as ErrorMessageProps, []);\n};\n\nexport const ErrorMessage = ({children, ...props}: ErrorMessageProps) => (\n  <FlexBox css={(theme: Theme) => errorMessageStyle(theme, props)} {...props}>\n    <ErrorIcon style={{marginRight: '8px'}} aria-hidden=\"true\" />\n    <Text color={COLOR.RED} fontSize={'11px'}>\n      {children}\n    </Text>\n  </FlexBox>\n);\n"],"file":"ErrorMessage.js"}

package/src/Form/Form.d.ts

@@ -1,2 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
-export declare const Form: (props: React.HTMLProps<HTMLFormElement>) => JSX.Element;
+export declare const Form: (props: React.HTMLProps<HTMLFormElement>) => jsx.JSX.Element;

package/src/Form/Form.js

@@ -9,24 +9,24 @@ exports.Form = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 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 _ref = process.env.NODE_ENV === "production" ? {
-  name: "ng8ero-Form",
-  styles: "display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;width:100%;;label:Form;"
+  name: "y2mk5a",
+  styles: "display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;width:100%"
 } : {
-  name: "ng8ero-Form",
-  styles: "display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;width:100%;;label:Form;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCSSIsImZpbGUiOiJGb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBGb3JtID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTEZvcm1FbGVtZW50PikgPT4gKFxuICA8Zm9ybVxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICB9fVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG4iXX0= */",
+  name: "u7s9rg-Form",
+  styles: "display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;width:100%;label:Form;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCSSIsImZpbGUiOiJGb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRm9ybSA9IChwcm9wczogUmVhY3QuSFRNTFByb3BzPEhUTUxGb3JtRWxlbWVudD4pID0+IChcbiAgPGZvcm1cbiAgICBjc3M9e3tcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
 var Form = function Form(props) {
-  return (0, _core.jsx)("form", (0, _extends2["default"])({
+  return (0, _react.jsx)("form", (0, _extends2["default"])({
     css: _ref
   }, props));
 };

package/src/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Form.tsx"],"names":["Form","props"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD;AAAA,SAClB;AACE,IAAA,GAAG;AADL,KAQMA,KARN,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/core';\nimport React from 'react';\n\nexport const Form = (props: React.HTMLProps<HTMLFormElement>) => (\n  <form\n    css={{\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      marginBottom: 0,\n      width: '100%',\n    }}\n    {...props}\n  />\n);\n"],"file":"Form.js"}
+{"version":3,"sources":["Form.tsx"],"names":["Form","props"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD;AAAA,SAClB;AACE,IAAA,GAAG;AADL,KAQMA,KARN,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\nexport const Form = (props: React.HTMLProps<HTMLFormElement>) => (\n  <form\n    css={{\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      marginBottom: 0,\n      width: '100%',\n    }}\n    {...props}\n  />\n);\n"],"file":"Form.js"}

package/src/Form/Input.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { CSSObject } from '@emotion/core';
+import { CSSObject } from '@emotion/react';
 import type { Property } from 'csstype';
 import React from 'react';
 import type { Theme } from '../Layout';

package/src/Form/Input.js

@@ -13,9 +13,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -75,10 +75,10 @@ var filterInputProps = function filterInputProps(props) {
   return (0, _util.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
 };
 
-var Input = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
+var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
   var type = _ref2.type,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _core.jsx)("input", (0, _extends2["default"])({
+  return (0, _react.jsx)("input", (0, _extends2["default"])({
     className: INPUT_CLASSNAME,
     css: function css(theme) {
       return inputStyle(theme, props);

package/src/Form/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Input.tsx"],"names":["inputStyle","theme","markInvalid","placeholderTextTransform","disabled","placeholderStyle","color","Input","placeholderColor","fontSize","textTransform","opacity","boxShadow","COLOR","BLUE","GRAY","background","backgroundColorDisabled","backgroundColor","border","borderRadius","RED","caretColor","general","fontWeight","height","lineHeight","margin","outline","padding","width","INPUT_CLASSNAME","filterInputProps","props","React","forwardRef","ref","type"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;AAGA;;;;;;;;AAOO,IAAMA,UAAgE,GAAG,SAAnEA,UAAmE,CAC9EC,KAD8E,QAG3E;AAAA,8BADFC,WACE;AAAA,MADFA,WACE,iCADY,KACZ;AAAA,mCADmBC,wBACnB;AAAA,MADmBA,wBACnB,sCAD8C,MAC9C;AAAA,2BADsDC,QACtD;AAAA,MADsDA,QACtD,8BADiE,KACjE;AACH,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,KAAK,EAAEL,KAAK,CAACM,KAAN,CAAYC,gBADI;AAEvBC,IAAAA,QAAQ,EAAE,MAFa;AAGvBC,IAAAA,aAAa,EAAEP;AAHQ,GAAzB;AAMA,SAAO;AACL,2DACKE,gBADL;AAEEM,MAAAA,OAAO,EAAE;AAFX,MADK;AAKL,kDACKN,gBADL,CALK;AAQL,sDACKA,gBADL,CARK;AAWL,eAAW;AACTO,MAAAA,SAAS,sBAAeC,gBAAMC,IAArB;AADA,KAXN;AAcL,6BAAyB,CAACZ,WAAD,GACrB;AACEU,MAAAA,SAAS,sBAAeC,gBAAME,IAArB;AADX,KADqB,GAIrB,EAlBC;AAmBLC,IAAAA,UAAU,EAAEZ,QAAQ,GAAGH,KAAK,CAACM,KAAN,CAAYU,uBAAf,GAAyChB,KAAK,CAACM,KAAN,CAAYW,eAnBpE;AAoBLC,IAAAA,MAAM,EAAE,MApBH;AAqBLC,IAAAA,YAAY,EAAE,KArBT;AAsBLR,IAAAA,SAAS,EAAEV,WAAW,uBAAgBW,gBAAMQ,GAAtB,wBAA2CR,gBAAME,IAAjD,CAtBjB;AAuBLO,IAAAA,UAAU,EAAET,gBAAMC,IAvBb;AAwBLR,IAAAA,KAAK,EAAEL,KAAK,CAACsB,OAAN,CAAcjB,KAxBhB;AAyBLkB,IAAAA,UAAU,EAAE,GAzBP;AA0BLC,IAAAA,MAAM,EAAE,MA1BH;AA2BLC,IAAAA,UAAU,EAAE,MA3BP;AA4BLC,IAAAA,MAAM,EAAE,UA5BH;AA6BLC,IAAAA,OAAO,EAAE,MA7BJ;AA8BLC,IAAAA,OAAO,EAAE,QA9BJ;AA+BLC,IAAAA,KAAK,EAAE;AA/BF,GAAP;AAiCD,CA3CM;;;AA6CA,IAAMC,eAAe,GAAG,WAAxB;;;AACP,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SAAuB,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,EAAgB,0BAAhB,CAAnB,CAAvB;AAAA,CAAzB;;AAEO,IAAM1B,KAA6C,gBAAG2B,kBAAMC,UAAN,CAG3D,iBAAmBC,GAAnB,EAA2B;AAAA,MAAzBC,IAAyB,SAAzBA,IAAyB;AAAA,MAAhBJ,KAAgB;AAC3B,SACE;AACE,IAAA,SAAS,EAAEF,eADb;AAEE,IAAA,GAAG,EAAE,aAAA9B,KAAK;AAAA,aAAID,UAAU,CAACC,KAAD,EAAQgC,KAAR,CAAd;AAAA,KAFZ;AAGE,IAAA,GAAG,EAAEG,GAHP;AAIE,IAAA,IAAI,EAAEC;AAJR,KAKML,gBAAgB,CAACC,KAAD,CALtB,EADF;AASD,CAb4D,CAAtD","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/core';\nimport type {Property} from 'csstype';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport type {TextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport interface InputProps<T = HTMLInputElement> extends TextProps<T> {\n  markInvalid?: boolean;\n  placeholderTextTransform?: Property.TextTransform;\n}\n\nexport const inputStyle: <T>(theme: Theme, props: InputProps<T>) => CSSObject = (\n  theme,\n  {markInvalid = false, placeholderTextTransform = 'none', disabled = false},\n) => {\n  const placeholderStyle = {\n    color: theme.Input.placeholderColor,\n    fontSize: '11px',\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:not(:focus)': !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    height: '56px',\n    lineHeight: '24px',\n    margin: '0 0 16px',\n    outline: 'none',\n    padding: '0 16px',\n    width: '100%',\n  };\n};\n\nexport const INPUT_CLASSNAME = 'wireinput';\nconst filterInputProps = (props: InputProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nexport const Input: React.FC<InputProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  InputProps<HTMLInputElement>\n>(({type, ...props}, ref) => {\n  return (\n    <input\n      className={INPUT_CLASSNAME}\n      css={theme => inputStyle(theme, props)}\n      ref={ref}\n      type={type}\n      {...filterInputProps(props)}\n    />\n  );\n});\n"],"file":"Input.js"}
+{"version":3,"sources":["Input.tsx"],"names":["inputStyle","theme","markInvalid","placeholderTextTransform","disabled","placeholderStyle","color","Input","placeholderColor","fontSize","textTransform","opacity","boxShadow","COLOR","BLUE","GRAY","background","backgroundColorDisabled","backgroundColor","border","borderRadius","RED","caretColor","general","fontWeight","height","lineHeight","margin","outline","padding","width","INPUT_CLASSNAME","filterInputProps","props","React","forwardRef","ref","type"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;AAGA;;;;;;;;AAOO,IAAMA,UAAgE,GAAG,SAAnEA,UAAmE,CAC9EC,KAD8E,QAG3E;AAAA,8BADFC,WACE;AAAA,MADFA,WACE,iCADY,KACZ;AAAA,mCADmBC,wBACnB;AAAA,MADmBA,wBACnB,sCAD8C,MAC9C;AAAA,2BADsDC,QACtD;AAAA,MADsDA,QACtD,8BADiE,KACjE;AACH,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,KAAK,EAAEL,KAAK,CAACM,KAAN,CAAYC,gBADI;AAEvBC,IAAAA,QAAQ,EAAE,MAFa;AAGvBC,IAAAA,aAAa,EAAEP;AAHQ,GAAzB;AAMA,SAAO;AACL,2DACKE,gBADL;AAEEM,MAAAA,OAAO,EAAE;AAFX,MADK;AAKL,kDACKN,gBADL,CALK;AAQL,sDACKA,gBADL,CARK;AAWL,eAAW;AACTO,MAAAA,SAAS,sBAAeC,gBAAMC,IAArB;AADA,KAXN;AAcL,6BAAyB,CAACZ,WAAD,GACrB;AACEU,MAAAA,SAAS,sBAAeC,gBAAME,IAArB;AADX,KADqB,GAIrB,EAlBC;AAmBLC,IAAAA,UAAU,EAAEZ,QAAQ,GAAGH,KAAK,CAACM,KAAN,CAAYU,uBAAf,GAAyChB,KAAK,CAACM,KAAN,CAAYW,eAnBpE;AAoBLC,IAAAA,MAAM,EAAE,MApBH;AAqBLC,IAAAA,YAAY,EAAE,KArBT;AAsBLR,IAAAA,SAAS,EAAEV,WAAW,uBAAgBW,gBAAMQ,GAAtB,wBAA2CR,gBAAME,IAAjD,CAtBjB;AAuBLO,IAAAA,UAAU,EAAET,gBAAMC,IAvBb;AAwBLR,IAAAA,KAAK,EAAEL,KAAK,CAACsB,OAAN,CAAcjB,KAxBhB;AAyBLkB,IAAAA,UAAU,EAAE,GAzBP;AA0BLC,IAAAA,MAAM,EAAE,MA1BH;AA2BLC,IAAAA,UAAU,EAAE,MA3BP;AA4BLC,IAAAA,MAAM,EAAE,UA5BH;AA6BLC,IAAAA,OAAO,EAAE,MA7BJ;AA8BLC,IAAAA,OAAO,EAAE,QA9BJ;AA+BLC,IAAAA,KAAK,EAAE;AA/BF,GAAP;AAiCD,CA3CM;;;AA6CA,IAAMC,eAAe,GAAG,WAAxB;;;AACP,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SAAuB,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,EAAgB,0BAAhB,CAAnB,CAAvB;AAAA,CAAzB;;AAEO,IAAM1B,KAA6C,gBAAG2B,mBAAMC,UAAN,CAG3D,iBAAmBC,GAAnB,EAA2B;AAAA,MAAzBC,IAAyB,SAAzBA,IAAyB;AAAA,MAAhBJ,KAAgB;AAC3B,SACE;AACE,IAAA,SAAS,EAAEF,eADb;AAEE,IAAA,GAAG,EAAE,aAAC9B,KAAD;AAAA,aAAkBD,UAAU,CAACC,KAAD,EAAQgC,KAAR,CAA5B;AAAA,KAFP;AAGE,IAAA,GAAG,EAAEG,GAHP;AAIE,IAAA,IAAI,EAAEC;AAJR,KAKML,gBAAgB,CAACC,KAAD,CALtB,EADF;AASD,CAb4D,CAAtD","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 type {Property} from 'csstype';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport type {TextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport interface InputProps<T = HTMLInputElement> extends TextProps<T> {\n  markInvalid?: boolean;\n  placeholderTextTransform?: Property.TextTransform;\n}\n\nexport const inputStyle: <T>(theme: Theme, props: InputProps<T>) => CSSObject = (\n  theme,\n  {markInvalid = false, placeholderTextTransform = 'none', disabled = false},\n) => {\n  const placeholderStyle = {\n    color: theme.Input.placeholderColor,\n    fontSize: '11px',\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:not(:focus)': !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    height: '56px',\n    lineHeight: '24px',\n    margin: '0 0 16px',\n    outline: 'none',\n    padding: '0 16px',\n    width: '100%',\n  };\n};\n\nexport const INPUT_CLASSNAME = 'wireinput';\nconst filterInputProps = (props: InputProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nexport const Input: React.FC<InputProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  InputProps<HTMLInputElement>\n>(({type, ...props}, ref) => {\n  return (\n    <input\n      className={INPUT_CLASSNAME}\n      css={(theme: Theme) => inputStyle(theme, props)}\n      ref={ref}\n      type={type}\n      {...filterInputProps(props)}\n    />\n  );\n});\n"],"file":"Input.js"}

package/src/Form/InputBlock.d.ts

@@ -1,4 +1,5 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 export declare type InputBlockProps<T = HTMLDivElement> = React.HTMLProps<T>;
-export declare const InputBlock: (props: InputBlockProps<HTMLDivElement>) => JSX.Element;
+export declare const InputBlock: (props: InputBlockProps<HTMLDivElement>) => jsx.JSX.Element;

package/src/Form/InputBlock.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _Identity = require("../Identity");
 
@@ -54,7 +54,7 @@ var inputBlockStyle = function inputBlockStyle(props) {
 };
 
 var InputBlock = function InputBlock(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", (0, _extends2["default"])({
     css: inputBlockStyle(props)
   }, props));
 };

package/src/Form/InputBlock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputBlock.tsx"],"names":["inputBlockStyle","props","backgroundColor","COLOR","GRAY_LIGHTEN_88","borderRadius","boxShadow","WHITE","marginBottom","INPUT_CLASSNAME","INPUT_SUBMIT_COMBO_CLASSNAME","marginTop","InputBlock"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AAzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAUA,IAAMA,eAAsD,GAAG,SAAzDA,eAAyD,CAAAC,KAAK;AAAA;AAClEC,IAAAA,eAAe,EAAEC,gBAAMC,eAD2C;AAElEC,IAAAA,YAAY,EAAE,KAFoD;AAGlEC,IAAAA,SAAS,8BAAuBH,gBAAMI,KAA7B,mCAA2DJ,gBAAMI,KAAjE,CAHyD;AAIlEC,IAAAA,YAAY,EAAE;AAJoD,gBAK7DC,sBAL6D,gBAKxCC,8CALwC,GAKP;AACzDF,IAAAA,YAAY,EAAE,gBAD2C;AAEzDG,IAAAA,SAAS,EAAE;AAF8C,GALO;AAAA,CAApE;;AAWO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACX,KAAD;AAAA,SAA4B;AAAK,IAAA,GAAG,EAAED,eAAe,CAACC,KAAD;AAAzB,KAAsCA,KAAtC,EAA5B;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/core';\n\nimport {COLOR} from '../Identity';\nimport {INPUT_CLASSNAME} from './Input';\nimport {INPUT_SUBMIT_COMBO_CLASSNAME} from './InputSubmitCombo';\n\nexport type InputBlockProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst inputBlockStyle: (props: InputBlockProps) => CSSObject = props => ({\n  backgroundColor: COLOR.GRAY_LIGHTEN_88,\n  borderRadius: '4px',\n  boxShadow: `inset 16px 16px 0 ${COLOR.WHITE}, inset -16px -16px 0 ${COLOR.WHITE}`,\n  marginBottom: '16px',\n  [`.${INPUT_CLASSNAME}, .${INPUT_SUBMIT_COMBO_CLASSNAME}`]: {\n    marginBottom: '1px !important',\n    marginTop: '0 !important',\n  },\n});\n\nexport const InputBlock = (props: InputBlockProps) => <div css={inputBlockStyle(props)} {...props} />;\n"],"file":"InputBlock.js"}
+{"version":3,"sources":["InputBlock.tsx"],"names":["inputBlockStyle","props","backgroundColor","COLOR","GRAY_LIGHTEN_88","borderRadius","boxShadow","WHITE","marginBottom","INPUT_CLASSNAME","INPUT_SUBMIT_COMBO_CLASSNAME","marginTop","InputBlock"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AAzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAUA,IAAMA,eAAsD,GAAG,SAAzDA,eAAyD,CAAAC,KAAK;AAAA;AAClEC,IAAAA,eAAe,EAAEC,gBAAMC,eAD2C;AAElEC,IAAAA,YAAY,EAAE,KAFoD;AAGlEC,IAAAA,SAAS,8BAAuBH,gBAAMI,KAA7B,mCAA2DJ,gBAAMI,KAAjE,CAHyD;AAIlEC,IAAAA,YAAY,EAAE;AAJoD,gBAK7DC,sBAL6D,gBAKxCC,8CALwC,GAKP;AACzDF,IAAAA,YAAY,EAAE,gBAD2C;AAEzDG,IAAAA,SAAS,EAAE;AAF8C,GALO;AAAA,CAApE;;AAWO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACX,KAAD;AAAA,SAA4B;AAAK,IAAA,GAAG,EAAED,eAAe,CAACC,KAAD;AAAzB,KAAsCA,KAAtC,EAA5B;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR} from '../Identity';\nimport {INPUT_CLASSNAME} from './Input';\nimport {INPUT_SUBMIT_COMBO_CLASSNAME} from './InputSubmitCombo';\n\nexport type InputBlockProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst inputBlockStyle: (props: InputBlockProps) => CSSObject = props => ({\n  backgroundColor: COLOR.GRAY_LIGHTEN_88,\n  borderRadius: '4px',\n  boxShadow: `inset 16px 16px 0 ${COLOR.WHITE}, inset -16px -16px 0 ${COLOR.WHITE}`,\n  marginBottom: '16px',\n  [`.${INPUT_CLASSNAME}, .${INPUT_SUBMIT_COMBO_CLASSNAME}`]: {\n    marginBottom: '1px !important',\n    marginTop: '0 !important',\n  },\n});\n\nexport const InputBlock = (props: InputBlockProps) => <div css={inputBlockStyle(props)} {...props} />;\n"],"file":"InputBlock.js"}

package/src/Form/InputSubmitCombo.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { InputProps } from './Input';
 export declare type InputSubmitComboProps<T = HTMLDivElement> = InputProps<T>;
 export declare const INPUT_SUBMIT_COMBO_CLASSNAME = "inputSubmitCombo";
-export declare const InputSubmitCombo: ({ children, ...props }: InputSubmitComboProps) => JSX.Element;
+export declare const InputSubmitCombo: ({ children, ...props }: InputSubmitComboProps) => jsx.JSX.Element;

package/src/Form/InputSubmitCombo.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _Input = require("./Input");
 
@@ -31,7 +31,7 @@ exports.INPUT_SUBMIT_COMBO_CLASSNAME = INPUT_SUBMIT_COMBO_CLASSNAME;
 var InputSubmitCombo = function InputSubmitCombo(_ref) {
   var children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     className: INPUT_SUBMIT_COMBO_CLASSNAME,
     css: function css(theme) {
       var _objectSpread2;

package/src/Form/InputSubmitCombo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputSubmitCombo.tsx"],"names":["INPUT_SUBMIT_COMBO_CLASSNAME","InputSubmitCombo","children","props","theme","boxShadow","COLOR","BLUE","INPUT_CLASSNAME","flexGrow","margin","padding"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;;;;;;;AAIO,IAAMA,4BAA4B,GAAG,kBAArC;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAEC,QAAF,QAAEA,QAAF;AAAA,MAAeC,KAAf;AAAA,SAC9B;AACE,IAAA,SAAS,EAAEH,4BADb;AAEE,IAAA,GAAG,EAAE,aAAAI,KAAK;AAAA;;AAAA,6CACL,uBAAWA,KAAX,EAAkBD,KAAlB,CADK;AAER,0BAAkB;AAChBE,UAAAA,SAAS,sBAAeC,gBAAMC,IAArB;AADO;AAFV,qEAKHC,sBALG,GAKiB;AACvB,0CAAkC;AAChCH,UAAAA,SAAS,EAAE;AADqB,SADX;AAIvBA,QAAAA,SAAS,EAAE,MAJY;AAKvBI,QAAAA,QAAQ,EAAE,CALa;AAMvBC,QAAAA,MAAM,EAAE,WANe;AAOvBC,QAAAA,OAAO,EAAE;AAPc,OALjB,kEAcI,QAdJ,+DAeC,MAfD,8DAgBA,MAhBA,sEAiBQ,eAjBR,oEAkBM,KAlBN,mEAmBK,CAnBL;AAAA;AAFZ,KAuBMR,KAvBN,GAyBGD,QAzBH,CAD8B;AAAA,CAAzB","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/core';\n\nimport {INPUT_CLASSNAME, InputProps, inputStyle} from './Input';\nimport {COLOR} from '../Identity';\n\nexport type InputSubmitComboProps<T = HTMLDivElement> = InputProps<T>;\n\nexport const INPUT_SUBMIT_COMBO_CLASSNAME = 'inputSubmitCombo';\n\nexport const InputSubmitCombo = ({children, ...props}: InputSubmitComboProps) => (\n  <div\n    className={INPUT_SUBMIT_COMBO_CLASSNAME}\n    css={theme => ({\n      ...inputStyle(theme, props),\n      '&:focus-within': {\n        boxShadow: `0 0 0 1px ${COLOR.BLUE}`,\n      },\n      [`.${INPUT_CLASSNAME}`]: {\n        '&:focus, &:invalid:not(:focus)': {\n          boxShadow: 'none',\n        },\n        boxShadow: 'none',\n        flexGrow: 1,\n        margin: '0 8px 0 0',\n        padding: '0 0 0 16px',\n      },\n      alignItems: 'center',\n      display: 'flex',\n      height: '57px', // needs a bit more space to not overlap with the `boxShadow` from `:focus`\n      justifyContent: 'space-between',\n      marginBottom: '4px',\n      paddingLeft: 0,\n    })}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"file":"InputSubmitCombo.js"}
+{"version":3,"sources":["InputSubmitCombo.tsx"],"names":["INPUT_SUBMIT_COMBO_CLASSNAME","InputSubmitCombo","children","props","theme","boxShadow","COLOR","BLUE","INPUT_CLASSNAME","flexGrow","margin","padding"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;;;;;;;AAKO,IAAMA,4BAA4B,GAAG,kBAArC;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAEC,QAAF,QAAEA,QAAF;AAAA,MAAeC,KAAf;AAAA,SAC9B;AACE,IAAA,SAAS,EAAEH,4BADb;AAEE,IAAA,GAAG,EAAE,aAACI,KAAD;AAAA;;AAAA,6CACA,uBAAWA,KAAX,EAAkBD,KAAlB,CADA;AAEH,0BAAkB;AAChBE,UAAAA,SAAS,sBAAeC,gBAAMC,IAArB;AADO;AAFf,qEAKEC,sBALF,GAKsB;AACvB,0CAAkC;AAChCH,UAAAA,SAAS,EAAE;AADqB,SADX;AAIvBA,QAAAA,SAAS,EAAE,MAJY;AAKvBI,QAAAA,QAAQ,EAAE,CALa;AAMvBC,QAAAA,MAAM,EAAE,WANe;AAOvBC,QAAAA,OAAO,EAAE;AAPc,OALtB,kEAcS,QAdT,+DAeM,MAfN,8DAgBK,MAhBL,sEAiBa,eAjBb,oEAkBW,KAlBX,mEAmBU,CAnBV;AAAA;AAFP,KAuBMR,KAvBN,GAyBGD,QAzBH,CAD8B;AAAA,CAAzB","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 {INPUT_CLASSNAME, InputProps, inputStyle} from './Input';\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\n\nexport type InputSubmitComboProps<T = HTMLDivElement> = InputProps<T>;\n\nexport const INPUT_SUBMIT_COMBO_CLASSNAME = 'inputSubmitCombo';\n\nexport const InputSubmitCombo = ({children, ...props}: InputSubmitComboProps) => (\n  <div\n    className={INPUT_SUBMIT_COMBO_CLASSNAME}\n    css={(theme: Theme) => ({\n      ...inputStyle(theme, props),\n      '&:focus-within': {\n        boxShadow: `0 0 0 1px ${COLOR.BLUE}`,\n      },\n      [`.${INPUT_CLASSNAME}`]: {\n        '&:focus, &:invalid:not(:focus)': {\n          boxShadow: 'none',\n        },\n        boxShadow: 'none',\n        flexGrow: 1,\n        margin: '0 8px 0 0',\n        padding: '0 0 0 16px',\n      },\n      alignItems: 'center',\n      display: 'flex',\n      height: '57px', // needs a bit more space to not overlap with the `boxShadow` from `:focus`\n      justifyContent: 'space-between',\n      marginBottom: '4px',\n      paddingLeft: 0,\n    })}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"file":"InputSubmitCombo.js"}

package/src/Form/RoundIconButton.d.ts

@@ -1,9 +1,9 @@
 /** @jsx jsx */
-import { CSSObject } from '@emotion/core';
+import { CSSObject } from '@emotion/react';
 import React from 'react';
 import type { Theme } from '../Layout';
 import { ButtonProps } from './Button';
 export interface RoundIconButtonProps<T = HTMLButtonElement> extends ButtonProps<T> {
 }
 export declare const roundIconButtonStyle: <T>(theme: Theme, props: RoundIconButtonProps<T>) => CSSObject;
-export declare const RoundIconButton: React.SFC<RoundIconButtonProps>;
+export declare const RoundIconButton: React.FC<RoundIconButtonProps>;

package/src/Form/RoundIconButton.js

@@ -13,9 +13,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -49,7 +49,7 @@ exports.roundIconButtonStyle = roundIconButtonStyle;
 var RoundIconButton = function RoundIconButton(_ref) {
   var children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (0, _core.jsx)("button", (0, _extends2["default"])({
+  return (0, _react.jsx)("button", (0, _extends2["default"])({
     css: function css(theme) {
       return roundIconButtonStyle(theme, props);
     }

package/src/Form/RoundIconButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RoundIconButton.tsx"],"names":["roundIconButtonStyle","theme","props","alignItems","borderRadius","display","height","size","justifyContent","lineHeight","margin","minWidth","padding","width","RoundIconButton","children","defaultProps","color","COLOR","WHITE","backgroundColor","BLUE"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAGA;;AAEA;;AACA;;;;;;;;AAIO,IAAMA,oBAAoF,GAAG,SAAvFA,oBAAuF,CAACC,KAAD,EAAQC,KAAR;AAAA,yCAC/F,yBAAYD,KAAZ,EAAmBC,KAAnB,CAD+F;AAElGC,IAAAA,UAAU,EAAE,QAFsF;AAGlGC,IAAAA,YAAY,EAAE,KAHoF;AAIlGC,IAAAA,OAAO,EAAE,MAJyF;AAKlGC,IAAAA,MAAM,YAAKJ,KAAK,CAACK,IAAX,OAL4F;AAMlGC,IAAAA,cAAc,EAAE,QANkF;AAOlGC,IAAAA,UAAU,EAAE,SAPsF;AAQlGC,IAAAA,MAAM,EAAE,QAR0F;AASlGC,IAAAA,QAAQ,YAAKT,KAAK,CAACK,IAAX,OAT0F;AAUlGK,IAAAA,OAAO,EAAE,CAVyF;AAWlGC,IAAAA,KAAK,YAAKX,KAAK,CAACK,IAAX;AAX6F;AAAA,CAA7F;;;;AAcA,IAAMO,eAAgD,GAAG,SAAnDA,eAAmD;AAAA,MAAEC,QAAF,QAAEA,QAAF;AAAA,MAAeb,KAAf;AAAA,SAC9D;AAAQ,IAAA,GAAG,EAAE,aAAAD,KAAK;AAAA,aAAID,oBAAoB,CAACC,KAAD,EAAQC,KAAR,CAAxB;AAAA;AAAlB,KAA8D,+BAAkBA,KAAlB,CAA9D,GACG,oCAAsD;AAACa,IAAAA,QAAQ,EAARA,QAAD;AAAWC,IAAAA,YAAY,EAAE;AAACC,MAAAA,KAAK,EAAEC,gBAAMC;AAAd;AAAzB,GAAtD,CADH,CAD8D;AAAA,CAAzD;;;AAMPL,eAAe,CAACE,YAAhB,GAA+B;AAC7BI,EAAAA,eAAe,EAAEF,gBAAMG,IADM;AAE7Bd,EAAAA,IAAI,EAAE;AAFuB,CAA/B","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/core';\nimport React from 'react';\n\nimport type {SVGIconProps} from '../Icon/SVGIcon';\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {childrenWithDefaultProps} from '../Misc/';\nimport {ButtonProps, buttonStyle, filterButtonProps} from './Button';\n\nexport interface RoundIconButtonProps<T = HTMLButtonElement> extends ButtonProps<T> {}\n\nexport const roundIconButtonStyle: <T>(theme: Theme, props: RoundIconButtonProps<T>) => CSSObject = (theme, props) => ({\n  ...buttonStyle(theme, props),\n  alignItems: 'center',\n  borderRadius: '50%',\n  display: 'flex',\n  height: `${props.size}px`,\n  justifyContent: 'center',\n  lineHeight: 'initial',\n  margin: '0 auto',\n  minWidth: `${props.size}px`,\n  padding: 0,\n  width: `${props.size}px`,\n});\n\nexport const RoundIconButton: React.SFC<RoundIconButtonProps> = ({children, ...props}) => (\n  <button css={theme => roundIconButtonStyle(theme, props)} {...filterButtonProps(props)}>\n    {childrenWithDefaultProps<SVGSVGElement, SVGIconProps>({children, defaultProps: {color: COLOR.WHITE}})}\n  </button>\n);\n\nRoundIconButton.defaultProps = {\n  backgroundColor: COLOR.BLUE,\n  size: 32,\n};\n"],"file":"RoundIconButton.js"}
+{"version":3,"sources":["RoundIconButton.tsx"],"names":["roundIconButtonStyle","theme","props","alignItems","borderRadius","display","height","size","justifyContent","lineHeight","margin","minWidth","padding","width","RoundIconButton","children","defaultProps","color","COLOR","WHITE","backgroundColor","BLUE"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAGA;;AAEA;;AACA;;;;;;;;AAIO,IAAMA,oBAAoF,GAAG,SAAvFA,oBAAuF,CAACC,KAAD,EAAQC,KAAR;AAAA,yCAC/F,yBAAYD,KAAZ,EAAmBC,KAAnB,CAD+F;AAElGC,IAAAA,UAAU,EAAE,QAFsF;AAGlGC,IAAAA,YAAY,EAAE,KAHoF;AAIlGC,IAAAA,OAAO,EAAE,MAJyF;AAKlGC,IAAAA,MAAM,YAAKJ,KAAK,CAACK,IAAX,OAL4F;AAMlGC,IAAAA,cAAc,EAAE,QANkF;AAOlGC,IAAAA,UAAU,EAAE,SAPsF;AAQlGC,IAAAA,MAAM,EAAE,QAR0F;AASlGC,IAAAA,QAAQ,YAAKT,KAAK,CAACK,IAAX,OAT0F;AAUlGK,IAAAA,OAAO,EAAE,CAVyF;AAWlGC,IAAAA,KAAK,YAAKX,KAAK,CAACK,IAAX;AAX6F;AAAA,CAA7F;;;;AAcA,IAAMO,eAA+C,GAAG,SAAlDA,eAAkD;AAAA,MAAEC,QAAF,QAAEA,QAAF;AAAA,MAAeb,KAAf;AAAA,SAC7D;AAAQ,IAAA,GAAG,EAAE,aAACD,KAAD;AAAA,aAAkBD,oBAAoB,CAACC,KAAD,EAAQC,KAAR,CAAtC;AAAA;AAAb,KAAuE,+BAAkBA,KAAlB,CAAvE,GACG,oCAAsD;AAACa,IAAAA,QAAQ,EAARA,QAAD;AAAWC,IAAAA,YAAY,EAAE;AAACC,MAAAA,KAAK,EAAEC,gBAAMC;AAAd;AAAzB,GAAtD,CADH,CAD6D;AAAA,CAAxD;;;AAMPL,eAAe,CAACE,YAAhB,GAA+B;AAC7BI,EAAAA,eAAe,EAAEF,gBAAMG,IADM;AAE7Bd,EAAAA,IAAI,EAAE;AAFuB,CAA/B","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 type {SVGIconProps} from '../Icon/SVGIcon';\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {childrenWithDefaultProps} from '../Misc/';\nimport {ButtonProps, buttonStyle, filterButtonProps} from './Button';\n\nexport interface RoundIconButtonProps<T = HTMLButtonElement> extends ButtonProps<T> {}\n\nexport const roundIconButtonStyle: <T>(theme: Theme, props: RoundIconButtonProps<T>) => CSSObject = (theme, props) => ({\n  ...buttonStyle(theme, props),\n  alignItems: 'center',\n  borderRadius: '50%',\n  display: 'flex',\n  height: `${props.size}px`,\n  justifyContent: 'center',\n  lineHeight: 'initial',\n  margin: '0 auto',\n  minWidth: `${props.size}px`,\n  padding: 0,\n  width: `${props.size}px`,\n});\n\nexport const RoundIconButton: React.FC<RoundIconButtonProps> = ({children, ...props}) => (\n  <button css={(theme: Theme) => roundIconButtonStyle(theme, props)} {...filterButtonProps(props)}>\n    {childrenWithDefaultProps<SVGSVGElement, SVGIconProps>({children, defaultProps: {color: COLOR.WHITE}})}\n  </button>\n);\n\nRoundIconButton.defaultProps = {\n  backgroundColor: COLOR.BLUE,\n  size: 32,\n};\n"],"file":"RoundIconButton.js"}

package/src/Form/Select.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 /** @jsx jsx */
-import { CSSObject } from '@emotion/core';
+import { CSSObject, jsx } from '@emotion/react';
 import type { Theme } from '../Layout';
 import { InputProps } from './Input';
 export interface SelectProps<T = HTMLSelectElement> extends InputProps<T> {
@@ -8,4 +7,4 @@ export interface SelectProps<T = HTMLSelectElement> extends InputProps<T> {
     markInvalid?: boolean;
 }
 export declare const selectStyle: <T>(theme: Theme, props: SelectProps<T>) => CSSObject;
-export declare const Select: (props: SelectProps) => JSX.Element;
+export declare const Select: (props: SelectProps) => jsx.JSX.Element;

package/src/Form/Select.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _Identity = require("../Identity");
 
@@ -61,7 +61,7 @@ var filterSelectProps = function filterSelectProps(props) {
 };
 
 var Select = function Select(props) {
-  return (0, _core.jsx)("select", (0, _extends2["default"])({
+  return (0, _react.jsx)("select", (0, _extends2["default"])({
     css: function css(theme) {
       return selectStyle(theme, props);
     }

package/src/Form/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Select.tsx"],"names":["ArrowDown","theme","general","color","selectStyle","disabled","markInvalid","props","textShadow","COLOR","GRAY","appearance","background","Input","backgroundColorDisabled","backgroundColor","boxShadow","RED","cursor","fontSize","fontWeight","paddingRight","filterSelectProps","Select"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;AACA;;;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,iIAEAA,KAAK,CAACC,OAAN,CAAcC,KAFd;AAAA,CAAlB;;AAMO,IAAMC,WAAkE,GAAG,SAArEA,WAAqE,CAChFH,KADgF;AAAA,2BAE/EI,QAF+E;AAAA,MAE/EA,QAF+E,8BAEpE,KAFoE;AAAA,MAE7DC,WAF6D,QAE7DA,WAF6D;AAAA,MAE7CC,KAF6C;AAAA,yCAI7E,uBAAWN,KAAX,EAAkBM,KAAlB,CAJ6E;AAKhF,wBAAoB;AAClBJ,MAAAA,KAAK,EAAE,aADW;AAElBK,MAAAA,UAAU,EAAE;AAFM,KAL4D;AAShF,kBAAc;AACZL,MAAAA,KAAK,EAAEM,gBAAMC;AADD,KATkE;AAYhFC,IAAAA,UAAU,EAAE,MAZoE;AAahFC,IAAAA,UAAU,EAAEP,QAAQ,GAChBJ,KAAK,CAACY,KAAN,CAAYC,uBADI,aAEbb,KAAK,CAACY,KAAN,CAAYE,eAFC,gDAEmD,qBAAUf,SAAS,CAACC,KAAD,CAAnB,CAFnD,QAb4D;AAgBhFe,IAAAA,SAAS,EAAEV,WAAW,uBAAgBG,gBAAMQ,GAAtB,wBAA2CR,gBAAMC,IAAjD,CAhB0D;AAiBhFQ,IAAAA,MAAM,EAAEb,QAAQ,GAAG,QAAH,GAAc,SAjBkD;AAkBhFc,IAAAA,QAAQ,EAAE,MAlBsE;AAmBhFC,IAAAA,UAAU,EAAE,GAnBoE;AAoBhFC,IAAAA,YAAY,EAAE;AApBkE;AAAA,CAA3E;;;;AAuBP,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACf,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,CAAnB,CAAxB;AAAA,CAA1B;;AAEO,IAAMgB,MAAM,GAAG,SAATA,MAAS,CAAChB,KAAD;AAAA,SACpB;AAAQ,IAAA,GAAG,EAAE,aAAAN,KAAK;AAAA,aAAIG,WAAW,CAACH,KAAD,EAAQM,KAAR,CAAf;AAAA;AAAlB,KAAqDe,iBAAiB,CAACf,KAAD,CAAtE,EADoB;AAAA,CAAf","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/core';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {filterProps, inlineSVG} from '../util';\nimport {InputProps, inputStyle} from './Input';\n\nexport interface SelectProps<T = HTMLSelectElement> extends InputProps<T> {\n  disabled?: boolean;\n  markInvalid?: boolean;\n}\n\nconst ArrowDown = (theme: Theme) => `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\">\n    <path fill=\"${theme.general.color}\" fillRule=\"evenodd\" d=\"M0 2h8L4 7\" />\n  </svg>\n`;\n\nexport const selectStyle: <T>(theme: Theme, props: SelectProps<T>) => CSSObject = (\n  theme,\n  {disabled = false, markInvalid, ...props},\n) => ({\n  ...inputStyle(theme, props),\n  '&:-moz-focusring': {\n    color: 'transparent',\n    textShadow: '0 0 0 #000',\n  },\n  '&:disabled': {\n    color: COLOR.GRAY,\n  },\n  appearance: 'none',\n  background: disabled\n    ? theme.Input.backgroundColorDisabled\n    : `${theme.Input.backgroundColor} center right 16px no-repeat url(\"${inlineSVG(ArrowDown(theme))}\")`,\n  boxShadow: markInvalid ? `0 0 0 1px ${COLOR.RED}` : `0 0 0 1px ${COLOR.GRAY}`,\n  cursor: disabled ? 'normal' : 'pointer',\n  fontSize: '16px',\n  fontWeight: 300,\n  paddingRight: '30px',\n});\n\nconst filterSelectProps = (props: SelectProps) => filterProps(props, ['markInvalid']);\n\nexport const Select = (props: SelectProps) => (\n  <select css={theme => selectStyle(theme, props)} {...filterSelectProps(props)} />\n);\n"],"file":"Select.js"}
+{"version":3,"sources":["Select.tsx"],"names":["ArrowDown","theme","general","color","selectStyle","disabled","markInvalid","props","textShadow","COLOR","GRAY","appearance","background","Input","backgroundColorDisabled","backgroundColor","boxShadow","RED","cursor","fontSize","fontWeight","paddingRight","filterSelectProps","Select"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;AACA;;;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,iIAEAA,KAAK,CAACC,OAAN,CAAcC,KAFd;AAAA,CAAlB;;AAMO,IAAMC,WAAkE,GAAG,SAArEA,WAAqE,CAChFH,KADgF;AAAA,2BAE/EI,QAF+E;AAAA,MAE/EA,QAF+E,8BAEpE,KAFoE;AAAA,MAE7DC,WAF6D,QAE7DA,WAF6D;AAAA,MAE7CC,KAF6C;AAAA,yCAI7E,uBAAWN,KAAX,EAAkBM,KAAlB,CAJ6E;AAKhF,wBAAoB;AAClBJ,MAAAA,KAAK,EAAE,aADW;AAElBK,MAAAA,UAAU,EAAE;AAFM,KAL4D;AAShF,kBAAc;AACZL,MAAAA,KAAK,EAAEM,gBAAMC;AADD,KATkE;AAYhFC,IAAAA,UAAU,EAAE,MAZoE;AAahFC,IAAAA,UAAU,EAAEP,QAAQ,GAChBJ,KAAK,CAACY,KAAN,CAAYC,uBADI,aAEbb,KAAK,CAACY,KAAN,CAAYE,eAFC,gDAEmD,qBAAUf,SAAS,CAACC,KAAD,CAAnB,CAFnD,QAb4D;AAgBhFe,IAAAA,SAAS,EAAEV,WAAW,uBAAgBG,gBAAMQ,GAAtB,wBAA2CR,gBAAMC,IAAjD,CAhB0D;AAiBhFQ,IAAAA,MAAM,EAAEb,QAAQ,GAAG,QAAH,GAAc,SAjBkD;AAkBhFc,IAAAA,QAAQ,EAAE,MAlBsE;AAmBhFC,IAAAA,UAAU,EAAE,GAnBoE;AAoBhFC,IAAAA,YAAY,EAAE;AApBkE;AAAA,CAA3E;;;;AAuBP,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACf,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,CAAnB,CAAxB;AAAA,CAA1B;;AAEO,IAAMgB,MAAM,GAAG,SAATA,MAAS,CAAChB,KAAD;AAAA,SACpB;AAAQ,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBG,WAAW,CAACH,KAAD,EAAQM,KAAR,CAA7B;AAAA;AAAb,KAA8De,iBAAiB,CAACf,KAAD,CAA/E,EADoB;AAAA,CAAf","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {filterProps, inlineSVG} from '../util';\nimport {InputProps, inputStyle} from './Input';\n\nexport interface SelectProps<T = HTMLSelectElement> extends InputProps<T> {\n  disabled?: boolean;\n  markInvalid?: boolean;\n}\n\nconst ArrowDown = (theme: Theme) => `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\">\n    <path fill=\"${theme.general.color}\" fillRule=\"evenodd\" d=\"M0 2h8L4 7\" />\n  </svg>\n`;\n\nexport const selectStyle: <T>(theme: Theme, props: SelectProps<T>) => CSSObject = (\n  theme,\n  {disabled = false, markInvalid, ...props},\n) => ({\n  ...inputStyle(theme, props),\n  '&:-moz-focusring': {\n    color: 'transparent',\n    textShadow: '0 0 0 #000',\n  },\n  '&:disabled': {\n    color: COLOR.GRAY,\n  },\n  appearance: 'none',\n  background: disabled\n    ? theme.Input.backgroundColorDisabled\n    : `${theme.Input.backgroundColor} center right 16px no-repeat url(\"${inlineSVG(ArrowDown(theme))}\")`,\n  boxShadow: markInvalid ? `0 0 0 1px ${COLOR.RED}` : `0 0 0 1px ${COLOR.GRAY}`,\n  cursor: disabled ? 'normal' : 'pointer',\n  fontSize: '16px',\n  fontWeight: 300,\n  paddingRight: '30px',\n});\n\nconst filterSelectProps = (props: SelectProps) => filterProps(props, ['markInvalid']);\n\nexport const Select = (props: SelectProps) => (\n  <select css={(theme: Theme) => selectStyle(theme, props)} {...filterSelectProps(props)} />\n);\n"],"file":"Select.js"}

package/src/Form/ShakeBox.d.ts

@@ -8,4 +8,4 @@ export interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {
 export interface ShakeBoxRef {
     shake: () => void;
 }
-export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "max" | "required" | "type" | "data" | "threshold" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "amplitude" | "speed" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "damping"> & React.RefAttributes<ShakeBoxRef>>;
+export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "max" | "required" | "type" | "data" | "threshold" | "default" | "high" | "low" | "key" | "id" | "media" | "height" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "size" | "manifest" | "wrap" | "src" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "amplitude" | "speed" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "damping"> & React.RefAttributes<ShakeBoxRef>>;

package/src/Form/ShakeBox.js

@@ -9,13 +9,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ShakeBox = void 0;
 
-var _css2 = _interopRequireDefault(require("@emotion/css"));
+var _react = require("@emotion/react");
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _core = require("@emotion/core");
-
-var _react = _interopRequireWildcard(require("react"));
+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); }
 
@@ -41,7 +39,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 
 /** @jsx jsx */
-var ShakeBox = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+var ShakeBox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$amplitude = _ref.amplitude,
       amplitude = _ref$amplitude === void 0 ? 8 : _ref$amplitude,
@@ -52,7 +50,7 @@ var ShakeBox = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       _ref$threshold = _ref.threshold,
       threshold = _ref$threshold === void 0 ? 1 : _ref$threshold;
 
-  var _useState = (0, _react.useState)(0),
+  var _useState = (0, _react2.useState)(0),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       offset = _useState2[0],
       setOffset = _useState2[1];
@@ -82,7 +80,7 @@ var ShakeBox = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     setOffset(currentOffset);
   };
 
-  (0, _react.useImperativeHandle)(ref, function () {
+  (0, _react2.useImperativeHandle)(ref, function () {
     return {
       shake: function shake() {
         cancelAnimationFrame(requestAnimationId);
@@ -90,15 +88,15 @@ var ShakeBox = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       }
     };
   });
-  (0, _react.useEffect)(function () {
+  (0, _react2.useEffect)(function () {
     return function () {
       return cancelAnimationFrame(requestAnimationId);
     };
   }, []);
-  return (0, _core.jsx)("div", {
-    css: /*#__PURE__*/(0, _css2["default"])({
+  return (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)({
       transform: "translateX(".concat(offset, "px)")
-    }, ";label:ShakeBox;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoYWtlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWdCIiwiZmlsZSI6IlNoYWtlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCwge3VzZUVmZmVjdCwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGludGVyZmFjZSBTaGFrZUJveFByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PiB7XG4gIGFtcGxpdHVkZT86IG51bWJlcjtcbiAgZGFtcGluZz86IG51bWJlcjtcbiAgc3BlZWQ/OiBudW1iZXI7XG4gIHRocmVzaG9sZD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTaGFrZUJveFJlZiB7XG4gIHNoYWtlOiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgU2hha2VCb3ggPSBSZWFjdC5mb3J3YXJkUmVmPFNoYWtlQm94UmVmLCBTaGFrZUJveFByb3BzPihcbiAgKHtjaGlsZHJlbiwgYW1wbGl0dWRlID0gOCwgZGFtcGluZyA9IDAuNzUsIHNwZWVkID0gNCwgdGhyZXNob2xkID0gMX06IFNoYWtlQm94UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IFtvZmZzZXQsIHNldE9mZnNldF0gPSB1c2VTdGF0ZSgwKTtcbiAgICBsZXQgcmVxdWVzdEFuaW1hdGlvbklkID0gMDtcblxuICAgIGNvbnN0IHNoYWtlTG9vcCA9ICh0YXJnZXRPZmZzZXQsIGN1cnJlbnRPZmZzZXQgPSAwKSA9PiB7XG4gICAgICBpZiAodGFyZ2V0T2Zmc2V0ID4gMCAmJiBjdXJyZW50T2Zmc2V0IDwgdGFyZ2V0T2Zmc2V0KSB7XG4gICAgICAgIGN1cnJlbnRPZmZzZXQgKz0gc3BlZWQ7XG4gICAgICB9IGVsc2UgaWYgKHRhcmdldE9mZnNldCA8IDAgJiYgY3VycmVudE9mZnNldCA+IHRhcmdldE9mZnNldCkge1xuICAgICAgICBjdXJyZW50T2Zmc2V0IC09IHNwZWVkO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY3VycmVudE9mZnNldCA9IHRhcmdldE9mZnNldCAtIChjdXJyZW50T2Zmc2V0IC0gdGFyZ2V0T2Zmc2V0KTtcbiAgICAgICAgdGFyZ2V0T2Zmc2V0ICo9IC1kYW1waW5nO1xuICAgICAgfVxuICAgICAgaWYgKE1hdGguYWJzKHRhcmdldE9mZnNldCkgPj0gdGhyZXNob2xkKSB7XG4gICAgICAgIHJlcXVlc3RBbmltYXRpb25JZCA9IHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiBzaGFrZUxvb3AodGFyZ2V0T2Zmc2V0LCBjdXJyZW50T2Zmc2V0KSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjdXJyZW50T2Zmc2V0ID0gMDtcbiAgICAgIH1cbiAgICAgIHNldE9mZnNldChjdXJyZW50T2Zmc2V0KTtcbiAgICB9O1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICBzaGFrZTogKCkgPT4ge1xuICAgICAgICBjYW5jZWxBbmltYXRpb25GcmFtZShyZXF1ZXN0QW5pbWF0aW9uSWQpO1xuICAgICAgICBzaGFrZUxvb3AoYW1wbGl0dWRlKTtcbiAgICAgIH0sXG4gICAgfSkpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+ICgpID0+IGNhbmNlbEFuaW1hdGlvbkZyYW1lKHJlcXVlc3RBbmltYXRpb25JZCksIFtdKTtcblxuICAgIHJldHVybiA8ZGl2IGNzcz17e3RyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtvZmZzZXR9cHgpYH19PntjaGlsZHJlbn08L2Rpdj47XG4gIH0sXG4pO1xuIl19 */"))
+    }, process.env.NODE_ENV === "production" ? "" : ";label:ShakeBox;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoYWtlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWdCIiwiZmlsZSI6IlNoYWtlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VFZmZlY3QsIHVzZUltcGVyYXRpdmVIYW5kbGUsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2hha2VCb3hQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBhbXBsaXR1ZGU/OiBudW1iZXI7XG4gIGRhbXBpbmc/OiBudW1iZXI7XG4gIHNwZWVkPzogbnVtYmVyO1xuICB0aHJlc2hvbGQ/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2hha2VCb3hSZWYge1xuICBzaGFrZTogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNoYWtlQm94ID0gUmVhY3QuZm9yd2FyZFJlZjxTaGFrZUJveFJlZiwgU2hha2VCb3hQcm9wcz4oXG4gICh7Y2hpbGRyZW4sIGFtcGxpdHVkZSA9IDgsIGRhbXBpbmcgPSAwLjc1LCBzcGVlZCA9IDQsIHRocmVzaG9sZCA9IDF9OiBTaGFrZUJveFByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBbb2Zmc2V0LCBzZXRPZmZzZXRdID0gdXNlU3RhdGUoMCk7XG4gICAgbGV0IHJlcXVlc3RBbmltYXRpb25JZCA9IDA7XG5cbiAgICBjb25zdCBzaGFrZUxvb3AgPSAodGFyZ2V0T2Zmc2V0LCBjdXJyZW50T2Zmc2V0ID0gMCkgPT4ge1xuICAgICAgaWYgKHRhcmdldE9mZnNldCA+IDAgJiYgY3VycmVudE9mZnNldCA8IHRhcmdldE9mZnNldCkge1xuICAgICAgICBjdXJyZW50T2Zmc2V0ICs9IHNwZWVkO1xuICAgICAgfSBlbHNlIGlmICh0YXJnZXRPZmZzZXQgPCAwICYmIGN1cnJlbnRPZmZzZXQgPiB0YXJnZXRPZmZzZXQpIHtcbiAgICAgICAgY3VycmVudE9mZnNldCAtPSBzcGVlZDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGN1cnJlbnRPZmZzZXQgPSB0YXJnZXRPZmZzZXQgLSAoY3VycmVudE9mZnNldCAtIHRhcmdldE9mZnNldCk7XG4gICAgICAgIHRhcmdldE9mZnNldCAqPSAtZGFtcGluZztcbiAgICAgIH1cbiAgICAgIGlmIChNYXRoLmFicyh0YXJnZXRPZmZzZXQpID49IHRocmVzaG9sZCkge1xuICAgICAgICByZXF1ZXN0QW5pbWF0aW9uSWQgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gc2hha2VMb29wKHRhcmdldE9mZnNldCwgY3VycmVudE9mZnNldCkpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY3VycmVudE9mZnNldCA9IDA7XG4gICAgICB9XG4gICAgICBzZXRPZmZzZXQoY3VycmVudE9mZnNldCk7XG4gICAgfTtcblxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgc2hha2U6ICgpID0+IHtcbiAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmVxdWVzdEFuaW1hdGlvbklkKTtcbiAgICAgICAgc2hha2VMb29wKGFtcGxpdHVkZSk7XG4gICAgICB9LFxuICAgIH0pKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiAoKSA9PiBjYW5jZWxBbmltYXRpb25GcmFtZShyZXF1ZXN0QW5pbWF0aW9uSWQpLCBbXSk7XG5cbiAgICByZXR1cm4gPGRpdiBjc3M9e3t0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7b2Zmc2V0fXB4KWB9fT57Y2hpbGRyZW59PC9kaXY+O1xuICB9LFxuKTtcbiJdfQ== */")
   }, children);
 });
 

package/src/Form/ShakeBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShakeBox.tsx"],"names":["ShakeBox","React","forwardRef","ref","children","amplitude","damping","speed","threshold","offset","setOffset","requestAnimationId","shakeLoop","targetOffset","currentOffset","Math","abs","requestAnimationFrame","shake","cancelAnimationFrame","transform"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;;;;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAeO,IAAMA,QAAQ,gBAAGC,kBAAMC,UAAN,CACtB,gBAAqFC,GAArF,EAA6F;AAAA,MAA3FC,QAA2F,QAA3FA,QAA2F;AAAA,4BAAjFC,SAAiF;AAAA,MAAjFA,SAAiF,+BAArE,CAAqE;AAAA,0BAAlEC,OAAkE;AAAA,MAAlEA,OAAkE,6BAAxD,IAAwD;AAAA,wBAAlDC,KAAkD;AAAA,MAAlDA,KAAkD,2BAA1C,CAA0C;AAAA,4BAAvCC,SAAuC;AAAA,MAAvCA,SAAuC,+BAA3B,CAA2B;;AAC3F,kBAA4B,qBAAS,CAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAIC,kBAAkB,GAAG,CAAzB;;AAEA,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,YAAD,EAAqC;AAAA,QAAtBC,aAAsB,uEAAN,CAAM;;AACrD,QAAID,YAAY,GAAG,CAAf,IAAoBC,aAAa,GAAGD,YAAxC,EAAsD;AACpDC,MAAAA,aAAa,IAAIP,KAAjB;AACD,KAFD,MAEO,IAAIM,YAAY,GAAG,CAAf,IAAoBC,aAAa,GAAGD,YAAxC,EAAsD;AAC3DC,MAAAA,aAAa,IAAIP,KAAjB;AACD,KAFM,MAEA;AACLO,MAAAA,aAAa,GAAGD,YAAY,IAAIC,aAAa,GAAGD,YAApB,CAA5B;AACAA,MAAAA,YAAY,IAAI,CAACP,OAAjB;AACD;;AACD,QAAIS,IAAI,CAACC,GAAL,CAASH,YAAT,KAA0BL,SAA9B,EAAyC;AACvCG,MAAAA,kBAAkB,GAAGM,qBAAqB,CAAC;AAAA,eAAML,SAAS,CAACC,YAAD,EAAeC,aAAf,CAAf;AAAA,OAAD,CAA1C;AACD,KAFD,MAEO;AACLA,MAAAA,aAAa,GAAG,CAAhB;AACD;;AACDJ,IAAAA,SAAS,CAACI,aAAD,CAAT;AACD,GAfD;;AAiBA,kCAAoBX,GAApB,EAAyB;AAAA,WAAO;AAC9Be,MAAAA,KAAK,EAAE,iBAAM;AACXC,QAAAA,oBAAoB,CAACR,kBAAD,CAApB;AACAC,QAAAA,SAAS,CAACP,SAAD,CAAT;AACD;AAJ6B,KAAP;AAAA,GAAzB;AAOA,wBAAU;AAAA,WAAM;AAAA,aAAMc,oBAAoB,CAACR,kBAAD,CAA1B;AAAA,KAAN;AAAA,GAAV,EAAgE,EAAhE;AAEA,SAAO;AAAK,IAAA,GAAG,qCAAE;AAACS,MAAAA,SAAS,uBAAgBX,MAAhB;AAAV,KAAF;AAAR,KAAmDL,QAAnD,CAAP;AACD,CAhCqB,CAAjB","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/core';\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"],"file":"ShakeBox.js"}
+{"version":3,"sources":["ShakeBox.tsx"],"names":["ShakeBox","React","forwardRef","ref","children","amplitude","damping","speed","threshold","offset","setOffset","requestAnimationId","shakeLoop","targetOffset","currentOffset","Math","abs","requestAnimationFrame","shake","cancelAnimationFrame","transform"],"mappings":";;;;;;;;;;;AAoBA;;;;AACA;;;;;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAeO,IAAMA,QAAQ,gBAAGC,mBAAMC,UAAN,CACtB,gBAAqFC,GAArF,EAA6F;AAAA,MAA3FC,QAA2F,QAA3FA,QAA2F;AAAA,4BAAjFC,SAAiF;AAAA,MAAjFA,SAAiF,+BAArE,CAAqE;AAAA,0BAAlEC,OAAkE;AAAA,MAAlEA,OAAkE,6BAAxD,IAAwD;AAAA,wBAAlDC,KAAkD;AAAA,MAAlDA,KAAkD,2BAA1C,CAA0C;AAAA,4BAAvCC,SAAuC;AAAA,MAAvCA,SAAuC,+BAA3B,CAA2B;;AAC3F,kBAA4B,sBAAS,CAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAIC,kBAAkB,GAAG,CAAzB;;AAEA,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,YAAD,EAAqC;AAAA,QAAtBC,aAAsB,uEAAN,CAAM;;AACrD,QAAID,YAAY,GAAG,CAAf,IAAoBC,aAAa,GAAGD,YAAxC,EAAsD;AACpDC,MAAAA,aAAa,IAAIP,KAAjB;AACD,KAFD,MAEO,IAAIM,YAAY,GAAG,CAAf,IAAoBC,aAAa,GAAGD,YAAxC,EAAsD;AAC3DC,MAAAA,aAAa,IAAIP,KAAjB;AACD,KAFM,MAEA;AACLO,MAAAA,aAAa,GAAGD,YAAY,IAAIC,aAAa,GAAGD,YAApB,CAA5B;AACAA,MAAAA,YAAY,IAAI,CAACP,OAAjB;AACD;;AACD,QAAIS,IAAI,CAACC,GAAL,CAASH,YAAT,KAA0BL,SAA9B,EAAyC;AACvCG,MAAAA,kBAAkB,GAAGM,qBAAqB,CAAC;AAAA,eAAML,SAAS,CAACC,YAAD,EAAeC,aAAf,CAAf;AAAA,OAAD,CAA1C;AACD,KAFD,MAEO;AACLA,MAAAA,aAAa,GAAG,CAAhB;AACD;;AACDJ,IAAAA,SAAS,CAACI,aAAD,CAAT;AACD,GAfD;;AAiBA,mCAAoBX,GAApB,EAAyB;AAAA,WAAO;AAC9Be,MAAAA,KAAK,EAAE,iBAAM;AACXC,QAAAA,oBAAoB,CAACR,kBAAD,CAApB;AACAC,QAAAA,SAAS,CAACP,SAAD,CAAT;AACD;AAJ6B,KAAP;AAAA,GAAzB;AAOA,yBAAU;AAAA,WAAM;AAAA,aAAMc,oBAAoB,CAACR,kBAAD,CAA1B;AAAA,KAAN;AAAA,GAAV,EAAgE,EAAhE;AAEA,SAAO;AAAK,IAAA,GAAG,+BAAE;AAACS,MAAAA,SAAS,uBAAgBX,MAAhB;AAAV,KAAF;AAAR,KAAmDL,QAAnD,CAAP;AACD,CAhCqB,CAAjB","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"],"file":"ShakeBox.js"}

package/src/Form/Switch.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { InputProps } from './Input';
 export interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {
     activatedColor?: string;
@@ -13,4 +14,4 @@ export interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {
     showLoading?: boolean;
     dataUieName?: string;
 }
-export declare const Switch: ({ id, checked, onToggle, showLoading, disabled, loadingColor, activatedColor, deactivatedColor, name, dataUieName, }: SwitchProps) => JSX.Element;
+export declare const Switch: ({ id, checked, onToggle, showLoading, disabled, loadingColor, activatedColor, deactivatedColor, name, dataUieName, }: SwitchProps) => jsx.JSX.Element;