@newskit-render/shared-components 3.4.0 → 3.5.0-alpha.1

package/dist/cjs/ContentListView/ContentListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,mCAQgB;AAEhB,gDAA8C;AAC9C,uCAA4C;AAE5C,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAEM,IAAM,wBAAwB,GAAmC,UAAC,EAQxE;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACvB,IAAA,KAAgC,IAAA,gBAAQ,EAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACR,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,8BAAC,2BAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,8BAAC,WAAW,IACV,cAAc,EACZ,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;oBAChB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;iBACnC,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,8BAAC,wBAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,wBAAwB,4BAqDpC;AAEY,QAAA,eAAe,GAAG,IAAA,0BAAgB,EAC7C,gCAAwB,EACxB,0BAAe,EACf,iBAAiB,CAClB,CAAA"}
+{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,mCAQgB;AAEhB,gDAA8C;AAC9C,uCAA4C;AAE5C,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAEM,IAAM,wBAAwB,GAAmC,UAAC,EAQxE;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACvB,IAAA,KAAgC,IAAA,gBAAQ,EAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,8BAAC,2BAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,8BAAC,WAAW,IACV,cAAc,EACZ,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;oBAChB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;iBACnC,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,8BAAC,wBAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAtDY,QAAA,wBAAwB,4BAsDpC;AAEY,QAAA,eAAe,GAAG,IAAA,0BAAgB,EAC7C,gCAAwB,EACxB,0BAAe,EACf,iBAAiB,CAClB,CAAA"}

package/dist/cjs/Header/Header.js

@@ -25,7 +25,7 @@ var newskit_1 = require("newskit");
 var BackButton_1 = require("../BackButton");
 var Image_1 = require("../Image");
 var utils_1 = require("../utils");
-var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    max-width: 440px;\n  }\n  ", " {\n    max-width: 560px;\n  }\n"], ["\n  ", " {\n    max-width: 440px;\n  }\n  ", " {\n    max-width: 560px;\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
+var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // ", " {\n  //   max-width: 440px;\n  // }\n  // ", " {\n  //   max-width: 560px;\n  // }\n"], ["\n  // ", " {\n  //   max-width: 440px;\n  // }\n  // ", " {\n  //   max-width: 560px;\n  // }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
 var Header = function (_a) {
     var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, marginBlockEnd = _a.marginBlockEnd, showDivider = _a.showDivider, dividerOverrides = _a.dividerOverrides, center = _a.center, introductionCell = _a.introductionCell, imageCell = _a.imageCell, backButtonCell = _a.backButtonCell;
     return (react_1.default.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd, "data-testid": "page-header" },

package/dist/cjs/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,gDAA8C;AAC9C,mCAOgB;AAChB,4CAA0C;AAC1C,kCAAgC;AAChC,kCAAyC;AAEzC,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;AACM,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,8BAAC,WAAW,IAAC,cAAc,EAAE,cAAc,iBAAc,aAAa;QACpE,8BAAC,cAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,8BAAC,cAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,8BAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,8BAAC,cAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,8BAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,8BAAC,cAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,8BAAC,eAAK,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc;gBACzC,8BAAC,aAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,IAAA,sBAAc,EAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,8BAAC,iBAAO,IAAC,SAAS,EAAE,gBAAgB,GAAI,CAC5C,CACf,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,MAAM,UAgElB"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,gDAA8C;AAC9C,mCAOgB;AAChB,4CAA0C;AAC1C,kCAAgC;AAChC,kCAAyC;AAEzC,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qKAAA,SAC1B,EAA4B,6CAG5B,EAA4B,wCAGlC,KANM,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAGlC,CAAA;AACM,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,8BAAC,WAAW,IAAC,cAAc,EAAE,cAAc,iBAAc,aAAa;QACpE,8BAAC,cAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,8BAAC,cAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,8BAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,8BAAC,cAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,8BAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,8BAAC,cAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,8BAAC,eAAK,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc;gBACzC,8BAAC,aAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,IAAA,sBAAc,EAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,8BAAC,iBAAO,IAAC,SAAS,EAAE,gBAAgB,GAAI,CAC5C,CACf,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,MAAM,UAgElB"}

package/dist/cjs/Introduction/Introduction.js

@@ -43,7 +43,8 @@ var Introduction = function (_a) {
                 }, stylePreset: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.stylePreset) || 'inkBrand010' }, overline))),
         title && (react_1.default.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, center: center },
             react_1.default.createElement(newskit_1.TextBlock, { as: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.as) || 'h1', "data-testid": "introduction-title", typographyPreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.typographyPreset) || {
-                    sm: 'utilityHeading050',
+                    xs: 'editorialHeadline040',
+                    md: 'editorialHeadline050',
                 }, stylePreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.stylePreset) || 'inkContrast' }, title))),
         description &&
             (makeBoldText ? (react_1.default.createElement(StyledBlock, { "data-testid": "description-block", marginBlockEnd: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd) || {
@@ -51,15 +52,15 @@ var Introduction = function (_a) {
                     md: 'space050',
                 }, center: center },
                 react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: {
-                        xs: 'utilityBody010',
-                        md: 'utilityBody020',
+                        xs: 'editorialParagraph010',
+                        md: 'editorialParagraph020',
                     }, stylePreset: 'inkBase', style: { whiteSpace: 'pre-line' } }, boldText(makeBoldText, description)))) : (checkDescription(description).map(function (des, i) { return (react_1.default.createElement(StyledBlock, { "data-testid": "description-block", key: i, marginBlockEnd: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd) || {
                     xs: 'space040',
                     md: 'space050',
                 }, center: center },
                 react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.typographyPreset) || {
-                        xs: 'utilityBody010',
-                        md: 'utilityBody020',
+                        xs: 'editorialParagraph010',
+                        md: 'editorialParagraph020',
                     }, stylePreset: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.stylePreset) || 'inkBase', style: { whiteSpace: 'pre-line' } }, "".concat(des)))); }))),
         descriptionAsElement && (react_1.default.createElement(StyledBlock, { "data-testid": "element-block", marginBlockEnd: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd) || {
                 xs: 'space040',
@@ -69,10 +70,10 @@ var Introduction = function (_a) {
                     xs: 'utilityBody010',
                     md: 'utilityBody020',
                 }, stylePreset: 'inkBase', style: { whiteSpace: 'pre-line' } }, descriptionAsElement))),
-        innerHTML && (react_1.default.createElement(StyleInnerHtml, { "data-testid": "innerHTML-block", as: "span", typographyPreset: {
+        innerHTML && (react_1.default.createElement(StyleInnerHtml, { "data-testid": "innerHTML-block", as: "span", typographyPreset: (innerHTML === null || innerHTML === void 0 ? void 0 : innerHTML.typographyPreset) || {
                 xs: 'utilityBody020',
                 md: 'utilityBody020',
-            }, stylePreset: 'inkBase', dangerouslySetInnerHTML: { __html: innerHTML } })),
+            }, stylePreset: "inkBase", dangerouslySetInnerHTML: { __html: innerHTML.html } })),
         (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.removeLastMarginBlockEnd) && (react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            div[data-testid='description-block']:last-of-type {\n              margin: 0;\n            }\n          "], ["\n            div[data-testid='description-block']:last-of-type {\n              margin: 0;\n            }\n          "]))) }))));
 };
 exports.Introduction = Introduction;

package/dist/cjs/Introduction/Introduction.js.map

@@ -1 +1 @@
-{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../src/Introduction/Introduction.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../src/Introduction/Introduction.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA+D;AAG/D,IAAM,gBAAgB,GAAG,UAAC,WAA8B;IACtD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,OAAO,WAAW,CAAA;KACnB;IACD,OAAO,CAAC,WAAW,CAAC,CAAA;AACtB,CAAC,CAAA;AAED,IAAM,QAAQ,GAAG,UAAC,KAAa,EAAE,WAAmB;IAClD,IAAM,eAAe,GAAG,IAAI,MAAM,CAAC,UAAG,KAAK,CAAE,EAAE,IAAI,CAAC,CAAA;IACpD,OAAO,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;QAC5C,OAAA,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAC5B,qCAAG,GAAG,EAAE,KAAK,iBAAe,MAAM,IAC/B,IAAI,GAAG,GAAG,CACT,CACL,CAAC,CAAC,CAAC,CACF,IAAI,GAAG,GAAG,CACX;IAND,CAMC,CACF,CAAA;AACH,CAAC,CAAA;AACD,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,+EAAqB,MAClD,EAA+C,IAClD,KADG,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,qBAAqB;AAA/B,CAA+B,CAClD,CAAA;AAED,IAAM,cAAc,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,+HAAA,4DAIvC,IAAA,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAWzD;QAVC,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,oBAAoB,0BAAA;IAEpB,IAAM,0BAA0B,GAAG,WAAW;QAC5C,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC;YACE,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf,CAAA;IAEL,OAAO,CACL;QACG,QAAQ,IAAI,CACX,8BAAC,eAAK,IAAC,cAAc,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc,KAAI,UAAU;YACpE,8BAAC,mBAAS,IACR,gBAAgB,EACd,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,gBAAgB,KAAI;oBACrC,EAAE,EAAE,iBAAiB;oBACrB,EAAE,EAAE,iBAAiB;iBACtB,EAEH,WAAW,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,KAAI,aAAa,IAE3D,QAAQ,CACC,CACN,CACT;QACA,KAAK,IAAI,CACR,8BAAC,WAAW,IACV,cAAc,EACZ,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,KAAI,0BAA0B,EAE9D,MAAM,EAAE,MAAM;YAEd,8BAAC,mBAAS,IACR,EAAE,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,KAAI,IAAI,iBAClB,oBAAoB,EAChC,gBAAgB,EACd,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,KAAI;oBAClC,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B,EAEH,WAAW,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,aAAa,IAExD,KAAK,CACI,CACA,CACf;QACA,WAAW;YACV,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,WAAW,mBACE,mBAAmB,EAC/B,cAAc,EACZ,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,cAAc,KAAI;oBACtC,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf,EAEH,MAAM,EAAE,MAAM;gBAEd,8BAAC,mBAAS,IACR,gBAAgB,EAAE;wBAChB,EAAE,EAAE,uBAAuB;wBAC3B,EAAE,EAAE,uBAAuB;qBAC5B,EACD,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAEhC,QAAQ,CAAC,YAAY,EAAE,WAAqB,CAAC,CACpC,CACA,CACf,CAAC,CAAC,CAAC,CACF,gBAAgB,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,CAC5C,8BAAC,WAAW,mBACE,mBAAmB,EAC/B,GAAG,EAAE,CAAC,EACN,cAAc,EACZ,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,cAAc,KAAI;oBACtC,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf,EAEH,MAAM,EAAE,MAAM;gBAEd,8BAAC,mBAAS,IACR,gBAAgB,EACd,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,gBAAgB,KAAI;wBACxC,EAAE,EAAE,uBAAuB;wBAC3B,EAAE,EAAE,uBAAuB;qBAC5B,EAEH,WAAW,EAAE,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,WAAW,KAAI,SAAS,EAC3D,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAEhC,UAAG,GAAG,CAAE,CACC,CACA,CACf,EAzB6C,CAyB7C,CAAC,CACH,CAAC;QACH,oBAAoB,IAAI,CACvB,8BAAC,WAAW,mBACE,eAAe,EAC3B,cAAc,EACZ,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,cAAc,KAAI;gBACtC,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf,EAEH,MAAM,EAAE,MAAM;YAEd,8BAAC,mBAAS,IACR,gBAAgB,EAAE;oBAChB,EAAE,EAAE,gBAAgB;oBACpB,EAAE,EAAE,gBAAgB;iBACrB,EACD,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAEhC,oBAAoB,CACX,CACA,CACf;QACA,SAAS,IAAI,CACZ,8BAAC,cAAc,mBACD,iBAAiB,EAC7B,EAAE,EAAC,MAAM,EACT,gBAAgB,EACd,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,gBAAgB,KAAI;gBAC7B,EAAE,EAAE,gBAAgB;gBACpB,EAAE,EAAE,gBAAgB;aACrB,EAEH,WAAW,EAAC,SAAS,EACrB,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,GACnD,CACH;QACA,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,wBAAwB,KAAI,CACjD,8BAAC,gBAAM,IACL,MAAM,MAAE,aAAG,4LAAA,wHAIV,OACD,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AA7JY,QAAA,YAAY,gBA6JxB"}

package/dist/cjs/Introduction/types.d.ts

@@ -20,6 +20,10 @@ export interface OverlineOverrides {
     stylePreset?: MQ<string>;
     marginBlockEnd?: MQ<string>;
 }
+export interface InnerHTML {
+    typographyPreset?: MQ<string>;
+    html: string;
+}
 export interface IntroductionProps {
     title?: string;
     titleOverrides?: TitleOverrides;
@@ -29,6 +33,6 @@ export interface IntroductionProps {
     overline?: string;
     overlineOverrides?: OverlineOverrides;
     center?: boolean;
-    innerHTML?: string;
+    innerHTML?: InnerHTML;
     makeBoldText?: string;
 }

package/dist/cjs/MainContent/ContentContainer.d.ts

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

package/dist/cjs/MainContent/ContentContainer.js

@@ -0,0 +1,74 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentContainer = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var DEFAULT_CONTENT_CONTAINER_WIDTH = {
+    sm: '480px',
+    md: '440px',
+    lg: '560px',
+};
+var DEFAULT_CONTENT_CONTAINER_FULLWIDTH = {
+    sm: '480px',
+    md: '440px',
+    lg: '1024px',
+};
+// If background colour is needed in this container, marginInline could be used instead.
+var DEFAULT_PADDING_INLINE = {
+    xs: 'space050',
+    sm: 'space060',
+    md: 'space000', //'0px',
+};
+var DEFAULT_PADDING_BLOCK_START = {
+    xs: 'space070',
+    md: 'space080',
+    lg: 'space090', //'64px',
+};
+var StyledContentContainerBlock = (0, newskit_1.styled)(newskit_1.Block, {
+    shouldForwardProp: function (prop) { return prop !== 'width' && prop !== 'max-width'; },
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, width = _a.width;
+    return (0, newskit_1.getXFromTheme)('sizing')('width', width)({ theme: theme });
+}, function (_a) {
+    var theme = _a.theme, maxWidth = _a.maxWidth;
+    return maxWidth && (0, newskit_1.getXFromTheme)('sizing')('maxWidth', maxWidth)({ theme: theme });
+});
+var ContentContainer = function (_a) {
+    var children = _a.children, customWidth = _a.width, customMaxWidth = _a.maxWidth, fullWidth = _a.fullWidth, paddingInline = _a.paddingInline, paddingBlockStart = _a.paddingBlockStart, rest = __rest(_a, ["children", "width", "maxWidth", "fullWidth", "paddingInline", "paddingBlockStart"]);
+    var defaultWidth = fullWidth
+        ? DEFAULT_CONTENT_CONTAINER_FULLWIDTH
+        : DEFAULT_CONTENT_CONTAINER_WIDTH;
+    return (react_1.default.createElement(StyledContentContainerBlock, __assign({ width: customWidth || defaultWidth, maxWidth: customMaxWidth, paddingInline: paddingInline || DEFAULT_PADDING_INLINE, paddingBlockStart: paddingBlockStart || DEFAULT_PADDING_BLOCK_START }, rest), children));
+};
+exports.ContentContainer = ContentContainer;
+var templateObject_1;
+//# sourceMappingURL=ContentContainer.js.map

package/dist/cjs/MainContent/ContentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../src/MainContent/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAsD;AAGtD,IAAM,+BAA+B,GAAG;IACtC,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAA;AAED,IAAM,mCAAmC,GAAG;IAC1C,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;CACb,CAAA;AAED,wFAAwF;AACxF,IAAM,sBAAsB,GAAG;IAC7B,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU,EAAE,QAAQ;CACzB,CAAA;AAED,IAAM,2BAA2B,GAAG;IAClC,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU,EAAE,SAAS;CAC1B,CAAA;AAED,IAAM,2BAA2B,GAAG,IAAA,gBAAM,EAAC,eAAK,EAAE;IAChD,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,WAAW,EAAxC,CAAwC;CACtE,CAAC,yFAGA,MACE,EAED,QAEC,EAED,IACF,KAPG,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACf,OAAO,IAAA,uBAAa,EAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;AAC3D,CAAC,EAEC,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAO,QAAQ,IAAI,IAAA,uBAAa,EAAC,QAAQ,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;AAC7E,CAAC,CACF,CAAA;AAEM,IAAM,gBAAgB,GAAoC,UAAC,EAQjE;IAPC,IAAA,QAAQ,cAAA,EACD,WAAW,WAAA,EACR,cAAc,cAAA,EACxB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACd,IAAI,cAPyD,oFAQjE,CADQ;IAEP,IAAM,YAAY,GAAG,SAAS;QAC5B,CAAC,CAAC,mCAAmC;QACrC,CAAC,CAAC,+BAA+B,CAAA;IACnC,OAAO,CACL,8BAAC,2BAA2B,aAC1B,KAAK,EAAE,WAAW,IAAI,YAAY,EAClC,QAAQ,EAAE,cAAc,EACxB,aAAa,EAAE,aAAa,IAAI,sBAAsB,EACtD,iBAAiB,EAAE,iBAAiB,IAAI,2BAA2B,IAC/D,IAAI,GAEP,QAAQ,CACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,gBAAgB,oBAuB5B"}

package/dist/cjs/MainContent/MainContent.d.ts

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

package/dist/cjs/MainContent/MainContent.js

@@ -0,0 +1,46 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MainContent = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var ContentContainer_1 = require("./ContentContainer");
+var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline-color: -webkit-focus-ring-color;\n    outline-style: auto;\n    outline-width: 5px;\n  }\n"], ["\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline-color: -webkit-focus-ring-color;\n    outline-style: auto;\n    outline-width: 5px;\n  }\n"])));
+var MainContent = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (react_1.default.createElement(StyledGridLayout, { as: 'main', justifyContent: "center", "data-testid": "layout-grid", tabIndex: -1, id: "main", "aria-describedby": "main-description" },
+        react_1.default.createElement(newskit_1.ScreenReaderOnly, null,
+            react_1.default.createElement("p", { id: "main-description" }, "Beginning of main content")),
+        react_1.default.createElement(ContentContainer_1.ContentContainer, __assign({}, rest), children)));
+};
+exports.MainContent = MainContent;
+var templateObject_1;
+//# sourceMappingURL=MainContent.js.map

package/dist/cjs/MainContent/MainContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainContent.js","sourceRoot":"","sources":["../../../src/MainContent/MainContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA8D;AAC9D,uDAAqD;AAGrD,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,0OAAA,uKAU1C,IAAA,CAAA;AAEM,IAAM,WAAW,GAA+B,UAAC,EAGvD;IAFC,IAAA,QAAQ,cAAA,EACL,IAAI,cAF+C,YAGvD,CADQ;IAEP,OAAO,CACL,8BAAC,gBAAgB,IACf,EAAE,EAAE,MAAM,EACV,cAAc,EAAC,QAAQ,iBACX,aAAa,EACzB,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAC,MAAM,sBACQ,kBAAkB;QAEnC,8BAAC,0BAAgB;YACf,qCAAG,EAAE,EAAC,kBAAkB,gCAA8B,CACrC;QAEnB,8BAAC,mCAAgB,eAAK,IAAI,GAAG,QAAQ,CAAoB,CACxC,CACpB,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,WAAW,eAoBvB"}

package/dist/cjs/MainContent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MainContent';
+export * from './types';

package/dist/cjs/{LayoutGrid → MainContent}/index.js

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

package/dist/cjs/MainContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MainContent/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,0CAAuB"}

package/dist/cjs/MainContent/types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { MQ } from 'newskit';
+export interface ContentContainerProps {
+    children: React.ReactNode;
+    width?: MQ<string>;
+    maxWidth?: MQ<string>;
+    paddingInline?: MQ<string>;
+    paddingBlockStart?: MQ<string>;
+    fullWidth?: boolean;
+}
+export type MainContentProps = ContentContainerProps;

package/dist/cjs/{LayoutGrid → MainContent}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/LayoutGrid/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/MainContent/types.ts"],"names":[],"mappings":""}

package/dist/cjs/index.d.ts

@@ -8,8 +8,8 @@ export * from './FormComponent';
 export * from './RadioForm';
 export * from './Header';
 export * from './Introduction';
-export * from './LayoutGrid';
 export * from './Link';
+export * from './MainContent';
 export * from './Modal';
 export * from './NavigationPrimary';
 export * from './NavigationFooter';

package/dist/cjs/index.js

@@ -24,8 +24,8 @@ __exportStar(require("./FormComponent"), exports);
 __exportStar(require("./RadioForm"), exports);
 __exportStar(require("./Header"), exports);
 __exportStar(require("./Introduction"), exports);
-__exportStar(require("./LayoutGrid"), exports);
 __exportStar(require("./Link"), exports);
+__exportStar(require("./MainContent"), exports);
 __exportStar(require("./Modal"), exports);
 __exportStar(require("./NavigationPrimary"), exports);
 __exportStar(require("./NavigationFooter"), exports);

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,gDAA6B;AAC7B,oDAAiC;AACjC,uDAAoC;AACpC,kDAA+B;AAC/B,0CAAuB;AACvB,kDAA+B;AAC/B,8CAA2B;AAC3B,2CAAwB;AACxB,iDAA8B;AAC9B,+CAA4B;AAC5B,yCAAsB;AACtB,0CAAuB;AACvB,sDAAmC;AACnC,qDAAkC;AAClC,kDAA+B;AAC/B,wCAAqB;AACrB,kDAA+B;AAC/B,uDAAoC;AACpC,wDAAqC;AACrC,kDAA+B;AAC/B,6CAA0B;AAC1B,6CAA0B;AAC1B,4CAAyB;AACzB,0CAAuB;AACvB,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,gDAA6B;AAC7B,oDAAiC;AACjC,uDAAoC;AACpC,kDAA+B;AAC/B,0CAAuB;AACvB,kDAA+B;AAC/B,8CAA2B;AAC3B,2CAAwB;AACxB,iDAA8B;AAC9B,yCAAsB;AACtB,gDAA6B;AAC7B,0CAAuB;AACvB,sDAAmC;AACnC,qDAAkC;AAClC,kDAA+B;AAC/B,wCAAqB;AACrB,kDAA+B;AAC/B,uDAAoC;AACpC,wDAAqC;AACrC,kDAA+B;AAC/B,6CAA0B;AAC1B,6CAA0B;AAC1B,4CAAyB;AACzB,0CAAuB;AACvB,0CAAuB"}

package/dist/esm/ContentListView/ContentListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAmC,UAAC,EAQxE;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACvB,IAAA,KAAgC,QAAQ,CAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACR,OAAO,CACL,oBAAC,IAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,oBAAC,YAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,oBAAC,WAAW,IACV,cAAc,EACZ,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;oBAChB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;iBACnC,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,oBAAC,cAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAC7C,wBAAwB,EACxB,eAAe,EACf,iBAAiB,CAClB,CAAA"}
+{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAmC,UAAC,EAQxE;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACvB,IAAA,KAAgC,QAAQ,CAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,OAAO,CACL,oBAAC,IAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,oBAAC,YAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,oBAAC,WAAW,IACV,cAAc,EACZ,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;oBAChB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;iBACnC,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,oBAAC,cAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAC7C,wBAAwB,EACxB,eAAe,EACf,iBAAiB,CAClB,CAAA"}

package/dist/esm/Header/Header.js

@@ -19,7 +19,7 @@ import { Divider, Block, styled, Grid, Cell, getMediaQueryFromTheme, } from 'new
 import { BackButton } from '../BackButton';
 import { Image } from '../Image';
 import { getAspectRatio } from '../utils';
-var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    max-width: 440px;\n  }\n  ", " {\n    max-width: 560px;\n  }\n"], ["\n  ", " {\n    max-width: 440px;\n  }\n  ", " {\n    max-width: 560px;\n  }\n"])), getMediaQueryFromTheme('md'), getMediaQueryFromTheme('lg'));
+var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // ", " {\n  //   max-width: 440px;\n  // }\n  // ", " {\n  //   max-width: 560px;\n  // }\n"], ["\n  // ", " {\n  //   max-width: 440px;\n  // }\n  // ", " {\n  //   max-width: 560px;\n  // }\n"])), getMediaQueryFromTheme('md'), getMediaQueryFromTheme('lg'));
 export var Header = function (_a) {
     var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, marginBlockEnd = _a.marginBlockEnd, showDivider = _a.showDivider, dividerOverrides = _a.dividerOverrides, center = _a.center, introductionCell = _a.introductionCell, imageCell = _a.imageCell, backButtonCell = _a.backButtonCell;
     return (React.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd, "data-testid": "page-header" },

package/dist/esm/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,sBAAsB,CAAC,IAAI,CAAC,EAG5B,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AACD,MAAM,CAAC,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,oBAAC,WAAW,IAAC,cAAc,EAAE,cAAc,iBAAc,aAAa;QACpE,oBAAC,IAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,oBAAC,IAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc;gBACzC,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,oBAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,GAAI,CAC5C,CACf,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,qKAAA,SAC1B,EAA4B,6CAG5B,EAA4B,wCAGlC,KANM,sBAAsB,CAAC,IAAI,CAAC,EAG5B,sBAAsB,CAAC,IAAI,CAAC,CAGlC,CAAA;AACD,MAAM,CAAC,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,oBAAC,WAAW,IAAC,cAAc,EAAE,cAAc,iBAAc,aAAa;QACpE,oBAAC,IAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,oBAAC,IAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,oBAAC,IAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc;gBACzC,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,oBAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,GAAI,CAC5C,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Introduction/Introduction.js

@@ -37,7 +37,8 @@ export var Introduction = function (_a) {
                 }, stylePreset: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.stylePreset) || 'inkBrand010' }, overline))),
         title && (React.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, center: center },
             React.createElement(TextBlock, { as: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.as) || 'h1', "data-testid": "introduction-title", typographyPreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.typographyPreset) || {
-                    sm: 'utilityHeading050',
+                    xs: 'editorialHeadline040',
+                    md: 'editorialHeadline050',
                 }, stylePreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.stylePreset) || 'inkContrast' }, title))),
         description &&
             (makeBoldText ? (React.createElement(StyledBlock, { "data-testid": "description-block", marginBlockEnd: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd) || {
@@ -45,15 +46,15 @@ export var Introduction = function (_a) {
                     md: 'space050',
                 }, center: center },
                 React.createElement(TextBlock, { typographyPreset: {
-                        xs: 'utilityBody010',
-                        md: 'utilityBody020',
+                        xs: 'editorialParagraph010',
+                        md: 'editorialParagraph020',
                     }, stylePreset: 'inkBase', style: { whiteSpace: 'pre-line' } }, boldText(makeBoldText, description)))) : (checkDescription(description).map(function (des, i) { return (React.createElement(StyledBlock, { "data-testid": "description-block", key: i, marginBlockEnd: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd) || {
                     xs: 'space040',
                     md: 'space050',
                 }, center: center },
                 React.createElement(TextBlock, { typographyPreset: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.typographyPreset) || {
-                        xs: 'utilityBody010',
-                        md: 'utilityBody020',
+                        xs: 'editorialParagraph010',
+                        md: 'editorialParagraph020',
                     }, stylePreset: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.stylePreset) || 'inkBase', style: { whiteSpace: 'pre-line' } }, "".concat(des)))); }))),
         descriptionAsElement && (React.createElement(StyledBlock, { "data-testid": "element-block", marginBlockEnd: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd) || {
                 xs: 'space040',
@@ -63,10 +64,10 @@ export var Introduction = function (_a) {
                     xs: 'utilityBody010',
                     md: 'utilityBody020',
                 }, stylePreset: 'inkBase', style: { whiteSpace: 'pre-line' } }, descriptionAsElement))),
-        innerHTML && (React.createElement(StyleInnerHtml, { "data-testid": "innerHTML-block", as: "span", typographyPreset: {
+        innerHTML && (React.createElement(StyleInnerHtml, { "data-testid": "innerHTML-block", as: "span", typographyPreset: (innerHTML === null || innerHTML === void 0 ? void 0 : innerHTML.typographyPreset) || {
                 xs: 'utilityBody020',
                 md: 'utilityBody020',
-            }, stylePreset: 'inkBase', dangerouslySetInnerHTML: { __html: innerHTML } })),
+            }, stylePreset: "inkBase", dangerouslySetInnerHTML: { __html: innerHTML.html } })),
         (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.removeLastMarginBlockEnd) && (React.createElement(Global, { styles: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            div[data-testid='description-block']:last-of-type {\n              margin: 0;\n            }\n          "], ["\n            div[data-testid='description-block']:last-of-type {\n              margin: 0;\n            }\n          "]))) }))));
 };
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/esm/Introduction/Introduction.js.map

@@ -1 +1 @@
-{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../src/Introduction/Introduction.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../src/Introduction/Introduction.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAG/D,IAAM,gBAAgB,GAAG,UAAC,WAA8B;IACtD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,OAAO,WAAW,CAAA;KACnB;IACD,OAAO,CAAC,WAAW,CAAC,CAAA;AACtB,CAAC,CAAA;AAED,IAAM,QAAQ,GAAG,UAAC,KAAa,EAAE,WAAmB;IAClD,IAAM,eAAe,GAAG,IAAI,MAAM,CAAC,UAAG,KAAK,CAAE,EAAE,IAAI,CAAC,CAAA;IACpD,OAAO,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;QAC5C,OAAA,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAC5B,2BAAG,GAAG,EAAE,KAAK,iBAAe,MAAM,IAC/B,IAAI,GAAG,GAAG,CACT,CACL,CAAC,CAAC,CAAC,CACF,IAAI,GAAG,GAAG,CACX;IAND,CAMC,CACF,CAAA;AACH,CAAC,CAAA;AACD,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,+EAAqB,MAClD,EAA+C,IAClD,KADG,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,qBAAqB;AAA/B,CAA+B,CAClD,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,+HAAA,4DAIvC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EAWzD;QAVC,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,oBAAoB,0BAAA;IAEpB,IAAM,0BAA0B,GAAG,WAAW;QAC5C,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC;YACE,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf,CAAA;IAEL,OAAO,CACL;QACG,QAAQ,IAAI,CACX,oBAAC,KAAK,IAAC,cAAc,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc,KAAI,UAAU;YACpE,oBAAC,SAAS,IACR,gBAAgB,EACd,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,gBAAgB,KAAI;oBACrC,EAAE,EAAE,iBAAiB;oBACrB,EAAE,EAAE,iBAAiB;iBACtB,EAEH,WAAW,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,KAAI,aAAa,IAE3D,QAAQ,CACC,CACN,CACT;QACA,KAAK,IAAI,CACR,oBAAC,WAAW,IACV,cAAc,EACZ,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,KAAI,0BAA0B,EAE9D,MAAM,EAAE,MAAM;YAEd,oBAAC,SAAS,IACR,EAAE,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,KAAI,IAAI,iBAClB,oBAAoB,EAChC,gBAAgB,EACd,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,KAAI;oBAClC,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B,EAEH,WAAW,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,aAAa,IAExD,KAAK,CACI,CACA,CACf;QACA,WAAW;YACV,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,WAAW,mBACE,mBAAmB,EAC/B,cAAc,EACZ,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,cAAc,KAAI;oBACtC,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf,EAEH,MAAM,EAAE,MAAM;gBAEd,oBAAC,SAAS,IACR,gBAAgB,EAAE;wBAChB,EAAE,EAAE,uBAAuB;wBAC3B,EAAE,EAAE,uBAAuB;qBAC5B,EACD,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAEhC,QAAQ,CAAC,YAAY,EAAE,WAAqB,CAAC,CACpC,CACA,CACf,CAAC,CAAC,CAAC,CACF,gBAAgB,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,CAC5C,oBAAC,WAAW,mBACE,mBAAmB,EAC/B,GAAG,EAAE,CAAC,EACN,cAAc,EACZ,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,cAAc,KAAI;oBACtC,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf,EAEH,MAAM,EAAE,MAAM;gBAEd,oBAAC,SAAS,IACR,gBAAgB,EACd,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,gBAAgB,KAAI;wBACxC,EAAE,EAAE,uBAAuB;wBAC3B,EAAE,EAAE,uBAAuB;qBAC5B,EAEH,WAAW,EAAE,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,WAAW,KAAI,SAAS,EAC3D,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAEhC,UAAG,GAAG,CAAE,CACC,CACA,CACf,EAzB6C,CAyB7C,CAAC,CACH,CAAC;QACH,oBAAoB,IAAI,CACvB,oBAAC,WAAW,mBACE,eAAe,EAC3B,cAAc,EACZ,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,cAAc,KAAI;gBACtC,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf,EAEH,MAAM,EAAE,MAAM;YAEd,oBAAC,SAAS,IACR,gBAAgB,EAAE;oBAChB,EAAE,EAAE,gBAAgB;oBACpB,EAAE,EAAE,gBAAgB;iBACrB,EACD,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAEhC,oBAAoB,CACX,CACA,CACf;QACA,SAAS,IAAI,CACZ,oBAAC,cAAc,mBACD,iBAAiB,EAC7B,EAAE,EAAC,MAAM,EACT,gBAAgB,EACd,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,gBAAgB,KAAI;gBAC7B,EAAE,EAAE,gBAAgB;gBACpB,EAAE,EAAE,gBAAgB;aACrB,EAEH,WAAW,EAAC,SAAS,EACrB,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,GACnD,CACH;QACA,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,wBAAwB,KAAI,CACjD,oBAAC,MAAM,IACL,MAAM,EAAE,GAAG,2LAAA,wHAIV,OACD,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -20,6 +20,10 @@ export interface OverlineOverrides {
     stylePreset?: MQ<string>;
     marginBlockEnd?: MQ<string>;
 }
+export interface InnerHTML {
+    typographyPreset?: MQ<string>;
+    html: string;
+}
 export interface IntroductionProps {
     title?: string;
     titleOverrides?: TitleOverrides;
@@ -29,6 +33,6 @@ export interface IntroductionProps {
     overline?: string;
     overlineOverrides?: OverlineOverrides;
     center?: boolean;
-    innerHTML?: string;
+    innerHTML?: InnerHTML;
     makeBoldText?: string;
 }

package/dist/esm/MainContent/ContentContainer.d.ts

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

package/dist/esm/MainContent/ContentContainer.js

@@ -0,0 +1,67 @@
+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++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Block, styled, getXFromTheme } from 'newskit';
+var DEFAULT_CONTENT_CONTAINER_WIDTH = {
+    sm: '480px',
+    md: '440px',
+    lg: '560px',
+};
+var DEFAULT_CONTENT_CONTAINER_FULLWIDTH = {
+    sm: '480px',
+    md: '440px',
+    lg: '1024px',
+};
+// If background colour is needed in this container, marginInline could be used instead.
+var DEFAULT_PADDING_INLINE = {
+    xs: 'space050',
+    sm: 'space060',
+    md: 'space000', //'0px',
+};
+var DEFAULT_PADDING_BLOCK_START = {
+    xs: 'space070',
+    md: 'space080',
+    lg: 'space090', //'64px',
+};
+var StyledContentContainerBlock = styled(Block, {
+    shouldForwardProp: function (prop) { return prop !== 'width' && prop !== 'max-width'; },
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, width = _a.width;
+    return getXFromTheme('sizing')('width', width)({ theme: theme });
+}, function (_a) {
+    var theme = _a.theme, maxWidth = _a.maxWidth;
+    return maxWidth && getXFromTheme('sizing')('maxWidth', maxWidth)({ theme: theme });
+});
+export var ContentContainer = function (_a) {
+    var children = _a.children, customWidth = _a.width, customMaxWidth = _a.maxWidth, fullWidth = _a.fullWidth, paddingInline = _a.paddingInline, paddingBlockStart = _a.paddingBlockStart, rest = __rest(_a, ["children", "width", "maxWidth", "fullWidth", "paddingInline", "paddingBlockStart"]);
+    var defaultWidth = fullWidth
+        ? DEFAULT_CONTENT_CONTAINER_FULLWIDTH
+        : DEFAULT_CONTENT_CONTAINER_WIDTH;
+    return (React.createElement(StyledContentContainerBlock, __assign({ width: customWidth || defaultWidth, maxWidth: customMaxWidth, paddingInline: paddingInline || DEFAULT_PADDING_INLINE, paddingBlockStart: paddingBlockStart || DEFAULT_PADDING_BLOCK_START }, rest), children));
+};
+var templateObject_1;
+//# sourceMappingURL=ContentContainer.js.map

package/dist/esm/MainContent/ContentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../src/MainContent/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGtD,IAAM,+BAA+B,GAAG;IACtC,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAA;AAED,IAAM,mCAAmC,GAAG;IAC1C,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;CACb,CAAA;AAED,wFAAwF;AACxF,IAAM,sBAAsB,GAAG;IAC7B,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU,EAAE,QAAQ;CACzB,CAAA;AAED,IAAM,2BAA2B,GAAG;IAClC,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU,EAAE,SAAS;CAC1B,CAAA;AAED,IAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,EAAE;IAChD,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,WAAW,EAAxC,CAAwC;CACtE,CAAC,yFAGA,MACE,EAED,QAEC,EAED,IACF,KAPG,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACf,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;AAC3D,CAAC,EAEC,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAO,QAAQ,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;AAC7E,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAoC,UAAC,EAQjE;IAPC,IAAA,QAAQ,cAAA,EACD,WAAW,WAAA,EACR,cAAc,cAAA,EACxB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACd,IAAI,cAPyD,oFAQjE,CADQ;IAEP,IAAM,YAAY,GAAG,SAAS;QAC5B,CAAC,CAAC,mCAAmC;QACrC,CAAC,CAAC,+BAA+B,CAAA;IACnC,OAAO,CACL,oBAAC,2BAA2B,aAC1B,KAAK,EAAE,WAAW,IAAI,YAAY,EAClC,QAAQ,EAAE,cAAc,EACxB,aAAa,EAAE,aAAa,IAAI,sBAAsB,EACtD,iBAAiB,EAAE,iBAAiB,IAAI,2BAA2B,IAC/D,IAAI,GAEP,QAAQ,CACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/MainContent/MainContent.d.ts

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

package/dist/esm/MainContent/MainContent.js

@@ -0,0 +1,39 @@
+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++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { GridLayout, ScreenReaderOnly, styled } from 'newskit';
+import { ContentContainer } from './ContentContainer';
+var StyledGridLayout = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline-color: -webkit-focus-ring-color;\n    outline-style: auto;\n    outline-width: 5px;\n  }\n"], ["\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline-color: -webkit-focus-ring-color;\n    outline-style: auto;\n    outline-width: 5px;\n  }\n"])));
+export var MainContent = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (React.createElement(StyledGridLayout, { as: 'main', justifyContent: "center", "data-testid": "layout-grid", tabIndex: -1, id: "main", "aria-describedby": "main-description" },
+        React.createElement(ScreenReaderOnly, null,
+            React.createElement("p", { id: "main-description" }, "Beginning of main content")),
+        React.createElement(ContentContainer, __assign({}, rest), children)));
+};
+var templateObject_1;
+//# sourceMappingURL=MainContent.js.map

package/dist/esm/MainContent/MainContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainContent.js","sourceRoot":"","sources":["../../../src/MainContent/MainContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,0OAAA,uKAU1C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAGvD;IAFC,IAAA,QAAQ,cAAA,EACL,IAAI,cAF+C,YAGvD,CADQ;IAEP,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,MAAM,EACV,cAAc,EAAC,QAAQ,iBACX,aAAa,EACzB,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAC,MAAM,sBACQ,kBAAkB;QAEnC,oBAAC,gBAAgB;YACf,2BAAG,EAAE,EAAC,kBAAkB,gCAA8B,CACrC;QAEnB,oBAAC,gBAAgB,eAAK,IAAI,GAAG,QAAQ,CAAoB,CACxC,CACpB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/MainContent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MainContent';
+export * from './types';

package/dist/esm/MainContent/index.js

@@ -0,0 +1,3 @@
+export * from './MainContent';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/MainContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/MainContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { MQ } from 'newskit';
+export interface ContentContainerProps {
+    children: React.ReactNode;
+    width?: MQ<string>;
+    maxWidth?: MQ<string>;
+    paddingInline?: MQ<string>;
+    paddingBlockStart?: MQ<string>;
+    fullWidth?: boolean;
+}
+export type MainContentProps = ContentContainerProps;

package/dist/esm/{LayoutGrid → MainContent}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/LayoutGrid/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/MainContent/types.ts"],"names":[],"mappings":""}

package/dist/esm/index.d.ts

@@ -8,8 +8,8 @@ export * from './FormComponent';
 export * from './RadioForm';
 export * from './Header';
 export * from './Introduction';
-export * from './LayoutGrid';
 export * from './Link';
+export * from './MainContent';
 export * from './Modal';
 export * from './NavigationPrimary';
 export * from './NavigationFooter';

package/dist/esm/index.js

@@ -8,8 +8,8 @@ export * from './FormComponent';
 export * from './RadioForm';
 export * from './Header';
 export * from './Introduction';
-export * from './LayoutGrid';
 export * from './Link';
+export * from './MainContent';
 export * from './Modal';
 export * from './NavigationPrimary';
 export * from './NavigationFooter';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/shared-components",
-  "version": "3.4.0",
+  "version": "3.5.0-alpha.1",
   "description": "Newskit Render Shared Components",
   "author": "",
   "license": "UNLICENSED",

package/dist/cjs/LayoutGrid/LayoutGrid.d.ts

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

package/dist/cjs/LayoutGrid/LayoutGrid.js

@@ -1,38 +0,0 @@
-"use strict";
-/* istanbul ignore file*/
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutGrid = void 0;
-var newskit_1 = require("newskit");
-var react_1 = __importDefault(require("react"));
-var getStyledMainWidth = function (sidebar, fullWidth) {
-    if (sidebar) {
-        return '560px';
-    }
-    if (fullWidth) {
-        return '1024px';
-    }
-    return '440px';
-};
-var createStyledMain = function (width) { return newskit_1.styled.main(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1 0 auto;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline-color: -webkit-focus-ring-color;\n    outline-style: auto;\n    outline-width: 5px;\n  }\n\n  ", " {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 440px;\n  }\n  ", " {\n    max-width: ", ";\n  }\n"], ["\n  flex: 1 0 auto;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline-color: -webkit-focus-ring-color;\n    outline-style: auto;\n    outline-width: 5px;\n  }\n\n  ", " {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 440px;\n  }\n  ", " {\n    max-width: ", ";\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getMediaQueryFromTheme)('lg'), width); };
-var LayoutGrid = function (_a) {
-    var children = _a.children, hasSidebar = _a.hasSidebar, fullWidth = _a.fullWidth, margin = _a.margin, gutter = _a.gutter, _b = _a.topMarginBlockEnd, topMarginBlockEnd = _b === void 0 ? { xs: 'space070', md: 'space090' } : _b;
-    var StyledMain = createStyledMain(getStyledMainWidth(hasSidebar, fullWidth));
-    return (react_1.default.createElement(StyledMain, { tabIndex: -1, id: "main", "aria-describedby": "main-description" },
-        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: topMarginBlockEnd }),
-        react_1.default.createElement(newskit_1.ScreenReaderOnly, null,
-            react_1.default.createElement("p", { id: "main-description" }, "Beginning of main content")),
-        react_1.default.createElement(newskit_1.GridLayout, { "data-testid": "layout-grid", overrides: {
-                marginInline: margin,
-                paddingInline: gutter,
-            } }, children)));
-};
-exports.LayoutGrid = LayoutGrid;
-var templateObject_1;
-//# sourceMappingURL=LayoutGrid.js.map

package/dist/cjs/LayoutGrid/LayoutGrid.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/cjs/LayoutGrid/index.d.ts

@@ -1,2 +0,0 @@
-export * from './LayoutGrid';
-export * from './types';

package/dist/cjs/LayoutGrid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/LayoutGrid/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,0CAAuB"}

package/dist/cjs/LayoutGrid/types.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { MQ } from 'newskit';
-export interface LayoutGridProps {
-    children?: React.ReactNode;
-    topMarginBlockEnd?: MQ<string>;
-    hasSidebar?: boolean;
-    fullWidth?: boolean;
-    margin?: {
-        xs?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-    };
-    gutter?: {
-        xs?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-    };
-}

package/dist/esm/LayoutGrid/LayoutGrid.d.ts

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

package/dist/esm/LayoutGrid/LayoutGrid.js

@@ -1,31 +0,0 @@
-/* istanbul ignore file*/
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { Block, getMediaQueryFromTheme, GridLayout, ScreenReaderOnly, styled, } from 'newskit';
-import React from 'react';
-var getStyledMainWidth = function (sidebar, fullWidth) {
-    if (sidebar) {
-        return '560px';
-    }
-    if (fullWidth) {
-        return '1024px';
-    }
-    return '440px';
-};
-var createStyledMain = function (width) { return styled.main(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1 0 auto;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline-color: -webkit-focus-ring-color;\n    outline-style: auto;\n    outline-width: 5px;\n  }\n\n  ", " {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 440px;\n  }\n  ", " {\n    max-width: ", ";\n  }\n"], ["\n  flex: 1 0 auto;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline-color: -webkit-focus-ring-color;\n    outline-style: auto;\n    outline-width: 5px;\n  }\n\n  ", " {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 440px;\n  }\n  ", " {\n    max-width: ", ";\n  }\n"])), getMediaQueryFromTheme('sm'), getMediaQueryFromTheme('lg'), width); };
-export var LayoutGrid = function (_a) {
-    var children = _a.children, hasSidebar = _a.hasSidebar, fullWidth = _a.fullWidth, margin = _a.margin, gutter = _a.gutter, _b = _a.topMarginBlockEnd, topMarginBlockEnd = _b === void 0 ? { xs: 'space070', md: 'space090' } : _b;
-    var StyledMain = createStyledMain(getStyledMainWidth(hasSidebar, fullWidth));
-    return (React.createElement(StyledMain, { tabIndex: -1, id: "main", "aria-describedby": "main-description" },
-        React.createElement(Block, { marginBlockEnd: topMarginBlockEnd }),
-        React.createElement(ScreenReaderOnly, null,
-            React.createElement("p", { id: "main-description" }, "Beginning of main content")),
-        React.createElement(GridLayout, { "data-testid": "layout-grid", overrides: {
-                marginInline: margin,
-                paddingInline: gutter,
-            } }, children)));
-};
-var templateObject_1;
-//# sourceMappingURL=LayoutGrid.js.map

package/dist/esm/LayoutGrid/LayoutGrid.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/esm/LayoutGrid/index.d.ts

@@ -1,2 +0,0 @@
-export * from './LayoutGrid';
-export * from './types';

package/dist/esm/LayoutGrid/index.js

@@ -1,3 +0,0 @@
-export * from './LayoutGrid';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/esm/LayoutGrid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/LayoutGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA"}

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { MQ } from 'newskit';
-export interface LayoutGridProps {
-    children?: React.ReactNode;
-    topMarginBlockEnd?: MQ<string>;
-    hasSidebar?: boolean;
-    fullWidth?: boolean;
-    margin?: {
-        xs?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-    };
-    gutter?: {
-        xs?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-    };
-}