react-jupiter 5.9.14 → 5.9.16

package/form-v7/checkbox/checkbox-option.js

@@ -15,20 +15,21 @@
 var CheckboxOption=function(a){var
 
 b=
-a.label,c=a.value,d=a.isDisabled,e=a.isChecked,f=a.groupName,g=a.register,
-h="".concat(f,"-").concat(c,"-").concat(b.split(" ").join(""));
+a.label,c=a.value,d=a.isDisabled,e=a.isChecked,f=a.groupName,g=a.register,h=a.handleOnchange,
+i="".concat(f,"-").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("label",{htmlFor:i},/*#__PURE__*/
 _react.default.createElement(_index.Input,_extends({
 type:"checkbox",
-id:h,
+id:i,
 name:f,
 value:c,
 defaultChecked:e},
 g(f,{
-disabled:d
+disabled:d,
+onChange:h
 }))),/*#__PURE__*/
 
 _react.default.createElement(_typography.Text,{size:14},

package/form-v7/checkbox/index.stories.js

@@ -1,4 +1,4 @@
-"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";var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_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}}
 
 
 
@@ -11,14 +11,20 @@
 
 
 
-(0,_react2.storiesOf)("Form/Checkbox",module).
-add("Minimal Form/Checkbox",function(){return/*#__PURE__*/(
+
+(0,_react2.storiesOf)("Form-V7/Checkbox",module).
+add("Minimal Form/Checkbox",function(){
+var a=
+
+(0,_reactHookForm.useForm)(),b=a.register;
+return/*#__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"})))}).
+_react.default.createElement(_checkboxOption.default,{value:"first",label:"First Value",register:b,handleOnchange:function handleOnchange(a){return console.log(a)}}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"sec",label:"Sec Value",register:b,handleOnchange:function handleOnchange(a){return console.log(a)}}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"third",label:"Third Value",register:b,handleOnchange:function handleOnchange(a){return console.log(a.target.checked)}})));
 
 
+}).
 add("Full option Checkbox",function(){return/*#__PURE__*/(
 _react.default.createElement(_checkbox.default,{
 groupName:(0,_addonKnobs.text)("optional groupName(but highly recommended to set manually)","degree"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "5.9.14",
+  "version": "5.9.16",
   "main": "./index.js",
   "license": "MIT",
   "keywords": [

package/themes.js

@@ -26,7 +26,8 @@ gray400:"#EBEBEB",
 gray200:"#F9F9F9",
 riverBedDark:"#3B4141",
 riverBed:"#555f61",
-white:"#FFFFFF"
+white:"#FFFFFF",
+black:"#000000"
 },
 sizes:{
 large:"lg",

package/typography/text/index.js

@@ -109,7 +109,7 @@ _propTypes.default.node,
 _propTypes.default.string]).
 isRequired,
 size:_propTypes.default.number,
-color:_propTypes.default.oneOf(["red","green","blue","yellow","white","darkBlue"]),
+color:_propTypes.default.oneOf(["red","green","blue","yellow","white","darkBlue","black"]),
 underline:_propTypes.default.bool,
 lineThrough:_propTypes.default.bool,
 strong:_propTypes.default.bool,

package/typography/text/index.stories.js

@@ -12,6 +12,7 @@ add("red text",function(){return/*#__PURE__*/_react.default.createElement(_index
 add("green text",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{color:"green"},"\u0645\u062A\u0646 \u0633\u0628\u0632 \u0631\u0646\u06AF")}).
 add("yellow text",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{color:"yellow"},"\u0645\u062A\u0646 \u0632\u0631\u062F \u0631\u0646\u06AF")}).
 add("gray text",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{color:"gray"},"\u0645\u062A\u0646 \u062E\u0627\u06A9\u0633\u062A\u0631\u06CC \u0631\u0646\u06AF")}).
+add("black text",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{color:"black"},"\u0645\u062A\u0646 \u0645\u0634\u06A9\u06CC \u0631\u0646\u06AF")}).
 add("text with custom size",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{size:18},"\u0645\u062A\u0646 \u0628\u0627 \u0633\u0627\u06CC\u0632 \u06A9\u0627\u0633\u062A\u0648\u0645")}).
 add("text with underline",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{underline:!0},"\u0645\u062A\u0646 \u0632\u06CC\u0631\u062E\u0637 \u062F\u0627\u0631")}).
 add("bold text",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{bold:!0},"\u0645\u062A\u0646 \u0628\u0648\u0644\u062F")}).

package/utils/theme.js

@@ -18,6 +18,8 @@ case"white":
 return a.colors.white;
 case"light":
 return a.colors.riverBed;
+case"black":
+return a.colors.black;
 default:
 case"default":
 return a.defaultColor;}
@@ -36,6 +38,8 @@ case"yellow":
 return a.colors.yellow400;
 case"darkBlue":
 return a.colors.darkBlue400;
+case"black":
+return a.colors.gray600;
 default:
 case"default":
 return a.defaultColor;}