@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.
@@ -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, { location: ProductHeader.EProductHeader.LIST_ITEM, title: item === null || item === void 0 ? void 0 : item.name, subTitle: item === null || item === void 0 ? void 0 : item.description }))),
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 location = _a.location, subTitle = _a.subTitle, title = _a.title;
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 }, subTitleUpperCase)));
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 }, subTitleUpperCase)));
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 }, subTitleUpperCase)));
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, { location: EProductHeader.LIST_ITEM, title: item === null || item === void 0 ? void 0 : item.name, subTitle: item === null || item === void 0 ? void 0 : item.description }))),
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 location = _a.location, subTitle = _a.subTitle, title = _a.title;
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 }, subTitleUpperCase)));
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 }, subTitleUpperCase)));
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 }, subTitleUpperCase)));
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.0",
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.2.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": "f7fe2b36fdf398ab45118b16163e6830421fcd28"
78
+ "gitHead": "394466a4310f775b41dccfd831a2158878a7b570"
79
79
  }