react-jupiter 5.12.0 → 6.0.0-beta.2

package/form/dropdown/index.style.js

@@ -1,55 +0,0 @@
-"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: 15px;\n    top: 11px;\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: 37px;\n    position: absolute;\n    margin-top: 2px;\n    top: 0;\n    bottom: 1px;\n    left: 1px;\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: bold;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\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{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});

package/form/dropdown/index.test.js

@@ -1,20 +0,0 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_test=_interopRequireDefault(require("../../utils/test")),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-describe("dropdown (select-option) tests",()=>{
-it("render simple select tag",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_select.default,null)),
-b=(0,_test.default)(a,"select");
-
-expect(b.length).toBe(1)
-}),
-it("render simple option tag",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_option.default,{label:"hi",value:"hi_val"})),
-b=(0,_test.default)(a,"select-option");
-
-expect(b.length).toBe(1)
-})
-});

package/form/dropdown/option.js

@@ -1,22 +0,0 @@
-"use strict";var _react=_interopRequireDefault(require("react"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-const SelectOption=(a)=>{
-const{label:b,value:c,isDisabled:d=!1}=a;
-
-return/*#__PURE__*/(
-_react.default.createElement("option",{
-disabled:d,
-value:c,
-"data-test":"select-option"},
-
-b
-))
-
-};var _default=exports.default=
-
-SelectOption;

package/form/dropdown/select.js

@@ -1,68 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const Select=(a)=>
-
-
-
-
-
-
-
-
-
-{
-function b(a){
-i(a.target.value)
-}let{htmlElementName:d="select-element",defaultValue:e="",placeholder:f="",label:g="",isDisabled:h=!1,handleChange:i=()=>{},errorMessage:j="",inputRef:k=null,children:c}=a;
-
-const l=()=>/*#__PURE__*/
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement(_index.SelectButton,{disabled:h},/*#__PURE__*/
-_react.default.createElement(_index.StyledSelect,{
-disabled:h,
-onChange:b,
-name:d,
-defaultValue:f?"":e,
-"data-test":"select",
-ref:k},
-
-f&&/*#__PURE__*/
-_react.default.createElement("option",{value:"",disabled:!0},f),
-
-c
-)
-),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:j})
-);return(
-
-
-g?/*#__PURE__*/
-
-_react.default.createElement("label",{htmlFor:d},/*#__PURE__*/
-_react.default.createElement(_typography.Text,{size:14,bold:!0,isDisplayBlock:!0},
-g
-),
-l()
-):
-
-
-l())
-};var _default=exports.default=
-
-Select;

package/form/errorMsg.js

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_icon=_interopRequireDefault(require("../icon")),_typography=require("../typography"),_spacing=require("../spacing");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-const ErrorMsg=(a)=>{let{errorMessage:b=""}=a;return(
-b?/*#__PURE__*/
-
-_react.default.createElement(_spacing.Margin,{top:4},/*#__PURE__*/
-_react.default.createElement(_icon.default,{name:"error",color:"red",size:"sm",stickyRight:!0}),/*#__PURE__*/
-_react.default.createElement(_typography.Text,{bold:!0,size:10,color:"red","data-test":"error-message"},
-b
-)
-):
-
-
-
-null)
-};var _default=exports.default=
-
-ErrorMsg;

package/form/index.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Captcha",{enumerable:!0,get:function(){return _captcha.default}}),Object.defineProperty(exports,"CheckboxInputGroup",{enumerable:!0,get:function(){return _checkbox.default}}),Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return _dropdown.default}}),Object.defineProperty(exports,"RadioInputGroup",{enumerable:!0,get:function(){return _radio.default}}),Object.defineProperty(exports,"TextInput",{enumerable:!0,get:function(){return _textInput.default}}),Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return _textarea.default}}),exports.default=void 0;var _textInput=_interopRequireDefault(require("./text-input")),_dropdown=_interopRequireDefault(require("./dropdown")),_radio=_interopRequireDefault(require("./radio")),_textarea=_interopRequireDefault(require("./textarea")),_checkbox=_interopRequireDefault(require("./checkbox")),_captcha=_interopRequireDefault(require("./captcha"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
-
-
-
-
-
-
-
-
-
-
-
-
-
-{
-TextInput:_textInput.default,
-Dropdown:_dropdown.default,
-RadioInputGroup:_radio.default,
-Textarea:_textarea.default,
-CheckboxInputGroup:_checkbox.default,
-Captcha:_captcha.default
-};

package/form/radio/index.js

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return _radio.default}}),Object.defineProperty(exports,"RadioOption",{enumerable:!0,get:function(){return _radioOption.default}}),exports.default=void 0;var _radio=_interopRequireDefault(require("./radio")),_radioOption=_interopRequireDefault(require("./radio-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
-
-
-
-
-
-{
-Radio:_radio.default,
-RadioOption:_radioOption.default
-};

package/form/radio/index.stories.js

@@ -1,56 +0,0 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonActions=require("@storybook/addon-actions"),_addonKnobs=require("@storybook/addon-knobs"),_radio=_interopRequireDefault(require("./radio")),_radioOption=_interopRequireDefault(require("./radio-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-
-(0,_react2.storiesOf)("Form/Radio",module).
-add("Minimal Form/Radio",()=>/*#__PURE__*/
-_react.default.createElement(_radio.default,null,/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"first",label:"First Value"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"sec",label:"Sec Value"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"third",label:"Third Value"})
-)
-).
-add("Full option Radio",()=>/*#__PURE__*/
-_react.default.createElement(_radio.default,{
-groupName:(0,_addonKnobs.text)("optional groupName(but highly recommended to set manually)","degree"),
-label:(0,_addonKnobs.text)("optional label","\u0622\u062E\u0631\u06CC\u0646 \u0645\u062F\u0631\u06A9 \u062A\u062D\u0635\u06CC\u0644\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"),
-defaultCheckedValue:"300",
-handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
-isDisabled:(0,_addonKnobs.boolean)("optional disabled all",!1),
-type:(0,_addonKnobs.select)("optional type",["horizontal","vertical"]),
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")},/*#__PURE__*/
-
-_react.default.createElement(_radioOption.default,{value:"100",label:"\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"234",label:"\u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"300",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"400",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"})
-)
-).
-add("Full option RadioOption",()=>/*#__PURE__*/
-_react.default.createElement(_radio.default,{
-groupName:"degree",
-label:"\u0622\u062E\u0631\u06CC\u0646 \u0645\u062F\u0631\u06A9 \u062A\u062D\u0635\u06CC\u0644\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"},/*#__PURE__*/
-
-_react.default.createElement(_radioOption.default,{
-label:(0,_addonKnobs.text)("label","\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645"),
-value:(0,_addonKnobs.text)("value","100"),
-isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1)}
-),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"200",label:"\u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"300",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"400",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F"}),/*#__PURE__*/
-_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"})
-)
-).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);

package/form/radio/index.style.js

@@ -1,52 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadioWrapper=exports.Input=exports.Fieldset=void 0;var _templateObject,_templateObject2,_templateObject3,_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
-
-Fieldset=exports.Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border: none;\n  padding: 0;\n  margin: 0;\n   * {\n    box-sizing: content-box;\n  }\n"]))),
-
-
-
-
-
-
-
-
-RadioWrapper=exports.RadioWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  ","\n"])),
-
-
-(a)=>{let{type:b}=a;return"vertical"===b?"flex-direction: column;":""}),
-
-
-Input=exports.Input=_styledComponents.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n  margin-right: 5px;\n  position: relative;\n  top: 4px;\n  \n  border: 1px solid ",";\n  cursor: ",";\n  transition: background 0.2s linear;\n\n  &:hover {\n    border: 1px solid ",";\n  }\n\n  &:checked {\n    border: 5px solid ",";\n    width: 8px;\n    height: 8px;\n    background: ",";\n\n    &:after {\n      background: ",";\n    }\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    background: ",";\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    border-radius: 100%;\n    z-index: -1;\n    top: -6px;\n    right: -6px;\n  }\n"])),
-
-
-
-
-
-
-
-
-
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
-(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"},
-
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
-
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"},
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus},
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus},
-
-
-
-
-
-
-(a)=>{let{disabled:b}=a;return b?"white":"transparent"});

package/form/radio/radio-option.js

@@ -1,45 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_typography=require("../../typography"),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-const RadioOption=(a)=>
-
-
-
-
-
-
-{let{label:b,value:c,isDisabled:e=!1,defaultCheckedValue:f="",inputRef:g=null,groupName:d}=a;
-const h="".concat(d,"-").concat(c,"-").concat(b.split(" ").join(""));
-
-return/*#__PURE__*/(
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement("label",{htmlFor:h},/*#__PURE__*/
-_react.default.createElement(_index.Input,{
-type:"radio",
-id:h,
-name:d,
-value:c,
-defaultChecked:f===c,
-disabled:e,
-ref:g}
-),/*#__PURE__*/
-_react.default.createElement(_typography.Text,{size:14},
-b
-)
-)
-))
-
-};var _default=exports.default=
-
-RadioOption;

package/form/radio/radio.js

@@ -1,56 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const Radio=(a)=>
-
-
-
-
-
-
-
-
-{let{groupName:c="radio-element",label:d="",handleChange:e=()=>{},defaultCheckedValue:f="",isDisabled:g=!1,type:h="horizontal",errorMessage:i="",children:b}=a;
-const j=_react.default.Children.toArray(b);
-
-return/*#__PURE__*/(
-_react.default.createElement(_index.Fieldset,{onChange:e},/*#__PURE__*/
-_react.default.createElement(_globalStyle.default,null),
-d&&/*#__PURE__*/
-_react.default.createElement("legend",null,/*#__PURE__*/
-_react.default.createElement(_typography.Text,{bold:!0,size:14},
-d
-)
-),/*#__PURE__*/
-
-_react.default.createElement(_index.RadioWrapper,{type:h},
-j.map(
-(a)=>
-g?/*#__PURE__*/
-_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,isDisabled:g}):/*#__PURE__*/
-
-_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f})
-
-
-)
-),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:i})
-))
-
-};var _default=exports.default=
-
-Radio;

package/form/text-input/index.js

@@ -1,92 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&Object.prototype.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const TextInput=(a)=>
-
-
-
-
-
-
-
-
-
-{let{type:c="text",label:d=null,id:e=null,placeholder:f=null,disabled:g=!1,description:h=null,errorMessage:i="",inputRef:j=null,htmlElementName:b}=a;const
-[k,l]=(0,_react.useState)(""),
-[m,n]=(0,_react.useState)(!1);
-
-
-
-
-
-
-
-
-
-
-
-
-
-return/*#__PURE__*/(
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_index.Label,{htmlFor:e||"".concat(c,"-").concat(b.split(" ").join("")),"data-test":"text-input"},
-d&&/*#__PURE__*/
-_react.default.createElement(_index.LabelContainer,{bold:!0,size:14},
-d
-),
-
-h&&/*#__PURE__*/
-_react.default.createElement(_index.DescriptionContainer,{bold:!0,size:10,color:"gray","data-test":"text-input-description"},
-h
-),/*#__PURE__*/
-
-_react.default.createElement(_index.Input,{
-id:e||"".concat(c,"-").concat(b.split(" ").join("")),
-name:b,
-type:m||"text"===c?"text":"password",
-placeholder:f,
-value:k,
-onChange:function(a){l(a.target.value)},
-onFocus:function(a){a.target.setSelectionRange(0,0)},
-disabled:g,
-ref:j}
-),
-"password"===c&&/*#__PURE__*/
-_react.default.createElement(_index.PasswordIcon,{
-name:m?"visibility-off":"visibility",
-color:m?"blue":"gray",
-onClick:function(){n(!m)}}
-)
-
-),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:i})
-))
-
-};var _default=exports.default=
-
-TextInput;

package/form/text-input/index.stories.js

@@ -1,26 +0,0 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_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}}
-
-
-
-
-
-
-
-
-
-
-(0,_react2.storiesOf)("Form/Inputs",module).
-add("Minimal Text Input",()=>/*#__PURE__*/_react.default.createElement(_index.default,{htmlElementName:"text-name-01",label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"})).
-add("Full option Text Input",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-htmlElementName:"text-name-02",
-label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
-placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
-disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
-description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
-type:(0,_addonKnobs.select)("select type(default : text)",["text","password"])}
-)
-).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);

package/form/text-input/index.style.js

@@ -1,55 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Label=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_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  &[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 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"]))),
-
-
-
-
-
-
-
-
-
-Label=exports.Label=_styledComponents.default.label(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  position: relative;\n"])));