@citygross/components 0.8.69 → 0.8.71

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 (5) hide show
  1. package/build/cjs/components/src/components/ProductHeader/ProductHeader.js +8 -6
  2. package/build/cjs/components/src/components/ProductHeader/ProductHeader.js.map +1 -1
  3. package/build/es/components/src/components/ProductHeader/ProductHeader.js +8 -6
  4. package/build/es/components/src/components/ProductHeader/ProductHeader.js.map +1 -1
  5. package/package.json +2 -2
package/build/cjs/components/src/components/ProductHeader/ProductHeader.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var typography = require('@citygross/typography');
7
+ var designTokens = require('@citygross/design-tokens');
7
8
 
8
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
10
 
@@ -16,21 +17,22 @@ exports.EProductHeader = void 0;
16
17
  EProductHeader["DETAIL_PAGE"] = "detailPage";
17
18
  })(exports.EProductHeader || (exports.EProductHeader = {}));
18
19
  var ProductHeader = function (_a) {
20
+ var _b, _c, _d, _e, _f, _g;
19
21
  var location = _a.location, title = _a.title, subTitle = _a.subTitle;
20
22
  var subTitleUpperCase = subTitle === null || subTitle === void 0 ? void 0 : subTitle.toUpperCase();
21
23
  switch (location) {
22
24
  case exports.EProductHeader.DETAIL_PAGE:
23
25
  return (React__default["default"].createElement("div", null,
24
- React__default["default"].createElement(typography.H1, null, title),
25
- React__default["default"].createElement(typography.BodyText, null, subTitleUpperCase)));
26
+ 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
28
  case exports.EProductHeader.CARD:
27
29
  return (React__default["default"].createElement("div", null,
28
- React__default["default"].createElement(typography.H3, null, title),
29
- React__default["default"].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.EXTRASMALL, textAlign: "center" }, subTitleUpperCase)));
30
+ 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, textAlign: "center" }, subTitleUpperCase)));
30
32
  case exports.EProductHeader.LIST_ITEM:
31
33
  return (React__default["default"].createElement("div", null,
32
- React__default["default"].createElement(typography.BodyText, { fontWeight: "medium", size: typography.TextTypes.TextSize.REGULAR }, title),
33
- React__default["default"].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.EXTRASMALL }, subTitleUpperCase)));
34
+ 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
36
  default:
35
37
  return null;
36
38
  }
package/build/cjs/components/src/components/ProductHeader/ProductHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ProductHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/ProductHeader/ProductHeader.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { BodyText, TextTypes, H3, H1 } from '@citygross/typography';
3
+ import { theme } from '@citygross/design-tokens';
3
4
 
4
5
  var EProductHeader;
5
6
  (function (EProductHeader) {
@@ -8,21 +9,22 @@ var EProductHeader;
8
9
  EProductHeader["DETAIL_PAGE"] = "detailPage";
9
10
  })(EProductHeader || (EProductHeader = {}));
10
11
  var ProductHeader = function (_a) {
12
+ var _b, _c, _d, _e, _f, _g;
11
13
  var location = _a.location, title = _a.title, subTitle = _a.subTitle;
12
14
  var subTitleUpperCase = subTitle === null || subTitle === void 0 ? void 0 : subTitle.toUpperCase();
13
15
  switch (location) {
14
16
  case EProductHeader.DETAIL_PAGE:
15
17
  return (React.createElement("div", null,
16
- React.createElement(H1, null, title),
17
- React.createElement(BodyText, null, subTitleUpperCase)));
18
+ 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
20
  case EProductHeader.CARD:
19
21
  return (React.createElement("div", null,
20
- React.createElement(H3, null, title),
21
- React.createElement(BodyText, { size: TextTypes.TextSize.EXTRASMALL, textAlign: "center" }, subTitleUpperCase)));
22
+ 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, textAlign: "center" }, subTitleUpperCase)));
22
24
  case EProductHeader.LIST_ITEM:
23
25
  return (React.createElement("div", null,
24
- React.createElement(BodyText, { fontWeight: "medium", size: TextTypes.TextSize.REGULAR }, title),
25
- React.createElement(BodyText, { size: TextTypes.TextSize.EXTRASMALL }, subTitleUpperCase)));
26
+ 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
28
  default:
27
29
  return null;
28
30
  }
package/build/es/components/src/components/ProductHeader/ProductHeader.js.map CHANGED
@@ -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.8.69",
3
+ "version": "0.8.71",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "2eb0e40121561dc9d1c8eca24d57692ac3d206a1"
79
+ "gitHead": "5fc5e8752ec587b0632b9784027e286d4119f2c1"
80
80
  }