@wireapp/react-ui-kit 8.13.9 → 8.14.1

package/src/Form/ErrorMessage.js

@@ -1,87 +1,54 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * 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/.
+ *
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = exports.filterErrorMessageProps = exports.errorMessageStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = require("@emotion/react");
-
-var _Identity = require("../Identity");
-
-var _Layout = require("../Layout");
-
-var _Text = require("../Text");
-
-var _util = require("../util");
-
-var _excluded = ["justify", "align"],
-    _excluded2 = ["children"];
-
-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)."; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var errorMessageStyle = function errorMessageStyle(theme, _ref) {
-  var _ref$justify = _ref.justify,
-      justify = _ref$justify === void 0 ? 'flex-start' : _ref$justify,
-      _ref$align = _ref.align,
-      align = _ref$align === void 0 ? 'center' : _ref$align,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return _objectSpread(_objectSpread({}, (0, _Layout.flexBoxStyle)(_objectSpread({
-    align: align,
-    justify: justify
-  }, props))), {}, {
-    a: _objectSpread({}, (0, _Text.linkStyle)(theme, _objectSpread({
-      bold: false,
-      fontSize: '12px',
-      textTransform: 'none'
-    }, props))),
-    marginBottom: '12px'
-  });
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const Identity_1 = require("../Identity");
+const Layout_1 = require("../Layout");
+const Text_1 = require("../Text");
+const util_1 = require("../util");
+const errorMessageStyle = (theme, _a) => {
+    var { justify = 'flex-start', align = 'center' } = _a, props = __rest(_a, ["justify", "align"]);
+    return (Object.assign(Object.assign({}, (0, Layout_1.flexBoxStyle)(Object.assign({ align, justify }, props))), { a: Object.assign({}, (0, Text_1.linkStyle)(theme, Object.assign({ bold: false, fontSize: '12px', textTransform: 'none' }, props))), marginBottom: '12px' }));
 };
-
 exports.errorMessageStyle = errorMessageStyle;
-
-var filterErrorMessageProps = function filterErrorMessageProps(props) {
-  return (0, _util.filterProps)((0, _Layout.filterFlexBoxProps)(props), []);
+const filterErrorMessageProps = (props) => {
+    return (0, util_1.filterProps)((0, Layout_1.filterFlexBoxProps)(props), []);
 };
-
 exports.filterErrorMessageProps = filterErrorMessageProps;
-
-var _ref3 = process.env.NODE_ENV === "production" ? {
-  name: "mmvz9h",
-  styles: "font-weight:400"
-} : {
-  name: "z4bxhs-ErrorMessage",
-  styles: "font-weight:400;label:ErrorMessage;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9yTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEMyRCIsImZpbGUiOiJFcnJvck1lc3NhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SX1YyfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge0ZsZXhCb3gsIEZsZXhCb3hQcm9wcywgZmxleEJveFN0eWxlLCBmaWx0ZXJGbGV4Qm94UHJvcHMsIFRoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0LCBsaW5rU3R5bGV9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtmaWx0ZXJQcm9wc30gZnJvbSAnLi4vdXRpbCc7XG5cbnR5cGUgRXJyb3JNZXNzYWdlUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiA9IEZsZXhCb3hQcm9wczxUPjtcblxuZXhwb3J0IGNvbnN0IGVycm9yTWVzc2FnZVN0eWxlOiA8VD4odGhlbWU6IFRoZW1lLCBwcm9wczogRXJyb3JNZXNzYWdlUHJvcHM8VD4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHtqdXN0aWZ5ID0gJ2ZsZXgtc3RhcnQnLCBhbGlnbiA9ICdjZW50ZXInLCAuLi5wcm9wc30sXG4pID0+ICh7XG4gIC4uLmZsZXhCb3hTdHlsZSh7YWxpZ24sIGp1c3RpZnksIC4uLnByb3BzfSksXG4gIGE6IHtcbiAgICAuLi5saW5rU3R5bGUodGhlbWUsIHtib2xkOiBmYWxzZSwgZm9udFNpemU6ICcxMnB4JywgdGV4dFRyYW5zZm9ybTogJ25vbmUnLCAuLi5wcm9wc30pLFxuICB9LFxuICBtYXJnaW5Cb3R0b206ICcxMnB4Jyxcbn0pO1xuXG5leHBvcnQgY29uc3QgZmlsdGVyRXJyb3JNZXNzYWdlUHJvcHMgPSAocHJvcHM6IEVycm9yTWVzc2FnZVByb3BzKSA9PiB7XG4gIHJldHVybiBmaWx0ZXJQcm9wcyhmaWx0ZXJGbGV4Qm94UHJvcHMocHJvcHMpIGFzIEVycm9yTWVzc2FnZVByb3BzLCBbXSk7XG59O1xuXG5leHBvcnQgY29uc3QgRXJyb3JNZXNzYWdlID0gKHtjaGlsZHJlbiwgLi4ucHJvcHN9OiBFcnJvck1lc3NhZ2VQcm9wcykgPT4gKFxuICA8RmxleEJveCBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGVycm9yTWVzc2FnZVN0eWxlKHRoZW1lLCBwcm9wcyl9IHsuLi5wcm9wc30+XG4gICAgPFRleHQgY29sb3I9e0NPTE9SX1YyLlJFRF9MSUdIVF81MDB9IGZvbnRTaXplPXsnMTJweCd9IGNzcz17e2ZvbnRXZWlnaHQ6IDQwMH19PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgPC9GbGV4Qm94PlxuKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var ErrorMessage = function ErrorMessage(_ref2) {
-  var children = _ref2.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  return (0, _react.jsx)(_Layout.FlexBox, (0, _extends2["default"])({
-    css: function css(theme) {
-      return errorMessageStyle(theme, props);
-    }
-  }, props), (0, _react.jsx)(_Text.Text, {
-    color: _Identity.COLOR_V2.RED_LIGHT_500,
-    fontSize: '12px',
-    css: _ref3
-  }, children));
+const ErrorMessage = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return ((0, react_1.jsx)(Layout_1.FlexBox, Object.assign({ css: (theme) => (0, exports.errorMessageStyle)(theme, props) }, props),
+        (0, react_1.jsx)(Text_1.Text, { color: Identity_1.COLOR_V2.RED_LIGHT_500, fontSize: '12px', css: { fontWeight: 400 } }, children)));
 };
-
 exports.ErrorMessage = ErrorMessage;
 //# sourceMappingURL=ErrorMessage.js.map

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","COLOR_V2","RED_LIGHT_500"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;AAIO,IAAMA,iBAA8E,GAAG,SAAjFA,iBAAiF,CAC5FC,KAD4F;AAAA,0BAE3FC,OAF2F;AAAA,MAE3FA,OAF2F,6BAEjF,YAFiF;AAAA,wBAEnEC,KAFmE;AAAA,MAEnEA,KAFmE,2BAE3D,QAF2D;AAAA,MAE9CC,KAF8C;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,UAAD;AAAM,IAAA,KAAK,EAAES,mBAASC,aAAtB;AAAqC,IAAA,QAAQ,EAAE,MAA/C;AAAuD,IAAA,GAAG;AAA1D,KACGF,QADH,CADF,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';\n\nimport {COLOR_V2} 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 = 'flex-start', align = 'center', ...props},\n) => ({\n  ...flexBoxStyle({align, justify, ...props}),\n  a: {\n    ...linkStyle(theme, {bold: false, fontSize: '12px', 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    <Text color={COLOR_V2.RED_LIGHT_500} fontSize={'12px'} css={{fontWeight: 400}}>\n      {children}\n    </Text>\n  </FlexBox>\n);\n"],"file":"ErrorMessage.js"}
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["ErrorMessage.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAE9C,0CAAqC;AACrC,sCAAyF;AACzF,kCAAwC;AACxC,kCAAoC;AAI7B,MAAM,iBAAiB,GAAgE,CAC5F,KAAK,EACL,EAAoD,EACpD,EAAE;QADF,EAAC,OAAO,GAAG,YAAY,EAAE,KAAK,GAAG,QAAQ,OAAW,EAAN,KAAK,cAAnD,oBAAoD,CAAD;IAChD,OAAA,iCACA,IAAA,qBAAY,kBAAE,KAAK,EAAE,OAAO,IAAK,KAAK,EAAE,KAC3C,CAAC,oBACI,IAAA,gBAAS,EAAC,KAAK,kBAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,IAAK,KAAK,EAAE,GAEvF,YAAY,EAAE,MAAM,IACpB,CAAA;CAAA,CAAC;AATU,QAAA,iBAAiB,qBAS3B;AAEI,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAClE,OAAO,IAAA,kBAAW,EAAC,IAAA,2BAAkB,EAAC,KAAK,CAAsB,EAAE,EAAE,CAAC,CAAC;AACzE,CAAC,CAAC;AAFW,QAAA,uBAAuB,2BAElC;AAEK,MAAM,YAAY,GAAG,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAC,QAAQ,OAA8B,EAAzB,KAAK,cAAnB,YAAoB,CAAD;IAAyB,OAAA,CACvE,iBAAC,gBAAO,kBAAC,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,yBAAiB,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,KAAK;QACxE,iBAAC,WAAI,IAAC,KAAK,EAAE,mBAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,EAAC,UAAU,EAAE,GAAG,EAAC,IAC1E,QAAQ,CACJ,CACC,CACX,CAAA;CAAA,CAAC;AANW,QAAA,YAAY,gBAMvB"}

package/src/Form/Form.d.ts

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

package/src/Form/Form.js

@@ -1,35 +1,32 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * 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/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = require("@emotion/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: "y2mk5a",
-  styles: "display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;width:100%"
-} : {
-  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, _react.jsx)("form", (0, _extends2["default"])({
-    css: _ref
-  }, props));
-};
-
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const Form = (props) => ((0, react_1.jsx)("form", Object.assign({ css: {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+        marginBottom: 0,
+        width: '100%',
+    } }, props)));
 exports.Form = Form;
 //# sourceMappingURL=Form.js.map

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/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"}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["Form.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AAG5B,MAAM,IAAI,GAAG,CAAC,KAAuC,EAAE,EAAE,CAAC,CAC/D,yCACE,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,MAAM;KACd,IACG,KAAK,EACT,CACH,CAAC;AAXW,QAAA,IAAI,QAWf"}

package/src/Form/Input.d.ts

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import { CSSObject } from '@emotion/react';
-import type { Property } from 'csstype';
+import { Property } from 'csstype';
 import React, { ReactElement } from 'react';
-import type { Theme } from '../Layout';
-import type { TextProps } from '../Text';
+import { Theme } from '../Layout';
+import { TextProps } from '../Text';
 export interface InputProps<T = HTMLInputElement> extends TextProps<T> {
     label?: string;
     error?: ReactElement;

package/src/Form/Input.js

@@ -1,185 +1,108 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * 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/.
+ *
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = exports.INPUT_GROUP = exports.INPUT_CLASSNAME = exports.inputStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = require("@emotion/react");
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react2 = _interopRequireWildcard(require("react"));
-
-var _util = require("../util");
-
-var _Icon = require("../Icon");
-
-var _InputLabel = _interopRequireDefault(require("./InputLabel"));
-
-var _excluded = ["type", "label", "error", "helperText", "wrapperCSS", "className"];
-
-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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var inputStyle = function inputStyle(theme, _ref) {
-  var _ref$markInvalid = _ref.markInvalid,
-      markInvalid = _ref$markInvalid === void 0 ? false : _ref$markInvalid,
-      _ref$placeholderTextT = _ref.placeholderTextTransform,
-      placeholderTextTransform = _ref$placeholderTextT === void 0 ? 'none' : _ref$placeholderTextT,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var placeholderStyle = {
-    color: theme.Input.placeholderColor,
-    fontSize: '16px',
-    textTransform: placeholderTextTransform
-  };
-  return {
-    '&::-moz-placeholder': _objectSpread(_objectSpread({}, placeholderStyle), {}, {
-      opacity: 1
-    }),
-    '&::-ms-input-placeholder': _objectSpread({}, placeholderStyle),
-    '&::-webkit-input-placeholder': _objectSpread({}, placeholderStyle),
-    '&:hover': {
-      boxShadow: !disabled && "0 0 0 1px ".concat(theme.Input.borderHover)
-    },
-    '&:focus-visible, &:focus, &:active': {
-      boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
-    },
-    '&:invalid:not(:focus, :hover)': !markInvalid ? {
-      boxShadow: "0 0 0 1px ".concat(theme.Select.borderColor)
-    } : {},
-    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,
-    border: 'none',
-    borderRadius: '12px',
-    boxShadow: markInvalid ? "0 0 0 1px ".concat(theme.general.dangerColor) : "0 0 0 1px ".concat(theme.Select.borderColor),
-    caretColor: theme.general.primaryColor,
-    color: theme.general.color,
-    fontWeight: 300,
-    height: '48px',
-    lineHeight: '24px',
-    outline: 'none',
-    padding: '0 16px',
-    width: '100%'
-  };
+/** @jsx jsx */
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+const util_1 = require("../util");
+const Icon_1 = require("../Icon");
+const InputLabel_1 = require("./InputLabel");
+const inputStyle = (theme, { markInvalid = false, placeholderTextTransform = 'none', disabled = false }) => {
+    const placeholderStyle = {
+        color: theme.Input.placeholderColor,
+        fontSize: '16px',
+        textTransform: placeholderTextTransform,
+    };
+    return {
+        '&::-moz-placeholder': Object.assign(Object.assign({}, placeholderStyle), { opacity: 1 }),
+        '&::-ms-input-placeholder': Object.assign({}, placeholderStyle),
+        '&::-webkit-input-placeholder': Object.assign({}, placeholderStyle),
+        '&:hover': {
+            boxShadow: !disabled && `0 0 0 1px ${theme.Input.borderHover}`,
+        },
+        '&:focus-visible, &:focus, &:active': {
+            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,
+        },
+        '&:invalid:not(:focus, :hover)': !markInvalid
+            ? {
+                boxShadow: `0 0 0 1px ${theme.Select.borderColor}`,
+            }
+            : {},
+        background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,
+        border: 'none',
+        borderRadius: '12px',
+        boxShadow: markInvalid ? `0 0 0 1px ${theme.general.dangerColor}` : `0 0 0 1px ${theme.Select.borderColor}`,
+        caretColor: theme.general.primaryColor,
+        color: theme.general.color,
+        fontWeight: 300,
+        height: '48px',
+        lineHeight: '24px',
+        outline: 'none',
+        padding: '0 16px',
+        width: '100%',
+    };
 };
-
 exports.inputStyle = inputStyle;
-var INPUT_CLASSNAME = 'wireinput';
-exports.INPUT_CLASSNAME = INPUT_CLASSNAME;
-var INPUT_GROUP = 'input-group';
-exports.INPUT_GROUP = INPUT_GROUP;
-
-var filterInputProps = function filterInputProps(props) {
-  return (0, _util.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
+exports.INPUT_CLASSNAME = 'wireinput';
+exports.INPUT_GROUP = 'input-group';
+const filterInputProps = (props) => (0, util_1.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
+const centerInputAction = {
+    position: 'absolute',
+    right: '16px',
+    top: '50%',
+    transform: 'translateY(-50%)',
 };
-
-var centerInputAction = {
-  position: 'absolute',
-  right: '16px',
-  top: '50%',
-  transform: 'translateY(-50%)'
-};
-
-var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
-  var type = _ref2.type,
-      label = _ref2.label,
-      error = _ref2.error,
-      helperText = _ref2.helperText,
-      _ref2$wrapperCSS = _ref2.wrapperCSS,
-      wrapperCSS = _ref2$wrapperCSS === void 0 ? {} : _ref2$wrapperCSS,
-      _ref2$className = _ref2.className,
-      className = _ref2$className === void 0 ? '' : _ref2$className,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-
-  var _useState = (0, _react2.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      togglePassword = _useState2[0],
-      setTogglePassword = _useState2[1];
-
-  var hasError = !!error;
-  var isPasswordInput = type === 'password';
-  var toggledPasswordType = togglePassword ? 'text' : 'password';
-
-  var toggleSetPassword = function toggleSetPassword() {
-    return setTogglePassword(function (prevState) {
-      return !prevState;
-    });
-  };
-
-  var theme = (0, _react.useTheme)();
-  return (0, _react.jsx)("div", {
-    className: INPUT_GROUP,
-    css: function css(theme) {
-      return _objectSpread({
-        marginBottom: hasError ? '2px' : '20px',
-        width: '100%',
-        '&:focus-within label': {
-          color: theme.general.primaryColor
-        }
-      }, wrapperCSS);
-    }
-  }, label && (0, _react.jsx)(_InputLabel["default"], {
-    htmlFor: props.id,
-    isRequired: props.required,
-    markInvalid: props.markInvalid
-  }, label), (0, _react.jsx)("div", {
-    css: /*#__PURE__*/(0, _react.css)({
-      marginBottom: hasError && '8px',
-      position: 'relative'
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSVciLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeCwgdXNlVGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtQcm9wZXJ0eX0gZnJvbSAnY3NzdHlwZSc7XG5pbXBvcnQgUmVhY3QsIHtSZWFjdEVsZW1lbnQsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB0eXBlIHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtmaWx0ZXJQcm9wc30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0Vycm9ySWNvbiwgSGlkZUljb24sIFNob3dJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJy4vSW5wdXRMYWJlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBUZXh0UHJvcHM8VD4ge1xuICBsYWJlbD86IHN0cmluZztcbiAgZXJyb3I/OiBSZWFjdEVsZW1lbnQ7XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgcGxhY2Vob2xkZXJUZXh0VHJhbnNmb3JtPzogUHJvcGVydHkuVGV4dFRyYW5zZm9ybTtcbiAgd3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBJbnB1dFByb3BzPFQ+LCBoYXNFcnJvcj86IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHttYXJrSW52YWxpZCA9IGZhbHNlLCBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0gPSAnbm9uZScsIGRpc2FibGVkID0gZmFsc2V9LFxuKSA9PiB7XG4gIGNvbnN0IHBsYWNlaG9sZGVyU3R5bGUgPSB7XG4gICAgY29sb3I6IHRoZW1lLklucHV0LnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICB0ZXh0VHJhbnNmb3JtOiBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0sXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAnJjo6LW1vei1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgJyY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJveFNoYWRvdzogIWRpc2FibGVkICYmIGAwIDAgMCAxcHggJHt0aGVtZS5JbnB1dC5ib3JkZXJIb3Zlcn1gLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSwgJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzLCA6aG92ZXIpJzogIW1hcmtJbnZhbGlkXG4gICAgICA/IHtcbiAgICAgICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5TZWxlY3QuYm9yZGVyQ29sb3J9YCxcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgICBiYWNrZ3JvdW5kOiBkaXNhYmxlZCA/IHRoZW1lLklucHV0LmJhY2tncm91bmRDb2xvckRpc2FibGVkIDogdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJvcmRlclJhZGl1czogJzEycHgnLFxuICAgIGJveFNoYWRvdzogbWFya0ludmFsaWQgPyBgMCAwIDAgMXB4ICR7dGhlbWUuZ2VuZXJhbC5kYW5nZXJDb2xvcn1gIDogYDAgMCAwIDFweCAke3RoZW1lLlNlbGVjdC5ib3JkZXJDb2xvcn1gLFxuICAgIGNhcmV0Q29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGVycm9yLCBoZWxwZXJUZXh0LCB3cmFwcGVyQ1NTID0ge30sIGNsYXNzTmFtZSA9ICcnLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtJTlBVVF9HUk9VUH1cbiAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBoYXNFcnJvciA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICAgICAgICB9LFxuICAgICAgICAuLi53cmFwcGVyQ1NTLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPElucHV0TGFiZWwgaHRtbEZvcj17cHJvcHMuaWR9IGlzUmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfSBtYXJrSW52YWxpZD17cHJvcHMubWFya0ludmFsaWR9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9JbnB1dExhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgey4uLmZpbHRlcklucHV0UHJvcHMocHJvcHMpfVxuICAgICAgICAvPlxuXG4gICAgICAgIHtoYXNFcnJvciAmJiAhaXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8RXJyb3JJY29uIGNzcz17Y2VudGVySW5wdXRBY3Rpb259IHdpZHRoPXsxNn0gaGVpZ2h0PXsxNn0gYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgICAgKX1cblxuICAgICAgICB7aXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGRhdGEtdWllLW5hbWU9eyF0b2dnbGVQYXNzd29yZCA/ICdkby1zaG93LXBhc3N3b3JkJyA6ICdkby1oaWRlLXBhc3N3b3JkJ31cbiAgICAgICAgICAgIGNzcz17ey4uLmNlbnRlcklucHV0QWN0aW9uLCBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLCBib3JkZXI6ICdub25lJywgY3Vyc29yOiAncG9pbnRlcicsIHBhZGRpbmc6IDB9fVxuICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlU2V0UGFzc3dvcmR9XG4gICAgICAgICAgICB0aXRsZT1cIlRvZ2dsZSBwYXNzd29yZCB2aXNpYmlsaXR5XCJcbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIC8+IDogPFNob3dJY29uIC8+fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwXG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICAgICAgZm9udFNpemU6ICcxMnB4JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgICAgIGNvbG9yOiB0aGVtZS5JbnB1dC5wbGFjZWhvbGRlckNvbG9yLFxuICAgICAgICAgICAgbWFyZ2luVG9wOiA4LFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2hlbHBlclRleHR9XG4gICAgICAgIDwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */")
-  }, (0, _react.jsx)("input", (0, _extends2["default"])({
-    className: INPUT_CLASSNAME,
-    css: function css(theme) {
-      return inputStyle(theme, props, hasError);
-    },
-    ref: ref,
-    type: isPasswordInput ? toggledPasswordType : type,
-    "aria-required": props.required
-  }, filterInputProps(props))), hasError && !isPasswordInput && (0, _react.jsx)(_Icon.ErrorIcon, {
-    css: centerInputAction,
-    width: 16,
-    height: 16,
-    "aria-hidden": "true"
-  }), isPasswordInput && (0, _react.jsx)("button", {
-    type: "button",
-    "data-uie-name": !togglePassword ? 'do-show-password' : 'do-hide-password',
-    css: /*#__PURE__*/(0, _react.css)(_objectSpread(_objectSpread({}, centerInputAction), {}, {
-      background: 'transparent',
-      border: 'none',
-      cursor: 'pointer',
-      padding: 0
-    }), process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSlkiLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeCwgdXNlVGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtQcm9wZXJ0eX0gZnJvbSAnY3NzdHlwZSc7XG5pbXBvcnQgUmVhY3QsIHtSZWFjdEVsZW1lbnQsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB0eXBlIHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtmaWx0ZXJQcm9wc30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0Vycm9ySWNvbiwgSGlkZUljb24sIFNob3dJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJy4vSW5wdXRMYWJlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBUZXh0UHJvcHM8VD4ge1xuICBsYWJlbD86IHN0cmluZztcbiAgZXJyb3I/OiBSZWFjdEVsZW1lbnQ7XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgcGxhY2Vob2xkZXJUZXh0VHJhbnNmb3JtPzogUHJvcGVydHkuVGV4dFRyYW5zZm9ybTtcbiAgd3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBJbnB1dFByb3BzPFQ+LCBoYXNFcnJvcj86IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHttYXJrSW52YWxpZCA9IGZhbHNlLCBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0gPSAnbm9uZScsIGRpc2FibGVkID0gZmFsc2V9LFxuKSA9PiB7XG4gIGNvbnN0IHBsYWNlaG9sZGVyU3R5bGUgPSB7XG4gICAgY29sb3I6IHRoZW1lLklucHV0LnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICB0ZXh0VHJhbnNmb3JtOiBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0sXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAnJjo6LW1vei1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgJyY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJveFNoYWRvdzogIWRpc2FibGVkICYmIGAwIDAgMCAxcHggJHt0aGVtZS5JbnB1dC5ib3JkZXJIb3Zlcn1gLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSwgJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzLCA6aG92ZXIpJzogIW1hcmtJbnZhbGlkXG4gICAgICA/IHtcbiAgICAgICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5TZWxlY3QuYm9yZGVyQ29sb3J9YCxcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgICBiYWNrZ3JvdW5kOiBkaXNhYmxlZCA/IHRoZW1lLklucHV0LmJhY2tncm91bmRDb2xvckRpc2FibGVkIDogdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJvcmRlclJhZGl1czogJzEycHgnLFxuICAgIGJveFNoYWRvdzogbWFya0ludmFsaWQgPyBgMCAwIDAgMXB4ICR7dGhlbWUuZ2VuZXJhbC5kYW5nZXJDb2xvcn1gIDogYDAgMCAwIDFweCAke3RoZW1lLlNlbGVjdC5ib3JkZXJDb2xvcn1gLFxuICAgIGNhcmV0Q29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGVycm9yLCBoZWxwZXJUZXh0LCB3cmFwcGVyQ1NTID0ge30sIGNsYXNzTmFtZSA9ICcnLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtJTlBVVF9HUk9VUH1cbiAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBoYXNFcnJvciA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICAgICAgICB9LFxuICAgICAgICAuLi53cmFwcGVyQ1NTLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPElucHV0TGFiZWwgaHRtbEZvcj17cHJvcHMuaWR9IGlzUmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfSBtYXJrSW52YWxpZD17cHJvcHMubWFya0ludmFsaWR9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9JbnB1dExhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgey4uLmZpbHRlcklucHV0UHJvcHMocHJvcHMpfVxuICAgICAgICAvPlxuXG4gICAgICAgIHtoYXNFcnJvciAmJiAhaXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8RXJyb3JJY29uIGNzcz17Y2VudGVySW5wdXRBY3Rpb259IHdpZHRoPXsxNn0gaGVpZ2h0PXsxNn0gYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgICAgKX1cblxuICAgICAgICB7aXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGRhdGEtdWllLW5hbWU9eyF0b2dnbGVQYXNzd29yZCA/ICdkby1zaG93LXBhc3N3b3JkJyA6ICdkby1oaWRlLXBhc3N3b3JkJ31cbiAgICAgICAgICAgIGNzcz17ey4uLmNlbnRlcklucHV0QWN0aW9uLCBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLCBib3JkZXI6ICdub25lJywgY3Vyc29yOiAncG9pbnRlcicsIHBhZGRpbmc6IDB9fVxuICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlU2V0UGFzc3dvcmR9XG4gICAgICAgICAgICB0aXRsZT1cIlRvZ2dsZSBwYXNzd29yZCB2aXNpYmlsaXR5XCJcbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIC8+IDogPFNob3dJY29uIC8+fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwXG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICAgICAgZm9udFNpemU6ICcxMnB4JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgICAgIGNvbG9yOiB0aGVtZS5JbnB1dC5wbGFjZWhvbGRlckNvbG9yLFxuICAgICAgICAgICAgbWFyZ2luVG9wOiA4LFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2hlbHBlclRleHR9XG4gICAgICAgIDwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */"),
-    onClick: toggleSetPassword,
-    title: "Toggle password visibility",
-    "aria-controls": props.id,
-    "aria-expanded": togglePassword
-  }, togglePassword ? (0, _react.jsx)(_Icon.HideIcon, null) : (0, _react.jsx)(_Icon.ShowIcon, null))), !hasError && helperText && (0, _react.jsx)("p", {
-    css: function css(theme) {
-      return {
-        fontSize: '12px',
-        fontWeight: 400,
-        color: theme.Input.placeholderColor,
-        marginTop: 8
-      };
-    }
-  }, helperText), error);
+exports.Input = react_2.default.forwardRef((_a, ref) => {
+    var { type, label, error, helperText, wrapperCSS = {}, className = '' } = _a, props = __rest(_a, ["type", "label", "error", "helperText", "wrapperCSS", "className"]);
+    const [togglePassword, setTogglePassword] = (0, react_2.useState)(false);
+    const hasError = !!error;
+    const isPasswordInput = type === 'password';
+    const toggledPasswordType = togglePassword ? 'text' : 'password';
+    const toggleSetPassword = () => setTogglePassword(prevState => !prevState);
+    const theme = (0, react_1.useTheme)();
+    return ((0, react_1.jsx)("div", { className: exports.INPUT_GROUP, css: (theme) => (Object.assign({ marginBottom: hasError ? '2px' : '20px', width: '100%', '&:focus-within label': {
+                color: theme.general.primaryColor,
+            } }, wrapperCSS)) },
+        label && ((0, react_1.jsx)(InputLabel_1.default, { htmlFor: props.id, isRequired: props.required, markInvalid: props.markInvalid }, label)),
+        (0, react_1.jsx)("div", { css: { marginBottom: hasError && '8px', position: 'relative' } },
+            (0, react_1.jsx)("input", Object.assign({ className: exports.INPUT_CLASSNAME, css: (theme) => (0, exports.inputStyle)(theme, props, hasError), ref: ref, type: isPasswordInput ? toggledPasswordType : type, "aria-required": props.required }, filterInputProps(props))),
+            hasError && !isPasswordInput && ((0, react_1.jsx)(Icon_1.ErrorIcon, { css: centerInputAction, width: 16, height: 16, "aria-hidden": "true" })),
+            isPasswordInput && ((0, react_1.jsx)("button", { type: "button", "data-uie-name": !togglePassword ? 'do-show-password' : 'do-hide-password', css: Object.assign(Object.assign({}, centerInputAction), { background: 'transparent', border: 'none', cursor: 'pointer', padding: 0 }), onClick: toggleSetPassword, title: "Toggle password visibility", "aria-controls": props.id, "aria-expanded": togglePassword }, togglePassword ? (0, react_1.jsx)(Icon_1.HideIcon, null) : (0, react_1.jsx)(Icon_1.ShowIcon, null)))),
+        !hasError && helperText && ((0, react_1.jsx)("p", { css: (theme) => ({
+                fontSize: '12px',
+                fontWeight: 400,
+                color: theme.Input.placeholderColor,
+                marginTop: 8,
+            }) }, helperText)),
+        error));
 });
-
-exports.Input = Input;
 //# sourceMappingURL=Input.js.map

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","borderHover","general","primaryColor","Select","borderColor","background","backgroundColorDisabled","backgroundColor","border","borderRadius","dangerColor","caretColor","fontWeight","height","lineHeight","outline","padding","width","INPUT_CLASSNAME","INPUT_GROUP","filterInputProps","props","centerInputAction","position","right","top","transform","React","forwardRef","ref","type","label","error","helperText","wrapperCSS","className","togglePassword","setTogglePassword","hasError","isPasswordInput","toggledPasswordType","toggleSetPassword","prevState","marginBottom","id","required","cursor","marginTop"],"mappings":";;;;;;;;;;;;;AAoBA;;;;;;;;AAEA;;AAIA;;AACA;;AACA;;;;;;;;;;;;AAWO,IAAMA,UAAoF,GAAG,SAAvFA,UAAuF,CAClGC,KADkG,QAG/F;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,EAAE,CAACR,QAAD,wBAA0BH,KAAK,CAACM,KAAN,CAAYM,WAAtC;AADF,KAXN;AAcL,0CAAsC;AACpCD,MAAAA,SAAS,sBAAeX,KAAK,CAACa,OAAN,CAAcC,YAA7B;AAD2B,KAdjC;AAiBL,qCAAiC,CAACb,WAAD,GAC7B;AACEU,MAAAA,SAAS,sBAAeX,KAAK,CAACe,MAAN,CAAaC,WAA5B;AADX,KAD6B,GAI7B,EArBC;AAsBLC,IAAAA,UAAU,EAAEd,QAAQ,GAAGH,KAAK,CAACM,KAAN,CAAYY,uBAAf,GAAyClB,KAAK,CAACM,KAAN,CAAYa,eAtBpE;AAuBLC,IAAAA,MAAM,EAAE,MAvBH;AAwBLC,IAAAA,YAAY,EAAE,MAxBT;AAyBLV,IAAAA,SAAS,EAAEV,WAAW,uBAAgBD,KAAK,CAACa,OAAN,CAAcS,WAA9B,wBAA2DtB,KAAK,CAACe,MAAN,CAAaC,WAAxE,CAzBjB;AA0BLO,IAAAA,UAAU,EAAEvB,KAAK,CAACa,OAAN,CAAcC,YA1BrB;AA2BLT,IAAAA,KAAK,EAAEL,KAAK,CAACa,OAAN,CAAcR,KA3BhB;AA4BLmB,IAAAA,UAAU,EAAE,GA5BP;AA6BLC,IAAAA,MAAM,EAAE,MA7BH;AA8BLC,IAAAA,UAAU,EAAE,MA9BP;AA+BLC,IAAAA,OAAO,EAAE,MA/BJ;AAgCLC,IAAAA,OAAO,EAAE,QAhCJ;AAiCLC,IAAAA,KAAK,EAAE;AAjCF,GAAP;AAmCD,CA7CM;;;AA+CA,IAAMC,eAAe,GAAG,WAAxB;;AACA,IAAMC,WAAW,GAAG,aAApB;;;AAEP,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SAAuB,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,EAAgB,0BAAhB,CAAnB,CAAvB;AAAA,CAAzB;;AAEA,IAAMC,iBAA4B,GAAG;AACnCC,EAAAA,QAAQ,EAAE,UADyB;AAEnCC,EAAAA,KAAK,EAAE,MAF4B;AAGnCC,EAAAA,GAAG,EAAE,KAH8B;AAInCC,EAAAA,SAAS,EAAE;AAJwB,CAArC;;AAOO,IAAMhC,KAA6C,gBAAGiC,mBAAMC,UAAN,CAG3D,iBAA8EC,GAA9E,EAAsF;AAAA,MAApFC,IAAoF,SAApFA,IAAoF;AAAA,MAA9EC,KAA8E,SAA9EA,KAA8E;AAAA,MAAvEC,KAAuE,SAAvEA,KAAuE;AAAA,MAAhEC,UAAgE,SAAhEA,UAAgE;AAAA,+BAApDC,UAAoD;AAAA,MAApDA,UAAoD,iCAAvC,EAAuC;AAAA,8BAAnCC,SAAmC;AAAA,MAAnCA,SAAmC,gCAAvB,EAAuB;AAAA,MAAhBd,KAAgB;;AACtF,kBAA4C,sBAAkB,KAAlB,CAA5C;AAAA;AAAA,MAAOe,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,QAAQ,GAAG,CAAC,CAACN,KAAnB;AACA,MAAMO,eAAe,GAAGT,IAAI,KAAK,UAAjC;AACA,MAAMU,mBAAmB,GAAGJ,cAAc,GAAG,MAAH,GAAY,UAAtD;;AAEA,MAAMK,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,WAAMJ,iBAAiB,CAAC,UAAAK,SAAS;AAAA,aAAI,CAACA,SAAL;AAAA,KAAV,CAAvB;AAAA,GAA1B;;AAEA,MAAMtD,KAAK,GAAG,sBAAd;AAEA,SACE;AACE,IAAA,SAAS,EAAE+B,WADb;AAEE,IAAA,GAAG,EAAE,aAAC/B,KAAD;AAAA;AACHuD,QAAAA,YAAY,EAAEL,QAAQ,GAAG,KAAH,GAAW,MAD9B;AAEHrB,QAAAA,KAAK,EAAE,MAFJ;AAGH,gCAAwB;AACtBxB,UAAAA,KAAK,EAAEL,KAAK,CAACa,OAAN,CAAcC;AADC;AAHrB,SAMAgC,UANA;AAAA;AAFP,KAWGH,KAAK,IACJ,gBAAC,sBAAD;AAAY,IAAA,OAAO,EAAEV,KAAK,CAACuB,EAA3B;AAA+B,IAAA,UAAU,EAAEvB,KAAK,CAACwB,QAAjD;AAA2D,IAAA,WAAW,EAAExB,KAAK,CAAChC;AAA9E,KACG0C,KADH,CAZJ,EAiBE;AAAK,IAAA,GAAG,+BAAE;AAACY,MAAAA,YAAY,EAAEL,QAAQ,IAAI,KAA3B;AAAkCf,MAAAA,QAAQ,EAAE;AAA5C,KAAF;AAAR,KACE;AACE,IAAA,SAAS,EAAEL,eADb;AAEE,IAAA,GAAG,EAAE,aAAC9B,KAAD;AAAA,aAAkBD,UAAU,CAACC,KAAD,EAAQiC,KAAR,EAAeiB,QAAf,CAA5B;AAAA,KAFP;AAGE,IAAA,GAAG,EAAET,GAHP;AAIE,IAAA,IAAI,EAAEU,eAAe,GAAGC,mBAAH,GAAyBV,IAJhD;AAKE,qBAAeT,KAAK,CAACwB;AALvB,KAMMzB,gBAAgB,CAACC,KAAD,CANtB,EADF,EAUGiB,QAAQ,IAAI,CAACC,eAAb,IACC,gBAAC,eAAD;AAAW,IAAA,GAAG,EAAEjB,iBAAhB;AAAmC,IAAA,KAAK,EAAE,EAA1C;AAA8C,IAAA,MAAM,EAAE,EAAtD;AAA0D,mBAAY;AAAtE,IAXJ,EAcGiB,eAAe,IACd;AACE,IAAA,IAAI,EAAC,QADP;AAEE,qBAAe,CAACH,cAAD,GAAkB,kBAAlB,GAAuC,kBAFxD;AAGE,IAAA,GAAG,+DAAMd,iBAAN;AAAyBjB,MAAAA,UAAU,EAAE,aAArC;AAAoDG,MAAAA,MAAM,EAAE,MAA5D;AAAoEsC,MAAAA,MAAM,EAAE,SAA5E;AAAuF9B,MAAAA,OAAO,EAAE;AAAhG,qoPAHL;AAIE,IAAA,OAAO,EAAEyB,iBAJX;AAKE,IAAA,KAAK,EAAC,4BALR;AAME,qBAAepB,KAAK,CAACuB,EANvB;AAOE,qBAAeR;AAPjB,KASGA,cAAc,GAAG,gBAAC,cAAD,OAAH,GAAkB,gBAAC,cAAD,OATnC,CAfJ,CAjBF,EA8CG,CAACE,QAAD,IAAaL,UAAb,IACC;AACE,IAAA,GAAG,EAAE,aAAC7C,KAAD;AAAA,aAAmB;AACtBQ,QAAAA,QAAQ,EAAE,MADY;AAEtBgB,QAAAA,UAAU,EAAE,GAFU;AAGtBnB,QAAAA,KAAK,EAAEL,KAAK,CAACM,KAAN,CAAYC,gBAHG;AAItBoD,QAAAA,SAAS,EAAE;AAJW,OAAnB;AAAA;AADP,KAQGd,UARH,CA/CJ,EA2DGD,KA3DH,CADF;AA+DD,CA7E4D,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, useTheme} from '@emotion/react';\nimport type {Property} from 'csstype';\nimport React, {ReactElement, useState} from 'react';\n\nimport type {Theme} from '../Layout';\nimport type {TextProps} from '../Text';\nimport {filterProps} from '../util';\nimport {ErrorIcon, HideIcon, ShowIcon} from '../Icon';\nimport InputLabel from './InputLabel';\n\nexport interface InputProps<T = HTMLInputElement> extends TextProps<T> {\n  label?: string;\n  error?: ReactElement;\n  markInvalid?: boolean;\n  helperText?: string;\n  placeholderTextTransform?: Property.TextTransform;\n  wrapperCSS?: CSSObject;\n}\n\nexport const inputStyle: <T>(theme: Theme, props: InputProps<T>, hasError?: boolean) => 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    '&:hover': {\n      boxShadow: !disabled && `0 0 0 1px ${theme.Input.borderHover}`,\n    },\n    '&:focus-visible, &:focus, &:active': {\n      boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n    },\n    '&:invalid:not(:focus, :hover)': !markInvalid\n      ? {\n          boxShadow: `0 0 0 1px ${theme.Select.borderColor}`,\n        }\n      : {},\n    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,\n    border: 'none',\n    borderRadius: '12px',\n    boxShadow: markInvalid ? `0 0 0 1px ${theme.general.dangerColor}` : `0 0 0 1px ${theme.Select.borderColor}`,\n    caretColor: theme.general.primaryColor,\n    color: theme.general.color,\n    fontWeight: 300,\n    height: '48px',\n    lineHeight: '24px',\n    outline: 'none',\n    padding: '0 16px',\n    width: '100%',\n  };\n};\n\nexport const INPUT_CLASSNAME = 'wireinput';\nexport const INPUT_GROUP = 'input-group';\n\nconst filterInputProps = (props: InputProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nconst centerInputAction: CSSObject = {\n  position: 'absolute',\n  right: '16px',\n  top: '50%',\n  transform: 'translateY(-50%)',\n};\n\nexport const Input: React.FC<InputProps<HTMLInputElement>> = React.forwardRef<\n  HTMLInputElement,\n  InputProps<HTMLInputElement>\n>(({type, label, error, helperText, wrapperCSS = {}, className = '', ...props}, ref) => {\n  const [togglePassword, setTogglePassword] = useState<boolean>(false);\n\n  const hasError = !!error;\n  const isPasswordInput = type === 'password';\n  const toggledPasswordType = togglePassword ? 'text' : 'password';\n\n  const toggleSetPassword = () => setTogglePassword(prevState => !prevState);\n\n  const theme = useTheme();\n\n  return (\n    <div\n      className={INPUT_GROUP}\n      css={(theme: Theme) => ({\n        marginBottom: hasError ? '2px' : '20px',\n        width: '100%',\n        '&:focus-within label': {\n          color: theme.general.primaryColor,\n        },\n        ...wrapperCSS,\n      })}\n    >\n      {label && (\n        <InputLabel htmlFor={props.id} isRequired={props.required} markInvalid={props.markInvalid}>\n          {label}\n        </InputLabel>\n      )}\n\n      <div css={{marginBottom: hasError && '8px', position: 'relative'}}>\n        <input\n          className={INPUT_CLASSNAME}\n          css={(theme: Theme) => inputStyle(theme, props, hasError)}\n          ref={ref}\n          type={isPasswordInput ? toggledPasswordType : type}\n          aria-required={props.required}\n          {...filterInputProps(props)}\n        />\n\n        {hasError && !isPasswordInput && (\n          <ErrorIcon css={centerInputAction} width={16} height={16} aria-hidden=\"true\" />\n        )}\n\n        {isPasswordInput && (\n          <button\n            type=\"button\"\n            data-uie-name={!togglePassword ? 'do-show-password' : 'do-hide-password'}\n            css={{...centerInputAction, background: 'transparent', border: 'none', cursor: 'pointer', padding: 0}}\n            onClick={toggleSetPassword}\n            title=\"Toggle password visibility\"\n            aria-controls={props.id}\n            aria-expanded={togglePassword}\n          >\n            {togglePassword ? <HideIcon /> : <ShowIcon />}\n          </button>\n        )}\n      </div>\n\n      {!hasError && helperText && (\n        <p\n          css={(theme: Theme) => ({\n            fontSize: '12px',\n            fontWeight: 400,\n            color: theme.Input.placeholderColor,\n            marginTop: 8,\n          })}\n        >\n          {helperText}\n        </p>\n      )}\n\n      {error}\n    </div>\n  );\n});\n"],"file":"Input.js"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["Input.tsx"],"names":[],"mappings":"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"}

package/src/Form/InputBlock.d.ts

@@ -2,4 +2,4 @@
 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.JSX.Element;
+export declare const InputBlock: (props: React.HTMLProps<T>) => jsx.JSX.Element;