@newskit-render/my-account 0.152.4 → 0.152.5

package/dist/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.js

@@ -3,12 +3,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.navigationSecondaryHeight = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var newskit_1 = require("newskit");
 var context_1 = require("../../../context");
 var helpers_1 = require("../../../helpers");
@@ -19,29 +35,33 @@ var NavContainer = newskit_1.styled.div(templateObject_1 || (templateObject_1 =
     return backgroundColor &&
         (0, newskit_1.getColorCssFromTheme)('backgroundColor', backgroundColor);
 }, (0, newskit_1.getMediaQueryFromTheme)('lg'));
-var StyledScroll = (0, newskit_1.styled)(newskit_1.Scroll)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  overflow-x: auto;\n  overflow-y: auto;\n  ", " {\n    overflow-x: initial;\n    overflow-y: initial;\n  }\n"], ["\n  overflow-x: auto;\n  overflow-y: auto;\n  ", " {\n    overflow-x: initial;\n    overflow-y: initial;\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('lg'));
-var StyledMenu = (0, newskit_1.styled)(newskit_1.Menu)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  > ul {\n    flex-direction: row;\n    ", " {\n      flex-direction: column;\n    }\n  }\n\n  > ul li {\n    margin-bottom: 0px;\n  }\n\n  > ul li a:focus-visible {\n    border: none;\n    margin-bottom: 2px;\n    margin-top: 2px;\n    min-height: 44px;\n  }\n"], ["\n  > ul {\n    flex-direction: row;\n    ", " {\n      flex-direction: column;\n    }\n  }\n\n  > ul li {\n    margin-bottom: 0px;\n  }\n\n  > ul li a:focus-visible {\n    border: none;\n    margin-bottom: 2px;\n    margin-top: 2px;\n    min-height: 44px;\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('lg'));
-var StyledMenuItem = (0, newskit_1.styled)(newskit_1.MenuItem)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  white-space: nowrap;\n"], ["\n  white-space: nowrap;\n"])));
 var NavigationSecondary = function (_a) {
     var contextName = _a.contextName;
     var _b = (0, context_1.useAccountContext)(contextName), sideNav = _b.sideNav, sideNavSelected = _b.sideNavSelected, sideNavOverrides = _b.sideNavOverrides, baseUrl = _b.baseUrl;
+    var _c = (0, react_1.useState)('xs'), breakpoint = _c[0], setBreakpoint = _c[1];
+    var bp = (0, newskit_1.useBreakpointKey)();
+    (0, react_1.useEffect)(function () {
+        setBreakpoint(bp);
+    }, [bp]);
+    var isVertical = breakpoint === 'lg' || breakpoint === 'xl';
     return (react_1.default.createElement(NavContainer, { "data-testid": "NavigationSecondary", backgroundColor: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.backgroundColor },
         react_1.default.createElement(newskit_1.Block, { spaceStack: {
                 lg: 'space070',
             } }),
         react_1.default.createElement(newskit_1.Block, null,
-            react_1.default.createElement(StyledScroll, { tabIndex: undefined, overrides: {
+            react_1.default.createElement(newskit_1.Scroll, { tabIndex: undefined, overrides: {
                     overlays: {
                         size: {
                             xs: 'sizing090',
                             lg: 'sizing000',
                         },
                     },
-                } }, Array.isArray(sideNav) && (react_1.default.createElement(StyledMenu, { vertical: true, "aria-label": "main" }, sideNav.map(function (_a) {
+                } }, Array.isArray(sideNav) && (react_1.default.createElement(newskit_1.Menu, { vertical: isVertical, "aria-label": "main", overrides: { spaceInline: 'space000' } }, sideNav.map(function (_a) {
                 var id = _a.id, href = _a.href, text = _a.text;
-                return (react_1.default.createElement(StyledMenuItem, { href: (0, helpers_1.replaceBaseURL)(baseUrl, href, constants_1.FALLBACK_URL_REPLACEMENT.home), key: id, selected: sideNavSelected === id, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides }, text));
+                var isSelected = sideNavSelected === id;
+                return (react_1.default.createElement(newskit_1.MenuItem, { href: (0, helpers_1.replaceBaseURL)(baseUrl, href, constants_1.FALLBACK_URL_REPLACEMENT.home), key: id, selected: isSelected, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides }, text));
             })))))));
 };
 exports.default = NavigationSecondary;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1;
 //# sourceMappingURL=NavigationSecondary.js.map

package/dist/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAQgB;AAChB,4CAGyB;AACzB,4CAAiD;AACjD,gDAA6D;AAEhD,QAAA,yBAAyB,GAAG,MAAM,CAAA;AAE/C,IAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,kOAA0C,iCAE7D,EAAyB,OACjC,EAEwD,uBAExD,EAA4B,0FAM/B,KAXW,iCAAyB,EACjC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe;QACf,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,eAAe,CAAC;AADxD,CACwD,EAExD,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAM/B,CAAA;AAED,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,gBAAM,CAAC,oLAAA,gDAG/B,EAA4B,+DAI/B,KAJG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAI/B,CAAA;AAED,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,cAAI,CAAC,4UAAA,4CAGzB,EAA4B,2NAejC,KAfK,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAejC,CAAA;AAED,IAAM,cAAc,GAAG,IAAA,gBAAM,EAAC,kBAAQ,CAAC,+FAAA,4BAEtC,IAAA,CAAA;AAMD,IAAM,mBAAmB,GAAuC,UAAC,EAEhE;QADC,WAAW,iBAAA;IAEL,IAAA,KAKF,IAAA,2BAAiB,EAAC,WAAW,CAAqC,EAJpE,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,OAAO,aAC6D,CAAA;IAEtE,OAAO,CACL,8BAAC,YAAY,mBACC,qBAAqB,EACjC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe;QAElD,8BAAC,eAAK,IACJ,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;aACf,GACD;QACF,8BAAC,eAAK;YACJ,8BAAC,YAAY,IACX,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE;4BACJ,EAAE,EAAE,WAAW;4BACf,EAAE,EAAE,WAAW;yBAChB;qBACF;iBACF,IAEA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CACzB,8BAAC,UAAU,IAAC,QAAQ,sBAAY,MAAM,IACnC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAkB;oBAAhB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CACnC,8BAAC,cAAc,IACb,IAAI,EAAE,IAAA,wBAAc,EAClB,OAAO,EACP,IAAI,EACJ,oCAAwB,CAAC,IAAI,CAC9B,EACD,GAAG,EAAE,EAAE,EACP,QAAQ,EAAE,eAAe,KAAK,EAAE,EAChC,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,iBAAiB,IAE7C,IAAI,CACU,CAClB;YAboC,CAapC,CAAC,CACS,CACd,CACY,CACT,CACK,CAChB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,mBAAmB,CAAA"}
+{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,mCASgB;AAChB,4CAGyB;AACzB,4CAAiD;AACjD,gDAA6D;AAEhD,QAAA,yBAAyB,GAAG,MAAM,CAAA;AAE/C,IAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,kOAA0C,iCAE7D,EAAyB,OACjC,EAEwD,uBAExD,EAA4B,0FAM/B,KAXW,iCAAyB,EACjC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe;QACf,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,eAAe,CAAC;AADxD,CACwD,EAExD,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAM/B,CAAA;AAMD,IAAM,mBAAmB,GAAuC,UAAC,EAEhE;QADC,WAAW,iBAAA;IAEL,IAAA,KAKF,IAAA,2BAAiB,EAAC,WAAW,CAAqC,EAJpE,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,OAAO,aAC6D,CAAA;IAEhE,IAAA,KAA8B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA3C,UAAU,QAAA,EAAE,aAAa,QAAkB,CAAA;IAClD,IAAM,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IAC7B,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,EAAE,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,IAAM,UAAU,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAE7D,OAAO,CACL,8BAAC,YAAY,mBACC,qBAAqB,EACjC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe;QAElD,8BAAC,eAAK,IACJ,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;aACf,GACD;QACF,8BAAC,eAAK;YACJ,8BAAC,gBAAM,IACL,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE;4BACJ,EAAE,EAAE,WAAW;4BACf,EAAE,EAAE,WAAW;yBAChB;qBACF;iBACF,IAEA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CACzB,8BAAC,cAAI,IACH,QAAQ,EAAE,UAAU,gBACT,MAAM,EACjB,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,IAErC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAkB;oBAAhB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;gBAC5B,IAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAA;gBACzC,OAAO,CACL,8BAAC,kBAAQ,IACP,IAAI,EAAE,IAAA,wBAAc,EAClB,OAAO,EACP,IAAI,EACJ,oCAAwB,CAAC,IAAI,CAC9B,EACD,GAAG,EAAE,EAAE,EACP,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,iBAAiB,IAE7C,IAAI,CACI,CACZ,CAAA;YACH,CAAC,CAAC,CACG,CACR,CACM,CACH,CACK,CAChB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,mBAAmB,CAAA"}

package/dist/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.stories.js

@@ -5,12 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Primary = void 0;
 var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
 var _1 = __importDefault(require("."));
 var types_1 = require("../../../context/types");
 exports.default = {
     title: 'Components/Sections/NavigationSecondary',
     component: _1.default,
 };
-var Primary = function () { return (react_1.default.createElement(_1.default, { contextName: types_1.ContextName.personalDetails })); };
+var Primary = function () { return (react_1.default.createElement(newskit_1.MediaQueryProvider, null,
+    react_1.default.createElement(_1.default, { contextName: types_1.ContextName.personalDetails }))); };
 exports.Primary = Primary;
 //# sourceMappingURL=NavigationSecondary.stories.js.map

package/dist/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSecondary.stories.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAGzB,uCAAmC;AACnC,gDAAoD;AAEpD,kBAAe;IACb,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,UAAmB;CACvB,CAAA;AAEF,IAAM,OAAO,GAAa,cAAM,OAAA,CACrC,8BAAC,UAAmB,IAAC,WAAW,EAAE,mBAAW,CAAC,eAAe,GAAI,CAClE,EAFsC,CAEtC,CAAA;AAFY,QAAA,OAAO,WAEnB"}
+{"version":3,"file":"NavigationSecondary.stories.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,mCAA4C;AAC5C,uCAAmC;AACnC,gDAAoD;AAEpD,kBAAe;IACb,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,UAAmB;CACvB,CAAA;AAEF,IAAM,OAAO,GAAa,cAAM,OAAA,CACrC,8BAAC,4BAAkB;IACjB,8BAAC,UAAmB,IAAC,WAAW,EAAE,mBAAW,CAAC,eAAe,GAAI,CAC9C,CACtB,EAJsC,CAItC,CAAA;AAJY,QAAA,OAAO,WAInB"}

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js

@@ -2,8 +2,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import React from 'react';
-import { styled, getColorCssFromTheme, getMediaQueryFromTheme, Menu, MenuItem, Block, Scroll, } from 'newskit';
+import React, { useEffect, useState } from 'react';
+import { styled, getColorCssFromTheme, getMediaQueryFromTheme, Menu, MenuItem, Block, Scroll, useBreakpointKey, } from 'newskit';
 import { useAccountContext, } from '../../../context';
 import { replaceBaseURL } from '../../../helpers';
 import { FALLBACK_URL_REPLACEMENT } from '../../../constants';
@@ -13,29 +13,33 @@ var NavContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
     return backgroundColor &&
         getColorCssFromTheme('backgroundColor', backgroundColor);
 }, getMediaQueryFromTheme('lg'));
-var StyledScroll = styled(Scroll)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  overflow-x: auto;\n  overflow-y: auto;\n  ", " {\n    overflow-x: initial;\n    overflow-y: initial;\n  }\n"], ["\n  overflow-x: auto;\n  overflow-y: auto;\n  ", " {\n    overflow-x: initial;\n    overflow-y: initial;\n  }\n"])), getMediaQueryFromTheme('lg'));
-var StyledMenu = styled(Menu)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  > ul {\n    flex-direction: row;\n    ", " {\n      flex-direction: column;\n    }\n  }\n\n  > ul li {\n    margin-bottom: 0px;\n  }\n\n  > ul li a:focus-visible {\n    border: none;\n    margin-bottom: 2px;\n    margin-top: 2px;\n    min-height: 44px;\n  }\n"], ["\n  > ul {\n    flex-direction: row;\n    ", " {\n      flex-direction: column;\n    }\n  }\n\n  > ul li {\n    margin-bottom: 0px;\n  }\n\n  > ul li a:focus-visible {\n    border: none;\n    margin-bottom: 2px;\n    margin-top: 2px;\n    min-height: 44px;\n  }\n"])), getMediaQueryFromTheme('lg'));
-var StyledMenuItem = styled(MenuItem)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  white-space: nowrap;\n"], ["\n  white-space: nowrap;\n"])));
 var NavigationSecondary = function (_a) {
     var contextName = _a.contextName;
     var _b = useAccountContext(contextName), sideNav = _b.sideNav, sideNavSelected = _b.sideNavSelected, sideNavOverrides = _b.sideNavOverrides, baseUrl = _b.baseUrl;
+    var _c = useState('xs'), breakpoint = _c[0], setBreakpoint = _c[1];
+    var bp = useBreakpointKey();
+    useEffect(function () {
+        setBreakpoint(bp);
+    }, [bp]);
+    var isVertical = breakpoint === 'lg' || breakpoint === 'xl';
     return (React.createElement(NavContainer, { "data-testid": "NavigationSecondary", backgroundColor: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.backgroundColor },
         React.createElement(Block, { spaceStack: {
                 lg: 'space070',
             } }),
         React.createElement(Block, null,
-            React.createElement(StyledScroll, { tabIndex: undefined, overrides: {
+            React.createElement(Scroll, { tabIndex: undefined, overrides: {
                     overlays: {
                         size: {
                             xs: 'sizing090',
                             lg: 'sizing000',
                         },
                     },
-                } }, Array.isArray(sideNav) && (React.createElement(StyledMenu, { vertical: true, "aria-label": "main" }, sideNav.map(function (_a) {
+                } }, Array.isArray(sideNav) && (React.createElement(Menu, { vertical: isVertical, "aria-label": "main", overrides: { spaceInline: 'space000' } }, sideNav.map(function (_a) {
                 var id = _a.id, href = _a.href, text = _a.text;
-                return (React.createElement(StyledMenuItem, { href: replaceBaseURL(baseUrl, href, FALLBACK_URL_REPLACEMENT.home), key: id, selected: sideNavSelected === id, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides }, text));
+                var isSelected = sideNavSelected === id;
+                return (React.createElement(MenuItem, { href: replaceBaseURL(baseUrl, href, FALLBACK_URL_REPLACEMENT.home), key: id, selected: isSelected, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides }, text));
             })))))));
 };
 export default NavigationSecondary;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1;
 //# sourceMappingURL=NavigationSecondary.js.map

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,oBAAoB,EACpB,sBAAsB,EACtB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAE7D,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAA;AAE/C,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,kOAA0C,iCAE7D,EAAyB,OACjC,EAEwD,uBAExD,EAA4B,0FAM/B,KAXW,yBAAyB,EACjC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe;QACf,oBAAoB,CAAC,iBAAiB,EAAE,eAAe,CAAC;AADxD,CACwD,EAExD,sBAAsB,CAAC,IAAI,CAAC,CAM/B,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,oLAAA,gDAG/B,EAA4B,+DAI/B,KAJG,sBAAsB,CAAC,IAAI,CAAC,CAI/B,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,4UAAA,4CAGzB,EAA4B,2NAejC,KAfK,sBAAsB,CAAC,IAAI,CAAC,CAejC,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,+FAAA,4BAEtC,IAAA,CAAA;AAMD,IAAM,mBAAmB,GAAuC,UAAC,EAEhE;QADC,WAAW,iBAAA;IAEL,IAAA,KAKF,iBAAiB,CAAC,WAAW,CAAqC,EAJpE,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,OAAO,aAC6D,CAAA;IAEtE,OAAO,CACL,oBAAC,YAAY,mBACC,qBAAqB,EACjC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe;QAElD,oBAAC,KAAK,IACJ,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;aACf,GACD;QACF,oBAAC,KAAK;YACJ,oBAAC,YAAY,IACX,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE;4BACJ,EAAE,EAAE,WAAW;4BACf,EAAE,EAAE,WAAW;yBAChB;qBACF;iBACF,IAEA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CACzB,oBAAC,UAAU,IAAC,QAAQ,sBAAY,MAAM,IACnC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAkB;oBAAhB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CACnC,oBAAC,cAAc,IACb,IAAI,EAAE,cAAc,CAClB,OAAO,EACP,IAAI,EACJ,wBAAwB,CAAC,IAAI,CAC9B,EACD,GAAG,EAAE,EAAE,EACP,QAAQ,EAAE,eAAe,KAAK,EAAE,EAChC,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,iBAAiB,IAE7C,IAAI,CACU,CAClB;YAboC,CAapC,CAAC,CACS,CACd,CACY,CACT,CACK,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EACL,MAAM,EACN,oBAAoB,EACpB,sBAAsB,EACtB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAChB,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAE7D,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAA;AAE/C,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,kOAA0C,iCAE7D,EAAyB,OACjC,EAEwD,uBAExD,EAA4B,0FAM/B,KAXW,yBAAyB,EACjC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe;QACf,oBAAoB,CAAC,iBAAiB,EAAE,eAAe,CAAC;AADxD,CACwD,EAExD,sBAAsB,CAAC,IAAI,CAAC,CAM/B,CAAA;AAMD,IAAM,mBAAmB,GAAuC,UAAC,EAEhE;QADC,WAAW,iBAAA;IAEL,IAAA,KAKF,iBAAiB,CAAC,WAAW,CAAqC,EAJpE,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,OAAO,aAC6D,CAAA;IAEhE,IAAA,KAA8B,QAAQ,CAAC,IAAI,CAAC,EAA3C,UAAU,QAAA,EAAE,aAAa,QAAkB,CAAA;IAClD,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC7B,SAAS,CAAC;QACR,aAAa,CAAC,EAAE,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,IAAM,UAAU,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAE7D,OAAO,CACL,oBAAC,YAAY,mBACC,qBAAqB,EACjC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe;QAElD,oBAAC,KAAK,IACJ,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;aACf,GACD;QACF,oBAAC,KAAK;YACJ,oBAAC,MAAM,IACL,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE;4BACJ,EAAE,EAAE,WAAW;4BACf,EAAE,EAAE,WAAW;yBAChB;qBACF;iBACF,IAEA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CACzB,oBAAC,IAAI,IACH,QAAQ,EAAE,UAAU,gBACT,MAAM,EACjB,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,IAErC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAkB;oBAAhB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;gBAC5B,IAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAA;gBACzC,OAAO,CACL,oBAAC,QAAQ,IACP,IAAI,EAAE,cAAc,CAClB,OAAO,EACP,IAAI,EACJ,wBAAwB,CAAC,IAAI,CAC9B,EACD,GAAG,EAAE,EAAE,EACP,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,iBAAiB,IAE7C,IAAI,CACI,CACZ,CAAA;YACH,CAAC,CAAC,CACG,CACR,CACM,CACH,CACK,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.stories.js

@@ -1,9 +1,11 @@
 import React from 'react';
+import { MediaQueryProvider } from 'newskit';
 import NavigationSecondary from '.';
 import { ContextName } from '../../../context/types';
 export default {
     title: 'Components/Sections/NavigationSecondary',
     component: NavigationSecondary,
 };
-export var Primary = function () { return (React.createElement(NavigationSecondary, { contextName: ContextName.personalDetails })); };
+export var Primary = function () { return (React.createElement(MediaQueryProvider, null,
+    React.createElement(NavigationSecondary, { contextName: ContextName.personalDetails }))); };
 //# sourceMappingURL=NavigationSecondary.stories.js.map

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSecondary.stories.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,mBAAmB,MAAM,GAAG,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,eAAe;IACb,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,mBAAmB;CACvB,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAAa,cAAM,OAAA,CACrC,oBAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,CAAC,eAAe,GAAI,CAClE,EAFsC,CAEtC,CAAA"}
+{"version":3,"file":"NavigationSecondary.stories.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,mBAAmB,MAAM,GAAG,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,eAAe;IACb,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,mBAAmB;CACvB,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAAa,cAAM,OAAA,CACrC,oBAAC,kBAAkB;IACjB,oBAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,CAAC,eAAe,GAAI,CAC9C,CACtB,EAJsC,CAItC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/my-account",
-  "version": "0.152.4",
+  "version": "0.152.5",
   "description": "Newskit Render",
   "author": "",
   "license": "UNLICENSED",
@@ -35,7 +35,7 @@
     "@apollo/client": "3.4.16",
     "@hookform/resolvers": "2.5.2",
     "@newskit-render/api": "^0.18.1",
-    "@newskit-render/shared-components": "^0.45.1",
+    "@newskit-render/shared-components": "^0.45.2",
     "@newskit-render/validation": "^0.39.1",
     "@stripe/react-stripe-js": "1.4.1",
     "@stripe/stripe-js": "1.17.0",