@citygross/components 0.21.1 → 0.21.3

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 (6) hide show
  1. package/build/@types/components/ListItem/ListItem.d.ts +1 -0
  2. package/build/cjs/components/src/components/ListItem/ListItem.js +2 -2
  3. package/build/cjs/components/src/components/PartnerOffer/PartnerOffer.styles.js +3 -3
  4. package/build/es/components/src/components/ListItem/ListItem.js +2 -2
  5. package/build/es/components/src/components/PartnerOffer/PartnerOffer.styles.js +3 -3
  6. package/package.json +2 -2
package/build/@types/components/ListItem/ListItem.d.ts CHANGED
@@ -33,6 +33,7 @@ export declare type TListItem = {
33
33
  checkboxes?: TCheckboxOption[];
34
34
  fallBackImage?: string;
35
35
  checkboxLegendLabel?: string;
36
+ imageAlt?: string;
36
37
  imageAutoHeight?: boolean;
37
38
  item?: TItem;
38
39
  isSmall?: boolean;
package/build/cjs/components/src/components/ListItem/ListItem.js CHANGED
@@ -26,11 +26,11 @@ exports.EListItemAlignment = void 0;
26
26
  })(exports.EListItemAlignment || (exports.EListItemAlignment = {}));
27
27
  var ListItem = function (_a) {
28
28
  var _b, _c, _d;
29
- var _e = _a.alignment, alignment = _e === void 0 ? exports.EListItemAlignment.CENTER : _e, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, label = _a.label, _f = _a.loading, loading = _f === void 0 ? false : _f, _g = _a.showPriceStripe, showPriceStripe = _g === void 0 ? false : _g, smallSkeleton = _a.smallSkeleton;
29
+ var _e = _a.alignment, alignment = _e === void 0 ? exports.EListItemAlignment.CENTER : _e, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, _f = _a.imageAlt, imageAlt = _f === void 0 ? '' : _f, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, label = _a.label, _g = _a.loading, loading = _g === void 0 ? false : _g, _h = _a.showPriceStripe, showPriceStripe = _h === void 0 ? false : _h, smallSkeleton = _a.smallSkeleton;
30
30
  return (React__default["default"].createElement(ListItem_styles.ListItemContainer, null,
31
31
  React__default["default"].createElement(ListItem_styles.ListLeft, { alignment: alignment },
32
32
  React__default["default"].createElement(ListItem_styles.ListImageContainer, { isSmall: isSmall },
33
- React__default["default"].createElement(ListItem_styles.ListImage, { autoHeight: imageAutoHeight, src: item === null || item === void 0 ? void 0 : item.image, alt: item === null || item === void 0 ? void 0 : item.name, isSmall: isSmall, onError: function (e) {
33
+ React__default["default"].createElement(ListItem_styles.ListImage, { autoHeight: imageAutoHeight, src: item === null || item === void 0 ? void 0 : item.image, alt: imageAlt, isSmall: isSmall, onError: function (e) {
34
34
  if (fallBackImage) {
35
35
  var target = e.target;
36
36
  if (!target.dataset.fallback) {
package/build/cjs/components/src/components/PartnerOffer/PartnerOffer.styles.js CHANGED
@@ -18,13 +18,13 @@ var PartnerOffer = styled__default["default"].article(templateObject_1 || (templ
18
18
  var theme = _a.theme;
19
19
  return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.small;
20
20
  });
21
- var ImageWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n aspect-ratio: 27 / 9;\n border-radius: ", ";\n overflow: hidden;\n position: relative;\n width: 100%;\n"], ["\n aspect-ratio: 27 / 9;\n border-radius: ", ";\n overflow: hidden;\n position: relative;\n width: 100%;\n"])), function (_a) {
21
+ var ImageWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n border-radius: ", ";\n overflow: hidden;\n width: 100%;\n"], ["\n border-radius: ", ";\n overflow: hidden;\n width: 100%;\n"])), function (_a) {
22
22
  var _b, _c;
23
23
  var theme = _a.theme;
24
24
  return "".concat((_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.small, "px ").concat((_c = theme.attributes) === null || _c === void 0 ? void 0 : _c.borderRadius.small, "px 0 0");
25
25
  });
26
- var Picture = styled__default["default"].picture(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n display: block;\n height: 100%;\n width: 100%;\n"], ["\n display: block;\n height: 100%;\n width: 100%;\n"])));
27
- var Image = styled__default["default"].img(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: block;\n height: 100%;\n object-fit: cover;\n width: 100%;\n"], ["\n display: block;\n height: 100%;\n object-fit: cover;\n width: 100%;\n"])));
26
+ var Picture = styled__default["default"].picture(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n display: block;\n width: 100%;\n"], ["\n display: block;\n width: 100%;\n"])));
27
+ var Image = styled__default["default"].img(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: block;\n height: auto;\n width: 100%;\n"], ["\n display: block;\n height: auto;\n width: 100%;\n"])));
28
28
  var Content = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n padding: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n padding: ", ";\n"])), function (_a) {
29
29
  var _b;
30
30
  var theme = _a.theme;
package/build/es/components/src/components/ListItem/ListItem.js CHANGED
@@ -17,11 +17,11 @@ var EListItemAlignment;
17
17
  })(EListItemAlignment || (EListItemAlignment = {}));
18
18
  var ListItem = function (_a) {
19
19
  var _b, _c, _d;
20
- var _e = _a.alignment, alignment = _e === void 0 ? EListItemAlignment.CENTER : _e, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, label = _a.label, _f = _a.loading, loading = _f === void 0 ? false : _f, _g = _a.showPriceStripe, showPriceStripe = _g === void 0 ? false : _g, smallSkeleton = _a.smallSkeleton;
20
+ var _e = _a.alignment, alignment = _e === void 0 ? EListItemAlignment.CENTER : _e, children = _a.children, checkboxes = _a.checkboxes, fallBackImage = _a.fallBackImage, checkboxLegendLabel = _a.checkboxLegendLabel, _f = _a.imageAlt, imageAlt = _f === void 0 ? '' : _f, imageAutoHeight = _a.imageAutoHeight, item = _a.item, isSmall = _a.isSmall, label = _a.label, _g = _a.loading, loading = _g === void 0 ? false : _g, _h = _a.showPriceStripe, showPriceStripe = _h === void 0 ? false : _h, smallSkeleton = _a.smallSkeleton;
21
21
  return (React.createElement(ListItemContainer, null,
22
22
  React.createElement(ListLeft, { alignment: alignment },
23
23
  React.createElement(ListImageContainer, { isSmall: isSmall },
24
- React.createElement(ListImage, { autoHeight: imageAutoHeight, src: item === null || item === void 0 ? void 0 : item.image, alt: item === null || item === void 0 ? void 0 : item.name, isSmall: isSmall, onError: function (e) {
24
+ React.createElement(ListImage, { autoHeight: imageAutoHeight, src: item === null || item === void 0 ? void 0 : item.image, alt: imageAlt, isSmall: isSmall, onError: function (e) {
25
25
  if (fallBackImage) {
26
26
  var target = e.target;
27
27
  if (!target.dataset.fallback) {
package/build/es/components/src/components/PartnerOffer/PartnerOffer.styles.js CHANGED
@@ -10,13 +10,13 @@ var PartnerOffer = styled.article(templateObject_1 || (templateObject_1 = __make
10
10
  var theme = _a.theme;
11
11
  return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.small;
12
12
  });
13
- var ImageWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n aspect-ratio: 27 / 9;\n border-radius: ", ";\n overflow: hidden;\n position: relative;\n width: 100%;\n"], ["\n aspect-ratio: 27 / 9;\n border-radius: ", ";\n overflow: hidden;\n position: relative;\n width: 100%;\n"])), function (_a) {
13
+ var ImageWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: ", ";\n overflow: hidden;\n width: 100%;\n"], ["\n border-radius: ", ";\n overflow: hidden;\n width: 100%;\n"])), function (_a) {
14
14
  var _b, _c;
15
15
  var theme = _a.theme;
16
16
  return "".concat((_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.small, "px ").concat((_c = theme.attributes) === null || _c === void 0 ? void 0 : _c.borderRadius.small, "px 0 0");
17
17
  });
18
- var Picture = styled.picture(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n height: 100%;\n width: 100%;\n"], ["\n display: block;\n height: 100%;\n width: 100%;\n"])));
19
- var Image = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: block;\n height: 100%;\n object-fit: cover;\n width: 100%;\n"], ["\n display: block;\n height: 100%;\n object-fit: cover;\n width: 100%;\n"])));
18
+ var Picture = styled.picture(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n width: 100%;\n"], ["\n display: block;\n width: 100%;\n"])));
19
+ var Image = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: block;\n height: auto;\n width: 100%;\n"], ["\n display: block;\n height: auto;\n width: 100%;\n"])));
20
20
  var Content = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n padding: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n gap: ", "px;\n padding: ", ";\n"])), function (_a) {
21
21
  var _b;
22
22
  var theme = _a.theme;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.21.1",
3
+ "version": "0.21.3",
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": "a8725db90e939a68ad9e6656b40720cb5c1df65a"
79
+ "gitHead": "c00850afb30cbc8e22ea7d906bc5c4c60d00e282"
80
80
  }