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

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 (19) hide show
  1. package/dist/cjs/BackButton/BackButton.js +7 -6
  2. package/dist/cjs/BackButton/BackButton.js.map +1 -1
  3. package/dist/cjs/ContentListView/ListItem.js +18 -6
  4. package/dist/cjs/ContentListView/ListItem.js.map +1 -1
  5. package/dist/cjs/ContentListView/types.d.ts +19 -2
  6. package/dist/cjs/ContentListView/types.js.map +1 -1
  7. package/dist/cjs/theme/timesTheme/stylePresets.d.ts +8 -0
  8. package/dist/cjs/theme/timesTheme/stylePresets.js +8 -0
  9. package/dist/cjs/theme/timesTheme/stylePresets.js.map +1 -1
  10. package/dist/esm/BackButton/BackButton.js +7 -6
  11. package/dist/esm/BackButton/BackButton.js.map +1 -1
  12. package/dist/esm/ContentListView/ListItem.js +18 -6
  13. package/dist/esm/ContentListView/ListItem.js.map +1 -1
  14. package/dist/esm/ContentListView/types.d.ts +19 -2
  15. package/dist/esm/ContentListView/types.js.map +1 -1
  16. package/dist/esm/theme/timesTheme/stylePresets.d.ts +8 -0
  17. package/dist/esm/theme/timesTheme/stylePresets.js +8 -0
  18. package/dist/esm/theme/timesTheme/stylePresets.js.map +1 -1
  19. package/package.json +2 -2
package/dist/cjs/BackButton/BackButton.js CHANGED
@@ -20,12 +20,13 @@ var paddingCB = function (size) { return ({
20
20
  var StyledLink = (0, newskit_1.styled)(Link_1.NextLink)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), (0, newskit_1.getSizingCssFromTheme)(paddingCB, 'sizing030'));
21
21
  var BackButton = function (_a) {
22
22
  var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides;
23
- return (react_1.default.createElement(react_1.default.Fragment, null, backButton && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.marginBlockEnd }, (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.asLink) ? (react_1.default.createElement(StyledLink, { type: "standalone", "data-test-id": "StyledLinkStandalone", href: backButton.href, external: false, "aria-label": backButton['aria-label'], overrides: backButtonOverrides },
24
- react_1.default.createElement(IconFilledKeyboardArrowLeft, { overrides: {
25
- size: backButtonOverrides.iconSize,
26
- stylePreset: backButtonOverrides.stylePreset,
27
- } }),
28
- backButton.text)) : (react_1.default.createElement(link_1.default, { passHref: true, href: backButton.href, "data-testid": "buttonLink" },
23
+ return (react_1.default.createElement(react_1.default.Fragment, null, backButton && (react_1.default.createElement(react_1.default.Fragment, null, (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.asLink) ? (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.marginBlockEnd },
24
+ react_1.default.createElement(StyledLink, { type: "standalone", "data-test-id": "StyledLinkStandalone", href: backButton.href, external: false, "aria-label": backButton['aria-label'], overrides: backButtonOverrides },
25
+ react_1.default.createElement(IconFilledKeyboardArrowLeft, { overrides: {
26
+ size: backButtonOverrides.iconSize,
27
+ stylePreset: backButtonOverrides.stylePreset,
28
+ } }),
29
+ backButton.text))) : (react_1.default.createElement(link_1.default, { passHref: true, href: backButton.href, "data-testid": "buttonLink" },
29
30
  react_1.default.createElement(newskit_1.Button, { "aria-label": backButton['aria-label'], size: (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.size) || 'small', overrides: backButtonOverrides },
30
31
  react_1.default.createElement(IconFilledKeyboardArrowLeft, null),
31
32
  backButton.text)))))));
package/dist/cjs/BackButton/BackButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/BackButton/BackButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,gCAAkC;AAClC,mDAAgC;AAEhC,+EAAwG;AACxG,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,qCAAuB,CAAC,CAAA;AAE1E,IAAM,SAAS,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;IACnC,OAAO,EAAE,UAAG,IAAI,OAAI;CACrB,CAAC,EAFkC,CAElC,CAAA;AAEF,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,eAAQ,CAAC,+EAAA,MAC/B,EAA6C,IAChD,KADG,IAAA,+BAAqB,EAAC,SAAS,EAAE,WAAW,CAAC,CAChD,CAAA;AACM,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFC,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IACf,OAAA,CACJ,8DACG,UAAU,IAAI,CACb,8BAAC,eAAK,IAAC,cAAc,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,cAAc,IACvD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,8BAAC,UAAU,IACT,IAAI,EAAC,YAAY,kBACJ,sBAAsB,EACnC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,gBACH,UAAU,CAAC,YAAY,CAAC,EACpC,SAAS,EAAE,mBAAmB;QAE9B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;gBACT,IAAI,EAAE,mBAAmB,CAAC,QAAQ;gBAClC,WAAW,EAAE,mBAAmB,CAAC,WAAW;aAC7C,GACD;QACD,UAAU,CAAC,IAAI,CACL,CACd,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,UAAU,CAAC,IAAI,iBAAc,YAAY;QAChE,8BAAC,gBAAM,kBACO,UAAU,CAAC,YAAY,CAAC,EACpC,IAAI,EAAE,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,OAAO,EAC1C,SAAS,EAAE,mBAAmB;YAE9B,8BAAC,2BAA2B,OAAG;YAC9B,UAAU,CAAC,IAAI,CACT,CACA,CACZ,CACK,CACT,CACA,CACJ;AApCK,CAoCL,CAAA;AAvCY,QAAA,UAAU,cAuCtB"}
1
+ {"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/BackButton/BackButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,gCAAkC;AAClC,mDAAgC;AAEhC,+EAAwG;AACxG,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,qCAAuB,CAAC,CAAA;AAE1E,IAAM,SAAS,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;IACnC,OAAO,EAAE,UAAG,IAAI,OAAI;CACrB,CAAC,EAFkC,CAElC,CAAA;AAEF,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,eAAQ,CAAC,+EAAA,MAC/B,EAA6C,IAChD,KADG,IAAA,+BAAqB,EAAC,SAAS,EAAE,WAAW,CAAC,CAChD,CAAA;AACM,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFC,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IACf,OAAA,CACJ,8DACG,UAAU,IAAI,CACb,8DACG,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,8BAAC,eAAK,IAAC,cAAc,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,cAAc;QACxD,8BAAC,UAAU,IACT,IAAI,EAAC,YAAY,kBACJ,sBAAsB,EACnC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,gBACH,UAAU,CAAC,YAAY,CAAC,EACpC,SAAS,EAAE,mBAAmB;YAE9B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;oBACT,IAAI,EAAE,mBAAmB,CAAC,QAAQ;oBAClC,WAAW,EAAE,mBAAmB,CAAC,WAAW;iBAC7C,GACD;YACD,UAAU,CAAC,IAAI,CACL,CACP,CACT,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,UAAU,CAAC,IAAI,iBAAc,YAAY;QAChE,8BAAC,gBAAM,kBACO,UAAU,CAAC,YAAY,CAAC,EACpC,IAAI,EAAE,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,OAAO,EAC1C,SAAS,EAAE,mBAAmB;YAE9B,8BAAC,2BAA2B,OAAG;YAC9B,UAAU,CAAC,IAAI,CACT,CACA,CACZ,CACA,CACJ,CACA,CACJ;AAtCK,CAsCL,CAAA;AAzCY,QAAA,UAAU,cAyCtB"}
package/dist/cjs/ContentListView/ListItem.js CHANGED
@@ -30,18 +30,30 @@ var IconOutlinedInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
30
30
  var IconOutlinedArrowForwardIos = (0, newskit_1.toNewsKitIcon)(ArrowForwardIos_1.ArrowForwardIos);
31
31
  var Description = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: transparent;\n"], ["\n background: transparent;\n"])));
32
32
  var WordBreakSpan = newskit_1.styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n word-break: break-word;\n"], ["\n word-break: break-word;\n"])));
33
+ var IconComponent = function (_a) {
34
+ var Icon = _a.Icon, overrides = _a.overrides;
35
+ return (react_1.default.createElement(Icon, { overrides: overrides }));
36
+ };
37
+ var StyledStructuredListItem = (0, newskit_1.styled)(newskit_1.StructuredListItem)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
38
+ var alignCenter = _a.alignCenter;
39
+ return alignCenter &&
40
+ "& > div > div {\n align-items: center;\n }";
41
+ });
42
+ var StyledSpan = newskit_1.styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
33
43
  var ListItem = function (_a) {
34
44
  var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, xs = _c.xs, md = _c.md, labelOverrides = _c.labelOverrides, describedId = _c.describedId, description = _c.description, descriptionOverrides = _c.descriptionOverrides, itemValue = _c.itemValue, align = _c.align, listItemProps = _a.listItemProps;
35
- var Item = (react_1.default.createElement(newskit_1.StructuredListItem, __assign({}, listItemProps, { href: item.href }),
45
+ var Item = (react_1.default.createElement(StyledStructuredListItem, __assign({}, listItemProps, { href: item.href }),
36
46
  react_1.default.createElement(newskit_1.StructuredListCell, { xs: xs, md: md, align: align || 'start' },
37
- react_1.default.createElement(newskit_1.GridLayout, { columns: '1fr auto' },
47
+ react_1.default.createElement(newskit_1.GridLayout, { columns: '1fr auto', alignItems: "center" },
38
48
  react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
39
49
  paddingTop: "".concat(item.type === 'payment' ? '5px' : '0px'),
40
50
  }, marginInlineEnd: item.type ? 'space040' : undefined }),
41
- item.label,
51
+ item.labelIcon ? (react_1.default.createElement(StyledSpan, null,
52
+ react_1.default.createElement(IconComponent, __assign({}, item.labelIcon)),
53
+ item.label)) : (item.label),
42
54
  item.labelDescription && (react_1.default.createElement(Description, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010", marginBlockStart: "space040", id: describedId, as: "span" }, descriptionOverrides), item.labelDescription))),
43
55
  item.icon && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
44
- react_1.default.createElement(newskit_1.Visible, { xs: true, sm: true },
56
+ react_1.default.createElement(newskit_1.Visible, __assign({}, (item.iconOverrides || { xs: true, sm: true })),
45
57
  react_1.default.createElement(newskit_1.Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
46
58
  item.icon === 'external' && (react_1.default.createElement(IconFilledOpenInNew, { overrides: {
47
59
  size: 'iconSize010',
@@ -61,7 +73,7 @@ var ListItem = function (_a) {
61
73
  display: 'block',
62
74
  } }),
63
75
  react_1.default.createElement(Description, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010", id: describedId }, description)))))),
64
- item.icon && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
76
+ item.icon && !item.iconOverrides && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
65
77
  react_1.default.createElement(newskit_1.Visible, { md: true, lg: true, xl: true },
66
78
  react_1.default.createElement(newskit_1.Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
67
79
  item.icon === 'external' && (react_1.default.createElement(IconFilledOpenInNew, { overrides: {
@@ -83,5 +95,5 @@ var ListItem = function (_a) {
83
95
  return item.href ? (react_1.default.createElement(link_1.default, { legacyBehavior: true, href: item.href, passHref: true }, Item)) : (Item);
84
96
  };
85
97
  exports.ListItem = ListItem;
86
- var templateObject_1, templateObject_2;
98
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
87
99
  //# sourceMappingURL=ListItem.js.map
package/dist/cjs/ContentListView/ListItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,mDAAgC;AAChC,mCAYgB;AAChB,gDAAyB;AAEzB,+DAAgF;AAChF,oFAA6G;AAC7G,8DAA4E;AAE5E,IAAM,mBAAmB,GAAG,IAAA,uBAAa,EAAC,qBAAe,CAAC,CAAA;AAC1D,IAAM,gBAAgB,GAAG,IAAA,uBAAa,EAAC,WAAY,CAAC,CAAA;AACpD,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,iCAAuB,CAAC,CAAA;AAE1E,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,mGAAA,gCAEpC,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,gBAAM,CAAC,IAAI,kGAAA,+BAEhC,IAAA,CAAA;AAED,IAAM,aAAa,GAAwB,UAAC,EAAmB;QAAjB,IAAI,UAAA,EAAE,SAAS,eAAA;IAAO,OAAA,CAClE,8BAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,CAC/B;AAFmE,CAEnE,CAAA;AAED,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,4BAAkB,CAAC,+EAEzD,MACE,EAIA,IACH,KALG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW;QACX,gDAEA;AAHA,CAGA,CACH,CAAA;AAED,IAAM,UAAU,GAAG,gBAAM,CAAC,IAAI,iHAAA,8CAG7B,IAAA,CAAA;AAEM,IAAM,QAAQ,GAAqC,UAAC,EAa1D;QAZC,IAAI,UAAA,EACJ,qBASM,EATN,qBASI,EAAE,KAAA,EARJ,EAAE,QAAA,EACF,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,SAAS,eAAA,EACT,KAAK,WAAA,EAEP,aAAa,mBAAA;IAEb,IAAM,IAAI,GAAG,CACX,8BAAC,wBAAwB,eAAK,aAAa,IAAE,IAAI,EAAE,IAAI,CAAC,IAAI;QAC1D,8BAAC,4BAAkB,IACjB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,KAAK,EAAG,KAAiC,IAAI,OAAO;YAEpD,8BAAC,oBAAU,IAAC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAC,QAAQ;gBAClD,8BAAC,mBAAS,aACR,WAAW,EAAC,aAAa,EACzB,gBAAgB,EAAC,mBAAmB,IAChC,cAAc,IAClB,KAAK,EAAE;wBACL,UAAU,EAAE,UAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAE;qBACzD,EACD,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;oBAElD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,8BAAC,UAAU;wBACT,8BAAC,aAAa,eAAK,IAAI,CAAC,SAAS,EAAI;wBACpC,IAAI,CAAC,KAAK,CACA,CACd,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX;oBACA,IAAI,CAAC,gBAAgB,IAAI,CACxB,8BAAC,WAAW,aACV,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,EACjC,gBAAgB,EAAC,UAAU,EAC3B,EAAE,EAAE,WAAW,EACf,EAAE,EAAC,MAAM,IACL,oBAAoB,GAEvB,IAAI,CAAC,gBAAgB,CACV,CACf,CACS;gBAEX,IAAI,CAAC,IAAI,IAAI,CACZ,8BAAC,4BAAkB,IAAC,EAAE,EAAE,CAAC,EAAE,SAAS;oBAClC,8BAAC,iBAAO,eAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;wBACzD,8BAAC,eAAK,IAAC,iBAAiB,EAAC,UAAU,EAAC,IAAI,EAAC,mBAAmB;4BACzD,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,8BAAC,mBAAmB,IAClB,SAAS,EAAE;oCACT,IAAI,EAAE,aAAa;oCACnB,WAAW,EAAE,aAAa;iCAC3B,GACD,CACH;4BACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;oCACT,IAAI,EAAE,aAAa;oCACnB,WAAW,EAAE,aAAa;iCAC3B,GACD,CACH,CACK,CACA,CACS,CACtB,CACU,CACM;QAEpB,IAAI,CAAC,IAAI,IAAI,CACZ,8BAAC,4BAAkB,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YAC/B,8BAAC,mBAAS,IACR,EAAE,EAAC,MAAM,EACT,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,EACrB,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EAC/B,KAAK,EAAE;oBACL,UAAU,EAAE,UAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAE;iBAC5C;gBAED,8BAAC,aAAa,QAAE,SAAS,CAAiB;gBACzC,IAAI,CAAC,gBAAgB,IAAI,CACxB;oBACE,8BAAC,eAAK,IACJ,EAAE,EAAC,MAAM,EACT,WAAW,EACT,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAEnD,KAAK,EAAE;4BACL,OAAO,EAAE,OAAO;yBACjB,GACD;oBACF,8BAAC,WAAW,IACV,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,EACjC,EAAE,EAAE,WAAW,IAEd,WAAW,CACA,CACb,CACJ,CACS,CACO,CACtB;QACA,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CACnC,8BAAC,4BAAkB,IAAC,EAAE,EAAE,CAAC,EAAE,SAAS;YAClC,8BAAC,iBAAO,IAAC,EAAE,QAAC,EAAE,QAAC,EAAE;gBACf,8BAAC,eAAK,IAAC,iBAAiB,EAAC,UAAU,EAAC,IAAI,EAAC,mBAAmB;oBACzD,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,8BAAC,mBAAmB,IAClB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,WAAW,EAAE,aAAa;yBAC3B,GACD,CACH;oBACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,WAAW,EAAE,aAAa;yBAC3B,GACD,CACH,CACK,CACA,CACS,CACtB;QACA,IAAI,CAAC,OAAO,IAAI,CACf,8BAAC,4BAAkB,IAAC,EAAE,EAAE,CAAC,EAAE,SAAS;YAClC,8BAAC,eAAK,IAAC,iBAAiB,EAAC,UAAU,EAAC,IAAI,EAAC,mBAAmB;gBAC1D,8BAAC,iBAAO,IACN,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;oBAEjC;wBACE,8BAAC,gBAAgB,IACf,SAAS,EAAE;gCACT,IAAI,EAAE,aAAa;gCACnB,WAAW,EAAE,aAAa;6BAC3B,GACD,CACE,CACE,CACJ,CACW,CACtB,CACwB,CAC5B,CAAA;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,8BAAC,cAAQ,IAAC,cAAc,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,UAC/C,IAAI,CACI,CACZ,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAA;AACH,CAAC,CAAA;AA1KY,QAAA,QAAQ,YA0KpB"}
package/dist/cjs/ContentListView/types.d.ts CHANGED
@@ -1,9 +1,18 @@
1
1
  /// <reference types="react" />
2
- import { MQ, TriggerType } from 'newskit';
2
+ import { MQ, TriggerType, NewsKitIcon } from 'newskit';
3
+ import { LogicalProps } from 'newskit/cjs/utils/logical-properties';
3
4
  import { DescriptionOverrides, IntroductionProps, TitleOverrides } from '../Introduction/types';
5
+ export interface LabelIcon {
6
+ Icon: NewsKitIcon;
7
+ overrides?: {
8
+ size?: MQ<string>;
9
+ stylePreset?: MQ<string>;
10
+ } & LogicalProps;
11
+ }
4
12
  export interface ListItemType {
5
13
  href?: string;
6
14
  label: string;
15
+ labelIcon?: LabelIcon;
7
16
  default: string | string[];
8
17
  labelDescription?: string;
9
18
  valueDescription?: string;
@@ -13,6 +22,13 @@ export interface ListItemType {
13
22
  editComponent?: JSX.Element;
14
23
  editComponentType?: EditComponentType;
15
24
  icon?: 'external' | 'internal';
25
+ iconOverrides?: {
26
+ xs: boolean;
27
+ sm: boolean;
28
+ md: boolean;
29
+ lg: boolean;
30
+ xl: boolean;
31
+ };
16
32
  'data-testid'?: string;
17
33
  tooltip?: ListItemTooltip;
18
34
  }
@@ -34,7 +50,7 @@ export declare enum HolidayStopStatus {
34
50
  processed = "processed",
35
51
  cancelled = "cancelled"
36
52
  }
37
- export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate';
53
+ export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate';
38
54
  export type EditComponentType = 'likedYourMessage' | 'userMentioned' | 'repliedToMessage';
39
55
  export interface ContentListViewProps {
40
56
  children: React.ReactNode;
@@ -54,6 +70,7 @@ export interface ListItemProps {
54
70
  'data-testid'?: string;
55
71
  onClick?: () => void;
56
72
  hideIcon?: boolean;
73
+ alignCenter?: boolean;
57
74
  index?: number;
58
75
  overrides?: {
59
76
  paddingInline?: MQ<string>;
package/dist/cjs/ContentListView/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":";;;AAsCA,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":";;;AAuDA,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B"}
package/dist/cjs/theme/timesTheme/stylePresets.d.ts CHANGED
@@ -109,4 +109,12 @@ export declare const stylePresets: {
109
109
  iconColor: string;
110
110
  };
111
111
  };
112
+ contentListView: {
113
+ base: {
114
+ borderColor: string;
115
+ borderStyle: string;
116
+ borderWidth: string;
117
+ borderRadius: string;
118
+ };
119
+ };
112
120
  };
package/dist/cjs/theme/timesTheme/stylePresets.js CHANGED
@@ -112,5 +112,13 @@ exports.stylePresets = {
112
112
  iconColor: '{{colors.inkBase}}',
113
113
  },
114
114
  },
115
+ contentListView: {
116
+ base: {
117
+ borderColor: '{{colors.interface040}}',
118
+ borderStyle: 'solid',
119
+ borderWidth: '{{borders.borderWidth010}}',
120
+ borderRadius: '{{borders.borderRadiusRounded000}}',
121
+ },
122
+ },
115
123
  };
116
124
  //# sourceMappingURL=stylePresets.js.map
package/dist/cjs/theme/timesTheme/stylePresets.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stylePresets.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/stylePresets.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,oCAAoC;YACrD,YAAY,EAAE,iCAAiC;YAC/C,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,KAAK,EAAE;YACL,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,MAAM,EAAE;YACN,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;KACF;IACD,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,uBAAuB;YACpC,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;KACF;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;YAC5D,WAAW,EAAE,wBAAwB;YACrC,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAA"}
1
+ {"version":3,"file":"stylePresets.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/stylePresets.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,oCAAoC;YACrD,YAAY,EAAE,iCAAiC;YAC/C,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,KAAK,EAAE;YACL,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,MAAM,EAAE;YACN,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;KACF;IACD,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,uBAAuB;YACpC,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;KACF;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;YAC5D,WAAW,EAAE,wBAAwB;YACrC,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,oCAAoC;SACnD;KACF;CACF,CAAA"}
package/dist/esm/BackButton/BackButton.js CHANGED
@@ -14,12 +14,13 @@ var paddingCB = function (size) { return ({
14
14
  var StyledLink = styled(NextLink)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), getSizingCssFromTheme(paddingCB, 'sizing030'));
15
15
  export var BackButton = function (_a) {
16
16
  var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides;
17
- return (React.createElement(React.Fragment, null, backButton && (React.createElement(Block, { marginBlockEnd: backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.marginBlockEnd }, (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.asLink) ? (React.createElement(StyledLink, { type: "standalone", "data-test-id": "StyledLinkStandalone", href: backButton.href, external: false, "aria-label": backButton['aria-label'], overrides: backButtonOverrides },
18
- React.createElement(IconFilledKeyboardArrowLeft, { overrides: {
19
- size: backButtonOverrides.iconSize,
20
- stylePreset: backButtonOverrides.stylePreset,
21
- } }),
22
- backButton.text)) : (React.createElement(LinkNext, { passHref: true, href: backButton.href, "data-testid": "buttonLink" },
17
+ return (React.createElement(React.Fragment, null, backButton && (React.createElement(React.Fragment, null, (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.asLink) ? (React.createElement(Block, { marginBlockEnd: backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.marginBlockEnd },
18
+ React.createElement(StyledLink, { type: "standalone", "data-test-id": "StyledLinkStandalone", href: backButton.href, external: false, "aria-label": backButton['aria-label'], overrides: backButtonOverrides },
19
+ React.createElement(IconFilledKeyboardArrowLeft, { overrides: {
20
+ size: backButtonOverrides.iconSize,
21
+ stylePreset: backButtonOverrides.stylePreset,
22
+ } }),
23
+ backButton.text))) : (React.createElement(LinkNext, { passHref: true, href: backButton.href, "data-testid": "buttonLink" },
23
24
  React.createElement(Button, { "aria-label": backButton['aria-label'], size: (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.size) || 'small', overrides: backButtonOverrides },
24
25
  React.createElement(IconFilledKeyboardArrowLeft, null),
25
26
  backButton.text)))))));
package/dist/esm/BackButton/BackButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/BackButton/BackButton.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,qBAAqB,EACrB,aAAa,GACd,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,QAAQ,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxG,IAAM,2BAA2B,GAAG,aAAa,CAAC,uBAAuB,CAAC,CAAA;AAE1E,IAAM,SAAS,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;IACnC,OAAO,EAAE,UAAG,IAAI,OAAI;CACrB,CAAC,EAFkC,CAElC,CAAA;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,+EAAA,MAC/B,EAA6C,IAChD,KADG,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAChD,CAAA;AACD,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFC,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IACf,OAAA,CACJ,0CACG,UAAU,IAAI,CACb,oBAAC,KAAK,IAAC,cAAc,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,cAAc,IACvD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,oBAAC,UAAU,IACT,IAAI,EAAC,YAAY,kBACJ,sBAAsB,EACnC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,gBACH,UAAU,CAAC,YAAY,CAAC,EACpC,SAAS,EAAE,mBAAmB;QAE9B,oBAAC,2BAA2B,IAC1B,SAAS,EAAE;gBACT,IAAI,EAAE,mBAAmB,CAAC,QAAQ;gBAClC,WAAW,EAAE,mBAAmB,CAAC,WAAW;aAC7C,GACD;QACD,UAAU,CAAC,IAAI,CACL,CACd,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,UAAU,CAAC,IAAI,iBAAc,YAAY;QAChE,oBAAC,MAAM,kBACO,UAAU,CAAC,YAAY,CAAC,EACpC,IAAI,EAAE,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,OAAO,EAC1C,SAAS,EAAE,mBAAmB;YAE9B,oBAAC,2BAA2B,OAAG;YAC9B,UAAU,CAAC,IAAI,CACT,CACA,CACZ,CACK,CACT,CACA,CACJ;AApCK,CAoCL,CAAA"}
1
+ {"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/BackButton/BackButton.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,qBAAqB,EACrB,aAAa,GACd,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,QAAQ,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxG,IAAM,2BAA2B,GAAG,aAAa,CAAC,uBAAuB,CAAC,CAAA;AAE1E,IAAM,SAAS,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;IACnC,OAAO,EAAE,UAAG,IAAI,OAAI;CACrB,CAAC,EAFkC,CAElC,CAAA;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,+EAAA,MAC/B,EAA6C,IAChD,KADG,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAChD,CAAA;AACD,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFC,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IACf,OAAA,CACJ,0CACG,UAAU,IAAI,CACb,0CACG,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,oBAAC,KAAK,IAAC,cAAc,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,cAAc;QACxD,oBAAC,UAAU,IACT,IAAI,EAAC,YAAY,kBACJ,sBAAsB,EACnC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,gBACH,UAAU,CAAC,YAAY,CAAC,EACpC,SAAS,EAAE,mBAAmB;YAE9B,oBAAC,2BAA2B,IAC1B,SAAS,EAAE;oBACT,IAAI,EAAE,mBAAmB,CAAC,QAAQ;oBAClC,WAAW,EAAE,mBAAmB,CAAC,WAAW;iBAC7C,GACD;YACD,UAAU,CAAC,IAAI,CACL,CACP,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,UAAU,CAAC,IAAI,iBAAc,YAAY;QAChE,oBAAC,MAAM,kBACO,UAAU,CAAC,YAAY,CAAC,EACpC,IAAI,EAAE,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,OAAO,EAC1C,SAAS,EAAE,mBAAmB;YAE9B,oBAAC,2BAA2B,OAAG;YAC9B,UAAU,CAAC,IAAI,CACT,CACA,CACZ,CACA,CACJ,CACA,CACJ;AAtCK,CAsCL,CAAA"}
package/dist/esm/ContentListView/ListItem.js CHANGED
@@ -24,18 +24,30 @@ var IconOutlinedInfo = toNewsKitIcon(OutlinedInfo);
24
24
  var IconOutlinedArrowForwardIos = toNewsKitIcon(OutlinedArrowForwardIos);
25
25
  var Description = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: transparent;\n"], ["\n background: transparent;\n"])));
26
26
  var WordBreakSpan = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n word-break: break-word;\n"], ["\n word-break: break-word;\n"])));
27
+ var IconComponent = function (_a) {
28
+ var Icon = _a.Icon, overrides = _a.overrides;
29
+ return (React.createElement(Icon, { overrides: overrides }));
30
+ };
31
+ var StyledStructuredListItem = styled(StructuredListItem)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
32
+ var alignCenter = _a.alignCenter;
33
+ return alignCenter &&
34
+ "& > div > div {\n align-items: center;\n }";
35
+ });
36
+ var StyledSpan = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
27
37
  export var ListItem = function (_a) {
28
38
  var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, xs = _c.xs, md = _c.md, labelOverrides = _c.labelOverrides, describedId = _c.describedId, description = _c.description, descriptionOverrides = _c.descriptionOverrides, itemValue = _c.itemValue, align = _c.align, listItemProps = _a.listItemProps;
29
- var Item = (React.createElement(StructuredListItem, __assign({}, listItemProps, { href: item.href }),
39
+ var Item = (React.createElement(StyledStructuredListItem, __assign({}, listItemProps, { href: item.href }),
30
40
  React.createElement(StructuredListCell, { xs: xs, md: md, align: align || 'start' },
31
- React.createElement(GridLayout, { columns: '1fr auto' },
41
+ React.createElement(GridLayout, { columns: '1fr auto', alignItems: "center" },
32
42
  React.createElement(TextBlock, __assign({ stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
33
43
  paddingTop: "".concat(item.type === 'payment' ? '5px' : '0px'),
34
44
  }, marginInlineEnd: item.type ? 'space040' : undefined }),
35
- item.label,
45
+ item.labelIcon ? (React.createElement(StyledSpan, null,
46
+ React.createElement(IconComponent, __assign({}, item.labelIcon)),
47
+ item.label)) : (item.label),
36
48
  item.labelDescription && (React.createElement(Description, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010", marginBlockStart: "space040", id: describedId, as: "span" }, descriptionOverrides), item.labelDescription))),
37
49
  item.icon && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
38
- React.createElement(Visible, { xs: true, sm: true },
50
+ React.createElement(Visible, __assign({}, (item.iconOverrides || { xs: true, sm: true })),
39
51
  React.createElement(Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
40
52
  item.icon === 'external' && (React.createElement(IconFilledOpenInNew, { overrides: {
41
53
  size: 'iconSize010',
@@ -55,7 +67,7 @@ export var ListItem = function (_a) {
55
67
  display: 'block',
56
68
  } }),
57
69
  React.createElement(Description, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010", id: describedId }, description)))))),
58
- item.icon && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
70
+ item.icon && !item.iconOverrides && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
59
71
  React.createElement(Visible, { md: true, lg: true, xl: true },
60
72
  React.createElement(Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
61
73
  item.icon === 'external' && (React.createElement(IconFilledOpenInNew, { overrides: {
@@ -76,5 +88,5 @@ export var ListItem = function (_a) {
76
88
  } }))))))));
77
89
  return item.href ? (React.createElement(NextLink, { legacyBehavior: true, href: item.href, passHref: true }, Item)) : (Item);
78
90
  };
79
- var templateObject_1, templateObject_2;
91
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
80
92
  //# sourceMappingURL=ListItem.js.map
package/dist/esm/ContentListView/ListItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":"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"}
package/dist/esm/ContentListView/types.d.ts CHANGED
@@ -1,9 +1,18 @@
1
1
  /// <reference types="react" />
2
- import { MQ, TriggerType } from 'newskit';
2
+ import { MQ, TriggerType, NewsKitIcon } from 'newskit';
3
+ import { LogicalProps } from 'newskit/cjs/utils/logical-properties';
3
4
  import { DescriptionOverrides, IntroductionProps, TitleOverrides } from '../Introduction/types';
5
+ export interface LabelIcon {
6
+ Icon: NewsKitIcon;
7
+ overrides?: {
8
+ size?: MQ<string>;
9
+ stylePreset?: MQ<string>;
10
+ } & LogicalProps;
11
+ }
4
12
  export interface ListItemType {
5
13
  href?: string;
6
14
  label: string;
15
+ labelIcon?: LabelIcon;
7
16
  default: string | string[];
8
17
  labelDescription?: string;
9
18
  valueDescription?: string;
@@ -13,6 +22,13 @@ export interface ListItemType {
13
22
  editComponent?: JSX.Element;
14
23
  editComponentType?: EditComponentType;
15
24
  icon?: 'external' | 'internal';
25
+ iconOverrides?: {
26
+ xs: boolean;
27
+ sm: boolean;
28
+ md: boolean;
29
+ lg: boolean;
30
+ xl: boolean;
31
+ };
16
32
  'data-testid'?: string;
17
33
  tooltip?: ListItemTooltip;
18
34
  }
@@ -34,7 +50,7 @@ export declare enum HolidayStopStatus {
34
50
  processed = "processed",
35
51
  cancelled = "cancelled"
36
52
  }
37
- export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate';
53
+ export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate';
38
54
  export type EditComponentType = 'likedYourMessage' | 'userMentioned' | 'repliedToMessage';
39
55
  export interface ContentListViewProps {
40
56
  children: React.ReactNode;
@@ -54,6 +70,7 @@ export interface ListItemProps {
54
70
  'data-testid'?: string;
55
71
  onClick?: () => void;
56
72
  hideIcon?: boolean;
73
+ alignCenter?: boolean;
57
74
  index?: number;
58
75
  overrides?: {
59
76
  paddingInline?: MQ<string>;
package/dist/esm/ContentListView/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":"AAsCA,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":"AAuDA,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B"}
package/dist/esm/theme/timesTheme/stylePresets.d.ts CHANGED
@@ -109,4 +109,12 @@ export declare const stylePresets: {
109
109
  iconColor: string;
110
110
  };
111
111
  };
112
+ contentListView: {
113
+ base: {
114
+ borderColor: string;
115
+ borderStyle: string;
116
+ borderWidth: string;
117
+ borderRadius: string;
118
+ };
119
+ };
112
120
  };
package/dist/esm/theme/timesTheme/stylePresets.js CHANGED
@@ -109,5 +109,13 @@ export var stylePresets = {
109
109
  iconColor: '{{colors.inkBase}}',
110
110
  },
111
111
  },
112
+ contentListView: {
113
+ base: {
114
+ borderColor: '{{colors.interface040}}',
115
+ borderStyle: 'solid',
116
+ borderWidth: '{{borders.borderWidth010}}',
117
+ borderRadius: '{{borders.borderRadiusRounded000}}',
118
+ },
119
+ },
112
120
  };
113
121
  //# sourceMappingURL=stylePresets.js.map
package/dist/esm/theme/timesTheme/stylePresets.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stylePresets.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/stylePresets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,oCAAoC;YACrD,YAAY,EAAE,iCAAiC;YAC/C,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,KAAK,EAAE;YACL,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,MAAM,EAAE;YACN,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;KACF;IACD,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,uBAAuB;YACpC,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;KACF;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;YAC5D,WAAW,EAAE,wBAAwB;YACrC,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAA"}
1
+ {"version":3,"file":"stylePresets.js","sourceRoot":"","sources":["../../../../src/theme/timesTheme/stylePresets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,oCAAoC;YACrD,YAAY,EAAE,iCAAiC;YAC/C,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,KAAK,EAAE;YACL,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,MAAM,EAAE;YACN,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;KACF;IACD,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,uBAAuB;YACpC,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;SACrB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;SACtC;KACF;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;YAC5D,WAAW,EAAE,wBAAwB;YACrC,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,oCAAoC;SACnD;KACF;CACF,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newskit-render/shared-components",
3
- "version": "3.7.0",
3
+ "version": "3.8.0-alpha.0",
4
4
  "description": "Newskit Render Shared Components",
5
5
  "author": "",
6
6
  "license": "UNLICENSED",
@@ -41,7 +41,7 @@
41
41
  "@babel/polyfill": "7.12.1",
42
42
  "@babel/register": "7.18.9",
43
43
  "@emotion/jest": "11.10.5",
44
- "@newskit-render/validation": "^1.6.1",
44
+ "@newskit-render/validation": "^1.7.0-alpha.0",
45
45
  "@storybook/addon-actions": "6.2.9",
46
46
  "@storybook/react": "6.2.9",
47
47
  "@testing-library/jest-dom": "5.16.5",