@nice-digital/nds-hero 1.2.10-alpha.0 → 1.2.13
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.
- package/README.md +6 -0
- package/es/Hero.js +5 -2
- package/es/Hero.js.map +1 -1
- package/lib/Hero.js +16 -12
- package/lib/Hero.js.map +1 -1
- package/nds-hero.d.ts +1 -0
- package/package.json +4 -3
package/README.md
CHANGED
|
@@ -126,6 +126,12 @@ const myFooter = <p>Here is some footer content</p>;
|
|
|
126
126
|
<Hero title="The title" footer={myFooter}>
|
|
127
127
|
```
|
|
128
128
|
|
|
129
|
+
###### className
|
|
130
|
+
|
|
131
|
+
- Type: `string`
|
|
132
|
+
|
|
133
|
+
Any additional className will be merged on to the container.
|
|
134
|
+
|
|
129
135
|
### SCSS
|
|
130
136
|
|
|
131
137
|
If you're not using [React](#react), then import the SCSS directly into your application by:
|
package/es/Hero.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["actions", "children", "footer", "header", "intro", "title"];
|
|
3
|
+
var _excluded = ["actions", "children", "footer", "header", "intro", "title", "className"];
|
|
4
4
|
import React from "react";
|
|
5
5
|
import PropTypes from "prop-types";
|
|
6
|
+
import classnames from "classnames";
|
|
6
7
|
import "../scss/hero.scss";
|
|
7
8
|
export var Hero = function Hero(props) {
|
|
8
9
|
var actions = props.actions,
|
|
@@ -11,10 +12,11 @@ export var Hero = function Hero(props) {
|
|
|
11
12
|
header = props.header,
|
|
12
13
|
intro = props.intro,
|
|
13
14
|
title = props.title,
|
|
15
|
+
className = props.className,
|
|
14
16
|
rest = _objectWithoutPropertiesLoose(props, _excluded);
|
|
15
17
|
|
|
16
18
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
17
|
-
className: "hero"
|
|
19
|
+
className: classnames(["hero", className])
|
|
18
20
|
}, rest), /*#__PURE__*/React.createElement("div", {
|
|
19
21
|
className: "hero__container"
|
|
20
22
|
}, header && header, /*#__PURE__*/React.createElement("div", {
|
|
@@ -36,6 +38,7 @@ export var Hero = function Hero(props) {
|
|
|
36
38
|
Hero.propTypes = {
|
|
37
39
|
actions: PropTypes.node,
|
|
38
40
|
children: PropTypes.node,
|
|
41
|
+
className: PropTypes.string,
|
|
39
42
|
footer: PropTypes.node,
|
|
40
43
|
header: PropTypes.node,
|
|
41
44
|
intro: PropTypes.node,
|
package/es/Hero.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Hero.js"],"names":["React","PropTypes","Hero","props","actions","children","footer","header","intro","title","rest","propTypes","node","isRequired"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;
|
|
1
|
+
{"version":3,"sources":["../src/Hero.js"],"names":["React","PropTypes","classnames","Hero","props","actions","children","footer","header","intro","title","className","rest","propTypes","node","string","isRequired"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAO,mBAAP;AAEA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;AAC5B,MACCC,OADD,GASID,KATJ,CACCC,OADD;AAAA,MAECC,QAFD,GASIF,KATJ,CAECE,QAFD;AAAA,MAGCC,MAHD,GASIH,KATJ,CAGCG,MAHD;AAAA,MAICC,MAJD,GASIJ,KATJ,CAICI,MAJD;AAAA,MAKCC,KALD,GASIL,KATJ,CAKCK,KALD;AAAA,MAMCC,KAND,GASIN,KATJ,CAMCM,KAND;AAAA,MAOCC,SAPD,GASIP,KATJ,CAOCO,SAPD;AAAA,MAQIC,IARJ,iCASIR,KATJ;;AAUA,sBACC;AAAK,IAAA,SAAS,EAAEF,UAAU,CAAC,CAAC,MAAD,EAASS,SAAT,CAAD;AAA1B,KAAqDC,IAArD,gBACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACEJ,MAAM,IAAIA,MADZ,eAEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACC;AAAI,IAAA,SAAS,EAAC;AAAd,KAA6BE,KAA7B,CADD,EAEED,KAAK,iBAAI;AAAG,IAAA,SAAS,EAAC;AAAb,KAA4BA,KAA5B,CAFX,EAGEJ,OAAO,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAgCA,OAAhC,CAHb,CADD,EAMEC,QAAQ,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8BA,QAA9B,CANd,CAFD,EAUEC,MAAM,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,MAA/B,CAVZ,CADD,CADD;AAgBA,CA3BM;AA6BPJ,IAAI,CAACU,SAAL,GAAiB;AAChBR,EAAAA,OAAO,EAAEJ,SAAS,CAACa,IADH;AAEhBR,EAAAA,QAAQ,EAAEL,SAAS,CAACa,IAFJ;AAGhBH,EAAAA,SAAS,EAAEV,SAAS,CAACc,MAHL;AAIhBR,EAAAA,MAAM,EAAEN,SAAS,CAACa,IAJF;AAKhBN,EAAAA,MAAM,EAAEP,SAAS,CAACa,IALF;AAMhBL,EAAAA,KAAK,EAAER,SAAS,CAACa,IAND;AAOhBJ,EAAAA,KAAK,EAAET,SAAS,CAACa,IAAV,CAAeE;AAPN,CAAjB","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport \"../scss/hero.scss\";\n\nexport const Hero = props => {\n\tconst {\n\t\tactions,\n\t\tchildren,\n\t\tfooter,\n\t\theader,\n\t\tintro,\n\t\ttitle,\n\t\tclassName,\n\t\t...rest\n\t} = props;\n\treturn (\n\t\t<div className={classnames([\"hero\", className])} {...rest}>\n\t\t\t<div className=\"hero__container\">\n\t\t\t\t{header && header}\n\t\t\t\t<div className=\"hero__body\">\n\t\t\t\t\t<div className=\"hero__copy\">\n\t\t\t\t\t\t<h1 className=\"hero__title\">{title}</h1>\n\t\t\t\t\t\t{intro && <p className=\"hero__intro\">{intro}</p>}\n\t\t\t\t\t\t{actions && <div className=\"hero__actions\">{actions}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t\t{children && <div className=\"hero__extra\">{children}</div>}\n\t\t\t\t</div>\n\t\t\t\t{footer && <div className=\"hero__footer\">{footer}</div>}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nHero.propTypes = {\n\tactions: PropTypes.node,\n\tchildren: PropTypes.node,\n\tclassName: PropTypes.string,\n\tfooter: PropTypes.node,\n\theader: PropTypes.node,\n\tintro: PropTypes.node,\n\ttitle: PropTypes.node.isRequired\n};\n"],"file":"Hero.js"}
|
package/lib/Hero.js
CHANGED
|
@@ -13,11 +13,13 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
15
|
|
|
16
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
+
|
|
16
18
|
require("../scss/hero.scss");
|
|
17
19
|
|
|
18
|
-
var _excluded = ["actions", "children", "footer", "header", "intro", "title"];
|
|
20
|
+
var _excluded = ["actions", "children", "footer", "header", "intro", "title", "className"];
|
|
19
21
|
|
|
20
|
-
var _jsxFileName = "
|
|
22
|
+
var _jsxFileName = "C:\\_dev\\nice-design-system\\components\\nds-hero\\src\\Hero.js",
|
|
21
23
|
_this = void 0;
|
|
22
24
|
|
|
23
25
|
var Hero = function Hero(props) {
|
|
@@ -27,14 +29,15 @@ var Hero = function Hero(props) {
|
|
|
27
29
|
header = props.header,
|
|
28
30
|
intro = props.intro,
|
|
29
31
|
title = props.title,
|
|
32
|
+
className = props.className,
|
|
30
33
|
rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
31
34
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
32
|
-
className: "hero"
|
|
35
|
+
className: (0, _classnames["default"])(["hero", className])
|
|
33
36
|
}, rest, {
|
|
34
37
|
__self: _this,
|
|
35
38
|
__source: {
|
|
36
39
|
fileName: _jsxFileName,
|
|
37
|
-
lineNumber:
|
|
40
|
+
lineNumber: 18,
|
|
38
41
|
columnNumber: 3
|
|
39
42
|
}
|
|
40
43
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -42,7 +45,7 @@ var Hero = function Hero(props) {
|
|
|
42
45
|
__self: _this,
|
|
43
46
|
__source: {
|
|
44
47
|
fileName: _jsxFileName,
|
|
45
|
-
lineNumber:
|
|
48
|
+
lineNumber: 19,
|
|
46
49
|
columnNumber: 4
|
|
47
50
|
}
|
|
48
51
|
}, header && header, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -50,7 +53,7 @@ var Hero = function Hero(props) {
|
|
|
50
53
|
__self: _this,
|
|
51
54
|
__source: {
|
|
52
55
|
fileName: _jsxFileName,
|
|
53
|
-
lineNumber:
|
|
56
|
+
lineNumber: 21,
|
|
54
57
|
columnNumber: 5
|
|
55
58
|
}
|
|
56
59
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -58,7 +61,7 @@ var Hero = function Hero(props) {
|
|
|
58
61
|
__self: _this,
|
|
59
62
|
__source: {
|
|
60
63
|
fileName: _jsxFileName,
|
|
61
|
-
lineNumber:
|
|
64
|
+
lineNumber: 22,
|
|
62
65
|
columnNumber: 6
|
|
63
66
|
}
|
|
64
67
|
}, /*#__PURE__*/_react["default"].createElement("h1", {
|
|
@@ -66,7 +69,7 @@ var Hero = function Hero(props) {
|
|
|
66
69
|
__self: _this,
|
|
67
70
|
__source: {
|
|
68
71
|
fileName: _jsxFileName,
|
|
69
|
-
lineNumber:
|
|
72
|
+
lineNumber: 23,
|
|
70
73
|
columnNumber: 7
|
|
71
74
|
}
|
|
72
75
|
}, title), intro && /*#__PURE__*/_react["default"].createElement("p", {
|
|
@@ -74,7 +77,7 @@ var Hero = function Hero(props) {
|
|
|
74
77
|
__self: _this,
|
|
75
78
|
__source: {
|
|
76
79
|
fileName: _jsxFileName,
|
|
77
|
-
lineNumber:
|
|
80
|
+
lineNumber: 24,
|
|
78
81
|
columnNumber: 17
|
|
79
82
|
}
|
|
80
83
|
}, intro), actions && /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -82,7 +85,7 @@ var Hero = function Hero(props) {
|
|
|
82
85
|
__self: _this,
|
|
83
86
|
__source: {
|
|
84
87
|
fileName: _jsxFileName,
|
|
85
|
-
lineNumber:
|
|
88
|
+
lineNumber: 25,
|
|
86
89
|
columnNumber: 19
|
|
87
90
|
}
|
|
88
91
|
}, actions)), children && /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -90,7 +93,7 @@ var Hero = function Hero(props) {
|
|
|
90
93
|
__self: _this,
|
|
91
94
|
__source: {
|
|
92
95
|
fileName: _jsxFileName,
|
|
93
|
-
lineNumber:
|
|
96
|
+
lineNumber: 27,
|
|
94
97
|
columnNumber: 19
|
|
95
98
|
}
|
|
96
99
|
}, children)), footer && /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -98,7 +101,7 @@ var Hero = function Hero(props) {
|
|
|
98
101
|
__self: _this,
|
|
99
102
|
__source: {
|
|
100
103
|
fileName: _jsxFileName,
|
|
101
|
-
lineNumber:
|
|
104
|
+
lineNumber: 29,
|
|
102
105
|
columnNumber: 16
|
|
103
106
|
}
|
|
104
107
|
}, footer)));
|
|
@@ -108,6 +111,7 @@ exports.Hero = Hero;
|
|
|
108
111
|
Hero.propTypes = {
|
|
109
112
|
actions: _propTypes["default"].node,
|
|
110
113
|
children: _propTypes["default"].node,
|
|
114
|
+
className: _propTypes["default"].string,
|
|
111
115
|
footer: _propTypes["default"].node,
|
|
112
116
|
header: _propTypes["default"].node,
|
|
113
117
|
intro: _propTypes["default"].node,
|
package/lib/Hero.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Hero.js"],"names":["Hero","props","actions","children","footer","header","intro","title","rest","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;
|
|
1
|
+
{"version":3,"sources":["../src/Hero.js"],"names":["Hero","props","actions","children","footer","header","intro","title","className","rest","propTypes","PropTypes","node","string","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;AAEO,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;AAC5B,MACCC,OADD,GASID,KATJ,CACCC,OADD;AAAA,MAECC,QAFD,GASIF,KATJ,CAECE,QAFD;AAAA,MAGCC,MAHD,GASIH,KATJ,CAGCG,MAHD;AAAA,MAICC,MAJD,GASIJ,KATJ,CAICI,MAJD;AAAA,MAKCC,KALD,GASIL,KATJ,CAKCK,KALD;AAAA,MAMCC,KAND,GASIN,KATJ,CAMCM,KAND;AAAA,MAOCC,SAPD,GASIP,KATJ,CAOCO,SAPD;AAAA,MAQIC,IARJ,kDASIR,KATJ;AAUA,sBACC;AAAK,IAAA,SAAS,EAAE,4BAAW,CAAC,MAAD,EAASO,SAAT,CAAX;AAAhB,KAAqDC,IAArD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBACC;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACEJ,MAAM,IAAIA,MADZ,eAEC;AAAK,IAAA,SAAS,EAAC,YAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACC;AAAK,IAAA,SAAS,EAAC,YAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACC;AAAI,IAAA,SAAS,EAAC,aAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA6BE,KAA7B,CADD,EAEED,KAAK,iBAAI;AAAG,IAAA,SAAS,EAAC,aAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4BA,KAA5B,CAFX,EAGEJ,OAAO,iBAAI;AAAK,IAAA,SAAS,EAAC,eAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAgCA,OAAhC,CAHb,CADD,EAMEC,QAAQ,iBAAI;AAAK,IAAA,SAAS,EAAC,aAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA8BA,QAA9B,CANd,CAFD,EAUEC,MAAM,iBAAI;AAAK,IAAA,SAAS,EAAC,cAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA+BA,MAA/B,CAVZ,CADD,CADD;AAgBA,CA3BM;;;AA6BPJ,IAAI,CAACU,SAAL,GAAiB;AAChBR,EAAAA,OAAO,EAAES,sBAAUC,IADH;AAEhBT,EAAAA,QAAQ,EAAEQ,sBAAUC,IAFJ;AAGhBJ,EAAAA,SAAS,EAAEG,sBAAUE,MAHL;AAIhBT,EAAAA,MAAM,EAAEO,sBAAUC,IAJF;AAKhBP,EAAAA,MAAM,EAAEM,sBAAUC,IALF;AAMhBN,EAAAA,KAAK,EAAEK,sBAAUC,IAND;AAOhBL,EAAAA,KAAK,EAAEI,sBAAUC,IAAV,CAAeE;AAPN,CAAjB","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport \"../scss/hero.scss\";\n\nexport const Hero = props => {\n\tconst {\n\t\tactions,\n\t\tchildren,\n\t\tfooter,\n\t\theader,\n\t\tintro,\n\t\ttitle,\n\t\tclassName,\n\t\t...rest\n\t} = props;\n\treturn (\n\t\t<div className={classnames([\"hero\", className])} {...rest}>\n\t\t\t<div className=\"hero__container\">\n\t\t\t\t{header && header}\n\t\t\t\t<div className=\"hero__body\">\n\t\t\t\t\t<div className=\"hero__copy\">\n\t\t\t\t\t\t<h1 className=\"hero__title\">{title}</h1>\n\t\t\t\t\t\t{intro && <p className=\"hero__intro\">{intro}</p>}\n\t\t\t\t\t\t{actions && <div className=\"hero__actions\">{actions}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t\t{children && <div className=\"hero__extra\">{children}</div>}\n\t\t\t\t</div>\n\t\t\t\t{footer && <div className=\"hero__footer\">{footer}</div>}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nHero.propTypes = {\n\tactions: PropTypes.node,\n\tchildren: PropTypes.node,\n\tclassName: PropTypes.string,\n\tfooter: PropTypes.node,\n\theader: PropTypes.node,\n\tintro: PropTypes.node,\n\ttitle: PropTypes.node.isRequired\n};\n"],"file":"Hero.js"}
|
package/nds-hero.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-hero",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.13",
|
|
4
4
|
"description": "Hero component for the NICE Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"hero"
|
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
"url": "https://github.com/nice-digital/nice-design-system/issues"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@nice-digital/nds-core": "^1.2.
|
|
40
|
+
"@nice-digital/nds-core": "^1.2.12",
|
|
41
|
+
"classnames": "^2.3.1",
|
|
41
42
|
"prop-types": "^15.7.2"
|
|
42
43
|
},
|
|
43
44
|
"peerDependencies": {
|
|
@@ -47,5 +48,5 @@
|
|
|
47
48
|
"devDependencies": {
|
|
48
49
|
"@babel/cli": "^7.5.0"
|
|
49
50
|
},
|
|
50
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "70d5237c684b38532174d7e7b81e0d859867b222"
|
|
51
52
|
}
|