@nice-digital/global-nav 4.1.781-GN-174-Update-about- → 4.1.784
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 +12 -1
- package/lib/Header/Nav/Dropdown/Components/AboutUs.js +54 -71
- package/lib/Header/Nav/Dropdown/Components/BNF.js +1 -1
- package/lib/Header/Nav/Dropdown/Components/BNFc.js +1 -1
- package/lib/Header/Nav/Dropdown/Components/Components.module.scss +0 -31
- package/lib/Header/Nav/Dropdown/Components/Grid.js +4 -13
- package/lib/Main/BackToTop/BackToTop.js +3 -1
- package/lib/Main/BackToTop/BackToTop.module.scss +6 -0
- package/lib/Main/Main.js +7 -3
- package/lib/Main/Main.module.scss +4 -0
- package/package.json +1 -1
- package/types.d.ts +1 -0
package/README.md
CHANGED
|
@@ -37,6 +37,8 @@
|
|
|
37
37
|
- [Installation](#installation)
|
|
38
38
|
- [Usage](#usage)
|
|
39
39
|
- [Props](#props)
|
|
40
|
+
- [Main props](#main-props)
|
|
41
|
+
- [Main.withPadding](#mainwithpadding)
|
|
40
42
|
- [Header props](#header-props)
|
|
41
43
|
- [Header.service](#headerservice)
|
|
42
44
|
- [Header.skipLinkId](#headerskiplinkid)
|
|
@@ -319,7 +321,7 @@ const search = {
|
|
|
319
321
|
const page = () => (
|
|
320
322
|
<div>
|
|
321
323
|
<Header service="pathways" search={search} />
|
|
322
|
-
<Main myOptionalProp={myOptionalProp} className="my-optional-class" >{/* Your page content here */} </Main>
|
|
324
|
+
<Main withPadding={true} myOptionalProp={myOptionalProp} className="my-optional-class" >{/* Your page content here */} </Main>
|
|
323
325
|
<Footer />
|
|
324
326
|
</div>
|
|
325
327
|
);
|
|
@@ -330,6 +332,15 @@ For a full list of all the available props, see the [props section](#props) belo
|
|
|
330
332
|
|
|
331
333
|
#### Props
|
|
332
334
|
|
|
335
|
+
##### Main props
|
|
336
|
+
|
|
337
|
+
###### Main.withPadding
|
|
338
|
+
|
|
339
|
+
- Type: `Boolean`
|
|
340
|
+
- Default: true
|
|
341
|
+
|
|
342
|
+
Optional spacing between page content and footer back-to-top link.
|
|
343
|
+
|
|
333
344
|
##### Header props
|
|
334
345
|
|
|
335
346
|
###### Header.service
|
|
@@ -29,102 +29,85 @@ function AboutUs() {
|
|
|
29
29
|
|
|
30
30
|
var rootUrl = _services["default"].rootUrl;
|
|
31
31
|
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
32
|
-
"aria-label": "About - navigation"
|
|
32
|
+
"aria-label": "About us - dropdown navigation"
|
|
33
33
|
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
34
34
|
className: "mt--0"
|
|
35
|
-
}, "About"), /*#__PURE__*/_react["default"].createElement("p", null, "We provide national guidance and advice to improve health and social care."), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
|
|
35
|
+
}, "About us"), /*#__PURE__*/_react["default"].createElement("p", null, "We provide national guidance and advice to improve health and social care."), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
|
|
36
36
|
variant: "cta",
|
|
37
37
|
to: baseUrl
|
|
38
|
-
}, "Explore about"), /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
|
|
38
|
+
}, "Explore about us"), /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
|
|
39
39
|
gutter: "loose"
|
|
40
40
|
}, /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
|
|
41
|
-
"data-tracking": "
|
|
42
|
-
className: (0, _classnames["default"])(_ComponentsModule["default"].aboutCol, _ComponentsModule["default"].aboutCol1)
|
|
41
|
+
"data-tracking": "Who we are"
|
|
43
42
|
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
44
43
|
className: "mt--d"
|
|
45
|
-
}, "
|
|
44
|
+
}, "Who we are"), /*#__PURE__*/_react["default"].createElement("ul", {
|
|
46
45
|
className: (0, _classnames["default"])(_ComponentsModule["default"].listUnstyled, "mt--d")
|
|
47
46
|
}, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
48
|
-
href: baseUrl + "/
|
|
49
|
-
}, "
|
|
50
|
-
href: baseUrl + "/
|
|
51
|
-
}, "
|
|
52
|
-
href: "
|
|
53
|
-
}, "
|
|
54
|
-
href: baseUrl + "/
|
|
55
|
-
}, "
|
|
56
|
-
href: baseUrl + "/
|
|
57
|
-
}, "
|
|
58
|
-
href: baseUrl + "/
|
|
59
|
-
}, "
|
|
60
|
-
"data-tracking": "Get involved",
|
|
61
|
-
className: (0, _classnames["default"])(_ComponentsModule["default"].aboutCol)
|
|
62
|
-
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
63
|
-
className: "mt--d"
|
|
64
|
-
}, "Get involved"), /*#__PURE__*/_react["default"].createElement("ul", {
|
|
65
|
-
className: (0, _classnames["default"])(_ComponentsModule["default"].listColumnar, "mt--d")
|
|
66
|
-
}, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Understand how decisions are made:"), /*#__PURE__*/_react["default"].createElement("a", {
|
|
67
|
-
href: rootUrl + "/get-involved/meetings-in-public"
|
|
68
|
-
}, "Attend a committee meeting")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Comment on draft guidance:"), /*#__PURE__*/_react["default"].createElement("a", {
|
|
69
|
-
href: rootUrl + "/get-involved/consultations"
|
|
70
|
-
}, "Guidance in consultation")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Be part of a guidance committee:"), /*#__PURE__*/_react["default"].createElement("a", {
|
|
71
|
-
href: rootUrl + "/get-involved/our-committees"
|
|
72
|
-
}, "Join a committee")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Help develop our products:"), /*#__PURE__*/_react["default"].createElement("a", {
|
|
73
|
-
href: rootUrl + "/get-involved/stakeholder-registration"
|
|
74
|
-
}, "Register as a stakeholder")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Putting you at the heart of our work:"), /*#__PURE__*/_react["default"].createElement("a", {
|
|
75
|
-
href: rootUrl + "/about/nice-communities/nice-and-the-public/public-involvement"
|
|
76
|
-
}, "Public involvement")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, "Test our guideline prototype:"), /*#__PURE__*/_react["default"].createElement("a", {
|
|
77
|
-
href: rootUrl + "/get-involved/help-shape-the-future-of-nice-guidelines"
|
|
78
|
-
}, "Help shape the future of NICE guidelines"))), /*#__PURE__*/_react["default"].createElement(_Grid.Grid, null, /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
|
|
47
|
+
href: baseUrl + "/who-we-are/board"
|
|
48
|
+
}, "The board")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
49
|
+
href: baseUrl + "/who-we-are/senior-management-team"
|
|
50
|
+
}, "Executive team")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
51
|
+
href: baseUrl + "/who-we-are/guidance-executive"
|
|
52
|
+
}, "Guidance executive")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
53
|
+
href: baseUrl + "/who-we-are/structure-of-nice"
|
|
54
|
+
}, "Our structure")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
55
|
+
href: baseUrl + "/who-we-are/policies-and-procedures"
|
|
56
|
+
}, "Policies and procedures")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
57
|
+
href: baseUrl + "/who-we-are/corporate-publications/the-nice-strategy-2021-to-2026"
|
|
58
|
+
}, "The NICE strategy 2021 to 2026")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
|
|
79
59
|
"data-tracking": "What we do"
|
|
80
60
|
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
81
61
|
className: "mt--d"
|
|
82
62
|
}, "What we do"), /*#__PURE__*/_react["default"].createElement("ul", {
|
|
83
63
|
className: (0, _classnames["default"])(_ComponentsModule["default"].listUnstyled, "mt--d")
|
|
84
64
|
}, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
85
|
-
href: baseUrl + "/
|
|
65
|
+
href: baseUrl + "/what-we-do/our-programmes/evidence-standards-framework-for-digital-health-technologies"
|
|
66
|
+
}, "Digital health")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
67
|
+
href: baseUrl + "/what-we-do/nice-international"
|
|
68
|
+
}, "NICE international")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
69
|
+
href: baseUrl + "/nice-communities/social-care"
|
|
86
70
|
}, "Social care")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
87
|
-
href: baseUrl + "/
|
|
71
|
+
href: baseUrl + "/what-we-do/life-sciences"
|
|
88
72
|
}, "Life sciences")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
89
|
-
href: baseUrl + "/
|
|
90
|
-
}, "
|
|
91
|
-
href: baseUrl + "/
|
|
92
|
-
}, "Patient safety")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
93
|
-
href: baseUrl + "/about/what-we-do/our-programmes/nice-guidance/nice-guidelines/shared-decision-making"
|
|
73
|
+
href: baseUrl + "/what-we-do/into-practice"
|
|
74
|
+
}, "Into practice")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
75
|
+
href: baseUrl + "/what-we-do/our-programmes/nice-guidance/nice-guidelines/shared-decision-making"
|
|
94
76
|
}, "Shared decision making")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
|
|
95
|
-
"data-tracking": "
|
|
77
|
+
"data-tracking": "Our programmes"
|
|
96
78
|
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
97
79
|
className: "mt--d"
|
|
98
|
-
}, "
|
|
80
|
+
}, "Our programmes"), /*#__PURE__*/_react["default"].createElement("ul", {
|
|
99
81
|
className: (0, _classnames["default"])(_ComponentsModule["default"].listUnstyled, "mt--d")
|
|
100
82
|
}, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
101
|
-
href: baseUrl + "/
|
|
102
|
-
}, "
|
|
103
|
-
href: baseUrl + "/
|
|
104
|
-
}, "
|
|
105
|
-
href:
|
|
106
|
-
}, "
|
|
107
|
-
href: baseUrl + "/
|
|
108
|
-
}, "
|
|
109
|
-
|
|
83
|
+
href: baseUrl + "/what-we-do/our-programmes/nice-guidance"
|
|
84
|
+
}, "Guidance")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
85
|
+
href: baseUrl + "/what-we-do/our-programmes/nice-advice"
|
|
86
|
+
}, "Advice")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
87
|
+
href: "https://www.nice.org.uk/standards-and-indicators"
|
|
88
|
+
}, "Standards and indicators")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
89
|
+
href: baseUrl + "/what-we-do/our-programmes/topic-selection"
|
|
90
|
+
}, "Topic selection")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
91
|
+
href: baseUrl + "/what-we-do/our-programmes/cost-savings-resource-planning"
|
|
92
|
+
}, "Financial planning")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
93
|
+
href: baseUrl + "/what-we-do/our-programmes/patient-safety"
|
|
94
|
+
}, "Patient safety")))), /*#__PURE__*/_react["default"].createElement(_Grid.GridItem, {
|
|
95
|
+
"data-tracking": "Get involved"
|
|
110
96
|
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
111
97
|
className: "mt--d"
|
|
112
|
-
}, "
|
|
98
|
+
}, "Get involved"), /*#__PURE__*/_react["default"].createElement("ul", {
|
|
113
99
|
className: (0, _classnames["default"])(_ComponentsModule["default"].listUnstyled, "mt--d")
|
|
114
100
|
}, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
115
|
-
href:
|
|
116
|
-
}, "
|
|
117
|
-
href:
|
|
118
|
-
}, "
|
|
119
|
-
href:
|
|
120
|
-
}, "
|
|
121
|
-
href:
|
|
122
|
-
}, "
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}, "Contact us")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
128
|
-
href: baseUrl + "/get-involved/jobs"
|
|
129
|
-
}, "Jobs"))));
|
|
101
|
+
href: rootUrl + "/Get-Involved/stakeholder-registration"
|
|
102
|
+
}, "Register as a stakeholder")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
103
|
+
href: rootUrl + "/Get-Involved/Consultations"
|
|
104
|
+
}, "Comment on a consultation")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
105
|
+
href: rootUrl + "/Get-Involved/our-committees"
|
|
106
|
+
}, "Join a committee")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
107
|
+
href: rootUrl + "/Get-Involved/Meetings-in-public"
|
|
108
|
+
}, "Come to a meeting")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
109
|
+
href: rootUrl + "/Get-Involved/jobs"
|
|
110
|
+
}, "Work with us")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
111
|
+
href: rootUrl + "/about/nice-communities/nice-and-the-public/public-involvement"
|
|
112
|
+
}, "Public involvement"))))));
|
|
130
113
|
}
|
|
@@ -166,7 +166,7 @@ function BNF() {
|
|
|
166
166
|
className: _ComponentsModule["default"].listUnstyled
|
|
167
167
|
}, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
168
168
|
href: baseUrl + "/about/changes.html"
|
|
169
|
-
}, "Latest BNF
|
|
169
|
+
}, "Latest BNF"))))), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("a", {
|
|
170
170
|
href: baseUrl + "/about/"
|
|
171
171
|
}, "About BNF"));
|
|
172
172
|
}
|
|
@@ -166,7 +166,7 @@ function BNFc() {
|
|
|
166
166
|
className: _ComponentsModule["default"].listUnstyled
|
|
167
167
|
}, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("a", {
|
|
168
168
|
href: baseUrl + "/about/changes.html"
|
|
169
|
-
}, "Latest BNFC
|
|
169
|
+
}, "Latest BNFC"))))), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("a", {
|
|
170
170
|
href: baseUrl + "/about/"
|
|
171
171
|
}, "About BNFC"));
|
|
172
172
|
}
|
|
@@ -13,37 +13,6 @@
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.listColumnar {
|
|
17
|
-
@extend .listUnstyled;
|
|
18
|
-
align-items: flex-start;
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-wrap: wrap;
|
|
21
|
-
|
|
22
|
-
p {
|
|
23
|
-
margin: 0;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
li {
|
|
27
|
-
width: 100%;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@include mq($from: md) {
|
|
31
|
-
li {
|
|
32
|
-
margin-bottom: rem($nds-spacing-large);
|
|
33
|
-
padding-right: rem($nds-spacing-small);
|
|
34
|
-
width: calc(100% / 3);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.aboutCol {
|
|
40
|
-
flex-basis: auto;
|
|
41
|
-
|
|
42
|
-
&.aboutCol1 {
|
|
43
|
-
flex-shrink: 0;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
16
|
.alphabet {
|
|
48
17
|
display: flex;
|
|
49
18
|
flex-wrap: wrap;
|
|
@@ -6,8 +6,6 @@ exports.__esModule = true;
|
|
|
6
6
|
exports.Grid = Grid;
|
|
7
7
|
exports.GridItem = GridItem;
|
|
8
8
|
|
|
9
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
|
-
|
|
11
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
10
|
|
|
13
11
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -16,28 +14,21 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
16
14
|
|
|
17
15
|
var _GridModule = _interopRequireDefault(require("./Grid.module.scss"));
|
|
18
16
|
|
|
19
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
20
|
-
|
|
21
|
-
var _excluded = ["className"];
|
|
22
|
-
|
|
23
17
|
function Grid(props) {
|
|
24
18
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
25
19
|
className: _GridModule["default"].grid
|
|
26
20
|
}, props));
|
|
27
21
|
}
|
|
28
22
|
|
|
29
|
-
function GridItem(
|
|
30
|
-
var className = _ref.className,
|
|
31
|
-
props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
23
|
+
function GridItem(props) {
|
|
32
24
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
33
|
-
className:
|
|
25
|
+
className: _GridModule["default"].gridItem
|
|
34
26
|
}, props));
|
|
35
27
|
}
|
|
36
28
|
|
|
37
29
|
Grid.propTypes = {
|
|
38
|
-
children: _propTypes["default"].node
|
|
30
|
+
children: _propTypes["default"].node
|
|
39
31
|
};
|
|
40
32
|
GridItem.propTypes = {
|
|
41
|
-
children: _propTypes["default"].node
|
|
42
|
-
className: _propTypes["default"].string
|
|
33
|
+
children: _propTypes["default"].node
|
|
43
34
|
};
|
|
@@ -40,7 +40,9 @@ var BackToTop = function BackToTop() {
|
|
|
40
40
|
id: "back-to-top-link",
|
|
41
41
|
href: "#top",
|
|
42
42
|
onClick: handleClick
|
|
43
|
-
}, /*#__PURE__*/_react["default"].createElement(_ndsContainer.Container,
|
|
43
|
+
}, /*#__PURE__*/_react["default"].createElement(_ndsContainer.Container, {
|
|
44
|
+
className: _BackToTopModule["default"].container
|
|
45
|
+
}, /*#__PURE__*/_react["default"].createElement(_ChevronUp["default"], null), " Back to top"))));
|
|
44
46
|
};
|
|
45
47
|
|
|
46
48
|
exports.BackToTop = BackToTop;
|
|
@@ -31,6 +31,7 @@ $back-to-top-height: rem(
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
svg {
|
|
34
|
+
margin-right: rem($nds-spacing-small);
|
|
34
35
|
transition: all 0.25s ease;
|
|
35
36
|
}
|
|
36
37
|
|
|
@@ -41,6 +42,11 @@ $back-to-top-height: rem(
|
|
|
41
42
|
transform: translateY(-#{rem($nds-spacing-xx-small)});
|
|
42
43
|
}
|
|
43
44
|
}
|
|
45
|
+
|
|
46
|
+
.container {
|
|
47
|
+
align-items: center;
|
|
48
|
+
display: flex;
|
|
49
|
+
}
|
|
44
50
|
}
|
|
45
51
|
|
|
46
52
|
@supports (position: sticky) {
|
package/lib/Main/Main.js
CHANGED
|
@@ -20,20 +20,24 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
20
20
|
|
|
21
21
|
var _MainModule = _interopRequireDefault(require("./Main.module.scss"));
|
|
22
22
|
|
|
23
|
-
var _excluded = ["children", "className"];
|
|
23
|
+
var _excluded = ["children", "className", "withPadding"];
|
|
24
24
|
|
|
25
25
|
function Main(props) {
|
|
26
26
|
var children = props.children,
|
|
27
27
|
className = props.className,
|
|
28
|
+
_props$withPadding = props.withPadding,
|
|
29
|
+
withPadding = _props$withPadding === void 0 ? true : _props$withPadding,
|
|
28
30
|
rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
29
31
|
return /*#__PURE__*/_react["default"].createElement("main", (0, _extends2["default"])({
|
|
30
|
-
|
|
32
|
+
withPadding: withPadding,
|
|
33
|
+
className: (0, _classnames["default"])([_MainModule["default"].main, className], withPadding && _MainModule["default"].withPadding)
|
|
31
34
|
}, rest), children, /*#__PURE__*/_react["default"].createElement(_BackToTop.BackToTop, null));
|
|
32
35
|
}
|
|
33
36
|
|
|
34
37
|
Main.propTypes = {
|
|
35
38
|
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
36
|
-
className: _propTypes["default"].string
|
|
39
|
+
className: _propTypes["default"].string,
|
|
40
|
+
withPadding: _propTypes["default"]["boolean"]
|
|
37
41
|
};
|
|
38
42
|
var _default = Main;
|
|
39
43
|
exports["default"] = _default;
|
|
@@ -8,5 +8,9 @@ $back-to-top-height: rem(
|
|
|
8
8
|
.main {
|
|
9
9
|
padding-bottom: $back-to-top-height; /* space for the back to top link to dock */
|
|
10
10
|
position: relative;
|
|
11
|
+
|
|
12
|
+
&.withPadding {
|
|
13
|
+
padding-bottom: $back-to-top-height + rem($nds-spacing-large); /* space between page content and footer when withPadding prop set to true */
|
|
14
|
+
}
|
|
11
15
|
}
|
|
12
16
|
}
|
package/package.json
CHANGED