react-jupiter 5.9.51 → 5.9.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/typography/heading/index.js +7 -5
  3. package/typography/heading/index.stories.js +2 -0
  4. package/typography/heading/index.styles.js +8 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-jupiter",
3
- "version": "5.9.51",
3
+ "version": "5.9.52",
4
4
  "main": "./index.js",
5
5
  "license": "MIT",
6
6
  "keywords": [
package/typography/heading/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "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"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_index=require("./index.styles"),_excluded=["children","size","level"];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)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}var
1
+ "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"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_index=require("./index.styles"),_excluded=["children","size","level","color"];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)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}var
2
2
 
3
3
 
4
4
 
@@ -12,7 +12,7 @@ sizes=_theme.default.sizes,
12
12
  Heading=function(a){var
13
13
 
14
14
  b=
15
- a.children,c=a.size,d=a.level,e=_objectWithoutProperties(a,_excluded);
15
+ a.children,c=a.size,d=a.level,e=a.color,f=_objectWithoutProperties(a,_excluded);
16
16
 
17
17
 
18
18
 
@@ -38,7 +38,7 @@ a.children,c=a.size,d=a.level,e=_objectWithoutProperties(a,_excluded);
38
38
  return/*#__PURE__*/(
39
39
  _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
40
40
  _react.default.createElement(_globalStyle.default,null),
41
- function renderLevel(a,b,c){if(a===void 0)return null;switch(c){case 6:return/*#__PURE__*/_react.default.createElement(_index.H6,_extends({size:b,"data-test":"h6-tag"},e),a);case 5:return/*#__PURE__*/_react.default.createElement(_index.H5,_extends({size:b,"data-test":"h5-tag"},e),a);case 4:return/*#__PURE__*/_react.default.createElement(_index.H4,_extends({size:b,"data-test":"h4-tag"},e),a);case 3:return/*#__PURE__*/_react.default.createElement(_index.H3,_extends({size:b,"data-test":"h3-tag"},e),a);case 2:return/*#__PURE__*/_react.default.createElement(_index.H2,_extends({size:b,"data-test":"h2-tag"},e),a);case 1:default:return/*#__PURE__*/_react.default.createElement(_index.H1,_extends({size:b,"data-test":"h1-tag"},e),a);}}(b,c,d)));
41
+ function renderLevel(){if(b===void 0)return null;switch(d){case 6:return/*#__PURE__*/_react.default.createElement(_index.H6,_extends({size:c,"data-test":"h6-tag",color:e},f),b);case 5:return/*#__PURE__*/_react.default.createElement(_index.H5,_extends({size:c,"data-test":"h5-tag",color:e},f),b);case 4:return/*#__PURE__*/_react.default.createElement(_index.H4,_extends({size:c,"data-test":"h4-tag",color:e},f),b);case 3:return/*#__PURE__*/_react.default.createElement(_index.H3,_extends({size:c,"data-test":"h3-tag",color:e},f),b);case 2:return/*#__PURE__*/_react.default.createElement(_index.H2,_extends({size:c,"data-test":"h2-tag",color:e},f),b);case 1:default:return/*#__PURE__*/_react.default.createElement(_index.H1,_extends({size:c,"data-test":"h1-tag",color:e},f),b);}}()));
42
42
 
43
43
 
44
44
  };
@@ -50,12 +50,14 @@ _propTypes.default.node,
50
50
  _propTypes.default.string]).
51
51
  isRequired,
52
52
  size:_propTypes.default.oneOf([sizes.large,sizes.medium,sizes.small]),
53
- level:_propTypes.default.oneOf([1,2,3,4,5,6])
53
+ level:_propTypes.default.oneOf([1,2,3,4,5,6]),
54
+ color:_propTypes.default.oneOf(["red","green","blue","yellow","white","darkBlue"])
54
55
  },
55
56
 
56
57
  Heading.defaultProps={
57
58
  size:sizes.medium,
58
- level:1
59
+ level:1,
60
+ color:"default"
59
61
  };var _default=
60
62
 
61
63
  Heading;exports.default=_default;
package/typography/heading/index.stories.js CHANGED
@@ -11,6 +11,8 @@ SmallH1:(0,_addonActions.action)("small h1")
11
11
  (0,_react2.storiesOf)("Heading",module).
12
12
  add("Heading default",function(){return/*#__PURE__*/_react.default.createElement(_index.default,null,"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u062F\u06CC\u0641\u0627\u0644\u062A \u0627\u0633\u062A")}).
13
13
  add("H1 default",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u062F\u06CC\u0641\u0627\u0644\u062A \u0627\u0633\u062A")}).
14
+ add("H1 blue",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,color:"blue"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u062F\u06CC\u0641\u0627\u0644\u062A \u0627\u0633\u062A")}).
15
+ add("H1 red",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,color:"red"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u062F\u06CC\u0641\u0627\u0644\u062A \u0627\u0633\u062A")}).
14
16
  add("H1 small",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,size:"sm"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u06A9\u0648\u0686\u06A9 \u0627\u0633\u062A")}).
15
17
  add("H1 medium",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,size:"md"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u0645\u062A\u0633\u0648\u0637 \u0627\u0633\u062A")}).
16
18
  add("H1 large",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{level:1,size:"lg"},"\u0627\u06CC\u0646 \u06CC\u06A9 \u0627\u0686 \u06CC\u06A9 \u0628\u0632\u0631\u06AF \u0627\u0633\u062A")}).
package/typography/heading/index.styles.js CHANGED
@@ -1,4 +1,5 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_styledComponents=_interopRequireDefault(require("styled-components")),_utils=require("../utils");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)}}))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_styledComponents=_interopRequireDefault(require("styled-components")),_utils=require("../utils"),_theme=require("../../utils/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)}}))}
2
+
2
3
 
3
4
 
4
5
  var H1=_styledComponents.default.h1(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n margin: ","\n font-size: ","\n line-height: ","\n color: ",";\n font-weight: bold;\n"])),
@@ -8,7 +9,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
8
9
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
9
10
  (0,_utils.getSizeOfHeading)(b,c,1)*b.lineHeightRatio,"px;\n ")},
10
11
 
11
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H1=H1;
12
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H1=H1;
12
13
 
13
14
 
14
15
 
@@ -19,7 +20,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
19
20
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
20
21
  (0,_utils.getSizeOfHeading)(b,c,2)*b.lineHeightRatio,"px;\n ")},
21
22
 
22
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H2=H2;
23
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H2=H2;
23
24
 
24
25
 
25
26
 
@@ -30,7 +31,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
30
31
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
31
32
  (0,_utils.getSizeOfHeading)(b,c,3)*b.lineHeightRatio,"px;\n ")},
32
33
 
33
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H3=H3;
34
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H3=H3;
34
35
 
35
36
 
36
37
 
@@ -41,7 +42,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
41
42
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
42
43
  (0,_utils.getSizeOfHeading)(b,c,4)*b.lineHeightRatio,"px;\n ")},
43
44
 
44
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H4=H4;
45
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H4=H4;
45
46
 
46
47
 
47
48
 
@@ -52,7 +53,7 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
52
53
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
53
54
  (0,_utils.getSizeOfHeading)(b,c,5)*b.lineHeightRatio,"px;\n ")},
54
55
 
55
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H5=H5;
56
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H5=H5;
56
57
 
57
58
 
58
59
 
@@ -63,4 +64,4 @@ function(a){var b=a.theme,c=a.size;return"".concat((0,_utils.getSizeOfHeading)(b
63
64
  function(a){var b=a.theme,c=a.size;return"\n ".concat(
64
65
  (0,_utils.getSizeOfHeading)(b,c,6)*b.lineHeightRatio,"px;\n ")},
65
66
 
66
- function(a){var b=a.theme;return"".concat(b.defaultColor)});exports.H6=H6;
67
+ function(a){var b=a.theme,c=a.color;return(0,_theme.getColorFromName)(b,c)});exports.H6=H6;