pds-dev-kit-web-test 2.4.69 → 2.4.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.
@@ -374,7 +374,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
374
374
  }
375
375
  var cellWidth = width / DESKTOP_GRID_COLS;
376
376
  setRowHeight(cellWidth * 0.56);
377
- responsiveFontMode ? setBaseFontSize(width * 0.0133) : setBaseFontSize(cellWidth / 2.35);
377
+ responsiveFontMode ? setBaseFontSize(width * 0.0133) : setBaseFontSize(16);
378
378
  };
379
379
  var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
380
380
  var breakpoints = device === 'DESKTOP' ? { lg: 100, sm: 0 } : { lg: 1200, sm: 480 };
@@ -216,7 +216,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
216
216
  return responsiveFontMode ? size.width * 0.0421 : 16;
217
217
  }
218
218
  var cellWidth = size.width / DESKTOP_GRID_COLS;
219
- return responsiveFontMode ? size.width * 0.0133 : cellWidth / 2.35;
219
+ return responsiveFontMode ? size.width * 0.0133 : cellWidth / 16;
220
220
  })();
221
221
  return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(CustomSection_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
222
222
  minHeight: customSectionStyles.minHeight,
@@ -231,7 +231,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
231
231
  fontSize: "".concat(baseFontSize, "px")
232
232
  } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight }) }, cb.id)); }) })) })) })) }) }));
233
233
  });
234
- var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
234
+ var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 0 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 0 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
235
235
  var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
236
236
  exports.default = react_1.default.memo(CustomSection);
237
237
  var templateObject_1, templateObject_2;
@@ -209,7 +209,7 @@ function getEmFontSize(device, size) {
209
209
  var max = size + 1.5;
210
210
  var preferred = size / 16;
211
211
  if (device === 'DESKTOP') {
212
- return "clamp(".concat(min, "px, ").concat(preferred, "em, ").concat(max, "px)");
212
+ return "clamp(10px, ".concat(preferred, "em, ").concat(preferred, "em)");
213
213
  }
214
- return "clamp(".concat(min, "px, ").concat(preferred, "em, ").concat(max, "px)");
214
+ return "clamp(6px, ".concat(preferred, "em, ").concat(preferred, "em)");
215
215
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.4.69",
3
+ "version": "2.4.71",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -23,7 +23,7 @@
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
25
  "publ-echo": "^0.0.45",
26
- "publ-echo-test": "^0.0.33",
26
+ "publ-echo-test": "^0.0.34",
27
27
  "react-hook-form": "^7.28.1",
28
28
  "react-i18next": "^11.12.0",
29
29
  "react-router-dom": "^5.2.0",