@newskit-render/shared-components 3.6.1-alpha.0 → 3.7.0-alpha.0

package/dist/cjs/helpers/baseContext.js.map

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

package/dist/esm/NavigationFooter/NavigationFooter.d.ts

@@ -1,2 +1,2 @@
 import { FooterProps } from './types';
-export declare const footerOverrides: ({ footer, footerOverrides, margin, gutter, }: FooterProps) => JSX.Element;
+export declare const footerOverrides: ({ footer, footerOverrides, }: FooterProps) => JSX.Element;

package/dist/esm/NavigationFooter/NavigationFooter.js

@@ -1,7 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,39 +10,21 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { styled, getColorCssFromTheme, Divider, TextBlock, MediaQueryProvider, Grid, Cell, } from 'newskit';
-import Container from './components/Container';
-import FooterMenu from './components/FooterMenu';
+import { Divider, Block, TextBlock } from 'newskit';
 import { baseContext } from '../helpers/baseContext';
-var FooterWrapper = styled.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  width: 100%;\n"], ["\n  ", ";\n  width: 100%;\n"])), function (_a) {
-    var backgroundColor = _a.backgroundColor;
-    return backgroundColor &&
-        getColorCssFromTheme('backgroundColor', backgroundColor);
-});
-var FooterDivider = styled(Divider)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
-    var borderColor = _a.borderColor;
-    return borderColor && getColorCssFromTheme('borderColor', borderColor);
-});
+import { FooterLinks } from './components/FooterLinks';
 export var footerOverrides = function (_a) {
-    var _b, _c, _d, _e;
-    var footer = _a.footer, footerOverrides = _a.footerOverrides, margin = _a.margin, gutter = _a.gutter;
+    var _b;
+    var footer = _a.footer, footerOverrides = _a.footerOverrides;
     var HelpChat = footer && footer.helpChat;
-    return (React.createElement(MediaQueryProvider, null,
-        React.createElement(FooterWrapper, { "data-testid": "NavigationFooter", backgroundColor: (_b = footerOverrides.menuOverrides) === null || _b === void 0 ? void 0 : _b.backgroundColor },
-            React.createElement(FooterDivider, { borderColor: (_c = footerOverrides.menuOverrides) === null || _c === void 0 ? void 0 : _c.borderColorTop }),
-            HelpChat ? (React.createElement(HelpChat, { chatHelpOverrides: footerOverrides.chatHelpOverrides
-                    ? footerOverrides.chatHelpOverrides
-                    : baseContext.footerOverrides.chatHelpOverrides })) : null,
-            React.createElement(Grid, __assign({}, margin, gutter, { xsRowGutter: "space050" }),
-                React.createElement(Cell, { xs: 12 }),
-                React.createElement(Cell, { xs: 12 },
-                    React.createElement(FooterMenu, { footer: footer, footerOverrides: footerOverrides })),
-                React.createElement(Cell, { xs: 12 },
-                    React.createElement(FooterDivider, { borderColor: (_d = footerOverrides.menuOverrides) === null || _d === void 0 ? void 0 : _d.borderColorBottom })),
-                React.createElement(Cell, { xs: 12 },
-                    React.createElement(Container, { marginBlockEnd: (_e = footerOverrides.menuOverrides) === null || _e === void 0 ? void 0 : _e.marginBlockEnd },
-                        React.createElement(TextBlock, __assign({}, footerOverrides.legalTextOverrides), footer.legalText))),
-                React.createElement(Cell, { xs: 12 })))));
+    return (React.createElement(Block, { as: "footer", "data-testid": "NavigationFooter", stylePreset: (_b = footerOverrides.footerStyleOverrides) === null || _b === void 0 ? void 0 : _b.stylePreset },
+        React.createElement(Divider, { overrides: __assign({}, footerOverrides.footerDividerOverrides) }),
+        HelpChat ? (React.createElement(HelpChat, { chatHelpOverrides: footerOverrides.chatHelpOverrides
+                ? footerOverrides.chatHelpOverrides
+                : baseContext.footerOverrides.chatHelpOverrides })) : null,
+        React.createElement(Block, __assign({}, footerOverrides.footerAreaOverrides),
+            React.createElement(FooterLinks, { footer: footer, footerOverrides: footerOverrides }),
+            React.createElement(Divider, { overrides: __assign({}, footerOverrides.linksDividerOverrides) }),
+            React.createElement(TextBlock, __assign({}, footerOverrides.legalTextOverrides), footer.legalText))));
 };
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=NavigationFooter.js.map

package/dist/esm/NavigationFooter/NavigationFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationFooter.js","sourceRoot":"","sources":["../../../src/NavigationFooter/NavigationFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,oBAAoB,EACpB,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,IAAI,GACL,MAAM,SAAS,CAAA;AAEhB,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,gGAA8B,MAC7D,EAEwD,qBAE3D,KAJG,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe;QACf,oBAAoB,CAAC,iBAAiB,EAAE,eAAe,CAAC;AADxD,CACwD,CAE3D,CAAA;AAED,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,gFAA0B,MAC3D,EAC+D,KAClE,KAFG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,IAAI,oBAAoB,CAAC,aAAa,EAAE,WAAW,CAAC;AAA/D,CAA+D,CAClE,CAAA;AACD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAKlB;;QAJZ,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,MAAM,YAAA,EACN,MAAM,YAAA;IAEN,IAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAA;IAC1C,OAAO,CACL,oBAAC,kBAAkB;QACjB,oBAAC,aAAa,mBACA,kBAAkB,EAC9B,eAAe,EAAE,MAAA,eAAe,CAAC,aAAa,0CAAE,eAAe;YAE/D,oBAAC,aAAa,IACZ,WAAW,EAAE,MAAA,eAAe,CAAC,aAAa,0CAAE,cAAc,GAC1D;YACD,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,IACP,iBAAiB,EACf,eAAe,CAAC,iBAAiB;oBAC/B,CAAC,CAAC,eAAe,CAAC,iBAAiB;oBACnC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,iBAAiB,GAEnD,CACH,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,eAAK,MAAM,EAAM,MAAM,IAAE,WAAW,EAAC,UAAU;gBAClD,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,GAAI;gBAChB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE;oBACV,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,GAAI,CAC3D;gBACP,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE;oBACV,oBAAC,aAAa,IACZ,WAAW,EAAE,MAAA,eAAe,CAAC,aAAa,0CAAE,iBAAiB,GAC7D,CACG;gBACP,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE;oBACV,oBAAC,SAAS,IACR,cAAc,EAAE,MAAA,eAAe,CAAC,aAAa,0CAAE,cAAc;wBAE7D,oBAAC,SAAS,eAAK,eAAe,CAAC,kBAAkB,GAC9C,MAAM,CAAC,SAAS,CACP,CACF,CACP;gBACP,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,GAAI,CACX,CACO,CACG,CACtB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NavigationFooter.js","sourceRoot":"","sources":["../../../src/NavigationFooter/NavigationFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAGlB;;QAFZ,MAAM,YAAA,EACN,eAAe,qBAAA;IAEf,IAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAA;IAC1C,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAC,QAAQ,iBACC,kBAAkB,EAC9B,WAAW,EAAE,MAAA,eAAe,CAAC,oBAAoB,0CAAE,WAAW;QAE9D,oBAAC,OAAO,IACN,SAAS,eACJ,eAAe,CAAC,sBAAsB,IAE3C;QACD,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,IACP,iBAAiB,EACf,eAAe,CAAC,iBAAiB;gBAC/B,CAAC,CAAC,eAAe,CAAC,iBAAiB;gBACnC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,iBAAiB,GAEnD,CACH,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,KAAK,eAAK,eAAe,CAAC,mBAAmB;YAC5C,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,GAAI;YAEjE,oBAAC,OAAO,IACN,SAAS,eACJ,eAAe,CAAC,qBAAqB,IAE1C;YACF,oBAAC,SAAS,eAAK,eAAe,CAAC,kBAAkB,GAC9C,MAAM,CAAC,SAAS,CACP,CACN,CACF,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/NavigationFooter/components/FooterLinks.d.ts

@@ -0,0 +1,2 @@
+import { FooterProps } from '../types';
+export declare const FooterLinks: ({ footer, footerOverrides, }: FooterProps) => JSX.Element;

package/dist/esm/NavigationFooter/components/FooterLinks.js

@@ -0,0 +1,23 @@
+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);
+};
+import { GridLayout, LinkStandalone, useInstrumentation } from 'newskit';
+import React from 'react';
+import { createClickEvent } from '../../utils';
+export var FooterLinks = function (_a) {
+    var footer = _a.footer, footerOverrides = _a.footerOverrides;
+    var fireEvent = useInstrumentation().fireEvent;
+    return (React.createElement(GridLayout, { justifyContent: "center", justifyItems: "center", autoFlow: { xs: 'row', sm: 'column' }, rowGap: { xs: 'space070', md: 'space000' }, columnGap: { md: 'space070' }, overrides: {
+            paddingBlockStart: { xs: 'space040', md: 'space020' },
+            paddingBlockEnd: { xs: 'space040' },
+        } }, footer.linksArray.map(function (link) { return (React.createElement(LinkStandalone, { onClick: function () { return fireEvent(createClickEvent('footer-menu', link.text)); }, external: false, key: link.id, href: link.href, overrides: __assign({}, footerOverrides.linkOverrides) }, link.text)); })));
+};
+//# sourceMappingURL=FooterLinks.js.map

package/dist/esm/NavigationFooter/components/FooterLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLinks.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/components/FooterLinks.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAExE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAE9C,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAGd;QAFZ,MAAM,YAAA,EACN,eAAe,qBAAA;IAEP,IAAA,SAAS,GAAK,kBAAkB,EAAE,UAAzB,CAAyB;IAE1C,OAAO,CACL,oBAAC,UAAU,IACT,cAAc,EAAC,QAAQ,EACvB,YAAY,EAAC,QAAQ,EACrB,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EACrC,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAC1C,SAAS,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAC7B,SAAS,EAAE;YACT,iBAAiB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;YACrD,eAAe,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;SACpC,IAEA,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC/B,oBAAC,cAAc,IACb,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAArD,CAAqD,EACpE,QAAQ,EAAE,KAAK,EACf,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,eACJ,eAAe,CAAC,aAAa,KAGjC,IAAI,CAAC,IAAI,CACK,CAClB,EAZgC,CAYhC,CAAC,CACS,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/NavigationFooter/stories/Help.d.ts

@@ -3,6 +3,10 @@ import { ButtonSize, MQ } from 'newskit';
 export declare const Help: React.FC<{
     chatHelpOverrides?: {
         icon?: ReactNode;
+        iconOverrides?: {
+            size?: MQ<string>;
+            stylePreset: MQ<string>;
+        };
         buttonOverrides?: {
             size?: ButtonSize;
             minWidth?: MQ<string>;
@@ -10,6 +14,9 @@ export declare const Help: React.FC<{
             text: string;
         };
         helpHeadline?: string;
+        helpHeadlineOverrides?: {
+            typographyPreset: MQ<string>;
+        };
         helpSubheadline?: string;
         gridLayoutOverrides?: {
             rowGap?: MQ<string>;
@@ -18,6 +25,7 @@ export declare const Help: React.FC<{
             overrides?: {
                 paddingBlock?: MQ<string>;
                 paddingInline?: MQ<string>;
+                width?: string;
             };
         };
     };

package/dist/esm/NavigationFooter/stories/Help.js

@@ -2,27 +2,40 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+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);
+};
 import React from 'react';
 import { Button, getColorCssFromTheme, GridLayout, Headline, styled, TextBlock, toNewsKitIcon, } from 'newskit';
 import { baseContext } from '../../helpers/baseContext';
 import { Chat as FilledChat } from '@emotion-icons/material/Chat';
 var IconFilledChat = toNewsKitIcon(FilledChat);
-var StyledGridLayout = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  text-align: center;\n"], ["\n  ", "\n  text-align: center;\n"])), getColorCssFromTheme('background', 'interface030'));
+var StyledGridLayout = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  text-align: center;\n"], ["\n  ", "\n  text-align: center;\n"])), getColorCssFromTheme('background', 'interface020'));
 var _a = baseContext.footerOverrides.chatHelpOverrides, buttonOverrides = _a.buttonOverrides, helpHeadline = _a.helpHeadline, helpSubheadline = _a.helpSubheadline;
 export var Help = function (_a) {
     var _b, _c;
     var chatHelpOverrides = _a.chatHelpOverrides;
     return (React.createElement(StyledGridLayout, { rowGap: 'space040', justifyItems: 'center', alignContent: 'start', overrides: {
-            paddingBlock: 'space050',
-            paddingInline: 'space050',
+            paddingBlock: 'space060',
+            paddingInline: 'space060',
         } },
-        React.createElement(IconFilledChat, { overrides: { size: 'iconSize030', stylePreset: 'inkContrast' } }),
-        React.createElement(Headline, { overrides: {
+        React.createElement(IconFilledChat, { overrides: (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.iconOverrides) || {
+                size: 'iconSize030',
+                stylePreset: 'chatIconStylePreset',
+            } }),
+        React.createElement(Headline, { overrides: __assign({}, ((chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpHeadlineOverrides) || {
                 typographyPreset: 'utilityHeading030',
-            } }, (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpHeadline) || helpHeadline),
-        React.createElement(TextBlock, { typographyPreset: 'utilitySubheading020', stylePreset: 'inkBase', paddingInline: 'space050' }, (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpSubheadline) || helpSubheadline),
-        React.createElement(Button, { overrides: (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) || buttonOverrides, size: (((_b = chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) === null || _b === void 0 ? void 0 : _b.size) ||
-                buttonOverrides.size) }, ((_c = chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) === null || _c === void 0 ? void 0 : _c.text) || buttonOverrides.text)));
+            })) }, (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpHeadline) || helpHeadline),
+        React.createElement(TextBlock, { typographyPreset: 'utilityBody030', stylePreset: 'inkBase', paddingInline: 'space050' }, (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.helpSubheadline) || helpSubheadline),
+        React.createElement(Button, { overrides: (chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) || buttonOverrides, size: ((_b = chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) === null || _b === void 0 ? void 0 : _b.size) || 'small' }, ((_c = chatHelpOverrides === null || chatHelpOverrides === void 0 ? void 0 : chatHelpOverrides.buttonOverrides) === null || _c === void 0 ? void 0 : _c.text) || buttonOverrides.text)));
 };
 var templateObject_1;
 //# sourceMappingURL=Help.js.map

package/dist/esm/NavigationFooter/stories/Help.js.map

@@ -1 +1 @@
-{"version":3,"file":"Help.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/Help.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EACL,MAAM,EAEN,oBAAoB,EACpB,UAAU,EACV,QAAQ,EAER,MAAM,EACN,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAChD,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,sGAAA,MACvC,EAAkD,2BAErD,KAFG,oBAAoB,CAAC,YAAY,EAAE,cAAc,CAAC,CAErD,CAAA;AACK,IAAA,KACJ,WAAW,CAAC,eAAe,CAAC,iBAAiB,EADvC,eAAe,qBAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBACP,CAAA;AAE/C,MAAM,CAAC,IAAM,IAAI,GAqBZ,UAAC,EAAqB;;QAAnB,iBAAiB,uBAAA;IACvB,OAAO,CACL,oBAAC,gBAAgB,IACf,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;QAED,oBAAC,cAAc,IACb,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,GAC9D;QAEF,oBAAC,QAAQ,IACP,SAAS,EAAE;gBACT,gBAAgB,EAAE,mBAAmB;aACtC,IAEA,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,KAAI,YAAY,CACvC;QAEX,oBAAC,SAAS,IACR,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,SAAS,EACtB,aAAa,EAAE,UAAU,IAExB,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,KAAI,eAAe,CAC5C;QAEZ,oBAAC,MAAM,IACL,SAAS,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,KAAI,eAAe,EAChE,IAAI,EACF,CAAC,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,0CAAE,IAAI;gBACvC,eAAe,CAAC,IAAI,CAAe,IAGtC,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,0CAAE,IAAI,KAAI,eAAe,CAAC,IAAI,CAC1D,CACQ,CACpB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Help.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/Help.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EACL,MAAM,EAEN,oBAAoB,EACpB,UAAU,EACV,QAAQ,EAER,MAAM,EACN,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAChD,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,sGAAA,MACvC,EAAkD,2BAErD,KAFG,oBAAoB,CAAC,YAAY,EAAE,cAAc,CAAC,CAErD,CAAA;AACK,IAAA,KACJ,WAAW,CAAC,eAAe,CAAC,iBAAiB,EADvC,eAAe,qBAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBACP,CAAA;AAE/C,MAAM,CAAC,IAAM,IAAI,GAwBZ,UAAC,EAAqB;;QAAnB,iBAAiB,uBAAA;IACvB,OAAO,CACL,oBAAC,gBAAgB,IACf,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;QAED,oBAAC,cAAc,IACb,SAAS,EACP,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa,KAAI;gBAClC,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,qBAAqB;aACnC,GAEH;QAEF,oBAAC,QAAQ,IACP,SAAS,eACJ,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,qBAAqB,KAAI;gBAC9C,gBAAgB,EAAE,mBAAmB;aACtC,CAAC,KAGH,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,KAAI,YAAY,CACvC;QAEX,oBAAC,SAAS,IACR,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,SAAS,EACtB,aAAa,EAAE,UAAU,IAExB,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,KAAI,eAAe,CAC5C;QAEZ,oBAAC,MAAM,IACL,SAAS,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,KAAI,eAAe,EAChE,IAAI,EACF,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,0CAAE,IAAI,KAAK,OAAsB,IAGpE,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,0CAAE,IAAI,KAAI,eAAe,CAAC,IAAI,CAC1D,CACQ,CACpB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/NavigationFooter/stories/MySimpleComponent.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
-export declare const MySimpleComponent: React.FC<{
-    chatHelpOverrides?: Record<string, unknown>;
-}>;
+export declare const MySimpleComponent: React.FC;

package/dist/esm/NavigationFooter/stories/MySimpleComponent.js

@@ -2,14 +2,15 @@ import { Divider, GridLayout, TextBlock, toNewsKitIcon } from 'newskit';
 import React from 'react';
 import { IntegrationInstructions as FilledIntegrationInstructions } from '@emotion-icons/material/IntegrationInstructions';
 var IconFilledIntegrationInstructions = toNewsKitIcon(FilledIntegrationInstructions);
-export var MySimpleComponent = function (_a) {
-    var chatHelpOverrides = _a.chatHelpOverrides;
+export var MySimpleComponent = function () {
     return (React.createElement(React.Fragment, null,
         React.createElement(GridLayout, { justifyItems: 'center', alignContent: 'start', overrides: {
                 paddingBlock: 'space050',
                 paddingInline: 'space050',
             } },
-            React.createElement(IconFilledIntegrationInstructions, { overrides: chatHelpOverrides }),
+            React.createElement(IconFilledIntegrationInstructions, { overrides: {
+                    size: 'iconSize030',
+                } }),
             React.createElement(TextBlock, null, "You can use the navigation Footer with a help component. The Help component can be any React component")),
         React.createElement(Divider, null)));
 };

package/dist/esm/NavigationFooter/stories/MySimpleComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MySimpleComponent.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/MySimpleComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,uBAAuB,IAAI,6BAA6B,EAAE,MAAM,iDAAiD,CAAA;AAC1H,IAAM,iCAAiC,GAAG,aAAa,CACrD,6BAA6B,CAC9B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAEzB,UAAC,EAAqB;QAAnB,iBAAiB,uBAAA;IACvB,OAAO,CACL;QACE,oBAAC,UAAU,IACT,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE;gBACT,YAAY,EAAE,UAAU;gBACxB,aAAa,EAAE,UAAU;aAC1B;YAED,oBAAC,iCAAiC,IAAC,SAAS,EAAE,iBAAiB,GAAI;YAEnE,oBAAC,SAAS,iHAGE,CACD;QACb,oBAAC,OAAO,OAAG,CACV,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MySimpleComponent.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/MySimpleComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,uBAAuB,IAAI,6BAA6B,EAAE,MAAM,iDAAiD,CAAA;AAC1H,IAAM,iCAAiC,GAAG,aAAa,CACrD,6BAA6B,CAC9B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAa;IACzC,OAAO,CACL;QACE,oBAAC,UAAU,IACT,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE;gBACT,YAAY,EAAE,UAAU;gBACxB,aAAa,EAAE,UAAU;aAC1B;YAED,oBAAC,iCAAiC,IAChC,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;iBACpB,GACD;YAEF,oBAAC,SAAS,iHAGE,CACD;QACb,oBAAC,OAAO,OAAG,CACV,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/NavigationFooter/stories/NavigationFooter.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/react';
+export declare const WithoutChat: Story;
+export declare const WithChat: Story;
+export declare const withRandomHelpChatComponent: Story;
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story;
-export declare const WithChat: Story;
-export declare const WithRandom: Story;

package/dist/esm/NavigationFooter/stories/NavigationFooter.stories.js

@@ -10,39 +10,31 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { baseContext } from '../../helpers/baseContext';
-import { NavigationFooter } from '..';
+import { ThemeProvider, createTheme } from 'newskit';
 import { Help } from './Help';
-import { MySimpleComponent } from './MySimpleComponent';
-import { ThemeProvider } from 'newskit';
+import { NavigationFooter } from '..';
+import { baseContext } from '../../helpers/baseContext';
 import { sharedTheme } from '../../theme';
+import { navigationFooterPresets } from '../style-presets';
+import { MySimpleComponent } from './MySimpleComponent';
+var newFooterTheme = createTheme({
+    name: 'New Footer Theme',
+    baseTheme: sharedTheme,
+    overrides: {
+        stylePresets: __assign({}, navigationFooterPresets),
+    },
+});
+console.log(newFooterTheme);
+var contextWithChat = __assign(__assign({}, baseContext), { footer: __assign(__assign({}, baseContext.footer), { helpChat: Help }) });
+var contextWithRandomChatComponent = __assign(__assign({}, baseContext), { footer: __assign(__assign({}, baseContext.footer), { helpChat: MySimpleComponent }) });
+export var WithoutChat = function () { return (React.createElement(ThemeProvider, { theme: newFooterTheme },
+    React.createElement(NavigationFooter, __assign({}, baseContext)))); };
+export var WithChat = function () { return (React.createElement(ThemeProvider, { theme: newFooterTheme },
+    React.createElement(NavigationFooter, __assign({}, contextWithChat)))); };
+export var withRandomHelpChatComponent = function () { return (React.createElement(ThemeProvider, { theme: newFooterTheme },
+    React.createElement(NavigationFooter, __assign({}, contextWithRandomChatComponent)))); };
 export default {
     title: 'Components/Sections/NavigationFooter',
     component: NavigationFooter,
 };
-// TODO: Find out if there is a better way to create and use components that are used only for stories
-export var Primary = function () { return (React.createElement(NavigationFooter, { footer: baseContext.footer, footerOverrides: baseContext.footerOverrides, margin: { xsMargin: 'sizing050' }, gutter: { xsColumnGutter: 'sizing050' } })); };
-Primary.args = {
-    context: __assign({}, baseContext),
-};
-var menuItems = [
-    { text: 'About us', href: '/about-us', id: 1 },
-    {
-        text: 'Privacy & cookie policy',
-        href: 'http://www.newsprivacy.co.uk/',
-        id: 2,
-    },
-    { text: 'Terms & conditions', href: '/terms-and-conditions', id: 3 },
-];
-var contextWithChat = __assign(__assign({}, baseContext), { footer: __assign(__assign({}, baseContext.footer), { menuItemArray: menuItems, helpChat: Help }), footerOverrides: __assign({}, baseContext.footerOverrides) });
-export var WithChat = function () { return (React.createElement(ThemeProvider, { theme: sharedTheme },
-    React.createElement(NavigationFooter, { footer: contextWithChat.footer, footerOverrides: contextWithChat.footerOverrides, margin: { xsMargin: 'sizing050' }, gutter: { xsColumnGutter: 'sizing050' } }))); };
-WithChat.args = {
-    context: __assign({}, contextWithChat),
-};
-var contextWithRandomComponent = __assign(__assign({}, baseContext), { footer: __assign(__assign({}, baseContext.footer), { menuItemArray: menuItems, helpChat: MySimpleComponent }), footerOverrides: __assign(__assign({}, baseContext.footerOverrides), { chatHelpOverrides: { size: 'iconSize050' } }) });
-export var WithRandom = function () {
-    return (React.createElement(ThemeProvider, { theme: sharedTheme },
-        React.createElement(NavigationFooter, { footer: contextWithRandomComponent.footer, footerOverrides: contextWithRandomComponent.footerOverrides, margin: { xsMargin: 'sizing050' }, gutter: { xsColumnGutter: 'sizing050' } })));
-};
 //# sourceMappingURL=NavigationFooter.stories.js.map

package/dist/esm/NavigationFooter/stories/NavigationFooter.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationFooter.stories.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/NavigationFooter.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,eAAe;IACb,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,gBAAgB;CACpB,CAAA;AACT,sGAAsG;AAEtG,MAAM,CAAC,IAAM,OAAO,GAAU,cAAM,OAAA,CAClC,oBAAC,gBAAgB,IACf,MAAM,EAAE,WAAW,CAAC,MAAM,EAC1B,eAAe,EAAE,WAAW,CAAC,eAAe,EAC5C,MAAM,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EACjC,MAAM,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,GACvC,CACH,EAPmC,CAOnC,CAAA;AACD,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,eACF,WAAW,CACf;CACF,CAAA;AACD,IAAM,SAAS,GAAG;IAChB,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,EAAE;IAC9C;QACE,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,+BAA+B;QACrC,EAAE,EAAE,CAAC;KACN;IACD,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAAC,EAAE;CACrE,CAAA;AACD,IAAM,eAAe,yBAChB,WAAW,KACd,MAAM,wBACD,WAAW,CAAC,MAAM,KACrB,aAAa,EAAE,SAAS,EACxB,QAAQ,EAAE,IAAI,KAEhB,eAAe,eACV,WAAW,CAAC,eAAe,IAEjC,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAU,cAAM,OAAA,CACnC,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW;IAC/B,oBAAC,gBAAgB,IACf,MAAM,EAAE,eAAe,CAAC,MAAM,EAC9B,eAAe,EAAE,eAAe,CAAC,eAAe,EAChD,MAAM,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EACjC,MAAM,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,GACvC,CACY,CACjB,EAToC,CASpC,CAAA;AAED,QAAQ,CAAC,IAAI,GAAG;IACd,OAAO,eACF,eAAe,CACnB;CACF,CAAA;AAED,IAAM,0BAA0B,yBAC3B,WAAW,KACd,MAAM,wBACD,WAAW,CAAC,MAAM,KACrB,aAAa,EAAE,SAAS,EACxB,QAAQ,EAAE,iBAAiB,KAE7B,eAAe,wBACV,WAAW,CAAC,eAAe,KAC9B,iBAAiB,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,MAE7C,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAU;IAC/B,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW;QAC/B,oBAAC,gBAAgB,IACf,MAAM,EAAE,0BAA0B,CAAC,MAAM,EACzC,eAAe,EAAE,0BAA0B,CAAC,eAAe,EAC3D,MAAM,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EACjC,MAAM,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,GACvC,CACY,CACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NavigationFooter.stories.js","sourceRoot":"","sources":["../../../../src/NavigationFooter/stories/NavigationFooter.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,IAAM,cAAc,GAAG,WAAW,CAAC;IACjC,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE;QACT,YAAY,eAAO,uBAAuB,CAAE;KAC7C;CACF,CAAC,CAAA;AACF,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;AAE3B,IAAM,eAAe,yBAChB,WAAW,KACd,MAAM,wBACD,WAAW,CAAC,MAAM,KACrB,QAAQ,EAAE,IAAI,MAEjB,CAAA;AAED,IAAM,8BAA8B,yBAC/B,WAAW,KACd,MAAM,wBACD,WAAW,CAAC,MAAM,KACrB,QAAQ,EAAE,iBAAiB,MAE9B,CAAA;AACD,MAAM,CAAC,IAAM,WAAW,GAAU,cAAM,OAAA,CACtC,oBAAC,aAAa,IAAC,KAAK,EAAE,cAAc;IAClC,oBAAC,gBAAgB,eAAK,WAAW,EAAI,CACvB,CACjB,EAJuC,CAIvC,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAU,cAAM,OAAA,CACnC,oBAAC,aAAa,IAAC,KAAK,EAAE,cAAc;IAClC,oBAAC,gBAAgB,eAAK,eAAe,EAAI,CAC3B,CACjB,EAJoC,CAIpC,CAAA;AACD,MAAM,CAAC,IAAM,2BAA2B,GAAU,cAAM,OAAA,CACtD,oBAAC,aAAa,IAAC,KAAK,EAAE,cAAc;IAClC,oBAAC,gBAAgB,eAAK,8BAA8B,EAAI,CAC1C,CACjB,EAJuD,CAIvD,CAAA;AACD,eAAe;IACb,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,gBAAgB;CACpB,CAAA"}

package/dist/esm/NavigationFooter/style-presets.d.ts

@@ -6,6 +6,23 @@ export declare const navigationFooterPresets: {
             color: string;
         };
     };
+    footerContainerStylePreset: {
+        base: {
+            backgroundColor: string;
+        };
+    };
+    footerDividerStylePreset: {
+        base: {
+            borderColor: string;
+            borderWidth: string;
+            borderStyle: string;
+        };
+    };
+    chatIconStylePreset: {
+        base: {
+            color: string;
+        };
+    };
 };
 export declare const footerLegalText: {
     base: {

package/dist/esm/NavigationFooter/style-presets.js

@@ -6,6 +6,23 @@ export var navigationFooterPresets = {
             color: '{{colors.inkSubtle}}',
         },
     },
+    footerContainerStylePreset: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+        },
+    },
+    footerDividerStylePreset: {
+        base: {
+            borderColor: '{{colors.interface040}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderStyle: 'solid',
+        },
+    },
+    chatIconStylePreset: {
+        base: {
+            color: '{{colors.inkBrand010}}',
+        },
+    },
 };
 export var footerLegalText = {
     base: {

package/dist/esm/NavigationFooter/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/NavigationFooter/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,UAAU,EAAE,UAAU;YACtB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,sBAAsB;SAC9B;KACF;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,sBAAsB;KAC9B;CACF,CAAA"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/NavigationFooter/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,UAAU,EAAE,UAAU;YACtB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,sBAAsB;SAC9B;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;IACD,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,4BAA4B;YACzC,WAAW,EAAE,OAAO;SACrB;KACF;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,KAAK,EAAE,wBAAwB;SAChC;KACF;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,sBAAsB;KAC9B;CACF,CAAA"}

package/dist/esm/NavigationFooter/types.d.ts

@@ -1,10 +1,14 @@
 import { MQ } from 'newskit';
+import { LogicalProps } from 'newskit/cjs/utils/logical-properties';
 import React from 'react';
+export interface FooterStyleProps extends React.HTMLAttributes<HTMLElement>, LogicalProps {
+    stylePreset?: MQ<string>;
+}
 export interface FooterContext {
     helpChat?: React.ComponentType<{
         chatHelpOverrides?: Record<string, unknown>;
     }>;
-    menuItemArray: {
+    linksArray: {
         text: string;
         href: string;
         id: string | number;
@@ -12,47 +16,31 @@ export interface FooterContext {
     legalText: string;
 }
 export interface FooterContextOverrides {
+    footerStyleOverrides?: FooterStyleProps;
+    footerDividerOverrides?: {
+        stylePreset: MQ<string>;
+        marginBlock?: MQ<string>;
+    };
+    linksDividerOverrides?: {
+        stylePreset: MQ<string>;
+        marginBlock?: MQ<string>;
+    };
     ariaLabel?: string;
-    menuItemOverrides?: {
+    linkOverrides?: {
         stylePreset?: MQ<string>;
         typographyPreset?: MQ<string>;
-        paddingInline?: MQ<string>;
-        paddingBlock?: MQ<string>;
-    };
-    menuOverrides?: {
-        marginBlockEnd?: MQ<string>;
-        backgroundColor?: string;
-        borderColorTop?: string;
-        borderColorBottom?: string;
-        padding?: {
-            xs: string;
-            md: string;
-        };
     };
     legalTextOverrides?: {
-        marginBlockEnd?: MQ<string>;
         stylePreset?: MQ<string>;
         typographyPreset?: MQ<string>;
-        padding?: {
-            xs: string;
-            md: string;
-        };
+    };
+    footerAreaOverrides?: {
+        paddingBlock?: MQ<string>;
+        paddingInline?: MQ<string>;
     };
     chatHelpOverrides?: Record<string, unknown>;
 }
 export interface FooterProps {
     footer: FooterContext;
     footerOverrides: FooterContextOverrides;
-    margin?: {
-        xsMargin?: string;
-        smMargin?: string;
-        mdMargin?: string;
-        lgMargin?: string;
-    };
-    gutter?: {
-        xsColumnGutter?: string;
-        smColumnGutter?: string;
-        mdColumnGutter?: string;
-        lgColumnGutter?: string;
-    };
 }

package/dist/esm/helpers/baseContext.d.ts

@@ -103,7 +103,7 @@ export declare const baseContext: {
     };
     footer: {
         helpChat: undefined;
-        menuItemArray: {
+        linksArray: {
             text: string;
             href: string;
             id: number;
@@ -111,28 +111,27 @@ export declare const baseContext: {
         legalText: string;
     };
     footerOverrides: {
-        ariaLabel: string;
-        menuItemOverrides: {
+        footerStyleOverrides: {
             stylePreset: string;
-            typographyPreset: string;
         };
-        menuOverrides: {
-            marginBlockEnd: string;
-            backgroundColor: string;
-            borderColor: string;
-            padding: {
-                md: string;
-                xs: string;
-            };
+        footerAreaOverrides: {
+            paddingBlock: string;
+            paddingInline: string;
+        };
+        footerDividerOverrides: {
+            stylePreset: string;
+        };
+        linksDividerOverrides: {
+            stylePreset: string;
+            marginBlock: string;
+        };
+        ariaLabel: string;
+        linkOverrides: {
+            typographyPreset: string;
         };
         legalTextOverrides: {
-            marginBlockEnd: string;
             stylePreset: string;
             typographyPreset: string;
-            padding: {
-                md: string;
-                xs: string;
-            };
         };
         chatHelpOverrides: {
             icon: JSX.Element;
@@ -140,6 +139,10 @@ export declare const baseContext: {
                 size: ButtonSize;
                 stylePreset: string;
                 text: string;
+                minWidth: {
+                    xs: string;
+                    sm: string;
+                };
             };
             helpSubheadline: string;
             helpHeadline: string;

package/dist/esm/helpers/baseContext.js

@@ -111,36 +111,39 @@ export var baseContext = {
     },
     footer: {
         helpChat: undefined,
-        menuItemArray: [
+        linksArray: [
             { text: 'About us', href: '/about-us', id: 1 },
-            { text: 'Help', href: '/help', id: 2 },
             {
                 text: 'Privacy & cookie policy',
                 href: 'http://www.newsprivacy.co.uk/',
-                id: 3,
+                id: 2,
             },
-            { text: 'Terms & conditions', href: '/terms-and-conditions', id: 4 },
-            { text: 'Contact  us', href: '/contact-us', id: 5 },
+            { text: 'Terms & conditions', href: '/terms-and-conditions', id: 3 },
         ],
         legalText: "\u00A9 NewsKit Limited ".concat(new Date().getFullYear(), ".\n      Registered in England No. 000000. Registered office: 1 London Bridge Street, SE1 9GF."),
     },
     footerOverrides: {
+        footerStyleOverrides: {
+            stylePreset: 'footerContainerStylePreset',
+        },
+        footerAreaOverrides: {
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+        },
+        footerDividerOverrides: {
+            stylePreset: 'footerDividerStylePreset',
+        },
+        linksDividerOverrides: {
+            stylePreset: 'footerDividerStylePreset',
+            marginBlock: 'space040',
+        },
         ariaLabel: 'Footer Menu',
-        menuItemOverrides: {
-            stylePreset: 'baseInteractivePrimary030',
+        linkOverrides: {
             typographyPreset: 'utilityButton020',
         },
-        menuOverrides: {
-            marginBlockEnd: 'space060',
-            backgroundColor: 'interface010',
-            borderColor: 'interface050',
-            padding: { md: 'sizing090', xs: 'sizing040' },
-        },
         legalTextOverrides: {
-            marginBlockEnd: 'space050',
             stylePreset: 'footerLegalText',
             typographyPreset: 'utilityMeta010',
-            padding: { md: 'sizing100', xs: 'sizing060' },
         },
         chatHelpOverrides: {
             icon: (React.createElement(IconFilledChat, { overrides: {
@@ -150,7 +153,11 @@ export var baseContext = {
             buttonOverrides: {
                 size: 'small',
                 stylePreset: 'buttonOutlinedSecondary',
-                text: 'Chat',
+                text: 'Chat now',
+                minWidth: {
+                    xs: '100%',
+                    sm: 'auto',
+                },
             },
             helpSubheadline: 'Get a quick response from our team members',
             helpHeadline: 'Need help?',