@newskit-render/shared-components 3.6.0-alpha.0 → 3.6.0-alpha.2

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.
Files changed (8) hide show
  1. package/README.md +3 -3
  2. package/dist/cjs/Header/Header.js +13 -14
  3. package/dist/cjs/Header/Header.js.map +1 -1
  4. package/dist/cjs/Header/types.d.ts +5 -4
  5. package/dist/esm/Header/Header.js +14 -15
  6. package/dist/esm/Header/Header.js.map +1 -1
  7. package/dist/esm/Header/types.d.ts +5 -4
  8. package/package.json +1 -1
package/README.md CHANGED
@@ -418,9 +418,9 @@ type HeaderProps = IntroductionProps & {
418
418
  marginBlockEnd?: MQ<string>
419
419
  showDivider?: boolean
420
420
  fullWidthTitle?: boolean
421
- imageCell?: CellProps
422
- introductionCell?: CellProps
423
- backButtonCell?: CellProps
421
+ imageCell?: GridLayoutItemProps
422
+ introductionCell?: GridLayoutItemProps
423
+ backButtonCell?: GridLayoutItemProps
424
424
  }
425
425
  ```
426
426
 
package/dist/cjs/Header/Header.js CHANGED
@@ -1,8 +1,4 @@
1
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
2
  var __assign = (this && this.__assign) || function () {
7
3
  __assign = Object.assign || function(t) {
8
4
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25,19 +21,22 @@ var newskit_1 = require("newskit");
25
21
  var BackButton_1 = require("../BackButton");
26
22
  var Image_1 = require("../Image");
27
23
  var utils_1 = require("../utils");
28
- 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'));
29
24
  var Header = function (_a) {
30
- 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;
31
- return (react_1.default.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd, "data-testid": "page-header" },
32
- react_1.default.createElement(newskit_1.Grid, { xsRowGutter: 'space000', xsMargin: 'space000', xsColumnGutter: 'space000' },
33
- backButton && (react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12 }, backButtonCell),
25
+ var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, backButtonCell = _a.backButtonCell, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, introductionCell = _a.introductionCell, marginBlockEnd = _a.marginBlockEnd, showDivider = _a.showDivider, dividerOverrides = _a.dividerOverrides, center = _a.center, image = _a.image, imageCell = _a.imageCell;
26
+ return (react_1.default.createElement(react_1.default.Fragment, null,
27
+ react_1.default.createElement(newskit_1.GridLayout, { columns: "repeat(12, 1fr)", "data-testid": "page-header", overrides: {
28
+ marginBlockEnd: !showDivider ? marginBlockEnd : undefined,
29
+ } },
30
+ backButton && (react_1.default.createElement(newskit_1.GridLayoutItem, __assign({ column: "1 / span 12" }, backButtonCell),
34
31
  react_1.default.createElement(BackButton_1.BackButton, { backButton: backButton, backButtonOverrides: backButtonOverrides }))),
35
- react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12, lg: backButton || fullWidthTitle ? 12 : 10 }, introductionCell),
32
+ react_1.default.createElement(newskit_1.GridLayoutItem, __assign({ column: {
33
+ xs: '1 / span 12',
34
+ lg: backButton || fullWidthTitle ? '1 / span 12' : '1 / span 10',
35
+ } }, introductionCell),
36
36
  react_1.default.createElement(Introduction_1.Introduction, { overline: overline, overlineOverrides: overlineOverrides, title: title, description: description, titleOverrides: titleOverrides, descriptionOverrides: descriptionOverrides, center: center })),
37
- react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12 }, imageCell), image && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: image.marginBlockEnd },
38
- react_1.default.createElement(Image_1.Image, { src: image.src, alt: image.alt || '', aspectRatio: (0, utils_1.getAspectRatio)(image.loadingAspectRatio) }))))),
39
- showDivider && react_1.default.createElement(newskit_1.Divider, { overrides: dividerOverrides })));
37
+ image && (react_1.default.createElement(newskit_1.GridLayoutItem, __assign({ column: "1 / span 12" }, imageCell, { marginBlockEnd: image.marginBlockEnd }),
38
+ react_1.default.createElement(Image_1.Image, { src: image.src, alt: image.alt || '', aspectRatio: (0, utils_1.getAspectRatio)(image.loadingAspectRatio) })))),
39
+ showDivider && (react_1.default.createElement(newskit_1.Divider, { overrides: __assign(__assign({}, dividerOverrides), { marginBlockEnd: marginBlockEnd }) }))));
40
40
  };
41
41
  exports.Header = Header;
42
- var templateObject_1;
43
42
  //# sourceMappingURL=Header.js.map
package/dist/cjs/Header/Header.js.map CHANGED
@@ -1 +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,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"}
1
+ {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,gDAA8C;AAC9C,mCAA6D;AAC7D,4CAA0C;AAC1C,kCAAgC;AAChC,kCAAyC;AAElC,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL;QACE,8BAAC,oBAAU,IACT,OAAO,EAAC,iBAAiB,iBACb,aAAa,EACzB,SAAS,EAAE;gBACT,cAAc,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;aAC1D;YAEA,UAAU,IAAI,CACb,8BAAC,wBAAc,aAAC,MAAM,EAAC,aAAa,IAAK,cAAc;gBACrD,8BAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACa,CAClB;YAED,8BAAC,wBAAc,aACb,MAAM,EAAE;oBACN,EAAE,EAAE,aAAa;oBACjB,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;iBACjE,IACG,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,CACa;YAEhB,KAAK,IAAI,CACR,8BAAC,wBAAc,aACb,MAAM,EAAC,aAAa,IAChB,SAAS,IACb,cAAc,EAAE,KAAK,CAAC,cAAc;gBAEpC,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,CACa,CAClB,CACU;QACZ,WAAW,IAAI,CACd,8BAAC,iBAAO,IACN,SAAS,wBAAO,gBAAgB,KAAE,cAAc,EAAE,cAAc,MAChE,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AA5EY,QAAA,MAAM,UA4ElB"}
package/dist/cjs/Header/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { IntroductionProps } from '../Introduction';
2
- import { MQ, ImageProps, CellProps } from 'newskit';
2
+ import { MQ, ImageProps } from 'newskit';
3
3
  import { TBackButton, BackButtonOverrides } from '../BackButton';
4
+ import { GridLayoutItemProps } from 'newskit/cjs/grid-layout/types';
4
5
  type EnhancedImageProps = ImageProps & {
5
6
  marginBlockEnd?: MQ<string>;
6
7
  };
@@ -14,8 +15,8 @@ export type HeaderProps = IntroductionProps & {
14
15
  stylePreset: MQ<string>;
15
16
  };
16
17
  fullWidthTitle?: boolean;
17
- imageCell?: CellProps;
18
- introductionCell?: CellProps;
19
- backButtonCell?: CellProps;
18
+ imageCell?: GridLayoutItemProps;
19
+ introductionCell?: GridLayoutItemProps;
20
+ backButtonCell?: GridLayoutItemProps;
20
21
  };
21
22
  export {};
package/dist/esm/Header/Header.js CHANGED
@@ -1,7 +1,3 @@
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
1
  var __assign = (this && this.__assign) || function () {
6
2
  __assign = Object.assign || function(t) {
7
3
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -15,22 +11,25 @@ var __assign = (this && this.__assign) || function () {
15
11
  };
16
12
  import React from 'react';
17
13
  import { Introduction } from '../Introduction';
18
- import { Divider, Block, styled, Grid, Cell, getMediaQueryFromTheme, } from 'newskit';
14
+ import { GridLayout, GridLayoutItem, Divider } from 'newskit';
19
15
  import { BackButton } from '../BackButton';
20
16
  import { Image } from '../Image';
21
17
  import { getAspectRatio } from '../utils';
22
- 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'));
23
18
  export var Header = function (_a) {
24
- 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;
25
- return (React.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd, "data-testid": "page-header" },
26
- React.createElement(Grid, { xsRowGutter: 'space000', xsMargin: 'space000', xsColumnGutter: 'space000' },
27
- backButton && (React.createElement(Cell, __assign({ xs: 12 }, backButtonCell),
19
+ var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, backButtonCell = _a.backButtonCell, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, introductionCell = _a.introductionCell, marginBlockEnd = _a.marginBlockEnd, showDivider = _a.showDivider, dividerOverrides = _a.dividerOverrides, center = _a.center, image = _a.image, imageCell = _a.imageCell;
20
+ return (React.createElement(React.Fragment, null,
21
+ React.createElement(GridLayout, { columns: "repeat(12, 1fr)", "data-testid": "page-header", overrides: {
22
+ marginBlockEnd: !showDivider ? marginBlockEnd : undefined,
23
+ } },
24
+ backButton && (React.createElement(GridLayoutItem, __assign({ column: "1 / span 12" }, backButtonCell),
28
25
  React.createElement(BackButton, { backButton: backButton, backButtonOverrides: backButtonOverrides }))),
29
- React.createElement(Cell, __assign({ xs: 12, lg: backButton || fullWidthTitle ? 12 : 10 }, introductionCell),
26
+ React.createElement(GridLayoutItem, __assign({ column: {
27
+ xs: '1 / span 12',
28
+ lg: backButton || fullWidthTitle ? '1 / span 12' : '1 / span 10',
29
+ } }, introductionCell),
30
30
  React.createElement(Introduction, { overline: overline, overlineOverrides: overlineOverrides, title: title, description: description, titleOverrides: titleOverrides, descriptionOverrides: descriptionOverrides, center: center })),
31
- React.createElement(Cell, __assign({ xs: 12 }, imageCell), image && (React.createElement(Block, { marginBlockEnd: image.marginBlockEnd },
32
- React.createElement(Image, { src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) }))))),
33
- showDivider && React.createElement(Divider, { overrides: dividerOverrides })));
31
+ image && (React.createElement(GridLayoutItem, __assign({ column: "1 / span 12" }, imageCell, { marginBlockEnd: image.marginBlockEnd }),
32
+ React.createElement(Image, { src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) })))),
33
+ showDivider && (React.createElement(Divider, { overrides: __assign(__assign({}, dividerOverrides), { marginBlockEnd: marginBlockEnd }) }))));
34
34
  };
35
- var templateObject_1;
36
35
  //# sourceMappingURL=Header.js.map
package/dist/esm/Header/Header.js.map CHANGED
@@ -1 +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,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"}
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,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,CAAC,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL;QACE,oBAAC,UAAU,IACT,OAAO,EAAC,iBAAiB,iBACb,aAAa,EACzB,SAAS,EAAE;gBACT,cAAc,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;aAC1D;YAEA,UAAU,IAAI,CACb,oBAAC,cAAc,aAAC,MAAM,EAAC,aAAa,IAAK,cAAc;gBACrD,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACa,CAClB;YAED,oBAAC,cAAc,aACb,MAAM,EAAE;oBACN,EAAE,EAAE,aAAa;oBACjB,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;iBACjE,IACG,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,CACa;YAEhB,KAAK,IAAI,CACR,oBAAC,cAAc,aACb,MAAM,EAAC,aAAa,IAChB,SAAS,IACb,cAAc,EAAE,KAAK,CAAC,cAAc;gBAEpC,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,CACa,CAClB,CACU;QACZ,WAAW,IAAI,CACd,oBAAC,OAAO,IACN,SAAS,wBAAO,gBAAgB,KAAE,cAAc,EAAE,cAAc,MAChE,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}
package/dist/esm/Header/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { IntroductionProps } from '../Introduction';
2
- import { MQ, ImageProps, CellProps } from 'newskit';
2
+ import { MQ, ImageProps } from 'newskit';
3
3
  import { TBackButton, BackButtonOverrides } from '../BackButton';
4
+ import { GridLayoutItemProps } from 'newskit/cjs/grid-layout/types';
4
5
  type EnhancedImageProps = ImageProps & {
5
6
  marginBlockEnd?: MQ<string>;
6
7
  };
@@ -14,8 +15,8 @@ export type HeaderProps = IntroductionProps & {
14
15
  stylePreset: MQ<string>;
15
16
  };
16
17
  fullWidthTitle?: boolean;
17
- imageCell?: CellProps;
18
- introductionCell?: CellProps;
19
- backButtonCell?: CellProps;
18
+ imageCell?: GridLayoutItemProps;
19
+ introductionCell?: GridLayoutItemProps;
20
+ backButtonCell?: GridLayoutItemProps;
20
21
  };
21
22
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newskit-render/shared-components",
3
- "version": "3.6.0-alpha.0",
3
+ "version": "3.6.0-alpha.2",
4
4
  "description": "Newskit Render Shared Components",
5
5
  "author": "",
6
6
  "license": "UNLICENSED",