@citygross/components 0.8.62 → 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.
Files changed (13) hide show
  1. package/build/@types/components/PriceTag/PriceTag.styles.d.ts +4 -3
  2. package/build/@types/components/PriceTag/PriceTag.types.d.ts +1 -0
  3. package/build/cjs/components/src/components/PriceTag/PriceTag.js +3 -1
  4. package/build/cjs/components/src/components/PriceTag/PriceTag.js.map +1 -1
  5. package/build/cjs/components/src/components/PriceTag/PriceTag.styles.js +3 -3
  6. package/build/cjs/components/src/helpers/price.js +3 -0
  7. package/build/cjs/components/src/helpers/price.js.map +1 -1
  8. package/build/es/components/src/components/PriceTag/PriceTag.js +3 -1
  9. package/build/es/components/src/components/PriceTag/PriceTag.js.map +1 -1
  10. package/build/es/components/src/components/PriceTag/PriceTag.styles.js +3 -3
  11. package/build/es/components/src/helpers/price.js +3 -0
  12. package/build/es/components/src/helpers/price.js.map +1 -1
  13. package/package.json +2 -2
package/build/@types/components/PriceTag/PriceTag.styles.d.ts CHANGED
@@ -13,9 +13,10 @@ 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>;
package/build/@types/components/PriceTag/PriceTag.types.d.ts CHANGED
@@ -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;
package/build/cjs/components/src/components/PriceTag/PriceTag.js CHANGED
@@ -28,7 +28,9 @@ 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
36
  React__default["default"].createElement(PriceTag_styles.PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === PriceTag_types.EPriceSize.SMALL, pant: pant }, pant ? pantStr : isMultiPrice ? '' : "/".concat(unit)))))));
package/build/cjs/components/src/components/PriceTag/PriceTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/PriceTag/PriceTag.styles.js CHANGED
@@ -43,9 +43,9 @@ var PriceBase = styled__default["default"].span(templateObject_5 || (templateObj
43
43
  var fontSize = _a.fontSize;
44
44
  return fontSize;
45
45
  });
46
- 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) {
47
- var pant = _a.pant, width = _a.width;
48
- 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;
49
49
  });
50
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) {
51
51
  var isSmall = _a.isSmall, showUnit = _a.showUnit;
package/build/cjs/components/src/helpers/price.js CHANGED
@@ -29,6 +29,7 @@ var getPriceTagSizeAttributes = function (size) {
29
29
  return {
30
30
  baseFontSize: 46,
31
31
  decimalsFontSize: 25,
32
+ detailsNoPantWidth: 30,
32
33
  detailsPantWidth: 36,
33
34
  indicatorSize: 25,
34
35
  unitFontSize: 12
@@ -37,6 +38,7 @@ var getPriceTagSizeAttributes = function (size) {
37
38
  return {
38
39
  baseFontSize: 38,
39
40
  decimalsFontSize: 20,
41
+ detailsNoPantWidth: 25,
40
42
  detailsPantWidth: 30,
41
43
  indicatorSize: 20,
42
44
  unitFontSize: 10
@@ -45,6 +47,7 @@ var getPriceTagSizeAttributes = function (size) {
45
47
  return {
46
48
  baseFontSize: 28,
47
49
  decimalsFontSize: 15,
50
+ detailsNoPantWidth: 20,
48
51
  detailsPantWidth: 22,
49
52
  indicatorSize: 15,
50
53
  unitFontSize: 8
package/build/cjs/components/src/helpers/price.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/PriceTag/PriceTag.js CHANGED
@@ -20,7 +20,9 @@ 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
28
  React.createElement(PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === EPriceSize.SMALL, pant: pant }, pant ? pantStr : isMultiPrice ? '' : "/".concat(unit)))))));
package/build/es/components/src/components/PriceTag/PriceTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/PriceTag/PriceTag.styles.js CHANGED
@@ -35,9 +35,9 @@ var PriceBase = styled.span(templateObject_5 || (templateObject_5 = __makeTempla
35
35
  var fontSize = _a.fontSize;
36
36
  return fontSize;
37
37
  });
38
- 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) {
39
- var pant = _a.pant, width = _a.width;
40
- 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;
41
41
  });
42
42
  var PriceIndicatorContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), function (_a) {
43
43
  var isSmall = _a.isSmall, showUnit = _a.showUnit;
package/build/es/components/src/helpers/price.js CHANGED
@@ -25,6 +25,7 @@ var getPriceTagSizeAttributes = function (size) {
25
25
  return {
26
26
  baseFontSize: 46,
27
27
  decimalsFontSize: 25,
28
+ detailsNoPantWidth: 30,
28
29
  detailsPantWidth: 36,
29
30
  indicatorSize: 25,
30
31
  unitFontSize: 12
@@ -33,6 +34,7 @@ var getPriceTagSizeAttributes = function (size) {
33
34
  return {
34
35
  baseFontSize: 38,
35
36
  decimalsFontSize: 20,
37
+ detailsNoPantWidth: 25,
36
38
  detailsPantWidth: 30,
37
39
  indicatorSize: 20,
38
40
  unitFontSize: 10
@@ -41,6 +43,7 @@ var getPriceTagSizeAttributes = function (size) {
41
43
  return {
42
44
  baseFontSize: 28,
43
45
  decimalsFontSize: 15,
46
+ detailsNoPantWidth: 20,
44
47
  detailsPantWidth: 22,
45
48
  indicatorSize: 15,
46
49
  unitFontSize: 8
package/build/es/components/src/helpers/price.js.map CHANGED
@@ -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.62",
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": "f998a459e60d2d8660876feea2d7e47242c18b7d"
79
+ "gitHead": "73e37ade3fddadacff62154123f8c226fc2098ad"
80
80
  }