@newskit-render/shared-components 3.2.3 → 3.3.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/dist/cjs/LayoutGrid/LayoutGrid.js +4 -13
- package/dist/cjs/LayoutGrid/LayoutGrid.js.map +1 -1
- package/dist/cjs/LayoutGrid/types.d.ts +8 -8
- package/dist/cjs/NavigationPrimary/NavigationPrimary.js +13 -15
- package/dist/cjs/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/cjs/NavigationPrimary/Title.d.ts +12 -0
- package/dist/cjs/NavigationPrimary/Title.js +21 -0
- package/dist/cjs/NavigationPrimary/Title.js.map +1 -0
- package/dist/cjs/NavigationPrimary/styled.d.ts +0 -8
- package/dist/cjs/NavigationPrimary/styled.js +5 -10
- package/dist/cjs/NavigationPrimary/styled.js.map +1 -1
- package/dist/cjs/NavigationPrimary/types.d.ts +6 -1
- package/dist/esm/LayoutGrid/LayoutGrid.js +5 -14
- package/dist/esm/LayoutGrid/LayoutGrid.js.map +1 -1
- package/dist/esm/LayoutGrid/types.d.ts +8 -8
- package/dist/esm/NavigationPrimary/NavigationPrimary.js +12 -19
- package/dist/esm/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/esm/NavigationPrimary/Title.d.ts +12 -0
- package/dist/esm/NavigationPrimary/Title.js +16 -0
- package/dist/esm/NavigationPrimary/Title.js.map +1 -0
- package/dist/esm/NavigationPrimary/styled.d.ts +0 -8
- package/dist/esm/NavigationPrimary/styled.js +5 -10
- package/dist/esm/NavigationPrimary/styled.js.map +1 -1
- package/dist/esm/NavigationPrimary/types.d.ts +6 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -612,10 +612,14 @@ interface NavigationPrimaryProps extends NavigationPrimaryThemeProps {
|
|
|
612
612
|
children?: React.ReactNode
|
|
613
613
|
nav?: NavigationPrimaryInterface[] | false
|
|
614
614
|
title?: string
|
|
615
|
+
titleHref?: string
|
|
616
|
+
titleOverrides?: {
|
|
617
|
+
stylePreset?: MQ<string>
|
|
618
|
+
typographyPreset?: MQ<string>
|
|
619
|
+
}
|
|
615
620
|
logoSrc?: string
|
|
616
621
|
logoWidth?: string
|
|
617
622
|
logoHeight?: string
|
|
618
|
-
titlePosition?: string
|
|
619
623
|
loggedInUser?: boolean
|
|
620
624
|
gridOverrides?: {
|
|
621
625
|
width?: MQ<string>
|
|
@@ -4,17 +4,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
5
5
|
return cooked;
|
|
6
6
|
};
|
|
7
|
-
var __assign = (this && this.__assign) || function () {
|
|
8
|
-
__assign = Object.assign || function(t) {
|
|
9
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
10
|
-
s = arguments[i];
|
|
11
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
12
|
-
t[p] = s[p];
|
|
13
|
-
}
|
|
14
|
-
return t;
|
|
15
|
-
};
|
|
16
|
-
return __assign.apply(this, arguments);
|
|
17
|
-
};
|
|
18
7
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
19
8
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
20
9
|
};
|
|
@@ -39,8 +28,10 @@ var LayoutGrid = function (_a) {
|
|
|
39
28
|
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: topMarginBlockEnd }),
|
|
40
29
|
react_1.default.createElement(newskit_1.ScreenReaderOnly, null,
|
|
41
30
|
react_1.default.createElement("p", { id: "main-description" }, "Beginning of main content")),
|
|
42
|
-
react_1.default.createElement(newskit_1.
|
|
43
|
-
|
|
31
|
+
react_1.default.createElement(newskit_1.GridLayout, { "data-testid": "layout-grid", overrides: {
|
|
32
|
+
marginInline: margin,
|
|
33
|
+
paddingInline: gutter,
|
|
34
|
+
} }, children)));
|
|
44
35
|
};
|
|
45
36
|
exports.LayoutGrid = LayoutGrid;
|
|
46
37
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutGrid.js","sourceRoot":"","sources":["../../../src/LayoutGrid/LayoutGrid.tsx"],"names":[],"mappings":";AAAA,yBAAyB
|
|
1
|
+
{"version":3,"file":"LayoutGrid.js","sourceRoot":"","sources":["../../../src/LayoutGrid/LayoutGrid.tsx"],"names":[],"mappings":";AAAA,yBAAyB;;;;;;;;;;AAEzB,mCAMgB;AAChB,gDAAyB;AAGzB,IAAM,kBAAkB,GAAG,UAAC,OAAiB,EAAE,SAAmB;IAChE,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAA;KACf;IACD,IAAI,SAAS,EAAE;QACb,OAAO,QAAQ,CAAA;KAChB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,IAAK,OAAA,gBAAM,CAAC,IAAI,6YAAA,gNAcnD,EAA4B,qFAK5B,EAA4B,qBACf,EAAK,UAErB,KARG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAK5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EACf,KAAK,GApBsB,CAsB3C,CAAA;AAEM,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,yBAAsD,EAAtD,iBAAiB,mBAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,KAAA;IAEtD,IAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAE9E,OAAO,CACL,8BAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,sBAAkB,kBAAkB;QACrE,8BAAC,eAAK,IAAC,cAAc,EAAE,iBAAiB,GAAI;QAC5C,8BAAC,0BAAgB;YACf,qCAAG,EAAE,EAAC,kBAAkB,gCAA8B,CACrC;QAEnB,8BAAC,oBAAU,mBACG,aAAa,EACzB,SAAS,EAAE;gBACT,YAAY,EAAE,MAAM;gBACpB,aAAa,EAAE,MAAM;aACtB,IAEA,QAAQ,CACE,CACF,CACd,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}
|
|
@@ -6,15 +6,15 @@ export interface LayoutGridProps {
|
|
|
6
6
|
hasSidebar?: boolean;
|
|
7
7
|
fullWidth?: boolean;
|
|
8
8
|
margin?: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
xs?: string;
|
|
10
|
+
sm?: string;
|
|
11
|
+
md?: string;
|
|
12
|
+
lg?: string;
|
|
13
13
|
};
|
|
14
14
|
gutter?: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
xs?: string;
|
|
16
|
+
sm?: string;
|
|
17
|
+
md?: string;
|
|
18
|
+
lg?: string;
|
|
19
19
|
};
|
|
20
20
|
}
|
|
@@ -44,6 +44,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
44
44
|
}
|
|
45
45
|
return t;
|
|
46
46
|
};
|
|
47
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
+
};
|
|
47
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
51
|
exports.NavigationPrimary = void 0;
|
|
49
52
|
var react_1 = __importStar(require("react"));
|
|
@@ -51,6 +54,7 @@ var newskit_1 = require("newskit");
|
|
|
51
54
|
var NewsKitLogoGlyph_1 = require("./logos/NewsKitLogoGlyph");
|
|
52
55
|
var NewsKitLogoFull_1 = require("./logos/NewsKitLogoFull");
|
|
53
56
|
var __1 = require("..");
|
|
57
|
+
var Title_1 = __importDefault(require("./Title"));
|
|
54
58
|
var styled_1 = require("./styled");
|
|
55
59
|
var utils_1 = require("./utils");
|
|
56
60
|
var utils_2 = require("./utils");
|
|
@@ -63,10 +67,10 @@ var AccountDropdown_1 = require("../AccountDropdown");
|
|
|
63
67
|
var IconFilledMenu = (0, newskit_1.toNewsKitIcon)(Menu_1.Menu);
|
|
64
68
|
var IconFilledClose = (0, newskit_1.toNewsKitIcon)(Close_1.Close);
|
|
65
69
|
var BaseNavigationPrimary = function (_a) {
|
|
66
|
-
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b,
|
|
70
|
+
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, titleHref = _a.titleHref, titleOverrides = _a.titleOverrides, _c = _a.logoHref, logoHref = _c === void 0 ? '/' : _c, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, logoHeight = _a.logoHeight, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides, env = _a.env;
|
|
67
71
|
var bp = (0, newskit_1.useBreakpointKey)();
|
|
68
|
-
var
|
|
69
|
-
var
|
|
72
|
+
var _d = themeDropdownObject || {}, themeDropdownOpen = _d.themeDropdownOpen, dropdown = _d.dropdown, clientNavigationLogos = _d.clientNavigationLogos, options = _d.options;
|
|
73
|
+
var _e = (0, react_1.useState)(false), showMenu = _e[0], setShowMenu = _e[1];
|
|
70
74
|
var handleMobileMenuToggle = function (showMenuCustomValue) {
|
|
71
75
|
setShowMenu(showMenuCustomValue !== undefined ? showMenuCustomValue : !showMenu);
|
|
72
76
|
document.body.style.overflow =
|
|
@@ -81,12 +85,11 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
81
85
|
return clientNavigationLogos[customTheme.name];
|
|
82
86
|
}
|
|
83
87
|
// if logo image is passed from context use it
|
|
84
|
-
if (logoSrc || logoWidth
|
|
88
|
+
if (logoSrc || logoWidth) {
|
|
85
89
|
return {
|
|
86
90
|
src: logoSrc,
|
|
87
91
|
width: logoWidth || '150',
|
|
88
92
|
height: logoHeight || '32.5',
|
|
89
|
-
top: titlePosition || '0',
|
|
90
93
|
};
|
|
91
94
|
}
|
|
92
95
|
// fall back to known title logos (Sun, Times & virgin) for the theme
|
|
@@ -123,8 +126,7 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
123
126
|
xs: showMenu ? 'start' : 'center',
|
|
124
127
|
md: 'center',
|
|
125
128
|
}, alignItems: "center", justifyContent: {
|
|
126
|
-
xs: '
|
|
127
|
-
md: 'start',
|
|
129
|
+
xs: 'start',
|
|
128
130
|
}, overrides: __assign({ height: {
|
|
129
131
|
xs: nav && !hasTitle && showMenu ? '100vh' : '',
|
|
130
132
|
md: '1px', // 'auto' is not accepted as a valid value
|
|
@@ -133,8 +135,8 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
133
135
|
xs: !nav || hasTitle ? 'center' : 'start',
|
|
134
136
|
md: 'start',
|
|
135
137
|
} },
|
|
136
|
-
react_1.default.createElement(newskit_1.GridLayout, { columns: '1fr auto auto', columnGap: title &&
|
|
137
|
-
react_1.default.createElement(__1.NextLink, { type: "standalone", overrides: { stylePreset: 'linkStandaloneInverse' }, href:
|
|
138
|
+
react_1.default.createElement(newskit_1.GridLayout, { columns: '1fr auto auto', columnGap: title && 'space040', alignItems: "center" },
|
|
139
|
+
react_1.default.createElement(__1.NextLink, { type: "standalone", overrides: { stylePreset: 'linkStandaloneInverse' }, href: logoHref, "aria-label": "Logo Link", eventContext: {
|
|
138
140
|
event_navigation_action: 'navigation',
|
|
139
141
|
event_navigation_name: "".concat(logoName, " logo"),
|
|
140
142
|
event_navigation_browsing_method: newskit_1.EventTrigger.Click,
|
|
@@ -154,12 +156,8 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
154
156
|
stylePreset: 'logo',
|
|
155
157
|
} }))))))),
|
|
156
158
|
title && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
157
|
-
react_1.default.createElement(
|
|
158
|
-
|
|
159
|
-
react_1.default.createElement(newskit_1.Hidden, { xs: true, sm: true },
|
|
160
|
-
react_1.default.createElement(styled_1.Title, { top: logo === null || logo === void 0 ? void 0 : logo.top, stylePreset: "inkInverse", typographyPreset: {
|
|
161
|
-
md: 'utilityHeading030',
|
|
162
|
-
} }, title)))),
|
|
159
|
+
react_1.default.createElement(newskit_1.Divider, { "data-testid": "divide-from-logo", vertical: true, overrides: { stylePreset: 'navigationPrimaryDivider' } }),
|
|
160
|
+
react_1.default.createElement(Title_1.default, { overrides: titleOverrides, title: title, href: titleHref }))),
|
|
163
161
|
react_1.default.createElement(__1.SkipToContent, null))),
|
|
164
162
|
!hasTitle && nav && (react_1.default.createElement(newskit_1.GridLayoutItem, { area: "hamburger", justifySelf: 'end' },
|
|
165
163
|
react_1.default.createElement(newskit_1.Visible, { xs: true, sm: true },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MQ } from 'newskit';
|
|
3
|
+
interface TitleProps {
|
|
4
|
+
title: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
overrides?: {
|
|
7
|
+
stylePreset?: MQ<string>;
|
|
8
|
+
typographyPreset?: MQ<string>;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
declare const Title: React.FC<TitleProps>;
|
|
12
|
+
export default Title;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
var react_1 = __importDefault(require("react"));
|
|
11
|
+
var newskit_1 = require("newskit");
|
|
12
|
+
var __1 = require("..");
|
|
13
|
+
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & > a {\n display: block;\n }\n"], ["\n & > a {\n display: block;\n }\n"])));
|
|
14
|
+
var Title = function (_a) {
|
|
15
|
+
var title = _a.title, href = _a.href, overrides = _a.overrides;
|
|
16
|
+
return href ? (react_1.default.createElement(StyledBlock, { "data-testid": "title-with-link" },
|
|
17
|
+
react_1.default.createElement(__1.NextLink, { type: "standalone", href: href, overrides: overrides }, title))) : (react_1.default.createElement(newskit_1.TextBlock, { stylePreset: overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset, typographyPreset: overrides === null || overrides === void 0 ? void 0 : overrides.typographyPreset, "data-testid": "title-no-link" }, title));
|
|
18
|
+
};
|
|
19
|
+
exports.default = Title;
|
|
20
|
+
var templateObject_1;
|
|
21
|
+
//# sourceMappingURL=Title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/Title.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,gDAAyB;AACzB,mCAAsD;AACtD,wBAA6B;AAE7B,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4GAAA,yCAIhC,IAAA,CAAA;AAWD,IAAM,KAAK,GAAyB,UAAC,EAA0B;QAAxB,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;IAC3D,OAAA,IAAI,CAAC,CAAC,CAAC,CACL,8BAAC,WAAW,mBAAa,iBAAiB;QACxC,8BAAC,YAAQ,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,IACzD,KAAK,CACG,CACC,CACf,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAS,IACR,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EACnC,gBAAgB,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,gBAAgB,iBACjC,eAAe,IAE1B,KAAK,CACI,CACb;AAdD,CAcC,CAAA;AAEH,kBAAe,KAAK,CAAA"}
|
|
@@ -65,14 +65,6 @@ export declare const BrandmarkGlyph: import("@emotion/styled").StyledComponent<{
|
|
|
65
65
|
theme?: import("@emotion/react").Theme | undefined;
|
|
66
66
|
as?: import("react").ElementType<any> | undefined;
|
|
67
67
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
68
|
-
export declare const DividerContainer: import("@emotion/styled").StyledComponent<import("newskit").VisibilityProps & {
|
|
69
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
70
|
-
}, {}, {}>;
|
|
71
|
-
export declare const Title: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
|
|
72
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
73
|
-
} & {
|
|
74
|
-
top?: string | undefined;
|
|
75
|
-
}, {}, {}>;
|
|
76
68
|
export declare const StyledVisible: import("@emotion/styled").StyledComponent<import("newskit").VisibilityProps & {
|
|
77
69
|
theme?: import("@emotion/react").Theme | undefined;
|
|
78
70
|
}, {}, {}>;
|
|
@@ -4,19 +4,14 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.StyledDivider = exports.StyledVisible = exports.
|
|
7
|
+
exports.StyledDivider = exports.StyledVisible = exports.BrandmarkGlyph = exports.BrandmarkFull = exports.PrimaryNavbarContainer = exports.ActionsContainer = exports.StyledHeader = void 0;
|
|
8
8
|
var newskit_1 = require("newskit");
|
|
9
9
|
exports.StyledHeader = newskit_1.styled.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interfaceBrand010'));
|
|
10
10
|
exports.ActionsContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n ", "\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n ", "\n"])), (0, newskit_1.getOverlayCssFromTheme)('backgroundColor', 'overlayTintInverse010'), (0, newskit_1.getSpacingCssFromTheme)('padding', 'spaceInsetSquish040'), (0, newskit_1.getSizingCssFromTheme)('minHeight', 'sizing080'));
|
|
11
11
|
exports.PrimaryNavbarContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n ", ";\n margin: 0 auto;\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n ", ";\n margin: 0 auto;\n"])), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'transparent'), (0, newskit_1.getSpacingCssFromTheme)('padding', 'spaceInsetSquish040'), (0, newskit_1.getSizingCssFromTheme)('minHeight', 'sizing100'));
|
|
12
|
-
exports.BrandmarkFull = newskit_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"])), (0, newskit_1.getSizingCssFromTheme)('width', { xs: '
|
|
12
|
+
exports.BrandmarkFull = newskit_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"])), (0, newskit_1.getSizingCssFromTheme)('width', { xs: '150px' }), (0, newskit_1.getSizingCssFromTheme)('height', { xs: '48px', md: "32px" }), (0, newskit_1.getSizingCssFromTheme)('minHeight', 'sizing080'));
|
|
13
13
|
exports.BrandmarkGlyph = newskit_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"])), (0, newskit_1.getSizingCssFromTheme)('width', '50px'), (0, newskit_1.getSizingCssFromTheme)('height', '32px'), (0, newskit_1.getSizingCssFromTheme)('minHeight', 'sizing080'));
|
|
14
|
-
exports.
|
|
15
|
-
exports.
|
|
16
|
-
|
|
17
|
-
return (top ? top : '0');
|
|
18
|
-
});
|
|
19
|
-
exports.StyledVisible = (0, newskit_1.styled)(newskit_1.Visible)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", " {\n height: 100%;\n }\n"], ["\n ", " {\n height: 100%;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'));
|
|
20
|
-
exports.StyledDivider = (0, newskit_1.styled)(newskit_1.Divider)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), (0, newskit_1.getSizingCssFromTheme)('minHeight', 'sizing080'));
|
|
21
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
14
|
+
exports.StyledVisible = (0, newskit_1.styled)(newskit_1.Visible)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", " {\n height: 100%;\n }\n"], ["\n ", " {\n height: 100%;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'));
|
|
15
|
+
exports.StyledDivider = (0, newskit_1.styled)(newskit_1.Divider)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), (0, newskit_1.getSizingCssFromTheme)('minHeight', 'sizing080'));
|
|
16
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
22
17
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAUgB;AAEH,QAAA,YAAY,GAAG,gBAAM,CAAC,MAAM,gFAAA,MACrC,EAA4D,KAC/D,KADG,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,mBAAmB,CAAC,EAC/D;AAEY,QAAA,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,4HAAA,iCAE9C,EAAkE,OAClE,EAAwD,OACxD,EAA+C,IAClD,KAHG,IAAA,gCAAsB,EAAC,iBAAiB,EAAE,uBAAuB,CAAC,EAClE,IAAA,gCAAsB,EAAC,SAAS,EAAE,qBAAqB,CAAC,EACxD,IAAA,+BAAqB,EAAC,WAAW,EAAE,WAAW,CAAC,EAClD;AAEY,QAAA,sBAAsB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,gJAAA,iCAEpD,EAAsD,OACtD,EAAwD,OACxD,EAA+C,wBAElD,KAJG,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,aAAa,CAAC,EACtD,IAAA,gCAAsB,EAAC,SAAS,EAAE,qBAAqB,CAAC,EACxD,IAAA,+BAAqB,EAAC,WAAW,EAAE,WAAW,CAAC,EAElD;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,0KAAA,8EAKnC,EAA+C,OAC/C,EAA2D,OAC3D,EAA+C,KAClD,KAHG,IAAA,+BAAqB,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAC/C,IAAA,+BAAqB,EAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAC3D,IAAA,+BAAqB,EAAC,WAAW,EAAE,WAAW,CAAC,EAClD;AAEY,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,0KAAA,8EAKpC,EAAsC,OACtC,EAAuC,OACvC,EAA+C,KAClD,KAHG,IAAA,+BAAqB,EAAC,OAAO,EAAE,MAAM,CAAC,EACtC,IAAA,+BAAqB,EAAC,QAAQ,EAAE,MAAM,CAAC,EACvC,IAAA,+BAAqB,EAAC,WAAW,EAAE,WAAW,CAAC,EAClD;AAEY,QAAA,aAAa,GAAG,IAAA,gBAAM,EAAC,iBAAO,CAAC,yGAAA,MACxC,EAA4B,8BAG/B,KAHG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG/B;AACY,QAAA,aAAa,GAAG,IAAA,gBAAM,EAAC,iBAAO,CAAC,+EAAA,MACxC,EAA+C,IAClD,KADG,IAAA,+BAAqB,EAAC,WAAW,EAAE,WAAW,CAAC,EAClD"}
|
|
@@ -16,10 +16,15 @@ export interface NavigationPrimaryProps extends NavigationPrimaryThemeProps {
|
|
|
16
16
|
children?: React.ReactNode;
|
|
17
17
|
nav?: NavigationPrimaryInterface[] | false;
|
|
18
18
|
title?: string;
|
|
19
|
+
titleHref?: string;
|
|
20
|
+
titleOverrides?: {
|
|
21
|
+
stylePreset?: MQ<string>;
|
|
22
|
+
typographyPreset?: MQ<string>;
|
|
23
|
+
};
|
|
24
|
+
logoHref?: string;
|
|
19
25
|
logoSrc?: string;
|
|
20
26
|
logoWidth?: string;
|
|
21
27
|
logoHeight?: string;
|
|
22
|
-
titlePosition?: string;
|
|
23
28
|
loggedInUser?: boolean;
|
|
24
29
|
gridOverrides?: {
|
|
25
30
|
width?: MQ<string>;
|
|
@@ -3,18 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
import { Block, Cell, getMediaQueryFromTheme, Grid, ScreenReaderOnly, styled, } from 'newskit';
|
|
6
|
+
import { Block, getMediaQueryFromTheme, GridLayout, ScreenReaderOnly, styled, } from 'newskit';
|
|
18
7
|
import React from 'react';
|
|
19
8
|
var getStyledMainWidth = function (sidebar, fullWidth) {
|
|
20
9
|
if (sidebar) {
|
|
@@ -33,8 +22,10 @@ export var LayoutGrid = function (_a) {
|
|
|
33
22
|
React.createElement(Block, { marginBlockEnd: topMarginBlockEnd }),
|
|
34
23
|
React.createElement(ScreenReaderOnly, null,
|
|
35
24
|
React.createElement("p", { id: "main-description" }, "Beginning of main content")),
|
|
36
|
-
React.createElement(
|
|
37
|
-
|
|
25
|
+
React.createElement(GridLayout, { "data-testid": "layout-grid", overrides: {
|
|
26
|
+
marginInline: margin,
|
|
27
|
+
paddingInline: gutter,
|
|
28
|
+
} }, children)));
|
|
38
29
|
};
|
|
39
30
|
var templateObject_1;
|
|
40
31
|
//# sourceMappingURL=LayoutGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutGrid.js","sourceRoot":"","sources":["../../../src/LayoutGrid/LayoutGrid.tsx"],"names":[],"mappings":"AAAA,yBAAyB
|
|
1
|
+
{"version":3,"file":"LayoutGrid.js","sourceRoot":"","sources":["../../../src/LayoutGrid/LayoutGrid.tsx"],"names":[],"mappings":"AAAA,yBAAyB;;;;;AAEzB,OAAO,EACL,KAAK,EACL,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,IAAM,kBAAkB,GAAG,UAAC,OAAiB,EAAE,SAAmB;IAChE,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAA;KACf;IACD,IAAI,SAAS,EAAE;QACb,OAAO,QAAQ,CAAA;KAChB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,UAAC,KAAa,IAAK,OAAA,MAAM,CAAC,IAAI,6YAAA,gNAcnD,EAA4B,qFAK5B,EAA4B,qBACf,EAAK,UAErB,KARG,sBAAsB,CAAC,IAAI,CAAC,EAK5B,sBAAsB,CAAC,IAAI,CAAC,EACf,KAAK,GApBsB,CAsB3C,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,yBAAsD,EAAtD,iBAAiB,mBAAG,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,KAAA;IAEtD,IAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAE9E,OAAO,CACL,oBAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,sBAAkB,kBAAkB;QACrE,oBAAC,KAAK,IAAC,cAAc,EAAE,iBAAiB,GAAI;QAC5C,oBAAC,gBAAgB;YACf,2BAAG,EAAE,EAAC,kBAAkB,gCAA8B,CACrC;QAEnB,oBAAC,UAAU,mBACG,aAAa,EACzB,SAAS,EAAE;gBACT,YAAY,EAAE,MAAM;gBACpB,aAAa,EAAE,MAAM;aACtB,IAEA,QAAQ,CACE,CACF,CACd,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -6,15 +6,15 @@ export interface LayoutGridProps {
|
|
|
6
6
|
hasSidebar?: boolean;
|
|
7
7
|
fullWidth?: boolean;
|
|
8
8
|
margin?: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
xs?: string;
|
|
10
|
+
sm?: string;
|
|
11
|
+
md?: string;
|
|
12
|
+
lg?: string;
|
|
13
13
|
};
|
|
14
14
|
gutter?: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
xs?: string;
|
|
16
|
+
sm?: string;
|
|
17
|
+
md?: string;
|
|
18
|
+
lg?: string;
|
|
19
19
|
};
|
|
20
20
|
}
|
|
@@ -21,13 +21,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React, { useState } from 'react';
|
|
24
|
-
import { Divider, Block, Visible,
|
|
24
|
+
import { Divider, Block, Visible, GridLayout, GridLayoutItem, Stack, StackChild, useBreakpointKey, MediaQueryProvider, toNewsKitIcon, IconButton, EventTrigger, } from 'newskit';
|
|
25
25
|
import { NewsKitLogoGlyph } from './logos/NewsKitLogoGlyph';
|
|
26
26
|
import { NewsKitLogoFull } from './logos/NewsKitLogoFull';
|
|
27
27
|
import { NextLink, SkipToContent } from '..';
|
|
28
|
-
import
|
|
29
|
-
|
|
30
|
-
} from './styled';
|
|
28
|
+
import Title from './Title';
|
|
29
|
+
import { ActionsContainer, BrandmarkFull, BrandmarkGlyph, StyledHeader, PrimaryNavbarContainer, StyledVisible, } from './styled';
|
|
31
30
|
import { as, defaultClientNavigationLogos } from './utils';
|
|
32
31
|
import { handleEnterKeyPress } from './utils';
|
|
33
32
|
import { IconAccount } from './IconAccount';
|
|
@@ -39,10 +38,10 @@ import { AccountDropdown } from '../AccountDropdown';
|
|
|
39
38
|
var IconFilledMenu = toNewsKitIcon(FilledMenu);
|
|
40
39
|
var IconFilledClose = toNewsKitIcon(FilledClose);
|
|
41
40
|
var BaseNavigationPrimary = function (_a) {
|
|
42
|
-
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b,
|
|
41
|
+
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, titleHref = _a.titleHref, titleOverrides = _a.titleOverrides, _c = _a.logoHref, logoHref = _c === void 0 ? '/' : _c, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, logoHeight = _a.logoHeight, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides, env = _a.env;
|
|
43
42
|
var bp = useBreakpointKey();
|
|
44
|
-
var
|
|
45
|
-
var
|
|
43
|
+
var _d = themeDropdownObject || {}, themeDropdownOpen = _d.themeDropdownOpen, dropdown = _d.dropdown, clientNavigationLogos = _d.clientNavigationLogos, options = _d.options;
|
|
44
|
+
var _e = useState(false), showMenu = _e[0], setShowMenu = _e[1];
|
|
46
45
|
var handleMobileMenuToggle = function (showMenuCustomValue) {
|
|
47
46
|
setShowMenu(showMenuCustomValue !== undefined ? showMenuCustomValue : !showMenu);
|
|
48
47
|
document.body.style.overflow =
|
|
@@ -57,12 +56,11 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
57
56
|
return clientNavigationLogos[customTheme.name];
|
|
58
57
|
}
|
|
59
58
|
// if logo image is passed from context use it
|
|
60
|
-
if (logoSrc || logoWidth
|
|
59
|
+
if (logoSrc || logoWidth) {
|
|
61
60
|
return {
|
|
62
61
|
src: logoSrc,
|
|
63
62
|
width: logoWidth || '150',
|
|
64
63
|
height: logoHeight || '32.5',
|
|
65
|
-
top: titlePosition || '0',
|
|
66
64
|
};
|
|
67
65
|
}
|
|
68
66
|
// fall back to known title logos (Sun, Times & virgin) for the theme
|
|
@@ -99,8 +97,7 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
99
97
|
xs: showMenu ? 'start' : 'center',
|
|
100
98
|
md: 'center',
|
|
101
99
|
}, alignItems: "center", justifyContent: {
|
|
102
|
-
xs: '
|
|
103
|
-
md: 'start',
|
|
100
|
+
xs: 'start',
|
|
104
101
|
}, overrides: __assign({ height: {
|
|
105
102
|
xs: nav && !hasTitle && showMenu ? '100vh' : '',
|
|
106
103
|
md: '1px', // 'auto' is not accepted as a valid value
|
|
@@ -109,8 +106,8 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
109
106
|
xs: !nav || hasTitle ? 'center' : 'start',
|
|
110
107
|
md: 'start',
|
|
111
108
|
} },
|
|
112
|
-
React.createElement(GridLayout, { columns: '1fr auto auto', columnGap: title &&
|
|
113
|
-
React.createElement(NextLink, { type: "standalone", overrides: { stylePreset: 'linkStandaloneInverse' }, href:
|
|
109
|
+
React.createElement(GridLayout, { columns: '1fr auto auto', columnGap: title && 'space040', alignItems: "center" },
|
|
110
|
+
React.createElement(NextLink, { type: "standalone", overrides: { stylePreset: 'linkStandaloneInverse' }, href: logoHref, "aria-label": "Logo Link", eventContext: {
|
|
114
111
|
event_navigation_action: 'navigation',
|
|
115
112
|
event_navigation_name: "".concat(logoName, " logo"),
|
|
116
113
|
event_navigation_browsing_method: EventTrigger.Click,
|
|
@@ -130,12 +127,8 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
130
127
|
stylePreset: 'logo',
|
|
131
128
|
} }))))))),
|
|
132
129
|
title && (React.createElement(React.Fragment, null,
|
|
133
|
-
React.createElement(
|
|
134
|
-
|
|
135
|
-
React.createElement(Hidden, { xs: true, sm: true },
|
|
136
|
-
React.createElement(Title, { top: logo === null || logo === void 0 ? void 0 : logo.top, stylePreset: "inkInverse", typographyPreset: {
|
|
137
|
-
md: 'utilityHeading030',
|
|
138
|
-
} }, title)))),
|
|
130
|
+
React.createElement(Divider, { "data-testid": "divide-from-logo", vertical: true, overrides: { stylePreset: 'navigationPrimaryDivider' } }),
|
|
131
|
+
React.createElement(Title, { overrides: titleOverrides, title: title, href: titleHref }))),
|
|
139
132
|
React.createElement(SkipToContent, null))),
|
|
140
133
|
!hasTitle && nav && (React.createElement(GridLayoutItem, { area: "hamburger", justifySelf: 'end' },
|
|
141
134
|
React.createElement(Visible, { xs: true, sm: true },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MQ } from 'newskit';
|
|
3
|
+
interface TitleProps {
|
|
4
|
+
title: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
overrides?: {
|
|
7
|
+
stylePreset?: MQ<string>;
|
|
8
|
+
typographyPreset?: MQ<string>;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
declare const Title: React.FC<TitleProps>;
|
|
12
|
+
export default Title;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { styled, TextBlock, Block } from 'newskit';
|
|
7
|
+
import { NextLink } from '..';
|
|
8
|
+
var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & > a {\n display: block;\n }\n"], ["\n & > a {\n display: block;\n }\n"])));
|
|
9
|
+
var Title = function (_a) {
|
|
10
|
+
var title = _a.title, href = _a.href, overrides = _a.overrides;
|
|
11
|
+
return href ? (React.createElement(StyledBlock, { "data-testid": "title-with-link" },
|
|
12
|
+
React.createElement(NextLink, { type: "standalone", href: href, overrides: overrides }, title))) : (React.createElement(TextBlock, { stylePreset: overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset, typographyPreset: overrides === null || overrides === void 0 ? void 0 : overrides.typographyPreset, "data-testid": "title-no-link" }, title));
|
|
13
|
+
};
|
|
14
|
+
export default Title;
|
|
15
|
+
var templateObject_1;
|
|
16
|
+
//# sourceMappingURL=Title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/Title.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAM,MAAM,SAAS,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;AAE7B,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4GAAA,yCAIhC,IAAA,CAAA;AAWD,IAAM,KAAK,GAAyB,UAAC,EAA0B;QAAxB,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;IAC3D,OAAA,IAAI,CAAC,CAAC,CAAC,CACL,oBAAC,WAAW,mBAAa,iBAAiB;QACxC,oBAAC,QAAQ,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,IACzD,KAAK,CACG,CACC,CACf,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IACR,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EACnC,gBAAgB,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,gBAAgB,iBACjC,eAAe,IAE1B,KAAK,CACI,CACb;AAdD,CAcC,CAAA;AAEH,eAAe,KAAK,CAAA"}
|
|
@@ -65,14 +65,6 @@ export declare const BrandmarkGlyph: import("@emotion/styled").StyledComponent<{
|
|
|
65
65
|
theme?: import("@emotion/react").Theme | undefined;
|
|
66
66
|
as?: import("react").ElementType<any> | undefined;
|
|
67
67
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
68
|
-
export declare const DividerContainer: import("@emotion/styled").StyledComponent<import("newskit").VisibilityProps & {
|
|
69
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
70
|
-
}, {}, {}>;
|
|
71
|
-
export declare const Title: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
|
|
72
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
73
|
-
} & {
|
|
74
|
-
top?: string | undefined;
|
|
75
|
-
}, {}, {}>;
|
|
76
68
|
export declare const StyledVisible: import("@emotion/styled").StyledComponent<import("newskit").VisibilityProps & {
|
|
77
69
|
theme?: import("@emotion/react").Theme | undefined;
|
|
78
70
|
}, {}, {}>;
|
|
@@ -2,18 +2,13 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
import { getSizingCssFromTheme, getColorCssFromTheme, getSpacingCssFromTheme, styled,
|
|
5
|
+
import { getSizingCssFromTheme, getColorCssFromTheme, getSpacingCssFromTheme, styled, getOverlayCssFromTheme, GridLayout, Visible, getMediaQueryFromTheme, Divider, } from 'newskit';
|
|
6
6
|
export var StyledHeader = styled.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), getColorCssFromTheme('backgroundColor', 'interfaceBrand010'));
|
|
7
7
|
export var ActionsContainer = styled(GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n ", "\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n ", "\n"])), getOverlayCssFromTheme('backgroundColor', 'overlayTintInverse010'), getSpacingCssFromTheme('padding', 'spaceInsetSquish040'), getSizingCssFromTheme('minHeight', 'sizing080'));
|
|
8
8
|
export var PrimaryNavbarContainer = styled(GridLayout)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n ", ";\n margin: 0 auto;\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n ", ";\n margin: 0 auto;\n"])), getColorCssFromTheme('backgroundColor', 'transparent'), getSpacingCssFromTheme('padding', 'spaceInsetSquish040'), getSizingCssFromTheme('minHeight', 'sizing100'));
|
|
9
|
-
export var BrandmarkFull = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"])), getSizingCssFromTheme('width', { xs: '
|
|
9
|
+
export var BrandmarkFull = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"])), getSizingCssFromTheme('width', { xs: '150px' }), getSizingCssFromTheme('height', { xs: '48px', md: "32px" }), getSizingCssFromTheme('minHeight', 'sizing080'));
|
|
10
10
|
export var BrandmarkGlyph = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n\n ", ";\n ", ";\n ", ";\n"])), getSizingCssFromTheme('width', '50px'), getSizingCssFromTheme('height', '32px'), getSizingCssFromTheme('minHeight', 'sizing080'));
|
|
11
|
-
export var
|
|
12
|
-
export var
|
|
13
|
-
|
|
14
|
-
return (top ? top : '0');
|
|
15
|
-
});
|
|
16
|
-
export var StyledVisible = styled(Visible)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", " {\n height: 100%;\n }\n"], ["\n ", " {\n height: 100%;\n }\n"])), getMediaQueryFromTheme('md'));
|
|
17
|
-
export var StyledDivider = styled(Divider)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), getSizingCssFromTheme('minHeight', 'sizing080'));
|
|
18
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
11
|
+
export var StyledVisible = styled(Visible)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", " {\n height: 100%;\n }\n"], ["\n ", " {\n height: 100%;\n }\n"])), getMediaQueryFromTheme('md'));
|
|
12
|
+
export var StyledDivider = styled(Divider)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), getSizingCssFromTheme('minHeight', 'sizing080'));
|
|
13
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
19
14
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,MAAM,EACN,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,MAAM,EACN,sBAAsB,EACtB,UAAU,EACV,OAAO,EACP,sBAAsB,EACtB,OAAO,GACR,MAAM,SAAS,CAAA;AAEhB,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,gFAAA,MACrC,EAA4D,KAC/D,KADG,oBAAoB,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CAC/D,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,4HAAA,iCAE9C,EAAkE,OAClE,EAAwD,OACxD,EAA+C,IAClD,KAHG,sBAAsB,CAAC,iBAAiB,EAAE,uBAAuB,CAAC,EAClE,sBAAsB,CAAC,SAAS,EAAE,qBAAqB,CAAC,EACxD,qBAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,CAClD,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,gJAAA,iCAEpD,EAAsD,OACtD,EAAwD,OACxD,EAA+C,wBAElD,KAJG,oBAAoB,CAAC,iBAAiB,EAAE,aAAa,CAAC,EACtD,sBAAsB,CAAC,SAAS,EAAE,qBAAqB,CAAC,EACxD,qBAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,CAElD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,0KAAA,8EAKnC,EAA+C,OAC/C,EAA2D,OAC3D,EAA+C,KAClD,KAHG,qBAAqB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAC/C,qBAAqB,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAC3D,qBAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,CAClD,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,0KAAA,8EAKpC,EAAsC,OACtC,EAAuC,OACvC,EAA+C,KAClD,KAHG,qBAAqB,CAAC,OAAO,EAAE,MAAM,CAAC,EACtC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,EACvC,qBAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,CAClD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,yGAAA,MACxC,EAA4B,8BAG/B,KAHG,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AACD,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,+EAAA,MACxC,EAA+C,IAClD,KADG,qBAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,CAClD,CAAA"}
|
|
@@ -16,10 +16,15 @@ export interface NavigationPrimaryProps extends NavigationPrimaryThemeProps {
|
|
|
16
16
|
children?: React.ReactNode;
|
|
17
17
|
nav?: NavigationPrimaryInterface[] | false;
|
|
18
18
|
title?: string;
|
|
19
|
+
titleHref?: string;
|
|
20
|
+
titleOverrides?: {
|
|
21
|
+
stylePreset?: MQ<string>;
|
|
22
|
+
typographyPreset?: MQ<string>;
|
|
23
|
+
};
|
|
24
|
+
logoHref?: string;
|
|
19
25
|
logoSrc?: string;
|
|
20
26
|
logoWidth?: string;
|
|
21
27
|
logoHeight?: string;
|
|
22
|
-
titlePosition?: string;
|
|
23
28
|
loggedInUser?: boolean;
|
|
24
29
|
gridOverrides?: {
|
|
25
30
|
width?: MQ<string>;
|