react-jupiter 5.12.0 → 6.0.0-beta.10

package/form-v7/dropdown/index.style.js

@@ -1,55 +1,57 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledSelect=exports.SelectButton=void 0;var _templateObject,_templateObject2,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}const
-
-SelectButton=exports.SelectButton=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  position: relative;\n\n  &:after {\n    content: \"\";\n    display: block;\n    width: 7px;\n    height: 7px;\n    position: absolute;\n    left: 13px;\n    top: 9px;\n    border: solid ",";\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n    -webkit-transform: rotate(45deg);\n    pointer-events: none;\n  }\n\n  &:before {\n    content: \"\";\n    display: block;\n    width: 33px;\n    position: absolute;\n    margin-top: 2px;\n    top: 0;\n    bottom: 1px;\n    left: 5px;\n    border-right: 1px solid ",";\n    background: ",";\n    pointer-events: none;\n  }\n"])),
-
-
-
-
-
-
-
-
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}),
-
-
-
-
-StyledSelect=exports.StyledSelect=_styledComponents.default.select(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: normal;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: ",";\n  background: ",";\n  ","\n  ","\n  cursor: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
-
-
-
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.normal},
-
-
-(a)=>{let{width:b}=a;return b},
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"},
-(a)=>{let{disabled:b,theme:c}=a;return b?"color: ".concat(c.disabled.color,";"):""},
-(a)=>{let{disabled:b,theme:c}=a;return b?"color: ".concat(c.disabled.color,";"):""},
-(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"},
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.hover},
-
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.focus});
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledSelect=exports.SelectButton=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+SelectButton=exports.SelectButton=_styledComponents.default.div`
+  position: relative;
+
+  &:after {
+    content: "";
+    display: block;
+    width: 7px;
+    height: 7px;
+    position: absolute;
+    left: 13px;
+    top: 9px;
+    border: solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal}};
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    pointer-events: none;
+  }
+
+  &:before {
+    content: "";
+    display: block;
+    width: 33px;
+    position: absolute;
+    margin-top: 2px;
+    top: 0;
+    bottom: 1px;
+    left: 5px;
+    border-right: 1px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal}};
+    background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}};
+    pointer-events: none;
+  }
+`,
+
+StyledSelect=exports.StyledSelect=_styledComponents.default.select`
+  font-family: 'IranSharp';
+  font-weight: normal;
+  font-size: 12px;
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+  border: solid 1px ${(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.normal}};
+  padding: 4px;
+  box-sizing: border-box;
+  width: ${(a)=>{let{width:b}=a;return b}};
+  background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}};
+  ${(a)=>{let{disabled:b,theme:c}=a;return b?`color: ${c.disabled.color};`:""}}
+  ${(a)=>{let{disabled:b,theme:c}=a;return b?`color: ${c.disabled.color};`:""}}
+  cursor: ${(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"}};
+
+  &:hover {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.hover}};
+  }
+
+  &:focus {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.focus}};
+  }
+`;

package/form-v7/dropdown/option.js

@@ -5,7 +5,7 @@
 
 
 
-const SelectOption=(a)=>{let{label:b,value:c,isDisabled:d=!1}=a;return/*#__PURE__*/(
+const SelectOption=(a)=>{let{label:b,value:c,isDisabled:d=!1}=a;return(/*#__PURE__*/
 _react.default.createElement("option",{
 disabled:d,
 value:c,

package/form-v7/dropdown/select.js

@@ -1,4 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label")),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label")),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
 
 
 
@@ -41,17 +42,17 @@ _react.default.createElement(_reactHookForm.Controller,{
 name:d,
 control:b,
 rules:{required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
-render:(a)=>{var b;let{field:d,fieldState:g}=a;return/*#__PURE__*/(
+render:(a)=>{let{field:b,fieldState:d}=a;return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.StyledSelect,_extends({},
-d,{
+b,{
 defaultValue:e,
 onChange:(a)=>{
 
 
 
 // Update RHF's state
-i&&i(a.target.value),d.onChange(a)
+i&&i(a.target.value),b.onChange(a)
 },
 width:h}),
 
@@ -60,7 +61,7 @@ _react.default.createElement("option",{value:""},f),
 
 c
 ),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:g&&(null===(b=g.error)||void 0===b?void 0:b.message)})
+_react.default.createElement(_errorMsg.default,{errorMessage:d&&d.error?.message})
 ))}}
 
 )
@@ -68,7 +69,7 @@ _react.default.createElement(_errorMsg.default,{errorMessage:g&&(null===(b=g.err
 );return(
 
 
-g?/*#__PURE__*/
+g)?/*#__PURE__*/
 
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
@@ -78,7 +79,7 @@ m()
 ):
 
 
-m())
+m()
 };var _default=exports.default=
 
 Select;

package/form-v7/errorMsg.js

@@ -4,7 +4,7 @@
 
 
 const ErrorMsg=(a)=>{let{errorMessage:b=""}=a;return(
-b?/*#__PURE__*/
+b)?/*#__PURE__*/
 
 _react.default.createElement(_spacing.Margin,{top:4},/*#__PURE__*/
 _react.default.createElement(_icon.default,{name:"error",color:"red",size:"sm",stickyRight:!0}),/*#__PURE__*/
@@ -15,7 +15,7 @@ b
 
 
 
-null)
+null
 };var _default=exports.default=
 
 ErrorMsg;

package/form-v7/file-input/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=require("./index.style"),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=require("./index.style"),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
 
 
 
@@ -37,11 +37,11 @@ number:k=null,
 htmlElementName:b,
 register:c,
 control:d
-}=a;return/*#__PURE__*/(
+}=a;return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_label.default,{htmlFor:g||"".concat(e,"-").concat(b.split(" ").join("")),label:f,number:k,required:j}),
+_react.default.createElement(_label.default,{htmlFor:g||`${e}-${b.split(" ").join("")}`,label:f,number:k,required:j}),
 i&&/*#__PURE__*/
 _react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"file-input-description"},
 i
@@ -52,10 +52,10 @@ _react.default.createElement(_reactHookForm.Controller,{
 name:b,
 control:d,
 rules:{required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"}// Add required rule
-,render:(a)=>{var d;let{fieldState:f}=a;return/*#__PURE__*/(
+,render:(a)=>{let{fieldState:d}=a;return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.Input,_extends({
-id:g||"".concat(e,"-").concat(b.split(" ").join("")),
+id:g||`${e}-${b.split(" ").join("")}`,
 name:b,
 type:"file"},
 c(b,{
@@ -63,7 +63,7 @@ disabled:h,
 required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
 }))
 ),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:f&&(null===(d=f.error)||void 0===d?void 0:d.message)})
+_react.default.createElement(_errorMsg.default,{errorMessage:d&&d.error?.message})
 ))}}
 
 )

package/form-v7/file-input/index.stories.js

@@ -1,32 +1,73 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonKnobs=require("@storybook/addon-knobs"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Disabled=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}var _default=exports.default=
 
 
 
 
+{
+title:"Form-V7/File Input",
+component:_index.default,
 
+argTypes:{
+htmlElementName:{
+control:"text",
+defaultValue:"file-input"
+},
+label:{
+control:"text",
+defaultValue:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"
+},
+description:{
+control:"text",
+defaultValue:"\u062D\u062C\u0645 \u0641\u0627\u06CC\u0644 \u0627\u0631\u0633\u0627\u0644\u06CC \u0628\u0627\u06CC\u062F \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0628\u0627\u0634\u062F"
+},
+number:{
+control:"number",
+defaultValue:5
+},
+placeholder:{
+control:"text",
+defaultValue:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"
+},
+disabled:{
+control:"boolean",
+defaultValue:!1
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+required:{
+control:"boolean",
+defaultValue:!0
+}
+}
+};const
 
+Template=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return/*#__PURE__*/_react.default.createElement(_index.default,_extends({},a,{register:b,control:c}))
+},
 
-
-
-
-(0,_react2.storiesOf)("Form-V7/Inputs",module).
-add("File Input",()=>{
-const{
-register:a
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{
+Default=exports.Default=Template.bind({});
+Default.args={
 htmlElementName:"file-input",
-register:a,
-label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
+label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A",
 description:"\u062D\u062C\u0645 \u0641\u0627\u06CC\u0644 \u0627\u0631\u0633\u0627\u0644\u06CC \u0628\u0627\u06CC\u062F \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0628\u0627\u0634\u062F",
 number:5,
-placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
-disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
-required:!0}
-))
-
-}).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);
+placeholder:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636",
+disabled:!1,
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+required:!0
+};
+
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...Default.args,
+disabled:!0
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...Default.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u06CC\u06A9 \u0641\u0627\u06CC\u0644 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
+};

package/form-v7/file-input/index.style.js

@@ -1,54 +1,62 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}const
-
-
-
-Input=exports.Input=_styledComponents.default.input(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: bold;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\n\n  &::file-selector-button {\n    color: ",";\n    padding: 0.5em;\n    border: ",";\n    border-radius: 3px;\n    width: 100px;\n    height: 80;\n  }\n\n  &[disabled=\"\"]{\n    background-color: ",";\n    color: ",";\n    border-color: transparent;\n\n\n    &:hover {\n      border-color: transparent;\n    }\n  }\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
-
-
-
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-(a)=>{let{theme:b}=a;return b.borderColor.normal},
-
-
-
-
-
-(a)=>{let{theme:b}=a;return"".concat(b.colors.blue)},
-
-(a)=>{let{theme:b}=a;return"thin solid ".concat(b.colors.blue)},
-
-
-
-
-
-
-(a)=>{let{theme:b}=a;return b.disabled.background},
-(a)=>{let{theme:b}=a;return b.disabled.color},
-
-
-
-
-
-
-
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.hover},
-
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.focus}),
-
-
-
-LabelContainer=exports.LabelContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 8px;\n"]))),
-
-
-
-
-DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n"]))),
-
-
-
-
-PasswordIcon=exports.PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  bottom: 6px;\n\n  &:hover {\n    cursor: pointer;\n  }\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Input=exports.DescriptionContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+
+Input=exports.Input=_styledComponents.default.input`
+  font-family: 'IranSharp';
+  font-weight: bold;
+  font-size: 12px;
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+  border: solid 1px ${(a)=>{let{theme:b}=a;return b.borderColor.normal}};
+  padding: 4px;
+  box-sizing: border-box;
+  width: 100%;
+
+  &::file-selector-button {
+    color: ${(a)=>{let{theme:b}=a;return`${b.colors.blue}`}};
+    padding: 0.5em;
+    border: ${(a)=>{let{theme:b}=a;return`thin solid ${b.colors.blue}`}};
+    border-radius: 3px;
+    width: 100px;
+    height: 80;
+  }
+
+  &[disabled=""]{
+    background-color: ${(a)=>{let{theme:b}=a;return b.disabled.background}};
+    color: ${(a)=>{let{theme:b}=a;return b.disabled.color}};
+    border-color: transparent;
+
+
+    &:hover {
+      border-color: transparent;
+    }
+  }
+
+  &:hover {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.hover}};
+  }
+
+  &:focus {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.focus}};
+  }
+`,
+
+LabelContainer=exports.LabelContainer=(0,_styledComponents.default)(_typography.Text)`
+  display: block;
+  margin-bottom: 8px;
+`,
+
+DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)`
+  display: block;
+  margin-bottom: 4px;
+`,
+
+PasswordIcon=exports.PasswordIcon=(0,_styledComponents.default)(_icon.default)`
+  position: absolute;
+  left: 0;
+  bottom: 6px;
+
+  &:hover {
+    cursor: pointer;
+  }
+`;