@citygross/components 0.10.0 → 0.10.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.
- package/build/@types/components/ProductHeader/ProductHeader.d.ts +1 -1
- package/build/cjs/components/src/components/ListItem/ListItem.js +1 -1
- package/build/cjs/components/src/components/ProductHeader/ProductHeader.js +4 -5
- package/build/cjs/components/src/components/ProductHeader/ProductHeader.js.map +1 -1
- package/build/es/components/src/components/ListItem/ListItem.js +1 -1
- package/build/es/components/src/components/ProductHeader/ProductHeader.js +4 -5
- package/build/es/components/src/components/ProductHeader/ProductHeader.js.map +1 -1
- package/package.json +3 -3
|
@@ -5,8 +5,8 @@ export declare enum EProductHeader {
|
|
|
5
5
|
LIST_ITEM = "listItem"
|
|
6
6
|
}
|
|
7
7
|
export declare type TProductHeader = {
|
|
8
|
+
description?: string;
|
|
8
9
|
location: EProductHeader;
|
|
9
|
-
subTitle?: string;
|
|
10
10
|
title?: string;
|
|
11
11
|
};
|
|
12
12
|
export declare const ProductHeader: React.FunctionComponent<TProductHeader>;
|
|
@@ -39,7 +39,7 @@ var ListItem = function (_a) {
|
|
|
39
39
|
React__default["default"].createElement(Skeleton__default["default"], { height: 15, width: smallSkeleton ? 150 : 250 }),
|
|
40
40
|
React__default["default"].createElement(Skeleton__default["default"], { height: 12, width: smallSkeleton ? 100 : 200 }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
41
41
|
showPriceStripe && (React__default["default"].createElement(PriceStripe.PriceStripe, { size: PriceTag_types.EPriceSize.SMALL, variant: PriceTag_types.EPriceVariant.PRIO })),
|
|
42
|
-
React__default["default"].createElement(ProductHeader.ProductHeader, {
|
|
42
|
+
React__default["default"].createElement(ProductHeader.ProductHeader, { description: item === null || item === void 0 ? void 0 : item.description, location: ProductHeader.EProductHeader.LIST_ITEM, title: item === null || item === void 0 ? void 0 : item.name }))),
|
|
43
43
|
(item === null || item === void 0 ? void 0 : item.secondaryDescription) && item.secondaryDescription)),
|
|
44
44
|
children && (React__default["default"].createElement(ListItem_styles.ListRight, { alignment: alignment }, children))));
|
|
45
45
|
};
|
|
@@ -18,21 +18,20 @@ exports.EProductHeader = void 0;
|
|
|
18
18
|
})(exports.EProductHeader || (exports.EProductHeader = {}));
|
|
19
19
|
var ProductHeader = function (_a) {
|
|
20
20
|
var _b, _c, _d, _e, _f, _g;
|
|
21
|
-
var
|
|
22
|
-
var subTitleUpperCase = subTitle === null || subTitle === void 0 ? void 0 : subTitle.toUpperCase();
|
|
21
|
+
var description = _a.description, location = _a.location, title = _a.title;
|
|
23
22
|
switch (location) {
|
|
24
23
|
case exports.EProductHeader.DETAIL_PAGE:
|
|
25
24
|
return (React__default["default"].createElement("div", null,
|
|
26
25
|
React__default["default"].createElement(typography.H1, { color: (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.darkest }, title),
|
|
27
|
-
React__default["default"].createElement(typography.BodyText, { color: (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.darkest },
|
|
26
|
+
React__default["default"].createElement(typography.BodyText, { color: (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.darkest }, description)));
|
|
28
27
|
case exports.EProductHeader.CARD:
|
|
29
28
|
return (React__default["default"].createElement("div", null,
|
|
30
29
|
React__default["default"].createElement(typography.H3, { color: (_d = designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.darkest }, title),
|
|
31
|
-
React__default["default"].createElement(typography.BodyText, { color: (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.darkest, size: typography.TextTypes.TextSize.EXTRASMALL },
|
|
30
|
+
React__default["default"].createElement(typography.BodyText, { color: (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.darkest, size: typography.TextTypes.TextSize.EXTRASMALL }, description)));
|
|
32
31
|
case exports.EProductHeader.LIST_ITEM:
|
|
33
32
|
return (React__default["default"].createElement("div", null,
|
|
34
33
|
React__default["default"].createElement(typography.BodyText, { color: (_f = designTokens.theme.palette) === null || _f === void 0 ? void 0 : _f.darkest, fontWeight: "medium", size: typography.TextTypes.TextSize.REGULAR }, title),
|
|
35
|
-
React__default["default"].createElement(typography.BodyText, { color: (_g = designTokens.theme.palette) === null || _g === void 0 ? void 0 : _g.darkest, size: typography.TextTypes.TextSize.EXTRASMALL },
|
|
34
|
+
React__default["default"].createElement(typography.BodyText, { color: (_g = designTokens.theme.palette) === null || _g === void 0 ? void 0 : _g.darkest, size: typography.TextTypes.TextSize.EXTRASMALL }, description)));
|
|
36
35
|
default:
|
|
37
36
|
return null;
|
|
38
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -30,7 +30,7 @@ var ListItem = function (_a) {
|
|
|
30
30
|
React.createElement(Skeleton, { height: 15, width: smallSkeleton ? 150 : 250 }),
|
|
31
31
|
React.createElement(Skeleton, { height: 12, width: smallSkeleton ? 100 : 200 }))) : (React.createElement(React.Fragment, null,
|
|
32
32
|
showPriceStripe && (React.createElement(PriceStripe, { size: EPriceSize.SMALL, variant: EPriceVariant.PRIO })),
|
|
33
|
-
React.createElement(ProductHeader, {
|
|
33
|
+
React.createElement(ProductHeader, { description: item === null || item === void 0 ? void 0 : item.description, location: EProductHeader.LIST_ITEM, title: item === null || item === void 0 ? void 0 : item.name }))),
|
|
34
34
|
(item === null || item === void 0 ? void 0 : item.secondaryDescription) && item.secondaryDescription)),
|
|
35
35
|
children && (React.createElement(ListRight, { alignment: alignment }, children))));
|
|
36
36
|
};
|
|
@@ -10,21 +10,20 @@ var EProductHeader;
|
|
|
10
10
|
})(EProductHeader || (EProductHeader = {}));
|
|
11
11
|
var ProductHeader = function (_a) {
|
|
12
12
|
var _b, _c, _d, _e, _f, _g;
|
|
13
|
-
var
|
|
14
|
-
var subTitleUpperCase = subTitle === null || subTitle === void 0 ? void 0 : subTitle.toUpperCase();
|
|
13
|
+
var description = _a.description, location = _a.location, title = _a.title;
|
|
15
14
|
switch (location) {
|
|
16
15
|
case EProductHeader.DETAIL_PAGE:
|
|
17
16
|
return (React.createElement("div", null,
|
|
18
17
|
React.createElement(H1, { color: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest }, title),
|
|
19
|
-
React.createElement(BodyText, { color: (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.darkest },
|
|
18
|
+
React.createElement(BodyText, { color: (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.darkest }, description)));
|
|
20
19
|
case EProductHeader.CARD:
|
|
21
20
|
return (React.createElement("div", null,
|
|
22
21
|
React.createElement(H3, { color: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.darkest }, title),
|
|
23
|
-
React.createElement(BodyText, { color: (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.darkest, size: TextTypes.TextSize.EXTRASMALL },
|
|
22
|
+
React.createElement(BodyText, { color: (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.darkest, size: TextTypes.TextSize.EXTRASMALL }, description)));
|
|
24
23
|
case EProductHeader.LIST_ITEM:
|
|
25
24
|
return (React.createElement("div", null,
|
|
26
25
|
React.createElement(BodyText, { color: (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.darkest, fontWeight: "medium", size: TextTypes.TextSize.REGULAR }, title),
|
|
27
|
-
React.createElement(BodyText, { color: (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.darkest, size: TextTypes.TextSize.EXTRASMALL },
|
|
26
|
+
React.createElement(BodyText, { color: (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.darkest, size: TextTypes.TextSize.EXTRASMALL }, description)));
|
|
28
27
|
default:
|
|
29
28
|
return null;
|
|
30
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.2",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
67
|
"@citygross/design-tokens": "^0.2.80",
|
|
68
|
-
"@citygross/icons": "^0.
|
|
68
|
+
"@citygross/icons": "^0.3.0",
|
|
69
69
|
"@citygross/react-use-bg-wizard": "^0.0.8",
|
|
70
70
|
"@citygross/typography": "^0.0.113",
|
|
71
71
|
"@citygross/utils": "^0.0.43",
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"react-slick": "^0.30.1",
|
|
76
76
|
"slick-carousel": "^1.8.1"
|
|
77
77
|
},
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "394466a4310f775b41dccfd831a2158878a7b570"
|
|
79
79
|
}
|