react-jupiter 5.12.0 → 6.0.0-beta.10

package/file-item/index.js

@@ -1,4 +1,4 @@
-"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}
+"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&&{}.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}
 
 
 
@@ -36,7 +36,7 @@ const[h,i]=(0,_react.useState)(!1);
 
 
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
 _react.default.createElement(_index.Wrapper,{

package/file-item/index.style.js

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

package/file-item/utils.js

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

package/form/captcha/index.js

@@ -1,4 +1,4 @@
-"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}
+"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&&{}.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}
 
 
 
@@ -35,7 +35,7 @@ const[g,h]=(0,_react.useState)("loading");
 
 
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_index.CaptchaBoxContainer,{"data-test":"captcha-box"},/*#__PURE__*/
 _react.default.createElement(_index.InputConiatiner,null,/*#__PURE__*/
 _react.default.createElement(_textInput.default,{
@@ -52,7 +52,7 @@ _react.default.createElement(_index.Container,null,
 _react.default.createElement(_index.Loading,null),/*#__PURE__*/
 
 _react.default.createElement("img",{
-className:"".concat("loaded"===g?"":"hide"),
+className:`${"loaded"===g?"":"hide"}`,
 width:"120px",
 height:"32px",
 src:b,

package/form/captcha/index.stories.js

@@ -1,23 +1,42 @@
-"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"),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+{
+title:"Form/Captcha",
+component:_index.default,
+
+argTypes:{
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+src:{
+control:"text",
+defaultValue:"https://static.evand.net/captcha/12c178c8006cb0cea5253a83db6a96db.jpg"
+},
+handleCaptchaError:{
+action:"handleCaptchaError"
+},
+handleRetryCaptcha:{
+action:"handleRetryCaptcha"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/_react.default.createElement(_index.default,a),
+
+Default=exports.Default=Template.bind({});
+Default.args={
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+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);
+handleRetryCaptcha:(0,_addonActions.action)("trigger what you want to do when click on retry button")
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...Default.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u06A9\u062F \u0627\u0645\u0646\u06CC\u062A\u06CC \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F"
+};

package/form/captcha/index.style.js

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

package/form/checkbox/checkbox-option.js

@@ -16,9 +16,9 @@ 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(""));
+h=`${d}-${c}-${b.split(" ").join("")}`;
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement("label",{htmlFor:h},/*#__PURE__*/
 _react.default.createElement(_index.Input,{

package/form/checkbox/checkbox.js

@@ -26,7 +26,7 @@ children:b
 }=a,
 i=_react.default.Children.toArray(b);
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_index.Fieldset,{onChange:e},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),
 d&&/*#__PURE__*/
@@ -39,10 +39,10 @@ d
 _react.default.createElement(_index.CheckboxWrapper,{type:g},
 i.map(
 (a)=>
-f?/*#__PURE__*/
-_react.default.cloneElement(a,{groupName:c,isDisabled:f}):/*#__PURE__*/
+f?(/*#__PURE__*/
+_react.default.cloneElement(a,{groupName:c,isDisabled:f})):(/*#__PURE__*/
 
-_react.default.cloneElement(a,{groupName:c})
+_react.default.cloneElement(a,{groupName:c}))
 
 
 )

package/form/checkbox/index.stories.js

@@ -1,56 +1,121 @@
-"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}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithPreSelectedOptions=exports.WithError=exports.VerticalLayout=exports.Minimal=exports.FullOptions=exports.DisabledOption=exports.Disabled=exports.CustomOption=exports.CheckedOption=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
 
 
 
 
 
+{
+title:"Form/Checkbox",
+component:_checkbox.default,
 
+argTypes:{
+groupName:{
+control:"text",
+defaultValue:"degree"
+},
+label:{
+control:"text",
+defaultValue:"\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"
+},
+isDisabled:{
+control:"boolean",
+defaultValue:!1
+},
+type:{
+control:"select",
+options:["horizontal","vertical"],
+defaultValue:"horizontal"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+handleChange:{
+action:"handleChange"
+}
+}
+};const
 
-
-
-
-
-
-(0,_react2.storiesOf)("Form/Checkbox",module).
-add("Minimal Form/Checkbox",()=>/*#__PURE__*/
-_react.default.createElement(_checkbox.default,null,/*#__PURE__*/
+Template=(a)=>/*#__PURE__*/
+_react.default.createElement(_checkbox.default,a,/*#__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"),
+),
+
+
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={};
+
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+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",
 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__*/
+isDisabled:!1,
+type:"horizontal",
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+};const
 
+FullOptionsTemplate=(a)=>/*#__PURE__*/
+_react.default.createElement(_checkbox.default,a,/*#__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__*/
+),
+
+
+WithPreSelectedOptions=exports.WithPreSelectedOptions=FullOptionsTemplate.bind({});
+WithPreSelectedOptions.args={
+...FullOptions.args
+};
+
+const VerticalLayout=exports.VerticalLayout=FullOptionsTemplate.bind({});
+VerticalLayout.args={
+...FullOptions.args,
+type:"vertical"
+};
+
+const Disabled=exports.Disabled=FullOptionsTemplate.bind({});
+Disabled.args={
+...FullOptions.args,
+isDisabled:!0
+};
+
+const WithError=exports.WithError=FullOptionsTemplate.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u062D\u062F\u0627\u0642\u0644 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
+};const
+
+CheckboxOptionTemplate=(a)=>/*#__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,a),/*#__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);
+),
+
+
+CustomOption=exports.CustomOption=CheckboxOptionTemplate.bind({});
+CustomOption.args={
+label:"\u0648\u0631\u0632\u0634\u06CC",
+value:"100",
+isDisabled:!1,
+isChecked:!1
+};
+
+const DisabledOption=exports.DisabledOption=CheckboxOptionTemplate.bind({});
+DisabledOption.args={
+...CustomOption.args,
+isDisabled:!0
+};
+
+const CheckedOption=exports.CheckedOption=CheckboxOptionTemplate.bind({});
+CheckedOption.args={
+...CustomOption.args,
+isChecked:!0
+};

package/form/checkbox/index.style.js

@@ -1,40 +1,62 @@
-"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});
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.Input=exports.Fieldset=exports.CheckboxWrapper=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+Fieldset=exports.Fieldset=_styledComponents.default.fieldset`
+  border: none;
+  padding: 0;
+  margin: 0;
+`,
+
+CheckboxWrapper=exports.CheckboxWrapper=_styledComponents.default.div`
+  display: flex;
+  justify-content: space-between;
+  ${(a)=>{let{type:b}=a;return"vertical"===b?"flex-direction: column;":""}}
+`,
+
+Input=exports.Input=_styledComponents.default.input`
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  width: 16px;
+  height: 16px;
+
+  border: 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"}};
+  cursor: ${(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"}};
+  transition: 0.2s all linear;
+  margin-right: 5px;
+
+  position: relative;
+  top: 10px;
+  
+  &:hover {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover}};
+  }
+
+  &:checked {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+    
+    &:after {
+      border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+    }
+  }
+
+  &:after {
+    content: '';
+    display: block;
+
+    height: 8px;
+    width: 5px;
+    position: absolute;
+    right: 5px;
+    top: 2px;
+
+    transition: 0.2s all linear;
+
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+    border-bottom: 2px solid transparent;
+    border-right: 2px solid transparent;
+  }
+`;