@widergy/energy-ui 3.86.0 → 3.86.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.86.2](https://github.com/widergy/energy-ui/compare/v3.86.1...v3.86.2) (2025-07-11)
+
+
+### Bug Fixes
+
+* dynamic font document wizard ([#634](https://github.com/widergy/energy-ui/issues/634)) ([56be162](https://github.com/widergy/energy-ui/commit/56be1629374b7a7d193d78c7cb3de383ee2f13c0))
+
+## [3.86.1](https://github.com/widergy/energy-ui/compare/v3.86.0...v3.86.1) (2025-07-11)
+
+
+### Bug Fixes
+
+* surveys visual fixes ([#644](https://github.com/widergy/energy-ui/issues/644)) ([d4b371e](https://github.com/widergy/energy-ui/commit/d4b371e7ee7a77ac3245847438ab4e10e48dd548))
+
 # [3.86.0](https://github.com/widergy/energy-ui/compare/v3.85.2...v3.86.0) (2025-07-11)
 
 

package/dist/components/UTDocumentWizard/components/PageWizard/utils.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleMouseMove = exports.handleCanvasClick = exports.drawSection = void 0;
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 var _colorUtils = require("../../../../utils/colorUtils");
+var _classesUtils = require("../../../../utils/classesUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const drawRoundedStrokeRect = (ctx, x, y, width, height, radius) => {
   ctx.save();
@@ -29,11 +30,12 @@ const drawRoundedStrokeRect = (ctx, x, y, width, height, radius) => {
   ctx.stroke();
 };
 const resizeText = (ctx, text, maxWidth) => {
+  const fontFamily = (0, _classesUtils.resolveCssValue)('var(--fontFamily)') || 'Inter';
   let fontSize = 14;
-  ctx.font = "600 ".concat(fontSize, "px Inter");
+  ctx.font = "600 ".concat(fontSize, "px ").concat(fontFamily);
   while (ctx.measureText(text).width > maxWidth && fontSize > 10) {
     fontSize -= 1;
-    ctx.font = "600 ".concat(fontSize, "px Inter");
+    ctx.font = "600 ".concat(fontSize, "px ").concat(fontFamily);
   }
   return fontSize;
 };

package/dist/components/UTPopUp/index.js

@@ -34,7 +34,7 @@ const UTPopUp = _ref => {
   const [checked, setChecked] = (0, _react.useState)(false);
   const hasProgress = typeof progress === 'number';
   return enabled ? /*#__PURE__*/_react.default.createElement("div", {
-    className: theme.container,
+    className: "".concat(theme.container, " ").concat(_stylesModule.default.container),
     "data-testid": dataTestId
   }, (onClose || hasProgress) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.header

package/dist/components/UTPopUp/styles.module.scss

@@ -1,3 +1,5 @@
+@use '../../scss/variables/mediaQueries.module.scss' as *;
+
 .header {
   align-content: center;
   align-items: center;
@@ -12,7 +14,7 @@
   display: flex;
   grid-gap: 8px;
   justify-content: flex-end;
-  padding: 0 16px 16px; 
+  padding: 0 16px 16px;
 }
 
 .checkBox {
@@ -26,3 +28,11 @@
 .body {
   padding: 0 0 16px;
 }
+
+.container {
+  @media #{$mobile} {
+    left: 16px;
+    right: 16px;
+    width: auto;
+  }
+}

package/dist/components/UTRating/versions/V1/index.js

@@ -23,6 +23,7 @@ const UTRating = _ref => {
     dataTestId,
     disabled,
     error,
+    forceMultiRow,
     helpTextEnd,
     helpTextStart,
     onChange,
@@ -47,7 +48,7 @@ const UTRating = _ref => {
   const wrapperStyle = {
     boxSizing: 'border-box',
     display: 'flex',
-    flex: isMobileOrTablet && options.length > 5 ? "0 0 calc(".concat(100 / Math.ceil(options.length / 2), "% - 4px)") : '1 '
+    flex: (isMobileOrTablet || forceMultiRow) && options.length > 5 ? "0 0 calc(".concat(100 / Math.ceil(options.length / 2), "% - 4px)") : '1 '
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(classNames.container),
@@ -55,7 +56,7 @@ const UTRating = _ref => {
   }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
     required: required
   }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.optionsContainer, " ").concat(classNames.optionsContainer, " ").concat(isMobileOrTablet ? _stylesModule.default.responsive : '')
+    className: "".concat(_stylesModule.default.optionsContainer, " ").concat(classNames.optionsContainer, " ").concat(isMobileOrTablet ? _stylesModule.default.responsive : '', " ").concat(forceMultiRow ? _stylesModule.default.forceMultiRow : '')
   }, options.map((option, index) => /*#__PURE__*/_react.default.createElement(_Option.default, _extends({}, option, {
     disabled: disabled,
     error: error,
@@ -81,6 +82,7 @@ UTRating.propTypes = {
   dataTestId: _propTypes.string,
   disabled: _propTypes.bool,
   error: _propTypes.string,
+  forceMultiRow: _propTypes.bool,
   helpTextEnd: _propTypes.string,
   helpTextStart: _propTypes.string,
   onChange: _propTypes.func,

package/dist/components/UTRating/versions/V1/styles.module.scss

@@ -22,3 +22,7 @@
   flex-wrap: wrap;
   justify-content: center;
 }
+
+.forceMultiRow {
+  flex-wrap: wrap;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.86.0",
+  "version": "3.86.2",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",