@citygross/components 0.8.61 → 0.8.63

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.
@@ -13,14 +13,13 @@ export declare const PriceBannerContainer: import("styled-components").StyledCom
13
13
  export declare const PriceTagContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBackgroundColor, never>;
14
14
  export declare const PriceTag: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
15
15
  export declare const PriceBase: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TFontSize, never>;
16
- export declare const PriceDetails: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
17
- width?: number | undefined;
18
- } & TPant, never>;
16
+ declare type TPriceDetails = {
17
+ width?: number;
18
+ };
19
+ export declare const PriceDetails: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TPriceDetails, never>;
19
20
  export declare const PriceIndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
20
21
  showUnit: boolean;
21
22
  } & TIsSmall, never>;
22
23
  export declare const PriceDecimals: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TFontSize & TIsSmall, never>;
23
- export declare const PriceUnit: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
24
- showPriceIndicator: boolean;
25
- } & TFontSize & TIsSmall, never>;
24
+ export declare const PriceUnit: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TFontSize & TIsSmall & TPant, never>;
26
25
  export {};
@@ -24,6 +24,7 @@ export declare type TPriceVariantAttributes = {
24
24
  export declare type TPriceTagSizeAttributes = {
25
25
  baseFontSize?: number;
26
26
  decimalsFontSize?: number;
27
+ detailsNoPantWidth?: number;
27
28
  detailsPantWidth?: number;
28
29
  indicatorSize?: number;
29
30
  padding?: number;
@@ -28,10 +28,12 @@ var PriceTag = function (_a) {
28
28
  React__default["default"].createElement(PriceTag_styles.PriceTagContainer, { backgroundColor: variantAttributes.backgroundColor },
29
29
  React__default["default"].createElement(PriceTag_styles.PriceTag, null,
30
30
  React__default["default"].createElement(PriceTag_styles.PriceBase, { fontSize: sizeAttributes.baseFontSize }, priceBase),
31
- React__default["default"].createElement(PriceTag_styles.PriceDetails, { pant: pant, width: sizeAttributes.detailsPantWidth },
31
+ React__default["default"].createElement(PriceTag_styles.PriceDetails, { width: pant
32
+ ? sizeAttributes.detailsPantWidth
33
+ : sizeAttributes.detailsNoPantWidth },
32
34
  showPriceIndicator ? (React__default["default"].createElement(PriceTag_styles.PriceIndicatorContainer, { isSmall: size === PriceTag_types.EPriceSize.SMALL, showUnit: showUnit },
33
35
  React__default["default"].createElement(icons.Icons.PriceIndicator, { fill: variantAttributes.fontColor, size: sizeAttributes.indicatorSize }))) : (React__default["default"].createElement(PriceTag_styles.PriceDecimals, { fontSize: sizeAttributes.decimalsFontSize, isSmall: size === PriceTag_types.EPriceSize.SMALL }, priceDecimals)),
34
- React__default["default"].createElement(PriceTag_styles.PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === PriceTag_types.EPriceSize.SMALL, showPriceIndicator: showPriceIndicator }, pant ? pantStr : isMultiPrice ? '' : "/".concat(unit)))))));
36
+ React__default["default"].createElement(PriceTag_styles.PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === PriceTag_types.EPriceSize.SMALL, pant: pant }, pant ? pantStr : isMultiPrice ? '' : "/".concat(unit)))))));
35
37
  };
36
38
 
37
39
  exports.PriceTag = PriceTag;
@@ -1 +1 @@
1
- {"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -22,13 +22,17 @@ var PriceTagWrapper = styled__default["default"].div(templateObject_1 || (templa
22
22
  return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.bold;
23
23
  });
24
24
  var PriceBannerContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"], ["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceRotate; });
25
- var PriceTagContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n background-color: ", ";\n padding: ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px;\n position: relative;\n"])), function (_a) {
25
+ var PriceTagContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"])), function (_a) {
26
26
  var backgroundColor = _a.backgroundColor;
27
27
  return backgroundColor;
28
28
  }, function (_a) {
29
29
  var _b;
30
30
  var theme = _a.theme;
31
31
  return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs;
32
+ }, function (_a) {
33
+ var _b;
34
+ var theme = _a.theme;
35
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
32
36
  });
33
37
  var PriceTag = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (_a) {
34
38
  var _b;
@@ -39,9 +43,9 @@ var PriceBase = styled__default["default"].span(templateObject_5 || (templateObj
39
43
  var fontSize = _a.fontSize;
40
44
  return fontSize;
41
45
  });
42
- var PriceDetails = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n"])), function (_a) {
43
- var pant = _a.pant, width = _a.width;
44
- return (pant ? width + 'px' : 'fit-content');
46
+ var PriceDetails = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n width: ", "px;\n"])), function (_a) {
47
+ var width = _a.width;
48
+ return width;
45
49
  });
46
50
  var PriceIndicatorContainer = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), function (_a) {
47
51
  var isSmall = _a.isSmall, showUnit = _a.showUnit;
@@ -54,12 +58,15 @@ var PriceDecimals = styled__default["default"].span(templateObject_8 || (templat
54
58
  var isSmall = _a.isSmall;
55
59
  return (isSmall ? -11 : -14);
56
60
  });
57
- var PriceUnit = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: 4px;\n"], ["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: 4px;\n"])), function (_a) {
61
+ var PriceUnit = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"], ["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"])), function (_a) {
58
62
  var fontSize = _a.fontSize;
59
63
  return fontSize;
60
64
  }, function (_a) {
61
- var isSmall = _a.isSmall, showPriceIndicator = _a.showPriceIndicator;
62
- return isSmall ? (showPriceIndicator ? 3 : 4) : 6;
65
+ var isSmall = _a.isSmall;
66
+ return (isSmall ? 4 : 6);
67
+ }, function (_a) {
68
+ var pant = _a.pant;
69
+ return (pant ? 4 : 8);
63
70
  });
64
71
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
65
72
 
@@ -1 +1 @@
1
- {"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -29,7 +29,8 @@ var getPriceTagSizeAttributes = function (size) {
29
29
  return {
30
30
  baseFontSize: 46,
31
31
  decimalsFontSize: 25,
32
- detailsPantWidth: 42,
32
+ detailsNoPantWidth: 30,
33
+ detailsPantWidth: 36,
33
34
  indicatorSize: 25,
34
35
  unitFontSize: 12
35
36
  };
@@ -37,7 +38,8 @@ var getPriceTagSizeAttributes = function (size) {
37
38
  return {
38
39
  baseFontSize: 38,
39
40
  decimalsFontSize: 20,
40
- detailsPantWidth: 34,
41
+ detailsNoPantWidth: 25,
42
+ detailsPantWidth: 30,
41
43
  indicatorSize: 20,
42
44
  unitFontSize: 10
43
45
  };
@@ -45,7 +47,8 @@ var getPriceTagSizeAttributes = function (size) {
45
47
  return {
46
48
  baseFontSize: 28,
47
49
  decimalsFontSize: 15,
48
- detailsPantWidth: 26,
50
+ detailsNoPantWidth: 20,
51
+ detailsPantWidth: 22,
49
52
  indicatorSize: 15,
50
53
  unitFontSize: 8
51
54
  };
@@ -1 +1 @@
1
- {"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -20,10 +20,12 @@ var PriceTag = function (_a) {
20
20
  React.createElement(PriceTagContainer, { backgroundColor: variantAttributes.backgroundColor },
21
21
  React.createElement(PriceTag$1, null,
22
22
  React.createElement(PriceBase, { fontSize: sizeAttributes.baseFontSize }, priceBase),
23
- React.createElement(PriceDetails, { pant: pant, width: sizeAttributes.detailsPantWidth },
23
+ React.createElement(PriceDetails, { width: pant
24
+ ? sizeAttributes.detailsPantWidth
25
+ : sizeAttributes.detailsNoPantWidth },
24
26
  showPriceIndicator ? (React.createElement(PriceIndicatorContainer, { isSmall: size === EPriceSize.SMALL, showUnit: showUnit },
25
27
  React.createElement(Icons.PriceIndicator, { fill: variantAttributes.fontColor, size: sizeAttributes.indicatorSize }))) : (React.createElement(PriceDecimals, { fontSize: sizeAttributes.decimalsFontSize, isSmall: size === EPriceSize.SMALL }, priceDecimals)),
26
- React.createElement(PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === EPriceSize.SMALL, showPriceIndicator: showPriceIndicator }, pant ? pantStr : isMultiPrice ? '' : "/".concat(unit)))))));
28
+ React.createElement(PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === EPriceSize.SMALL, pant: pant }, pant ? pantStr : isMultiPrice ? '' : "/".concat(unit)))))));
27
29
  };
28
30
 
29
31
  export { PriceTag };
@@ -1 +1 @@
1
- {"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -14,13 +14,17 @@ var PriceTagWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeT
14
14
  return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.bold;
15
15
  });
16
16
  var PriceBannerContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"], ["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceRotate; });
17
- var PriceTagContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n padding: ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px;\n position: relative;\n"])), function (_a) {
17
+ var PriceTagContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"])), function (_a) {
18
18
  var backgroundColor = _a.backgroundColor;
19
19
  return backgroundColor;
20
20
  }, function (_a) {
21
21
  var _b;
22
22
  var theme = _a.theme;
23
23
  return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs;
24
+ }, function (_a) {
25
+ var _b;
26
+ var theme = _a.theme;
27
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
24
28
  });
25
29
  var PriceTag = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (_a) {
26
30
  var _b;
@@ -31,9 +35,9 @@ var PriceBase = styled.span(templateObject_5 || (templateObject_5 = __makeTempla
31
35
  var fontSize = _a.fontSize;
32
36
  return fontSize;
33
37
  });
34
- var PriceDetails = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n"])), function (_a) {
35
- var pant = _a.pant, width = _a.width;
36
- return (pant ? width + 'px' : 'fit-content');
38
+ var PriceDetails = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n width: ", "px;\n"])), function (_a) {
39
+ var width = _a.width;
40
+ return width;
37
41
  });
38
42
  var PriceIndicatorContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), function (_a) {
39
43
  var isSmall = _a.isSmall, showUnit = _a.showUnit;
@@ -46,12 +50,15 @@ var PriceDecimals = styled.span(templateObject_8 || (templateObject_8 = __makeTe
46
50
  var isSmall = _a.isSmall;
47
51
  return (isSmall ? -11 : -14);
48
52
  });
49
- var PriceUnit = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: 4px;\n"], ["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: 4px;\n"])), function (_a) {
53
+ var PriceUnit = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"], ["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"])), function (_a) {
50
54
  var fontSize = _a.fontSize;
51
55
  return fontSize;
52
56
  }, function (_a) {
53
- var isSmall = _a.isSmall, showPriceIndicator = _a.showPriceIndicator;
54
- return isSmall ? (showPriceIndicator ? 3 : 4) : 6;
57
+ var isSmall = _a.isSmall;
58
+ return (isSmall ? 4 : 6);
59
+ }, function (_a) {
60
+ var pant = _a.pant;
61
+ return (pant ? 4 : 8);
55
62
  });
56
63
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
57
64
 
@@ -1 +1 @@
1
- {"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -25,7 +25,8 @@ var getPriceTagSizeAttributes = function (size) {
25
25
  return {
26
26
  baseFontSize: 46,
27
27
  decimalsFontSize: 25,
28
- detailsPantWidth: 42,
28
+ detailsNoPantWidth: 30,
29
+ detailsPantWidth: 36,
29
30
  indicatorSize: 25,
30
31
  unitFontSize: 12
31
32
  };
@@ -33,7 +34,8 @@ var getPriceTagSizeAttributes = function (size) {
33
34
  return {
34
35
  baseFontSize: 38,
35
36
  decimalsFontSize: 20,
36
- detailsPantWidth: 34,
37
+ detailsNoPantWidth: 25,
38
+ detailsPantWidth: 30,
37
39
  indicatorSize: 20,
38
40
  unitFontSize: 10
39
41
  };
@@ -41,7 +43,8 @@ var getPriceTagSizeAttributes = function (size) {
41
43
  return {
42
44
  baseFontSize: 28,
43
45
  decimalsFontSize: 15,
44
- detailsPantWidth: 26,
46
+ detailsNoPantWidth: 20,
47
+ detailsPantWidth: 22,
45
48
  indicatorSize: 15,
46
49
  unitFontSize: 8
47
50
  };
@@ -1 +1 @@
1
- {"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.61",
3
+ "version": "0.8.63",
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": "1ab57d9e8d3d6f49b1b0499817ff2108570ccbc8"
79
+ "gitHead": "73e37ade3fddadacff62154123f8c226fc2098ad"
80
80
  }