@widergy/energy-ui 3.68.2 → 3.69.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.69.0](https://github.com/widergy/energy-ui/compare/v3.68.3...v3.69.0) (2025-04-08)
+
+
+### Features
+
+* new energy icon ([#598](https://github.com/widergy/energy-ui/issues/598)) ([3a092a3](https://github.com/widergy/energy-ui/commit/3a092a3a4e71551c69a7bddb5471eb7ffa4458c7))
+
+## [3.68.3](https://github.com/widergy/energy-ui/compare/v3.68.2...v3.68.3) (2025-04-07)
+
+
+### Bug Fixes
+
+* [UGC-1266] backdrop resolve css fixes ([#596](https://github.com/widergy/energy-ui/issues/596)) ([e0ff417](https://github.com/widergy/energy-ui/commit/e0ff417df199f70533c213eb39e999c104b30ebf))
+
 ## [3.68.2](https://github.com/widergy/energy-ui/compare/v3.68.1...v3.68.2) (2025-04-03)
 
 

package/dist/components/UTIcon/components/EnergyIcons/EnergyIconChatSparkFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.83333 5C5.34599 5 4.8793 5.19296 4.53574 5.53532C4.19231 5.87757 4 6.34102 4 6.82353V14.3529C4 14.8355 4.19231 15.2989 4.53574 15.6411C4.8793 15.9835 5.34599 16.1765 5.83333 16.1765H8.66667C8.93128 16.1765 9.18511 16.2814 9.37255 16.4681L12.2059 19.2917C12.5971 19.6815 12.5982 20.3147 12.2083 20.7059C11.8185 21.0971 11.1853 21.0982 10.7941 20.7083L8.25347 18.1765H5.83333C4.81779 18.1765 3.84314 17.7745 3.12398 17.0578C2.40471 16.341 2 15.3681 2 14.3529V6.82353C2 5.80835 2.40471 4.83544 3.12398 4.11866C3.84314 3.402 4.81779 3 5.83333 3H17.1667C18.1822 3 19.1569 3.402 19.876 4.11866C20.5953 4.83544 21 5.80835 21 6.82353V11.0588C21 11.6111 20.5523 12.0588 20 12.0588C19.4477 12.0588 19 11.6111 19 11.0588V6.82353C19 6.34102 18.8077 5.87757 18.4643 5.53532C18.1207 5.19296 17.654 5 17.1667 5H5.83333ZM6.72222 8.70588C6.72222 8.1536 7.16994 7.70588 7.72222 7.70588H15.2778C15.8301 7.70588 16.2778 8.1536 16.2778 8.70588C16.2778 9.25817 15.8301 9.70588 15.2778 9.70588H7.72222C7.16994 9.70588 6.72222 9.25817 6.72222 8.70588ZM6.72222 12.4706C6.72222 11.9183 7.16994 11.4706 7.72222 11.4706H12.4444C12.9967 11.4706 13.4444 11.9183 13.4444 12.4706C13.4444 13.0229 12.9967 13.4706 12.4444 13.4706H7.72222C7.16994 13.4706 6.72222 13.0229 6.72222 12.4706ZM17.3438 13.6667C17.8058 13.6667 18.2077 13.9832 18.3159 14.4324C18.4288 14.901 18.6681 15.3289 19.007 15.6691C19.3459 16.0093 19.7712 16.2487 20.236 16.3616C20.6843 16.4705 21 16.872 21 17.3333C21 17.7947 20.6843 18.1962 20.236 18.3051C19.7712 18.418 19.3459 18.6574 19.007 18.9976C18.6681 19.3378 18.4288 19.7656 18.3159 20.2343C18.2077 20.6834 17.8058 21 17.3438 21C16.8817 21 16.4798 20.6834 16.3716 20.2343C16.2587 19.7656 16.0194 19.3378 15.6805 18.9976C15.3416 18.6574 14.9163 18.418 14.4515 18.3051C14.0032 18.1962 13.6875 17.7947 13.6875 17.3333C13.6875 16.872 14.0032 16.4705 14.4515 16.3616C14.9163 16.2487 15.3416 16.0093 15.6805 15.6691C16.0194 15.3289 16.2587 14.901 16.3716 14.4324C16.4798 13.9832 16.8817 13.6667 17.3438 13.6667ZM17.3438 16.8129C17.2654 16.9051 17.1832 16.9944 17.0974 17.0805C17.0097 17.1686 16.9186 17.253 16.8244 17.3333C16.9186 17.4137 17.0097 17.498 17.0974 17.5861C17.1832 17.6723 17.2654 17.7615 17.3438 17.8537C17.4221 17.7615 17.5043 17.6723 17.5901 17.5861C17.6778 17.498 17.7689 17.4137 17.8631 17.3333C17.7689 17.253 17.6778 17.1686 17.5901 17.0805C17.5043 16.9944 17.4221 16.9051 17.3438 16.8129Z"/>
+</svg>

package/dist/components/UTIcon/constants.js

@@ -103,6 +103,20 @@ EnergyIconCart.defaultProps = {
   stroke: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
+var EnergyIconChatSparkFilled = function EnergyIconChatSparkFilled(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.833 5c-.487 0-.954.193-1.297.535A1.819 1.819 0 0 0 4 6.824v7.529c0 .482.192.946.536 1.288.343.342.81.536 1.297.536h2.834a1 1 0 0 1 .706.291l2.833 2.824a1 1 0 1 1-1.412 1.416l-2.54-2.531h-2.42a3.838 3.838 0 0 1-2.71-1.12A3.819 3.819 0 0 1 2 14.354v-7.53c0-1.015.405-1.988 1.124-2.704A3.838 3.838 0 0 1 5.834 3h11.333c1.015 0 1.99.402 2.709 1.119A3.818 3.818 0 0 1 21 6.824v4.235a1 1 0 1 1-2 0V6.824c0-.483-.192-.946-.536-1.289A1.839 1.839 0 0 0 17.167 5H5.833Zm.89 3.706a1 1 0 0 1 1-1h7.555a1 1 0 1 1 0 2H7.722a1 1 0 0 1-1-1Zm0 3.765a1 1 0 0 1 1-1h4.721a1 1 0 1 1 0 2H7.722a1 1 0 0 1-1-1Zm10.62 1.196a1 1 0 0 1 .973.765c.113.469.352.897.691 1.237.339.34.764.58 1.229.693a1 1 0 0 1 0 1.943c-.465.113-.89.352-1.229.693-.339.34-.578.768-.691 1.236a1 1 0 0 1-1.944 0 2.622 2.622 0 0 0-.691-1.236 2.602 2.602 0 0 0-1.23-.693 1 1 0 0 1 0-1.943c.465-.113.89-.353 1.23-.693.338-.34.578-.768.69-1.237a1 1 0 0 1 .973-.765Zm0 3.146a4.608 4.608 0 0 1-.519.52 4.586 4.586 0 0 1 .52.52 4.603 4.603 0 0 1 .52-.52 4.553 4.553 0 0 1-.52-.52Z"
+  }));
+};
+EnergyIconChatSparkFilled.defaultProps = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
+};
 var EnergyIconConsumption = function EnergyIconConsumption(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
@@ -236,6 +250,7 @@ const ENERGY_ICONS = exports.ENERGY_ICONS = {
   EnergyIconCar,
   EnergyIconCarbonFootprint,
   EnergyIconCart,
+  EnergyIconChatSparkFilled,
   EnergyIconConsumption,
   EnergyIconConsumptionBoxFilled,
   EnergyIconHome,

package/dist/components/UTModal/theme.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.retrieveStyle = void 0;
+var _classesUtils = require("../../utils/classesUtils");
 var _shadowUtils = require("../../utils/shadowUtils");
 const retrieveStyle = _ref => {
   var _theme$Palette$shadow;
@@ -18,10 +19,7 @@ const retrieveStyle = _ref => {
         level: 2
       }),
       '&::backdrop': {
-        // Esto debería tomarse de la paleta (dark05), pero el pseudo-elemento backdrop
-        // no hereda las variables seteadas en html/:root.
-        // backgroundColor: theme.Palette.dark['05']
-        backgroundColor: '#091E42',
+        backgroundColor: (0, _classesUtils.resolveCssValue)(theme.Palette.dark['05']),
         opacity: '0.25'
       }
     },

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

@@ -34,9 +34,10 @@ const {
 } = _testIds.COMPONENT_IDS.panelIds;
 const UTPanel = _ref => {
   let {
+    BackdropProps = {},
     children,
-    classNames,
     classes: theme,
+    classNames,
     closeButtonDataTestId = closeButtonId,
     collapsableHeader = false,
     currentStep = 1,
@@ -96,7 +97,14 @@ const UTPanel = _ref => {
     onClose: onClose,
     onOpen: onOpen,
     open: open,
-    swipeAreaWidth: 0
+    swipeAreaWidth: 0,
+    BackdropProps: {
+      ...BackdropProps,
+      classes: {
+        root: drawerClasses.backdrop,
+        ...(BackdropProps === null || BackdropProps === void 0 ? void 0 : BackdropProps.classes)
+      }
+    }
   }, props), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.controlAreaContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -177,8 +185,9 @@ const UTPanel = _ref => {
   }, mainButton), (mainButton === null || mainButton === void 0 ? void 0 : mainButton.text) || _constants.ACCEPT_BUTTON_TEXT));
 };
 UTPanel.propTypes = {
-  classNames: _propTypes.object,
+  BackdropProps: _propTypes.object,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
+  classNames: _propTypes.object,
   closeButtonDataTestId: _propTypes.string,
   collapsableHeader: _propTypes.bool,
   currentStep: _propTypes.number,

package/dist/components/UTPanel/versions/V1/theme.js

@@ -15,6 +15,10 @@ const retrieveStyle = _ref => {
     },
     colorPrimary: {
       backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTPanel', 'progressBar', 'colorPrimary', 'backgroundColor'], "".concat(theme.Palette.light['04'], " !important"))
+    },
+    backdrop: {
+      backgroundColor: theme.Palette.dark['05'],
+      opacity: '0.25 !important'
     }
   };
 };

package/dist/utils/classesUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withImportant = exports.mergeClasses = void 0;
+exports.withImportant = exports.resolveCssValue = exports.mergeClasses = void 0;
 const mergeClasses = (themeClasses, classNames) => {
   if (!classNames) return themeClasses;
   const classes = {};
@@ -15,4 +15,15 @@ const mergeClasses = (themeClasses, classNames) => {
 };
 exports.mergeClasses = mergeClasses;
 const withImportant = style => style && "".concat(style, " !important");
-exports.withImportant = withImportant;
+exports.withImportant = withImportant;
+const resolveCssValue = value => {
+  if (typeof value === 'string' && value.startsWith('var(')) {
+    const variableName = value.slice(4, -1).trim();
+    if (typeof window !== 'undefined' && window.getComputedStyle) {
+      const computedValue = window.getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();
+      return computedValue || value;
+    }
+  }
+  return value;
+};
+exports.resolveCssValue = resolveCssValue;

package/package.json

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