@widergy/energy-ui 3.188.5 → 3.188.7
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/CHANGELOG.md +18 -2
- package/dist/components/UTRadioGroup/versions/V1/components/Radio/index.js +1 -1
- package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/index.js +1 -1
- package/dist/esm/utils/hooks/useCSSVariables/utils.js +1 -1
- package/dist/utils/hooks/useCSSVariables/utils.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,25 @@
|
|
|
1
|
-
## [3.188.
|
|
1
|
+
## [3.188.7](https://github.com/widergy/energy-ui/compare/v3.188.6...v3.188.7) (2026-09-25)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* add test id support for UTRadioGroup V1 ([848b6da](https://github.com/widergy/energy-ui/commit/848b6daab70af10a2a0515992d79e3bdccf49f28))
|
|
7
|
+
|
|
8
|
+
## [3.188.6](https://github.com/widergy/energy-ui/compare/v3.188.5...v3.188.6) (2026-09-24)
|
|
9
|
+
|
|
10
|
+
### Novedades y Mejoras
|
|
11
|
+
|
|
12
|
+
* Se amplió la flexibilidad en la personalización visual de componentes, permitiendo definir colores directamente en formato hexadecimal además de los valores semánticos ya disponibles. [#875](https://github.com/widergy/Energy-UI/pull/875) [AXAG-469](https://widergy.atlassian.net/browse/AXAG-469)
|
|
13
|
+
|
|
14
|
+
## [3.188.5](https://github.com/widergy/energy-ui/compare/v3.188.4...v3.188.5) (2026-09-24)
|
|
15
|
+
|
|
16
|
+
### Correcciones
|
|
17
|
+
|
|
18
|
+
* Se corrigió un problema que impedía que las opciones de selección deshabilitadas se mostraran correctamente, lo que en algunos casos hacía que el estilo visual no reflejara su estado inactivo. [#872](https://github.com/widergy/Energy-UI/pull/872) [AXCH-2333](https://widergy.atlassian.net/browse/AXCH-2333)
|
|
19
|
+
|
|
20
|
+
### Novedades y Mejoras
|
|
21
|
+
|
|
22
|
+
* Mejoras internas de la plataforma. [`5649453`](https://github.com/widergy/Energy-UI/commit/5649453)
|
|
7
23
|
|
|
8
24
|
## [3.188.4](https://github.com/widergy/energy-ui/compare/v3.188.3...v3.188.4) (2026-09-21)
|
|
9
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const Radio=e=>{let{classes:t,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../../../WithTheme")),_theme=require("./theme"),_utils=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const Radio=e=>{let{classes:t,dataTestId:a,description:r,descriptionProps:o={},disabled:n,icon:s,iconProps:c={},iconSelectedProps:l={},name:i,nameProps:p={},nameSelectedProps:_={},onChange:d,prefix:u,selected:T,suffix:m,theme:f,tooltip:y,variant:E=_constants.RADIO_VARIANTS.DEFAULT}=e;const N=E===_constants.RADIO_VARIANTS.CARD,{areaBackground:h,areaBorderColor:I}=(0,_utils.getIconAreaColors)(f),b=i&&_react.default.createElement(_UTLabel.default,_extends({className:t.name,colorTheme:"dark"},p,T?_:{}),i);return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:t.root,dataTestId:a,disabled:n,onClick:()=>!n&&d()},E===_constants.RADIO_VARIANTS.DEFAULT&&_react.default.createElement("div",{className:t.radioCircleContainer},_react.default.createElement("div",{className:t.radioCircle},T&&_react.default.createElement("div",{className:t.radioDot}))),_react.default.createElement("div",{className:t.content},(()=>{if(!s)return null;const e=(0,_utils.getIconContentType)(s);if(e===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:s.alt||"",className:t.iconImage,src:s.src});if(e===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=s;return _react.default.createElement(e,{className:t.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:s,size:_constants.ICON_SIZES[E]},N&&{area:!0,areaBackground:h,areaBorderColor:I,areaRadius:_constants.ICON_AREA_RADIUS,areaSize:_constants.ICON_AREA_SIZE},c,T?l:{}))})(),_react.default.createElement("div",{className:t.contentContainer},_react.default.createElement("div",{className:t.content},u&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},u),N&&y?_react.default.createElement("div",{className:t.titleAndTooltip},b,_react.default.createElement(_UTTooltip.default,{content:y},_react.default.createElement("span",{className:t.tooltip},_react.default.createElement(_UTIcon.default,{className:t.infoIcon,colorTheme:T&&N?"accent":n&&N?"gray":"dark",name:"IconHelp",size:20})))):b,m&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",weight:"medium"},m)),_react.default.createElement(_UTLabel.default,_extends({className:t.description,colorTheme:"gray",variant:"body"},o),r))),N&&_react.default.createElement("div",{className:t.cardRadio},T&&_react.default.createElement("div",{className:t.radioDot})),T&&E===_constants.RADIO_VARIANTS.BUTTON&&_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:_propTypes.object,dataTestId:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,(0,_propTypes.shape)({alt:_propTypes.string,src:_propTypes.string})]),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,name:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,prefix:_propTypes.string,selected:_propTypes.bool,suffix:_propTypes.string,theme:_propTypes.object,tooltip:_propTypes.string,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(Radio);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import React from"react";import{object,bool,elementType,func,oneOfType,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import WithTheme from"../../../../../WithTheme";import{retrieveStyle}from"./theme";import{getIconAreaColors,getIconContentType}from"./utils";import{RADIO_VARIANTS,ICON_SIZES,ICON_AREA_RADIUS,ICON_AREA_SIZE,ICON_CONTENT_TYPES}from"./constants";const Radio=e=>{let{classes:t,
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import React from"react";import{object,bool,elementType,func,oneOfType,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import WithTheme from"../../../../../WithTheme";import{retrieveStyle}from"./theme";import{getIconAreaColors,getIconContentType}from"./utils";import{RADIO_VARIANTS,ICON_SIZES,ICON_AREA_RADIUS,ICON_AREA_SIZE,ICON_CONTENT_TYPES}from"./constants";const Radio=e=>{let{classes:t,dataTestId:a,description:o,descriptionProps:r={},disabled:c,icon:n,iconProps:i={},iconSelectedProps:s={},name:l,nameProps:m={},nameSelectedProps:d={},onChange:T,prefix:p,selected:R,suffix:I,theme:E,tooltip:N,variant:A=RADIO_VARIANTS.DEFAULT}=e;const b=A===RADIO_VARIANTS.CARD,{areaBackground:h,areaBorderColor:f}=getIconAreaColors(E),g=l&&React.createElement(UTLabel,_extends({className:t.name,colorTheme:"dark"},m,R?d:{}),l);return React.createElement(UTTouchableWithoutFeedback,{className:t.root,dataTestId:a,disabled:c,onClick:()=>!c&&T()},A===RADIO_VARIANTS.DEFAULT&&React.createElement("div",{className:t.radioCircleContainer},React.createElement("div",{className:t.radioCircle},R&&React.createElement("div",{className:t.radioDot}))),React.createElement("div",{className:t.content},(()=>{if(!n)return null;const e=getIconContentType(n);if(e===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:n.alt||"",className:t.iconImage,src:n.src});if(e===ICON_CONTENT_TYPES.COMPONENT){const e=n;return React.createElement(e,{className:t.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:n,size:ICON_SIZES[A]},b&&{area:!0,areaBackground:h,areaBorderColor:f,areaRadius:ICON_AREA_RADIUS,areaSize:ICON_AREA_SIZE},i,R?s:{}))})(),React.createElement("div",{className:t.contentContainer},React.createElement("div",{className:t.content},p&&React.createElement(UTLabel,{colorTheme:"gray"},p),b&&N?React.createElement("div",{className:t.titleAndTooltip},g,React.createElement(UTTooltip,{content:N},React.createElement("span",{className:t.tooltip},React.createElement(UTIcon,{className:t.infoIcon,colorTheme:R&&b?"accent":c&&b?"gray":"dark",name:"IconHelp",size:20})))):g,I&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",weight:"medium"},I)),React.createElement(UTLabel,_extends({className:t.description,colorTheme:"gray",variant:"body"},r),o))),b&&React.createElement("div",{className:t.cardRadio},R&&React.createElement("div",{className:t.radioDot})),R&&A===RADIO_VARIANTS.BUTTON&&React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:object,dataTestId:string,description:string,descriptionProps:object,disabled:bool,icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,name:string,nameProps:object,nameSelectedProps:object,onChange:func,prefix:string,selected:bool,suffix:string,theme:object,tooltip:string,variant:string};export default WithTheme(retrieveStyle)(Radio);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const mapTokens=t=>{const{base:c={},semantic:n={},component:o={},...e}=t||{},a={...c,...e};return Object.entries(n).concat(Object.entries(o)).forEach(t=>{let[
|
|
1
|
+
export const mapTokens=t=>{const{base:c={},semantic:n={},component:o={},...e}=t||{},a={...c,...e};return Object.entries(n).concat(Object.entries(o)).forEach(t=>{var c;let[n,o]=t;a[n]=null!==(c=a[o])&&void 0!==c?c:o}),a};const hexToRgb=t=>{const c=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(t,c,n,o)=>"".concat(c).concat(c).concat(n).concat(n).concat(o).concat(o)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(c);return n?[parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)]:null},rgbStringToRgb=t=>{const c=/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(t);return c?[Number(c[1]),Number(c[2]),Number(c[3])]:null},colorToRgb=t=>{var c;return null!==(c=hexToRgb(t))&&void 0!==c?c:rgbStringToRgb(t)},rgbToHsl=(t,c,n)=>{const o=t/255,e=c/255,a=n/255,r=Math.max(o,e,a),s=Math.min(o,e,a),l=(r+s)/2;if(r===s)return[0,0,100*l];const b=r-s,i=l>.5?b/(2-r-s):b/(r+s);let u;switch(r){case o:u=((e-a)/b+(e<a?6:0))/6;break;case e:u=((a-o)/b+2)/6;break;default:u=((o-e)/b+4)/6}return[360*u,100*i,100*l]},hslToHex=(t,c,n)=>{const o=t/360,e=c/100,a=n/100,r=(t,c,n)=>{const o=(n%1+1)%1;return o<1/6?t+6*(c-t)*o:o<.5?c:o<2/3?t+(c-t)*(2/3-o)*6:t};let s,l,b;if(0===e)s=a,l=a,b=a;else{const t=a<.5?a*(1+e):a+e-a*e,c=2*a-t;s=r(c,t,o+1/3),l=r(c,t,o),b=r(c,t,o-1/3)}const i=t=>Math.round(255*t).toString(16).padStart(2,"0");return"#".concat(i(s)).concat(i(l)).concat(i(b))};export const generateAccentTokens=t=>{const c=colorToRgb(t);if(!c)return console.warn('useCSSVariables: "'.concat(t,'" no es un color hex ni rgb(a) válido, se omiten los tokens de color-accent-*.')),{};const[n,o,e]=c,[a,r,s]=rgbToHsl(n,o,e),l={};return[100,200,300,400,500,600,700,800,900].forEach(t=>{let c;c=500===t?s:t>500?s+(t-500)/400*(95-s):s-(500-t)/400*(s-10),l["color-accent-".concat(t)]=hslToHex(a,r,Math.min(95,Math.max(10,c))),l["color-accent-".concat(t,"-alpha")]="rgba(".concat(n,", ").concat(o,", ").concat(e,", ").concat(t/1e3,")")}),l};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mapTokens=exports.generateAccentTokens=void 0;const mapTokens=e=>{const{base:t={},semantic:n={},component:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mapTokens=exports.generateAccentTokens=void 0;const mapTokens=e=>{const{base:t={},semantic:n={},component:o={},...c}=e||{},a={...t,...c};return Object.entries(n).concat(Object.entries(o)).forEach(e=>{var t;let[n,o]=e;a[n]=null!==(t=a[o])&&void 0!==t?t:o}),a};exports.mapTokens=mapTokens;const hexToRgb=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,n,o)=>"".concat(t).concat(t).concat(n).concat(n).concat(o).concat(o)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return n?[parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)]:null},rgbStringToRgb=e=>{const t=/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(e);return t?[Number(t[1]),Number(t[2]),Number(t[3])]:null},colorToRgb=e=>{var t;return null!==(t=hexToRgb(e))&&void 0!==t?t:rgbStringToRgb(e)},rgbToHsl=(e,t,n)=>{const o=e/255,c=t/255,a=n/255,r=Math.max(o,c,a),s=Math.min(o,c,a),l=(r+s)/2;if(r===s)return[0,0,100*l];const i=r-s,u=l>.5?i/(2-r-s):i/(r+s);let b;switch(r){case o:b=((c-a)/i+(c<a?6:0))/6;break;case c:b=((a-o)/i+2)/6;break;default:b=((o-c)/i+4)/6}return[360*b,100*u,100*l]},hslToHex=(e,t,n)=>{const o=e/360,c=t/100,a=n/100,r=(e,t,n)=>{const o=(n%1+1)%1;return o<1/6?e+6*(t-e)*o:o<.5?t:o<2/3?e+(t-e)*(2/3-o)*6:e};let s,l,i;if(0===c)s=a,l=a,i=a;else{const e=a<.5?a*(1+c):a+c-a*c,t=2*a-e;s=r(t,e,o+1/3),l=r(t,e,o),i=r(t,e,o-1/3)}const u=e=>Math.round(255*e).toString(16).padStart(2,"0");return"#".concat(u(s)).concat(u(l)).concat(u(i))},generateAccentTokens=e=>{const t=colorToRgb(e);if(!t)return console.warn('useCSSVariables: "'.concat(e,'" no es un color hex ni rgb(a) válido, se omiten los tokens de color-accent-*.')),{};const[n,o,c]=t,[a,r,s]=rgbToHsl(n,o,c),l={};return[100,200,300,400,500,600,700,800,900].forEach(e=>{let t;t=500===e?s:e>500?s+(e-500)/400*(95-s):s-(500-e)/400*(s-10),l["color-accent-".concat(e)]=hslToHex(a,r,Math.min(95,Math.max(10,t))),l["color-accent-".concat(e,"-alpha")]="rgba(".concat(n,", ").concat(o,", ").concat(c,", ").concat(e/1e3,")")}),l};exports.generateAccentTokens=generateAccentTokens;
|