@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/Input/Input.stories.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InputLabeled = exports.InputFilled = exports.InputFillInverted = exports.InputEmpty = void 0;
-var _addonViewport = require("@storybook/addon-viewport");
+var _viewport = require("storybook/viewport");
 var _react = _interopRequireDefault(require("react"));
 var _Input = require("./Input");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Inputs/Input',
   component: _Input.Input,
   argTypes: {
@@ -75,15 +75,12 @@ var _default = {
   },
   parameters: {
     viewport: {
-      viewports: _addonViewport.INITIAL_VIEWPORTS,
+      viewports: _viewport.INITIAL_VIEWPORTS,
       defaultViewport: 'resetviewport'
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, args)));
-};
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, args)));
 
 //trying to integrate state:
 // const Template = args => {
@@ -99,8 +96,7 @@ var Template = function Template(args) {
 //           />
 // }
 
-var InputLabeled = Template.bind({});
-exports.InputLabeled = InputLabeled;
+const InputLabeled = exports.InputLabeled = Template.bind({});
 InputLabeled.args = {
   label: 'input description (label)'
 };
@@ -109,8 +105,7 @@ InputLabeled.parameters = {
     default: 'resetviewport'
   }
 };
-var InputFilled = Template.bind({});
-exports.InputFilled = InputFilled;
+const InputFilled = exports.InputFilled = Template.bind({});
 InputFilled.args = {
   label: 'input description (label)',
   value: 'your text (value)'
@@ -120,8 +115,7 @@ InputFilled.parameters = {
     default: 'resetviewport'
   }
 };
-var InputFillInverted = Template.bind({});
-exports.InputFillInverted = InputFillInverted;
+const InputFillInverted = exports.InputFillInverted = Template.bind({});
 InputFillInverted.args = {
   type: 'text',
   label: 'input description (label) inverted',
@@ -133,8 +127,7 @@ InputFillInverted.parameters = {
     default: 'grey'
   }
 };
-var InputEmpty = Template.bind({});
-exports.InputEmpty = InputEmpty;
+const InputEmpty = exports.InputEmpty = Template.bind({});
 InputEmpty.args = {};
 InputEmpty.parameters = {
   backgrounds: {

package/dist/components/Input/Input.styles.js

@@ -1,57 +1,22 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = exports.Label = exports.InputWrap = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Wrapper = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Inputstyles__Wrapper",
   componentId: "sc-1osolkh-0"
-})(["position:relative;display:block;input:-webkit-autofill{border:none;border-bottom:1px solid #e1e1e1;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s;}", ""], function (props) {
-  return props.inverted && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", " {\n        color: ", ";\n        opacity: 0.4;\n      }\n      ", " {\n        & > input {\n          color: ", ";\n          border-bottom-color: ", ";\n\n          &:focus,\n          &:hover {\n            border-bottom-color: rgba(255, 255, 255, 0.4);\n          }\n        }\n      }\n    "])), Label, _theme.default.cWhite, InputWrap, _theme.default.cWhite, _theme.default.cWhite);
-});
-exports.Wrapper = Wrapper;
-var Label = _styledComponents.default.label.withConfig({
+})(["position:relative;display:block;input:-webkit-autofill{border:none;border-bottom:1px solid #e1e1e1;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s;}", ""], props => props.inverted && (0, _styledComponents.css)(["", "{color:", ";opacity:0.4;}", "{& > input{color:", ";border-bottom-color:", ";&:focus,&:hover{border-bottom-color:rgba(255,255,255,0.4);}}}"], Label, _theme.default.cWhite, InputWrap, _theme.default.cWhite, _theme.default.cWhite));
+const Label = exports.Label = _styledComponents.default.label.withConfig({
   displayName: "Inputstyles__Label",
   componentId: "sc-1osolkh-1"
-})(["z-index:11;display:block;position:absolute;left:0;top:-2px;font-weight:500;height:12px;font-size:11px;line-height:20px;letter-spacing:2px;text-transform:uppercase;color:", ";pointer-events:none;transform:translateY(15px);transition:transform 0.2s,font-size 0.2s;", " ", " ", " ", ""], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return props.autoHeightLabel && "\n      height:auto;\n      position: relative;\n    ";
-}, function (props) {
-  return props.isUp && "\n    font-size: 10px;\n    transform: translateY(0);\n  ";
-}, function (props) {
-  return props.active && "\n    color: ".concat(_theme.default.cPrimary, ";\n  ");
-}, function (props) {
-  return props.error && "\n    color: ".concat(_theme.default.cWarning, ";\n  ");
-});
-exports.Label = Label;
-var InputWrap = _styledComponents.default.div.withConfig({
+})(["z-index:11;display:block;position:absolute;left:0;top:-2px;font-weight:500;height:12px;font-size:11px;line-height:20px;letter-spacing:2px;text-transform:uppercase;color:", ";pointer-events:none;transform:translateY(15px);transition:transform 0.2s,font-size 0.2s;", " ", " ", " ", ""], props => _theme.default.cBlack, props => props.autoHeightLabel && "\n      height:auto;\n      position: relative;\n    ", props => props.isUp && "\n    font-size: 10px;\n    transform: translateY(0);\n  ", props => props.active && "\n    color: ".concat(_theme.default.cPrimary, ";\n  "), props => props.error && "\n    color: ".concat(_theme.default.cWarning, ";\n  "));
+const InputWrap = exports.InputWrap = _styledComponents.default.div.withConfig({
   displayName: "Inputstyles__InputWrap",
   componentId: "sc-1osolkh-2"
-})(["position:relative;& > input{z-index:0;font-family:'Open sans';display:block;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:15px 0;padding-bottom:5px;box-shadow:none;border:0;outline:0;border-top:1px solid transparent;border-bottom:1px solid ", ";color:", ";background-color:transparent;transition:border-color 0.2s;", " &:focus,&:hover{border-top-color:transparent;border-bottom-color:", ";}&::placeholder{color:transparent;opacity:0;}}", " ", ""], function (props) {
-  return _theme.default.cGrey;
-}, function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return props.autoHeightLabel && "\n        height:20px;\n        padding-top:0;\n      ";
-}, function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return props.disabled && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      & > input {\n        color: ", ";\n        &:focus,\n        &:hover {\n          border-top-color: transparent;\n          border-bottom-color: ", ";\n        }\n      }\n    "])), function (props) {
-    return _theme.default.cGrey2;
-  }, function (props) {
-    return _theme.default.cGrey;
-  });
-}, function (props) {
-  return props.dashboard && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      & > input {\n        border: 0;\n        padding: 0;\n        height: 22px;\n        font-family: 'Open Sans';\n        font-weight: 300;\n        font-size: 14px;\n        line-height: 22px;\n        letter-spacing: 0.53px;\n        text-transform: normal;\n        color: ", ";\n\n        &::placeholder {\n          color: ", ";\n          opacity: 1;\n        }\n      }\n    "])), _theme.default.cBlack, _theme.default.cGrey2);
-});
-exports.InputWrap = InputWrap;
+})(["position:relative;& > input{z-index:0;font-family:'Open sans';display:block;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:15px 0;padding-bottom:5px;box-shadow:none;border:0;outline:0;border-top:1px solid transparent;border-bottom:1px solid ", ";color:", ";background-color:transparent;transition:border-color 0.2s;", " &:focus,&:hover{border-top-color:transparent;border-bottom-color:", ";}&::placeholder{color:transparent;opacity:0;}}", " ", ""], props => _theme.default.cGrey, props => _theme.default.cBlack, props => props.autoHeightLabel && "\n        height:20px;\n        padding-top:0;\n      ", props => _theme.default.cPrimary, props => props.disabled && (0, _styledComponents.css)(["& > input{color:", ";&:focus,&:hover{border-top-color:transparent;border-bottom-color:", ";}}"], props => _theme.default.cGrey2, props => _theme.default.cGrey), props => props.dashboard && (0, _styledComponents.css)(["& > input{border:0;padding:0;height:22px;font-family:'Open Sans';font-weight:300;font-size:14px;line-height:22px;letter-spacing:0.53px;text-transform:normal;color:", ";&::placeholder{color:", ";opacity:1;}}"], _theme.default.cBlack, _theme.default.cGrey2));

package/dist/components/Input/InputPassword.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,68 +10,50 @@ var _SvgIcons = require("../SvgIcons");
 var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon"));
 var _Input = require("./Input.styles");
 var _InputPassword = require("./InputPassword.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var PasswordStrength = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const PasswordStrength = exports.PasswordStrength = {
   NONE: 'none',
   WEAK: 'Weak',
   MEDIUM: 'Average',
   STRONG: 'Excellent'
 };
-exports.PasswordStrength = PasswordStrength;
-var InputPassword = function InputPassword(props) {
-  var label = props.label,
-    id = props.id,
-    name = props.name,
-    value = props.value,
-    error = props.error,
-    touched = props.touched,
-    info = props.info,
-    showStrength = props.showStrength;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPasswordVisible = _useState2[0],
-    setIsPasswordVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isCapslockOn = _useState4[0],
-    setIsCapslockOn = _useState4[1];
-  var _useState5 = (0, _react.useState)(!!value),
-    _useState6 = _slicedToArray(_useState5, 2),
-    labelUp = _useState6[0],
-    setLabelUp = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    hasFocus = _useState8[0],
-    setHasFocus = _useState8[1];
-  (0, _react.useEffect)(function () {
+const InputPassword = props => {
+  const {
+    label,
+    id,
+    name,
+    value,
+    error,
+    touched,
+    info,
+    showStrength
+  } = props;
+  const [isPasswordVisible, setIsPasswordVisible] = (0, _react.useState)(false);
+  const [isCapslockOn, setIsCapslockOn] = (0, _react.useState)(false);
+  const [labelUp, setLabelUp] = (0, _react.useState)(!!value);
+  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     setLabelUp(hasFocus || !!value);
   }, [hasFocus, value]);
-  var togglePasswordVisibility = function togglePasswordVisibility() {
+  const togglePasswordVisibility = () => {
     setIsPasswordVisible(!isPasswordVisible);
   };
-  var handleCapslock = function handleCapslock(e) {
+  const handleCapslock = e => {
     setIsCapslockOn(e.getModifierState('CapsLock'));
   };
-  var onFocus = function onFocus(e, field) {
+  const onFocus = (e, field) => {
     props.onFocus && props.onFocus(e, field);
     setHasFocus(true);
   };
-  var onBlur = function onBlur(e, field) {
+  const onBlur = (e, field) => {
     if (props.onBlur) props.onBlur(e, field);
     setHasFocus(false);
   };
-  var onChange = function onChange(e, field) {
+  const onChange = (e, field) => {
     props.onChange && props.onChange(e, field);
   };
-  var passwordStrengthFunction = function passwordStrengthFunction() {
+  const passwordStrengthFunction = () => {
     if (value.length === 0) {
       return PasswordStrength.NONE;
     }
@@ -84,7 +65,7 @@ var InputPassword = function InputPassword(props) {
     }
     return PasswordStrength.STRONG;
   };
-  var passwordStrength = passwordStrengthFunction();
+  const passwordStrength = passwordStrengthFunction();
   return /*#__PURE__*/_react.default.createElement(_Input.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Input.Label, {
     isUp: labelUp,
     active: hasFocus,
@@ -147,11 +128,10 @@ InputPassword.defaultProps = {
   value: '',
   error: false,
   touched: false,
-  onChange: function onChange() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {},
+  onChange: () => {},
+  onBlur: () => {},
+  onFocus: () => {},
   info: '',
   showStrength: false
 };
-var _default = InputPassword;
-exports.default = _default;
+var _default = exports.default = InputPassword;

package/dist/components/Input/InputPassword.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _InputPassword = require("./InputPassword");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Inputs/Input Password',
   component: _InputPassword.InputPassword,
   argTypes: {
@@ -62,25 +62,19 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_InputPassword.InputPassword, args)));
-};
-var PasswordFilled = Template.bind({});
-exports.PasswordFilled = PasswordFilled;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_InputPassword.InputPassword, args)));
+const PasswordFilled = exports.PasswordFilled = Template.bind({});
 PasswordFilled.args = {
   label: 'input description (label) - PASSWORD',
   value: 'your password (value)'
 };
-var PasswordStrength = Template.bind({});
-exports.PasswordStrength = PasswordStrength;
+const PasswordStrength = exports.PasswordStrength = Template.bind({});
 PasswordStrength.args = {
   label: 'input description (label) - PASSWORD',
   value: 'your password (value)',
   showStrength: true
 };
-var InputPasswordEmpty = Template.bind({});
-exports.InputPasswordEmpty = InputPasswordEmpty;
+const InputPasswordEmpty = exports.InputPasswordEmpty = Template.bind({});
 InputPasswordEmpty.args = {
   label: 'input description (label) - PASSWORD'
 };

package/dist/components/Input/InputPassword.styles.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,82 +7,56 @@ exports.ShowPassword = exports.PasswordStrengthWrap = exports.PasswordStrengthTe
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _InputPassword = require("./InputPassword");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var BottomWrap = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BottomWrap = exports.BottomWrap = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__BottomWrap",
   componentId: "sc-nohv3o-0"
 })(["position:relative;margin-top:6px;"]);
-exports.BottomWrap = BottomWrap;
-var ShowPassword = _styledComponents.default.div.withConfig({
+const ShowPassword = exports.ShowPassword = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__ShowPassword",
   componentId: "sc-nohv3o-1"
-})(["display:block;position:absolute;top:0;right:0;cursor:pointer;transition:color 0.2s;font-size:12px;line-height:16px;padding:12px 0;height:40px;width:20px;text-align:right;&:hover{color:", ";}"], function (props) {
-  return _theme.default.cPrimary;
-});
-exports.ShowPassword = ShowPassword;
-var CapslockIndicator = _styledComponents.default.div.withConfig({
+})(["display:block;position:absolute;top:0;right:0;cursor:pointer;transition:color 0.2s;font-size:12px;line-height:16px;padding:12px 0;height:40px;width:20px;text-align:right;&:hover{color:", ";}"], props => _theme.default.cPrimary);
+const CapslockIndicator = exports.CapslockIndicator = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__CapslockIndicator",
   componentId: "sc-nohv3o-2"
-})(["position:absolute;top:4px;right:2px;& > svg{fill:", ";}"], function (props) {
-  return _theme.default.cBlack;
-});
-exports.CapslockIndicator = CapslockIndicator;
-var PasswordStrengthWrap = _styledComponents.default.div.withConfig({
+})(["position:absolute;top:4px;right:2px;& > svg{fill:", ";}"], props => _theme.default.cBlack);
+const PasswordStrengthWrap = exports.PasswordStrengthWrap = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__PasswordStrengthWrap",
   componentId: "sc-nohv3o-3"
 })(["padding:3px 0;display:block;width:100%;padding-right:20px;font-size:0;"]);
-exports.PasswordStrengthWrap = PasswordStrengthWrap;
-var PasswordStrengthIndicators = _styledComponents.default.div.withConfig({
+const PasswordStrengthIndicators = exports.PasswordStrengthIndicators = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__PasswordStrengthIndicators",
   componentId: "sc-nohv3o-4"
-})(["display:inline-block;vertical-align:middle;margin:0 -4px;padding-right:12px;", " ", " ", ""], function (props) {
-  return props.passwordStrength === _InputPassword.PasswordStrength.WEAK && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", " {\n        &:nth-child(1) {\n          background-color: ", ";\n        }\n      }\n    "])), PasswordStrengthIndicator, _theme.default.cWarning);
-}, function (props) {
-  return props.passwordStrength === _InputPassword.PasswordStrength.MEDIUM && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      ", " {\n        &:nth-child(1),\n        &:nth-child(2) {\n          background-color: ", ";\n        }\n      }\n    "])), PasswordStrengthIndicator, _theme.default.cYellow);
-}, function (props) {
-  return props.passwordStrength === _InputPassword.PasswordStrength.STRONG && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ", " {\n        &:nth-child(1),\n        &:nth-child(2),\n        &:nth-child(3) {\n          background-color: ", ";\n        }\n      }\n    "])), PasswordStrengthIndicator, _theme.default.cLighterGreen);
-});
-exports.PasswordStrengthIndicators = PasswordStrengthIndicators;
-var PasswordStrengthIndicator = _styledComponents.default.div.withConfig({
+})(["display:inline-block;vertical-align:middle;margin:0 -4px;padding-right:12px;", " ", " ", ""], props => props.passwordStrength === _InputPassword.PasswordStrength.WEAK && (0, _styledComponents.css)(["", "{&:nth-child(1){background-color:", ";}}"], PasswordStrengthIndicator, _theme.default.cWarning), props => props.passwordStrength === _InputPassword.PasswordStrength.MEDIUM && (0, _styledComponents.css)(["", "{&:nth-child(1),&:nth-child(2){background-color:", ";}}"], PasswordStrengthIndicator, _theme.default.cYellow), props => props.passwordStrength === _InputPassword.PasswordStrength.STRONG && (0, _styledComponents.css)(["", "{&:nth-child(1),&:nth-child(2),&:nth-child(3){background-color:", ";}}"], PasswordStrengthIndicator, _theme.default.cLighterGreen));
+const PasswordStrengthIndicator = exports.PasswordStrengthIndicator = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__PasswordStrengthIndicator",
   componentId: "sc-nohv3o-5"
-})(["display:inline-block;vertical-align:middle;width:32px;height:6px;border-radius:3px;margin:3px 4px;background-color:", ";"], function (props) {
-  return _theme.default.cGrey;
-});
-exports.PasswordStrengthIndicator = PasswordStrengthIndicator;
-var PasswordStrengthText = _styledComponents.default.div.withConfig({
+})(["display:inline-block;vertical-align:middle;width:32px;height:6px;border-radius:3px;margin:3px 4px;background-color:", ";"], props => _theme.default.cGrey);
+const PasswordStrengthText = exports.PasswordStrengthText = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__PasswordStrengthText",
   componentId: "sc-nohv3o-6"
-})(["display:inline-block;vertical-align:middle;font-weight:300;font-size:9px;line-height:12px;letter-spacing:0.4px;font-style:italic;color:", ";"], function (props) {
-  return _theme.default.cText;
-});
-exports.PasswordStrengthText = PasswordStrengthText;
-var DatePickerOverlay = _styledComponents.default.div.withConfig({
+})(["display:inline-block;vertical-align:middle;font-weight:300;font-size:9px;line-height:12px;letter-spacing:0.4px;font-style:italic;color:", ";"], props => _theme.default.cText);
+const DatePickerOverlay = exports.DatePickerOverlay = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__DatePickerOverlay",
   componentId: "sc-nohv3o-7"
-})(["&&& > .DayPickerInput{z-index:100;display:block;position:relative;width:100%;}&&& > .DayPickerInput > input{font-family:'Open sans';display:block;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:13px 0;padding-bottom:7px;border-radius:0;box-shadow:none;outline:0;border:0;border-top:1px solid transparent;border-bottom:1px solid ", ";color:", ";background-color:transparent;transition:border-color 0.2s;&:focus,&:hover{box-shadow:none;border-top-color:transparent;border-bottom-color:", ";}&::placeholder{color:transparent;opacity:0;}}"], function (props) {
-  return _theme.default.cGrey;
-}, function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cPrimary;
-});
-exports.DatePickerOverlay = DatePickerOverlay;
-var InfoIconWrapper = _styledComponents.default.div.withConfig({
+})(["&&& > .DayPickerInput{z-index:100;display:block;position:relative;width:100%;}&&& > .DayPickerInput > input{font-family:'Open sans';display:block;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:13px 0;padding-bottom:7px;border-radius:0;box-shadow:none;outline:0;border:0;border-top:1px solid transparent;border-bottom:1px solid ", ";color:", ";background-color:transparent;transition:border-color 0.2s;&:focus,&:hover{box-shadow:none;border-top-color:transparent;border-bottom-color:", ";}&::placeholder{color:transparent;opacity:0;}}"], props => _theme.default.cGrey, props => _theme.default.cBlack, props => _theme.default.cPrimary);
+const InfoIconWrapper = exports.InfoIconWrapper = _styledComponents.default.div.withConfig({
   displayName: "InputPasswordstyles__InfoIconWrapper",
   componentId: "sc-nohv3o-8"
-})(["display:inline-block;vertical-align:middle;margin:-2px 0;left:80px;position:absolute;z-index:10;top:2px;transition:all 0.5s;", ""], function (_ref) {
-  var isPassword = _ref.isPassword;
-  return isPassword && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      opacity: ", ";\n      pointer-events: ", ";\n    "])), function (_ref2) {
-    var labelUp = _ref2.labelUp;
+})(["display:inline-block;vertical-align:middle;margin:-2px 0;left:80px;position:absolute;z-index:10;top:2px;transition:all 0.5s;", ""], _ref => {
+  let {
+    isPassword
+  } = _ref;
+  return isPassword && (0, _styledComponents.css)(["opacity:", ";pointer-events:", ";"], _ref2 => {
+    let {
+      labelUp
+    } = _ref2;
     return labelUp ? 1 : 0;
-  }, function (_ref3) {
-    var labelUp = _ref3.labelUp;
+  }, _ref3 => {
+    let {
+      labelUp
+    } = _ref3;
     return labelUp ? 'auto' : 'none';
   });
-});
-exports.InfoIconWrapper = InfoIconWrapper;
+});