@newskit-render/standalone-components 0.18.2 → 0.19.0

package/dist/cjs/help-hub/components/ContentListView/ContentListView.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ContentListView: React.FC<{
+    data?: any[];
+}>;

package/dist/cjs/help-hub/components/ContentListView/ContentListView.js

@@ -0,0 +1,35 @@
+"use strict";
+//TODO: Move ContentViewList to shared-components
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentListView = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+// import { Introduction } from './Introduction'
+var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid #dedede;\n  border-radius: 8px;\n"], ["\n  border: 1px solid #dedede;\n  border-radius: 8px;\n"
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+])));
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var ContentListView = function (_a) {
+    var 
+    // children,
+    _b = _a.data, 
+    // children,
+    data = _b === void 0 ? [] : _b;
+    return (react_1.default.createElement(newskit_1.MediaQueryProvider, null,
+        react_1.default.createElement(StyledStructuredList, { ariaLabel: "list" }, data.map(function (element, i) {
+            var _a = element, title = _a.title, description = _a.description;
+            return (react_1.default.createElement(newskit_1.StructuredListItem, { key: i },
+                title && react_1.default.createElement(newskit_1.StructuredListCell, null, title),
+                description && (react_1.default.createElement(newskit_1.StructuredListCell, null, description))));
+        }))));
+};
+exports.ContentListView = ContentListView;
+var templateObject_1;
+//# sourceMappingURL=ContentListView.js.map

package/dist/cjs/help-hub/components/ContentListView/ContentListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/ContentListView/ContentListView.tsx"],"names":[],"mappings":";AAAA,iDAAiD;;;;;;;;;;AAEjD,gDAAyB;AACzB,mCAkBgB;AAChB,gDAAgD;AAEhD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,4HAAA,yDAGlD;IAED,8DAA8D;IAF7D,CAAA;AAED,8DAA8D;AACvD,IAAM,eAAe,GAA+B,UAAC,EAG3D;;IAFC,YAAY;IACZ,YAAS;IADT,YAAY;IACZ,IAAI,mBAAG,EAAE,KAAA;IAET,OAAO,CACL,8BAAC,4BAAkB;QAMjB,8BAAC,oBAAoB,IAAC,SAAS,EAAC,MAAM,IACnC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;YACb,IAAA,KAAyB,OAK9B,EALO,KAAK,WAAA,EAAE,WAAW,iBAKzB,CAAA;YAED,OAAO,CACL,8BAAC,4BAAkB,IACjB,GAAG,EAAE,CAAC;gBASL,KAAK,IAAI,8BAAC,4BAAkB,QAAE,KAAK,CAAsB;gBAEzD,WAAW,IAAI,CACd,8BAAC,4BAAkB,QAAE,WAAW,CAAsB,CACvD,CAUkB,CACtB,CAAA;QACH,CAAC,CAAC,CACmB,CACJ,CACtB,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,eAAe,mBAmD3B"}

package/dist/cjs/help-hub/components/ContentListView/Introduction.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IntroductionProps {
+    title: string;
+    description: string;
+}
+export declare const Introduction: React.FC<IntroductionProps>;
+export {};

package/dist/cjs/help-hub/components/ContentListView/Introduction.js

@@ -0,0 +1,33 @@
+"use strict";
+//TODO: Move Introduction to shared-components
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Introduction = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var IntroductionWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var Title = function (_a) {
+    var title = _a.title;
+    return (react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading030" }, title));
+};
+var Description = function (_a) {
+    var description = _a.description;
+    return (react_1.default.createElement(newskit_1.TextBlock, { marginBlockStart: "space040", typographyPreset: "utilitySubheading010" }, description));
+};
+var Introduction = function (_a) {
+    var title = _a.title, description = _a.description;
+    return (
+    // 12 cells in the Grid
+    react_1.default.createElement(IntroductionWrapper, { marginBlockEnd: "space050", stylePreset: "IntroductionXS" },
+        react_1.default.createElement(Title, { title: title }),
+        react_1.default.createElement(Description, { description: description })));
+};
+exports.Introduction = Introduction;
+var templateObject_1;
+//# sourceMappingURL=Introduction.js.map

package/dist/cjs/help-hub/components/ContentListView/Introduction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/ContentListView/Introduction.tsx"],"names":[],"mappings":";AAAA,8CAA8C;;;;;;;;;;AAE9C,gDAAyB;AACzB,mCAMgB;AAOhB,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qEAAA,EAAE,IAAA,CAAA;AAE3C,IAAM,KAAK,GAAG,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAC3B,8BAAC,mBAAS,IAAC,gBAAgB,EAAC,mBAAmB,IAAE,KAAK,CAAa,CACpE;AAF4B,CAE5B,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CACvC,8BAAC,mBAAS,IACR,gBAAgB,EAAC,UAAU,EAC3B,gBAAgB,EAAC,sBAAsB,IAEtC,WAAW,CACF,CACb;AAPwC,CAOxC,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAGzD;QAFC,KAAK,WAAA,EACL,WAAW,iBAAA;IAEX,OAAO;IACL,uBAAuB;IACvB,8BAAC,mBAAmB,IAAC,cAAc,EAAC,UAAU,EAAC,WAAW,EAAC,gBAAgB;QACzE,8BAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI;QACvB,8BAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAGrB,CACvB,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,YAAY,gBAaxB"}

package/dist/cjs/help-hub/components/ContentListView/index.d.ts

@@ -0,0 +1 @@
+export * from './ContentListView';

package/dist/cjs/help-hub/{results-page → components/ContentListView}/index.js

@@ -10,5 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ResultsPage"), exports);
+__exportStar(require("./ContentListView"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/help-hub/components/ContentListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/ContentListView/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAiC"}

package/dist/cjs/help-hub/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SearcBarProps } from './types';
+export declare const SearchBar: React.FC<SearcBarProps>;

package/dist/cjs/help-hub/components/SearchBar/SearchBar.js

@@ -0,0 +1,23 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBar = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var StyledInputPlaceholder = newskit_1.styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 48px;\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  padding: 12px;\n"], ["\n  width: 100%;\n  height: 48px;\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  padding: 12px;\n"])));
+var SearchBar = function (_a) {
+    var _b = _a.placeholder, placeholder = _b === void 0 ? 'Pesho' : _b;
+    return (
+    //TODO: Replace with Algolia input
+    react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } },
+        react_1.default.createElement(StyledInputPlaceholder, { type: "text", placeholder: placeholder })));
+};
+exports.SearchBar = SearchBar;
+var templateObject_1;
+//# sourceMappingURL=SearchBar.js.map

package/dist/cjs/help-hub/components/SearchBar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AAGvC,IAAM,sBAAsB,GAAG,gBAAM,CAAC,KAAK,+KAAA,4GAM1C,IAAA,CAAA;AAEM,IAAM,SAAS,GAA4B,UAAC,EAElD;QADC,mBAAqB,EAArB,WAAW,mBAAG,OAAO,KAAA;IACjB,OAAA;IACJ,kCAAkC;IAClC,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;QACnC,8BAAC,sBAAsB,IAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,GAAI,CAC1D,CACT;AALK,CAKL,CAAA;AAPY,QAAA,SAAS,aAOrB"}

package/dist/cjs/help-hub/components/SearchBar/index.d.ts

@@ -0,0 +1 @@
+export * from './SearchBar';

package/dist/{help-hub/search-page → cjs/help-hub/components/SearchBar}/index.js

@@ -10,5 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SearchPage"), exports);
+__exportStar(require("./SearchBar"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/help-hub/components/SearchBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA2B"}

package/dist/cjs/help-hub/components/SearchBar/types.d.ts

@@ -0,0 +1,3 @@
+export interface SearcBarProps {
+    placeholder: string;
+}

package/dist/cjs/help-hub/components/SearchBar/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/help-hub/components/SearchBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/types.ts"],"names":[],"mappings":""}

package/dist/cjs/help-hub/components/Templates/LayoutTemplate.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LayoutTemplateProps } from './types';
+export declare const BaseLayoutTemplate: React.FC<LayoutTemplateProps>;
+export declare const LayoutTemplate: ({ ...props }: {
+    [x: string]: any;
+}) => JSX.Element;

package/dist/cjs/help-hub/components/Templates/LayoutTemplate.js

@@ -0,0 +1,73 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutTemplate = exports.BaseLayoutTemplate = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var context_1 = require("../../context");
+var withMediaQueryProvider = function (Component) { return function (_a) {
+    var props = __rest(_a, []);
+    return (react_1.default.createElement(newskit_1.MediaQueryProvider, null,
+        react_1.default.createElement(Component, __assign({}, props, { children: props.children, context: props.context, contextName: props.contextName }))));
+}; };
+var FooterWrapper = function (_a) {
+    var contextName = _a.contextName;
+    var _b = (0, context_1.useHelpHubContext)(contextName), footer = _b.footer, footerOverrides = _b.footerOverrides;
+    return (react_1.default.createElement(shared_components_1.NavigationFooter, { footer: footer, footerOverrides: footerOverrides }));
+};
+var NavigationPrimaryWrapper = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, contextName = _a.contextName;
+    var navigationPrimary = (0, context_1.useHelpHubContext)(contextName).navigationPrimary;
+    return (react_1.default.createElement(shared_components_1.NavigationPrimary, __assign({}, navigationPrimary, { customTheme: customTheme, themeDropdownObject: themeDropdownObject })));
+};
+var SEOWrapper = function (_a) {
+    var contextName = _a.contextName;
+    var seo = (0, context_1.useHelpHubContext)(contextName).seo;
+    return (react_1.default.createElement(shared_components_1.SEOComponent, { title: seo.title || '', description: seo.description || '', url: "" + seo.url, siteHost: seo.url || seo.siteHost || '', fbType: seo.fbType || '', fbImageUrl: seo.fbImageUrl || '' }));
+};
+var BaseLayoutTemplate = function (_a) {
+    var context = _a.context, contextName = _a.contextName, children = _a.children, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b;
+    return (react_1.default.createElement(context_1.HelpHubContextProvider, { context: context, contextName: contextName },
+        react_1.default.createElement(SEOWrapper, { contextName: contextName }),
+        react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },
+            react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName }),
+            react_1.default.createElement(shared_components_1.LayoutGrid, { hasSidebar: false, fullWidth: fullWidth, 
+                // different margins can be passed based on the variant
+                margin: {
+                    xsMargin: 'space050',
+                    smMargin: 'space060',
+                    mdMargin: 'space000',
+                }, gutter: {
+                    xsColumnGutter: 'space020',
+                    smColumnGutter: 'space040',
+                } }, children),
+            react_1.default.createElement(FooterWrapper, { contextName: contextName }))));
+};
+exports.BaseLayoutTemplate = BaseLayoutTemplate;
+exports.LayoutTemplate = withMediaQueryProvider(exports.BaseLayoutTemplate);
+//# sourceMappingURL=LayoutTemplate.js.map

package/dist/cjs/help-hub/components/Templates/LayoutTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/help-hub/components/Templates/index.d.ts

@@ -0,0 +1,3 @@
+import { LayoutTemplate as Layout } from './LayoutTemplate';
+export * from './types';
+export default Layout;

package/dist/cjs/help-hub/components/Templates/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var LayoutTemplate_1 = require("./LayoutTemplate");
+__exportStar(require("./types"), exports);
+exports.default = LayoutTemplate_1.LayoutTemplate;
+//# sourceMappingURL=index.js.map

package/dist/cjs/help-hub/components/Templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAA2D;AAE3D,0CAAuB;AACvB,kBAAe,+BAAM,CAAA"}

package/dist/cjs/help-hub/components/Templates/types.d.ts

@@ -0,0 +1,11 @@
+import { ContextOptions, ContextName } from '../../context';
+import { UncompiledTheme } from 'newskit';
+import { ThemeDropdownObject } from '@newskit-render/shared-components';
+export declare type LayoutTemplateProps = {
+    children: React.ReactNode;
+    customTheme?: UncompiledTheme;
+    themeDropdownObject?: ThemeDropdownObject;
+    context: ContextOptions;
+    contextName: ContextName;
+    fullWidth?: boolean;
+};

package/dist/cjs/help-hub/components/Templates/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/help-hub/components/Templates/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/types.ts"],"names":[],"mappings":""}

package/dist/cjs/help-hub/context/baseContext.d.ts

@@ -0,0 +1,2 @@
+import { BaseContextOptions } from './types';
+export declare const baseContext: BaseContextOptions;

package/dist/cjs/help-hub/context/baseContext.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseContext = void 0;
+/* istanbul ignore next */
+exports.baseContext = {
+    baseUrl: '/help-hub',
+    seo: {
+        title: 'Help Hub',
+        description: '',
+        url: '',
+        siteHost: '',
+        hrefLang: '',
+    },
+    navigationPrimary: {
+        nav: [
+            {
+                text: 'Section One',
+                link: '/section-one',
+                icon: null,
+                ariaLabel: 'Section One Link',
+            },
+            {
+                text: 'Section Two',
+                link: '/section-two',
+                icon: null,
+                ariaLabel: 'Section Two Link',
+            },
+            {
+                text: 'Section Three',
+                link: '/section-three',
+                icon: null,
+                ariaLabel: 'Section Three Link',
+            },
+        ],
+    },
+    header: {
+        overlineOverrides: {
+            typographyPreset: {
+                xs: 'utitityLabel020',
+                sm: 'utitityLabel030',
+            },
+            stylePreset: 'inkBrand010',
+            spaceStack: 'space040',
+        },
+        title: '',
+        titleOverrides: {
+            typographyPreset: { xs: 'utilityHeading040', sm: 'utilityHeading050' },
+            stylePreset: 'inkContrast',
+            spaceStack: {
+                xs: 'space040',
+                sm: 'space050',
+            },
+            as: 'h1',
+        },
+        description: '',
+        descriptionOverrides: {
+            typographyPreset: { xs: 'utilityBody020', sm: 'utilityBody030' },
+            stylePreset: 'inkBase',
+            spaceStack: {
+                xs: 'space050',
+                sm: 'space060',
+            },
+        },
+        backButtonOverrides: {
+            spaceStack: { xs: 'space050', sm: 'space060', md: 'space070' },
+            stylePreset: 'buttonOutlinedSecondary',
+            typographyPreset: 'utilityButton010',
+            iconSize: 'iconSize010',
+        },
+        spaceStack: { xs: 'space050', sm: 'space060', md: 'space080' },
+        showDivider: false,
+    },
+    inputPlaceholder: 'Describe your issue',
+    footer: {
+        menuItemArray: [
+            { text: 'About us', href: '/about-us', id: 1 },
+            {
+                text: 'Privacy & cookie policy',
+                href: 'http://www.newsprivacy.co.uk/',
+                id: 3,
+            },
+            { text: 'Terms & conditions', href: '/terms-and-conditions', id: 4 },
+        ],
+        legalText: "\u00A9 NewsKit Limited " + new Date().getFullYear() + ".\n      Registered in England No. 000000. Registered office: 1 London Bridge Street, SE1 9GF.",
+    },
+    footerOverrides: {
+        ariaLabel: 'Footer Menu',
+        menuItemOverrides: {
+            stylePreset: 'baseInteractivePrimary030',
+            typographyPreset: 'utilityButton020',
+        },
+        menuOverrides: {
+            spaceStack: 'space050',
+            backgroundColor: 'interface010',
+            borderColor: 'interface050',
+            padding: {
+                md: 'sizing090',
+                xs: 'sizing040',
+            },
+        },
+        legalTextOverrides: {
+            spaceStack: 'space050',
+            stylePreset: 'legalText',
+            typographyPreset: 'utilityMeta010',
+            padding: {
+                md: 'sizing100',
+                xs: 'sizing060',
+            },
+        },
+    },
+};
+//# sourceMappingURL=baseContext.js.map

package/dist/cjs/help-hub/context/baseContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../../src/help-hub/context/baseContext.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/help-hub/context/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ContextProviderProps, ContextName, ContextOptions, LandingPageContextOptions, ResultsPageContextOptions, ArticlePageContextOptions } from './types';
+import { baseContext } from './baseContext';
+export declare const HelpHubContextProvider: React.FC<ContextProviderProps>;
+export declare const useHelpHubContext: (contextName: ContextName) => ContextOptions;
+export { LandingPageContextOptions, ResultsPageContextOptions, ArticlePageContextOptions, baseContext, ContextOptions, ContextName, };

package/dist/cjs/help-hub/context/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextName = exports.baseContext = exports.useHelpHubContext = exports.HelpHubContextProvider = void 0;
+var react_1 = __importStar(require("react"));
+var lodash_merge_1 = __importDefault(require("lodash.merge"));
+var types_1 = require("./types");
+Object.defineProperty(exports, "ContextName", { enumerable: true, get: function () { return types_1.ContextName; } });
+var baseContext_1 = require("./baseContext");
+Object.defineProperty(exports, "baseContext", { enumerable: true, get: function () { return baseContext_1.baseContext; } });
+var contextMap = (_a = {},
+    _a[types_1.ContextName.landingPage] = (0, react_1.createContext)(null),
+    _a[types_1.ContextName.resultsPage] = (0, react_1.createContext)(null),
+    _a[types_1.ContextName.articlePage] = (0, react_1.createContext)(null),
+    _a);
+var HelpHubContextProvider = function (_a) {
+    var context = _a.context, children = _a.children, contextName = _a.contextName;
+    var c = (0, lodash_merge_1.default)({}, baseContext_1.baseContext, context);
+    var HelpHubContext = contextMap[contextName];
+    return react_1.default.createElement(HelpHubContext.Provider, { value: c }, children);
+};
+exports.HelpHubContextProvider = HelpHubContextProvider;
+var useHelpHubContext = function (contextName) {
+    return (0, react_1.useContext)(contextMap[contextName]);
+};
+exports.useHelpHubContext = useHelpHubContext;
+//# sourceMappingURL=index.js.map

package/dist/cjs/help-hub/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/help-hub/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8DAAgC;AAChC,iCAOgB;AAmCd,4FAxCA,mBAAW,OAwCA;AAlCb,6CAA2C;AAgCzC,4FAhCO,yBAAW,OAgCP;AA9Bb,IAAM,UAAU;IACd,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;OACF,CAAA;AAEM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAA0B,CAAC,CAAA;IAE7D,OAAO,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}

package/dist/cjs/help-hub/context/types.d.ts

@@ -0,0 +1,31 @@
+import { FooterContext, FooterContextOverrides, HeaderProps, NavigationPrimaryProps, SEOProps } from '@newskit-render/shared-components';
+import { ReactNode } from 'react';
+export interface ContextProviderProps {
+    children: ReactNode;
+    context: ContextOptions;
+    contextName: ContextName;
+}
+export declare enum ContextName {
+    'landingPage' = "landingPage",
+    'resultsPage' = "resultsPage",
+    'articlePage' = "articlePage"
+}
+export interface BaseContextOptions {
+    baseUrl: string;
+    seo: Partial<SEOProps>;
+    navigationPrimary: NavigationPrimaryProps;
+    inputPlaceholder: string;
+    header: HeaderProps;
+    footer: FooterContext;
+    footerOverrides?: FooterContextOverrides;
+}
+export interface LandingPageContextOptions extends BaseContextOptions {
+    contentViewList: any;
+    mostReadArticles: Array<any>;
+}
+export interface ResultsPageContextOptions extends BaseContextOptions {
+    searchResultArticles: Array<any>;
+}
+export interface ArticlePageContextOptions extends BaseContextOptions {
+}
+export declare type ContextOptions = LandingPageContextOptions | ResultsPageContextOptions | ArticlePageContextOptions;

package/dist/cjs/help-hub/context/types.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextName = void 0;
+var ContextName;
+(function (ContextName) {
+    ContextName["landingPage"] = "landingPage";
+    ContextName["resultsPage"] = "resultsPage";
+    ContextName["articlePage"] = "articlePage";
+})(ContextName = exports.ContextName || (exports.ContextName = {}));
+//# sourceMappingURL=types.js.map

package/dist/cjs/help-hub/context/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/help-hub/context/types.ts"],"names":[],"mappings":";;;AAeA,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,0CAA6B,CAAA;IAC7B,0CAA6B,CAAA;IAC7B,0CAA6B,CAAA;AAC/B,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB"}

package/dist/cjs/help-hub/index.d.ts

@@ -1,2 +1,3 @@
-export * from './results-page';
-export * from './search-page';
+export * from './pages/LandingPage';
+export * from './pages/ResultsPage';
+export * from './pages/ArticlePage';

package/dist/cjs/help-hub/index.js

@@ -10,6 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./results-page"), exports);
-__exportStar(require("./search-page"), exports);
+__exportStar(require("./pages/LandingPage"), exports);
+__exportStar(require("./pages/ResultsPage"), exports);
+__exportStar(require("./pages/ArticlePage"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/help-hub/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-hub/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA8B;AAC9B,gDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-hub/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAmC;AACnC,sDAAmC;AACnC,sDAAmC"}

package/dist/cjs/help-hub/pages/ArticlePage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BasePageProps } from './types';
+import { ArticlePageContextOptions } from '../context/types';
+export declare const ArticlePagePageContext: Partial<ArticlePageContextOptions>;
+export declare const ArticlePage: React.FC<BasePageProps>;
+export default ArticlePage;

package/dist/cjs/help-hub/pages/ArticlePage.js

@@ -0,0 +1,49 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticlePage = exports.ArticlePagePageContext = void 0;
+var react_1 = __importDefault(require("react"));
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var Templates_1 = __importDefault(require("../components/Templates"));
+var SearchBar_1 = require("../components/SearchBar");
+var types_1 = require("../context/types");
+var context_1 = require("../context");
+exports.ArticlePagePageContext = {
+    header: {
+        title: 'My voucher booklet has not arrived, what do I do?',
+        description: "Please note: due to the significant impact of COVID-19 on Royal Mail's service,we are aware voucher booklets are arriving later than usual",
+    },
+};
+var PageContent = function () {
+    var _a = (0, context_1.useHelpHubContext)(types_1.ContextName.articlePage), header = _a.header, inputPlaceholder = _a.inputPlaceholder;
+    // NOTE: Add ArticlePage custom data logic here
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } }),
+        react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder }),
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } })));
+};
+var ArticlePage = function (_a) {
+    var context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, exports.ArticlePagePageContext, context));
+    return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+        react_1.default.createElement(PageContent, null)));
+};
+exports.ArticlePage = ArticlePage;
+exports.default = exports.ArticlePage;
+//# sourceMappingURL=ArticlePage.js.map