@pelcro/react-pelcro-js 4.0.0-alpha.80 → 4.0.0-alpha.81

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.
package/dist/index.cjs.js CHANGED
@@ -20272,17 +20272,21 @@ class SelectModal extends React.Component {
20272
20272
  }));
20273
20273
  const otherItems = allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index));
20274
20274
  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", {
20275
- className: "plc-text-sm plc-font-semibold"
20276
- }, this.locale("labels.restrictiveArticles.subscribeTo")), /*#__PURE__*/React__default['default'].createElement(Carousel, {
20275
+ className: "plc-text-sm plc-font-semibold plc-mb-6"
20276
+ }, this.locale("labels.restrictiveArticles.subscribeTo")), matchingItems.length > 3 ? /*#__PURE__*/React__default['default'].createElement(Carousel, {
20277
20277
  slidesCount: matchingItems.length,
20278
20278
  mobileArrowDown: true
20279
+ }, matchingItems) : /*#__PURE__*/React__default['default'].createElement("div", {
20280
+ className: "plc-flex plc-flex-col md:plc-flex-row plc-gap-4 plc-items-center sm:plc-px-8 plc-px-0"
20279
20281
  }, matchingItems), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("hr", {
20280
20282
  className: "plc-my-4"
20281
20283
  }), /*#__PURE__*/React__default['default'].createElement("h3", {
20282
- className: "plc-text-sm plc-font-semibold"
20283
- }, this.locale("labels.restrictiveArticles.or")), /*#__PURE__*/React__default['default'].createElement(Carousel, {
20284
+ className: "plc-text-sm plc-font-semibold plc-mb-6"
20285
+ }, this.locale("labels.restrictiveArticles.or")), otherItems.length > 3 ? /*#__PURE__*/React__default['default'].createElement(Carousel, {
20284
20286
  slidesCount: otherItems.length,
20285
20287
  mobileArrowDown: true
20288
+ }, otherItems) : /*#__PURE__*/React__default['default'].createElement("div", {
20289
+ className: "plc-flex plc-flex-col md:plc-flex-row plc-gap-4 plc-items-center sm:plc-px-8 plc-px-0"
20286
20290
  }, otherItems)));
20287
20291
  });
20288
20292
 
package/dist/index.esm.js CHANGED
@@ -20242,17 +20242,21 @@ class SelectModal extends Component {
20242
20242
  }));
20243
20243
  const otherItems = allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index));
20244
20244
  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", {
20245
- className: "plc-text-sm plc-font-semibold"
20246
- }, this.locale("labels.restrictiveArticles.subscribeTo")), /*#__PURE__*/React__default.createElement(Carousel, {
20245
+ className: "plc-text-sm plc-font-semibold plc-mb-6"
20246
+ }, this.locale("labels.restrictiveArticles.subscribeTo")), matchingItems.length > 3 ? /*#__PURE__*/React__default.createElement(Carousel, {
20247
20247
  slidesCount: matchingItems.length,
20248
20248
  mobileArrowDown: true
20249
+ }, matchingItems) : /*#__PURE__*/React__default.createElement("div", {
20250
+ className: "plc-flex plc-flex-col md:plc-flex-row plc-gap-4 plc-items-center sm:plc-px-8 plc-px-0"
20249
20251
  }, matchingItems), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("hr", {
20250
20252
  className: "plc-my-4"
20251
20253
  }), /*#__PURE__*/React__default.createElement("h3", {
20252
- className: "plc-text-sm plc-font-semibold"
20253
- }, this.locale("labels.restrictiveArticles.or")), /*#__PURE__*/React__default.createElement(Carousel, {
20254
+ className: "plc-text-sm plc-font-semibold plc-mb-6"
20255
+ }, this.locale("labels.restrictiveArticles.or")), otherItems.length > 3 ? /*#__PURE__*/React__default.createElement(Carousel, {
20254
20256
  slidesCount: otherItems.length,
20255
20257
  mobileArrowDown: true
20258
+ }, otherItems) : /*#__PURE__*/React__default.createElement("div", {
20259
+ className: "plc-flex plc-flex-col md:plc-flex-row plc-gap-4 plc-items-center sm:plc-px-8 plc-px-0"
20256
20260
  }, otherItems)));
20257
20261
  });
20258
20262
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pelcro/react-pelcro-js",
3
3
  "description": "Pelcro's React UI Elements",
4
- "version": "4.0.0-alpha.80",
4
+ "version": "4.0.0-alpha.81",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",