react-jupiter 5.12.0 → 6.0.0-beta.1

package/file-item/index.js

@@ -1,101 +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")),_utils=_interopRequireDefault(require("./utils")),_typography=require("../typography"),_theme=_interopRequireDefault(require("./theme")),_fileImgIcon=_interopRequireDefault(require("./fileImgIcon")),_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 FileItem=(a)=>
-
-
-
-
-
-
-{let{type:c="zip",title:d="\u0641\u0627\u06CC\u0644 \u062F\u0627\u0646\u0644\u0648\u062F\u06CC",description:e="",price:b,fileSize:f="",onClick:g=()=>null}=a;
-const[h,i]=(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.Wrapper,{
-"data-test":"file-item",
-isActive:h,
-onMouseEnter:function(){i(!0)},
-onMouseLeave:function(){i(!1)},
-onClick:g},/*#__PURE__*/
-
-_react.default.createElement(_fileImgIcon.default,{
-iconFileName:(0,_utils.default)(c,!h)}
-),/*#__PURE__*/
-
-_react.default.createElement(_index.InfoWrapper,null,/*#__PURE__*/
-_react.default.createElement(_typography.Text,{
-size:14,
-bold:!0,
-"data-test":"file-item-title"},
-
-d
-),
-
-e?/*#__PURE__*/
-_react.default.createElement(_typography.Text,{
-size:10,
-"data-test":"file-item-desc",
-bold:!0},
-
-e
-):/*#__PURE__*/
-
-_react.default.createElement("br",null),/*#__PURE__*/
-
-
-_react.default.createElement("div",null,
-f&&/*#__PURE__*/
-_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
-_react.default.createElement(_typography.Text,{
-size:10,
-"data-test":"file-item-size"},
-
-f
-),/*#__PURE__*/
-_react.default.createElement(_index.VerticalDivider,null)
-),/*#__PURE__*/
-
-
-_react.default.createElement(_typography.Text,{
-size:10,
-"data-test":"file-item-price"},
-
-b
-)
-)
-
-)
-)
-))
-
-};var _default=exports.default=
-
-FileItem;

package/file-item/index.style.js

@@ -1,30 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.VerticalDivider=exports.StyledImgIcon=exports.InfoWrapper=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_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
-
-StyledImgIcon=exports.StyledImgIcon=_styledComponents.default.span(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-size: 67px;\n"]))),
-
-
-
-Wrapper=exports.Wrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  cursor: pointer;\n  border: 1px solid ",";\n  border-radius: ",";\n  padding: "," ",";\n  box-sizing: border-box;\n  display: flex;\n"])),
-
-(a)=>{let{theme:b,isActive:c}=a;return c?b.colors.riverBedDark:"transparent"},
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-(a)=>{let{theme:b}=a;return b.spacing[5]},(a)=>{let{theme:b}=a;return b.spacing[6]}),
-
-
-
-
-InfoWrapper=exports.InfoWrapper=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  width: calc(100% - 52px);\n  padding-right: ",";\n\n  & > span {\n    display: block;\n  }\n"])),
-
-(a)=>{let{theme:b}=a;return b.spacing[4]}),
-
-
-
-
-
-
-VerticalDivider=exports.VerticalDivider=_styledComponents.default.span(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  display: inline-block;\n  width: 1px;\n  height: 8px;\n  margin: 0 ",";\n  background: ",";\n"])),
-
-
-
-(a)=>{let{theme:b}=a;return b.spacing[4]},
-(a)=>{let{theme:b}=a;return b.colors.riverBed});

package/file-item/theme.js

@@ -1,12 +0,0 @@
-"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-const theme={
-colors:{
-riverBedDark:_themes.default.colors.riverBedDark,
-riverBed:_themes.default.colors.riverBed
-},
-borderRadius:_themes.default.borderRadius.high,
-spacing:_themes.default.spacing
-};var _default=exports.default=
-
-theme;

package/file-item/utils.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=getIconFileName;function getIconFileName(a,b){
-return"icon-".concat(a).concat(b?"-light":"")
-}

package/form/captcha/index.js

@@ -1,86 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_textInput=_interopRequireDefault(require("../text-input")),_button=_interopRequireDefault(require("../../button")),_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}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-function Captcha(a)
-
-
-
-
-
-{let{src:b,errorMessage:c="",inputRef:d=null,handleCaptchaError:e=()=>{},handleRetryCaptcha:f=null}=a;
-const[g,h]=(0,_react.useState)("loading");
-
-
-
-
-
-
-
-
-
-return/*#__PURE__*/(
-_react.default.createElement(_index.CaptchaBoxContainer,{"data-test":"captcha-box"},/*#__PURE__*/
-_react.default.createElement(_index.InputConiatiner,null,/*#__PURE__*/
-_react.default.createElement(_textInput.default,{
-"data-test":"captcha-input",
-htmlElementName:"captcha-input",
-label:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
-errorMessage:c,
-type:"text",
-inputRef:d}
-)
-),/*#__PURE__*/
-_react.default.createElement(_index.Container,null,
-"loaded"!==g&&/*#__PURE__*/
-_react.default.createElement(_index.Loading,null),/*#__PURE__*/
-
-_react.default.createElement("img",{
-className:"".concat("loaded"===g?"":"hide"),
-width:"120px",
-height:"32px",
-src:b,
-alt:"captcha-img",
-loading:"lazy",
-onLoad:function(){h("loaded")},
-onError:function(){h("failedToLoad"),e()},
-"data-test":"captcha-img"}
-)
-),
-f&&/*#__PURE__*/
-_react.default.createElement(_index.Container,null,/*#__PURE__*/
-_react.default.createElement(_button.default,{
-"data-test":"captcha-retry",
-htmlType:"button",
-icon:"refresh",
-isLoading:"loading"===g,
-onClick:f,
-mainColor:"blue",
-size:"sm",
-styleType:"failedToLoad"===g?"primary":"tertiary"},
-"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC \u062C\u062F\u06CC\u062F"
-
-)
-)
-
-))
-
-}var _default=exports.default=
-
-Captcha;

package/form/captcha/index.stories.js

@@ -1,23 +0,0 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonActions=require("@storybook/addon-actions"),_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/Captcha",module).
-add("captcha example",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
-src:(0,_addonKnobs.text)("captcha img src","https://static.evand.net/captcha/12c178c8006cb0cea5253a83db6a96db.jpg"),
-handleCaptchaError:(0,_addonActions.action)("trigger what you want to do when captcha src has an err"),
-handleRetryCaptcha:(0,_addonActions.action)("trigger what you want to do when click on retry button")}
-)
-).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);

package/form/captcha/index.style.js

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Loading=exports.InputConiatiner=exports.Container=exports.CaptchaBoxContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styledComponents=_interopRequireDefault(require("styled-components")),_theme=_interopRequireDefault(require("../theme"));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
-
-
-Container=exports.Container=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  flex-shrink: 0;\n  margin: 6px 6px 0 0;\n\n  & .hide {\n    display: none;\n  }\n"]))),
-
-
-
-
-
-
-
-
-Loading=exports.Loading=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  height: 32px;\n  width: 120px;\n  background: ",";\n  animation-name: sparkle;\n  animation-duration: 2s;\n  animation-iteration-count: infinite;\n\n    @keyframes sparkle {\n      0% {opacity: 0;}\n      50% {opacity: 1;}\n      70% {opacity: 1;}\n      100% {opacity: 0;}\n    }\n  }\n"])),
-
-
-_theme.default.disabled.color),
-
-
-
-
-
-
-
-
-
-
-
-
-
-CaptchaBoxContainer=exports.CaptchaBoxContainer=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n"]))),
-
-
-
-
-
-InputConiatiner=exports.InputConiatiner=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));

package/form/captcha/index.test.js

@@ -1,31 +0,0 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_test=_interopRequireDefault(require("../../utils/test")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-describe("captcha",()=>{
-it("render captcha box",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
-b=(0,_test.default)(a,"captcha-box");
-
-expect(b.length).toBe(1)
-}),
-it("render captcha input",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
-b=(0,_test.default)(a,"captcha-input");
-
-expect(b.length).toBe(1)
-}),
-it("render captcha img",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
-b=(0,_test.default)(a,"captcha-img");
-
-expect(b.length).toBe(1)
-}),
-it("render retry button",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
-b=(0,_test.default)(a,"captcha-retry");
-
-expect(b.length).toBe(1)
-})
-});

package/form/checkbox/checkbox-option.js

@@ -1,41 +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"),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-const CheckboxOption=(a)=>{const
-{
-label:b,value:c,isDisabled:e=!1,isChecked:f=!1,inputRef:g=null,groupName:d
-}=a,
-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:"checkbox",
-id:h,
-name:d,
-value:c,
-defaultChecked:f,
-disabled:e,
-ref:g}
-),/*#__PURE__*/
-_react.default.createElement(_typography.Text,{size:14},
-b
-)
-)
-))
-
-};var _default=exports.default=
-
-CheckboxOption;

package/form/checkbox/checkbox.js

@@ -1,54 +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 Checkbox=(a)=>{const
-{
-groupName:c="radio-element",
-label:d="",
-handleChange:e=()=>{},
-isDisabled:f=!1,
-type:g="horizontal",
-errorMessage:h="",
-children:b
-}=a,
-i=_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.CheckboxWrapper,{type:g},
-i.map(
-(a)=>
-f?/*#__PURE__*/
-_react.default.cloneElement(a,{groupName:c,isDisabled:f}):/*#__PURE__*/
-
-_react.default.cloneElement(a,{groupName:c})
-
-
-)
-),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:h})
-))
-
-};var _default=exports.default=
-Checkbox;

package/form/checkbox/index.js

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return _checkbox.default}}),Object.defineProperty(exports,"CheckboxOption",{enumerable:!0,get:function(){return _checkboxOption.default}}),exports.default=void 0;var _checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
-
-
-
-
-
-{
-Checkbox:_checkbox.default,
-CheckboxOption:_checkboxOption.default
-};

package/form/checkbox/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"),_checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-
-(0,_react2.storiesOf)("Form/Checkbox",module).
-add("Minimal Form/Checkbox",()=>/*#__PURE__*/
-_react.default.createElement(_checkbox.default,null,/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"first",label:"First Value"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"sec",label:"Sec Value"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"third",label:"Third Value"})
-)
-).
-add("Full option Checkbox",()=>/*#__PURE__*/
-_react.default.createElement(_checkbox.default,{
-groupName:(0,_addonKnobs.text)("optional groupName(but highly recommended to set manually)","degree"),
-label:(0,_addonKnobs.text)("optional label","\u062F\u0631 \u06A9\u062F\u0627\u0645 \u0645\u0648\u0636\u0648\u0639 \u0647\u0627 \u062A\u0648\u0627\u0646\u0627\u06CC\u06CC \u062F\u0627\u0631\u06CC\u062F"),
-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(_checkboxOption.default,{value:"100",label:"\u0648\u0631\u0632\u0634\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"234",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC",isChecked:!0}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC",isChecked:!0})
-)
-).
-add("Full option CheckboxOption",()=>/*#__PURE__*/
-_react.default.createElement(_checkbox.default,{
-groupName:"degree",
-label:"\u062F\u0631 \u06A9\u062F\u0627\u0645 \u0645\u0648\u0636\u0648\u0639 \u0647\u0627 \u062A\u0648\u0627\u0646\u0627\u06CC\u06CC \u062F\u0627\u0631\u06CC\u062F"},/*#__PURE__*/
-
-_react.default.createElement(_checkboxOption.default,{
-label:(0,_addonKnobs.text)("label","\u0648\u0631\u0632\u0634\u06CC"),
-value:(0,_addonKnobs.text)("value","100"),
-isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1),
-isChecked:(0,_addonKnobs.boolean)("optional checked item",!1)}
-),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"200",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})
-)
-).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);

package/form/checkbox/index.style.js

@@ -1,40 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Input=exports.Fieldset=exports.CheckboxWrapper=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"]))),
-
-
-
-
-
-CheckboxWrapper=exports.CheckboxWrapper=_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  width: 16px;\n  height: 16px;\n\n  border: 1px solid ",";\n  background: ",";\n  cursor: ",";\n  transition: 0.2s all linear;\n  margin-right: 5px;\n\n  position: relative;\n  top: 10px;\n  \n  &:hover {\n    border-color: ",";\n  }\n\n  &:checked {\n    border-color: ",";\n    \n    &:after {\n      border-color: ",";\n    }\n  }\n\n  &:after {\n    content: '';\n    display: block;\n\n    height: 8px;\n    width: 5px;\n    position: absolute;\n    right: 5px;\n    top: 2px;\n\n    transition: 0.2s all linear;\n\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n    border-bottom: 2px solid transparent;\n    border-right: 2px solid transparent;\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.background:"white"},
-(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.color:c.borderColor.focus},
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus});

package/form/dropdown/index.js

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return _select.default}}),Object.defineProperty(exports,"SelectOption",{enumerable:!0,get:function(){return _option.default}}),exports.default=void 0;var _select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
-
-
-
-
-
-{
-Select:_select.default,
-SelectOption:_option.default
-};

package/form/dropdown/index.stories.js

@@ -1,62 +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"),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-(0,_react2.storiesOf)("Form/Dropdown",module).
-add("Minimal Select",()=>/*#__PURE__*/
-_react.default.createElement(_select.default,null,/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"first",label:"First Value"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"sec",label:"2nd Value"})
-)
-).
-add("Select with placeholder",()=>/*#__PURE__*/
-_react.default.createElement(_select.default,{
-htmlElementName:(0,_addonKnobs.text)("optional htmlElementName","\u0627\u0633\u062A\u0627\u0646"),
-placeholder:(0,_addonKnobs.text)("optional placeholder","__\u0627\u0633\u062A\u0627\u0646 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F__"),
-handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function")},/*#__PURE__*/
-
-_react.default.createElement(_option.default,{value:"20",label:"\u06A9\u0631\u062C"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})
-)
-).
-add("Full option Select(no placeholder)",()=>/*#__PURE__*/
-_react.default.createElement(_select.default,{
-htmlElementName:(0,_addonKnobs.text)("optional htmlElementName","\u0627\u0633\u062A\u0627\u0646"),
-defaultValue:(0,_addonKnobs.text)("optional defaultValue(if its not et or set wrong get the first option)","30"),
-handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
-isDisabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
-label:(0,_addonKnobs.text)("optional label","\u0645\u062D\u0644 \u0628\u0631\u06AF\u0632\u0627\u0631\u06CC \u0631\u0648\u06CC\u062F\u0627\u062F"),
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")},/*#__PURE__*/
-
-_react.default.createElement(_option.default,{value:"20",label:"\u06A9\u0631\u062C"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645",isDisabled:!0})
-)
-).
-add("Full option SelectOption",()=>/*#__PURE__*/
-_react.default.createElement(_select.default,{
-htmlElementName:"\u0627\u0633\u062A\u0627\u0646",
-defaultValue:"30",
-handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
-isDisabled:!1},/*#__PURE__*/
-
-_react.default.createElement(_option.default,{
-value:(0,_addonKnobs.text)("value","20"),
-label:(0,_addonKnobs.text)("label","\u06A9\u0631\u062C"),
-isDisabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1)}
-),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
-_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})
-)
-).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);