@newskit-render/shared-components 4.53.0 → 4.53.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Introduction/Introduction.js +9 -4
- package/dist/cjs/Introduction/Introduction.js.map +1 -1
- package/dist/cjs/Introduction/types.d.ts +22 -0
- package/dist/esm/Introduction/Introduction.js +10 -5
- package/dist/esm/Introduction/Introduction.js.map +1 -1
- package/dist/esm/Introduction/types.d.ts +22 -0
- package/package.json +2 -2
|
@@ -22,7 +22,12 @@ var boldText = function (regex, regexFlags, description) {
|
|
|
22
22
|
return part.match(highlightRegExp) ? (react_1.default.createElement("b", { key: index, "data-testid": "bold" }, part + ' ')) : (part + ' ');
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
25
|
+
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), (0, newskit_1.handleResponsiveProp)({ textAlign: 'center' }, function (_a) {
|
|
26
|
+
var textAlign = _a.textAlign;
|
|
27
|
+
return ({
|
|
28
|
+
textAlign: textAlign,
|
|
29
|
+
});
|
|
30
|
+
}), function (_a) {
|
|
26
31
|
var center = _a.center;
|
|
27
32
|
return center && "text-align: center;";
|
|
28
33
|
});
|
|
@@ -36,12 +41,12 @@ var Introduction = function (_a) {
|
|
|
36
41
|
md: 'space060',
|
|
37
42
|
};
|
|
38
43
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
39
|
-
overline && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.marginBlockEnd) || 'space040' },
|
|
44
|
+
overline && (react_1.default.createElement(newskit_1.Block, { marginBlock: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.marginBlock, paddingInlineEnd: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingInlineEnd, paddingInlineStart: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingInlineStart, paddingInline: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingInline, paddingBlockStart: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingBlockStart, paddingBlock: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingBlock, marginBlockEnd: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.marginBlockEnd) || 'space040' },
|
|
40
45
|
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.typographyPreset) || {
|
|
41
46
|
xs: 'utilityLabel020',
|
|
42
47
|
md: 'utilityLabel030',
|
|
43
48
|
}, stylePreset: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.stylePreset) || 'inkBrand010' }, overline))),
|
|
44
|
-
title && (react_1.default.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, center: center },
|
|
49
|
+
title && (react_1.default.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, marginBlock: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlock, paddingInlineEnd: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingInlineEnd, paddingInlineStart: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingInlineStart, paddingInline: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingInline, paddingBlockStart: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingBlockStart, paddingBlock: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingBlock, center: center, textAlign: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.textAlign },
|
|
45
50
|
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) || {
|
|
46
51
|
xs: 'editorialHeadline040',
|
|
47
52
|
md: 'editorialHeadline050',
|
|
@@ -50,7 +55,7 @@ var Introduction = function (_a) {
|
|
|
50
55
|
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) || {
|
|
51
56
|
xs: 'space040',
|
|
52
57
|
md: 'space050',
|
|
53
|
-
}, paddingBlock: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.paddingBlock, paddingInline: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.paddingInline, center: center },
|
|
58
|
+
}, paddingBlock: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.paddingBlock, paddingInline: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.paddingInline, center: center, textAlign: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.textAlign },
|
|
54
59
|
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.typographyPreset) || {
|
|
55
60
|
xs: 'editorialParagraph010',
|
|
56
61
|
md: 'editorialParagraph020',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../src/Introduction/Introduction.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../src/Introduction/Introduction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,20 @@ export type As = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
|
|
|
4
4
|
export interface TitleOverrides {
|
|
5
5
|
typographyPreset?: MQ<string>;
|
|
6
6
|
stylePreset?: MQ<string>;
|
|
7
|
+
marginBlock?: MQ<string>;
|
|
7
8
|
marginBlockEnd?: MQ<string>;
|
|
9
|
+
marginBlockStart?: MQ<string>;
|
|
10
|
+
marginInlineEnd?: MQ<string>;
|
|
11
|
+
marginInlineStart?: MQ<string>;
|
|
12
|
+
paddingBlock?: MQ<string>;
|
|
13
|
+
paddingInline?: MQ<string>;
|
|
14
|
+
paddingInlineEnd?: MQ<string>;
|
|
15
|
+
paddingInlineStart?: MQ<string>;
|
|
16
|
+
paddingBlockStart?: MQ<string>;
|
|
17
|
+
paddingBlockEnd?: MQ<string>;
|
|
8
18
|
as?: As;
|
|
9
19
|
columnsProps?: CellProps;
|
|
20
|
+
textAlign?: MQ<string>;
|
|
10
21
|
}
|
|
11
22
|
export interface DescriptionOverrides {
|
|
12
23
|
typographyPreset?: MQ<string>;
|
|
@@ -16,11 +27,22 @@ export interface DescriptionOverrides {
|
|
|
16
27
|
columnsProps?: CellProps;
|
|
17
28
|
paddingBlock?: MQ<string>;
|
|
18
29
|
paddingInline?: MQ<string>;
|
|
30
|
+
textAlign?: MQ<string>;
|
|
19
31
|
}
|
|
20
32
|
export interface OverlineOverrides {
|
|
21
33
|
typographyPreset?: MQ<string>;
|
|
22
34
|
stylePreset?: MQ<string>;
|
|
23
35
|
marginBlockEnd?: MQ<string>;
|
|
36
|
+
marginBlock?: MQ<string>;
|
|
37
|
+
marginBlockStart?: MQ<string>;
|
|
38
|
+
marginInlineEnd?: MQ<string>;
|
|
39
|
+
marginInlineStart?: MQ<string>;
|
|
40
|
+
paddingBlock?: MQ<string>;
|
|
41
|
+
paddingInline?: MQ<string>;
|
|
42
|
+
paddingInlineEnd?: MQ<string>;
|
|
43
|
+
paddingInlineStart?: MQ<string>;
|
|
44
|
+
paddingBlockStart?: MQ<string>;
|
|
45
|
+
paddingBlockEnd?: MQ<string>;
|
|
24
46
|
}
|
|
25
47
|
export interface InnerHTML {
|
|
26
48
|
typographyPreset?: MQ<string>;
|
|
@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import { TextBlock, Block, Global, css, styled } from 'newskit';
|
|
6
|
+
import { TextBlock, Block, Global, css, styled, handleResponsiveProp, } from 'newskit';
|
|
7
7
|
var checkDescription = function (description) {
|
|
8
8
|
if (Array.isArray(description)) {
|
|
9
9
|
return description;
|
|
@@ -16,7 +16,12 @@ var boldText = function (regex, regexFlags, description) {
|
|
|
16
16
|
return part.match(highlightRegExp) ? (React.createElement("b", { key: index, "data-testid": "bold" }, part + ' ')) : (part + ' ');
|
|
17
17
|
});
|
|
18
18
|
};
|
|
19
|
-
var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
19
|
+
var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), handleResponsiveProp({ textAlign: 'center' }, function (_a) {
|
|
20
|
+
var textAlign = _a.textAlign;
|
|
21
|
+
return ({
|
|
22
|
+
textAlign: textAlign,
|
|
23
|
+
});
|
|
24
|
+
}), function (_a) {
|
|
20
25
|
var center = _a.center;
|
|
21
26
|
return center && "text-align: center;";
|
|
22
27
|
});
|
|
@@ -30,12 +35,12 @@ export var Introduction = function (_a) {
|
|
|
30
35
|
md: 'space060',
|
|
31
36
|
};
|
|
32
37
|
return (React.createElement(React.Fragment, null,
|
|
33
|
-
overline && (React.createElement(Block, { marginBlockEnd: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.marginBlockEnd) || 'space040' },
|
|
38
|
+
overline && (React.createElement(Block, { marginBlock: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.marginBlock, paddingInlineEnd: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingInlineEnd, paddingInlineStart: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingInlineStart, paddingInline: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingInline, paddingBlockStart: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingBlockStart, paddingBlock: overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.paddingBlock, marginBlockEnd: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.marginBlockEnd) || 'space040' },
|
|
34
39
|
React.createElement(TextBlock, { typographyPreset: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.typographyPreset) || {
|
|
35
40
|
xs: 'utilityLabel020',
|
|
36
41
|
md: 'utilityLabel030',
|
|
37
42
|
}, stylePreset: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.stylePreset) || 'inkBrand010' }, overline))),
|
|
38
|
-
title && (React.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, center: center },
|
|
43
|
+
title && (React.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, marginBlock: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlock, paddingInlineEnd: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingInlineEnd, paddingInlineStart: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingInlineStart, paddingInline: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingInline, paddingBlockStart: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingBlockStart, paddingBlock: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.paddingBlock, center: center, textAlign: titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.textAlign },
|
|
39
44
|
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) || {
|
|
40
45
|
xs: 'editorialHeadline040',
|
|
41
46
|
md: 'editorialHeadline050',
|
|
@@ -44,7 +49,7 @@ export var Introduction = function (_a) {
|
|
|
44
49
|
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) || {
|
|
45
50
|
xs: 'space040',
|
|
46
51
|
md: 'space050',
|
|
47
|
-
}, paddingBlock: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.paddingBlock, paddingInline: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.paddingInline, center: center },
|
|
52
|
+
}, paddingBlock: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.paddingBlock, paddingInline: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.paddingInline, center: center, textAlign: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.textAlign },
|
|
48
53
|
React.createElement(TextBlock, { typographyPreset: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.typographyPreset) || {
|
|
49
54
|
xs: 'editorialParagraph010',
|
|
50
55
|
md: 'editorialParagraph020',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../src/Introduction/Introduction.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,
|
|
1
|
+
{"version":3,"file":"Introduction.js","sourceRoot":"","sources":["../../../src/Introduction/Introduction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,20 @@ export type As = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
|
|
|
4
4
|
export interface TitleOverrides {
|
|
5
5
|
typographyPreset?: MQ<string>;
|
|
6
6
|
stylePreset?: MQ<string>;
|
|
7
|
+
marginBlock?: MQ<string>;
|
|
7
8
|
marginBlockEnd?: MQ<string>;
|
|
9
|
+
marginBlockStart?: MQ<string>;
|
|
10
|
+
marginInlineEnd?: MQ<string>;
|
|
11
|
+
marginInlineStart?: MQ<string>;
|
|
12
|
+
paddingBlock?: MQ<string>;
|
|
13
|
+
paddingInline?: MQ<string>;
|
|
14
|
+
paddingInlineEnd?: MQ<string>;
|
|
15
|
+
paddingInlineStart?: MQ<string>;
|
|
16
|
+
paddingBlockStart?: MQ<string>;
|
|
17
|
+
paddingBlockEnd?: MQ<string>;
|
|
8
18
|
as?: As;
|
|
9
19
|
columnsProps?: CellProps;
|
|
20
|
+
textAlign?: MQ<string>;
|
|
10
21
|
}
|
|
11
22
|
export interface DescriptionOverrides {
|
|
12
23
|
typographyPreset?: MQ<string>;
|
|
@@ -16,11 +27,22 @@ export interface DescriptionOverrides {
|
|
|
16
27
|
columnsProps?: CellProps;
|
|
17
28
|
paddingBlock?: MQ<string>;
|
|
18
29
|
paddingInline?: MQ<string>;
|
|
30
|
+
textAlign?: MQ<string>;
|
|
19
31
|
}
|
|
20
32
|
export interface OverlineOverrides {
|
|
21
33
|
typographyPreset?: MQ<string>;
|
|
22
34
|
stylePreset?: MQ<string>;
|
|
23
35
|
marginBlockEnd?: MQ<string>;
|
|
36
|
+
marginBlock?: MQ<string>;
|
|
37
|
+
marginBlockStart?: MQ<string>;
|
|
38
|
+
marginInlineEnd?: MQ<string>;
|
|
39
|
+
marginInlineStart?: MQ<string>;
|
|
40
|
+
paddingBlock?: MQ<string>;
|
|
41
|
+
paddingInline?: MQ<string>;
|
|
42
|
+
paddingInlineEnd?: MQ<string>;
|
|
43
|
+
paddingInlineStart?: MQ<string>;
|
|
44
|
+
paddingBlockStart?: MQ<string>;
|
|
45
|
+
paddingBlockEnd?: MQ<string>;
|
|
24
46
|
}
|
|
25
47
|
export interface InnerHTML {
|
|
26
48
|
typographyPreset?: MQ<string>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/shared-components",
|
|
3
|
-
"version": "4.53.
|
|
3
|
+
"version": "4.53.1",
|
|
4
4
|
"description": "Newskit Render Shared Components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@babel/polyfill": "7.12.1",
|
|
48
48
|
"@babel/register": "7.18.9",
|
|
49
49
|
"@emotion/jest": "11.10.5",
|
|
50
|
-
"@newskit-render/validation": "^1.19.
|
|
50
|
+
"@newskit-render/validation": "^1.19.52",
|
|
51
51
|
"@storybook/addon-actions": "6.5.16",
|
|
52
52
|
"@storybook/react": "6.5.16",
|
|
53
53
|
"@testing-library/jest-dom": "6.1.3",
|