@widergy/energy-ui 3.188.4 → 3.188.6

package/CHANGELOG.md

@@ -1,9 +1,23 @@
-## [3.188.4](https://github.com/widergy/energy-ui/compare/v3.188.3...v3.188.4) (2026-09-21)
+## [3.188.6](https://github.com/widergy/energy-ui/compare/v3.188.5...v3.188.6) (2026-09-24)
+
+
+### Bug Fixes
+
+* allow hexa colors in component tokens ([#875](https://github.com/widergy/energy-ui/issues/875)) ([b3cec38](https://github.com/widergy/energy-ui/commit/b3cec38bd8b2d175590c2be62b63715dc3738a3c))
+
+## [3.188.5](https://github.com/widergy/energy-ui/compare/v3.188.4...v3.188.5) (2026-09-24)
 
 
 ### Bug Fixes
 
-* minor changes ([#869](https://github.com/widergy/energy-ui/issues/869)) ([5b1e29a](https://github.com/widergy/energy-ui/commit/5b1e29a37d2c874abde20665742a208d54164611))
+* prop disabled in uttouchablewithfeedback radio ([#872](https://github.com/widergy/energy-ui/issues/872)) ([d3d6919](https://github.com/widergy/energy-ui/commit/d3d6919f544d569be32cd2f7d15cae0f6870d1be))
+
+## [3.188.4](https://github.com/widergy/energy-ui/compare/v3.188.3...v3.188.4) (2026-09-21)
+
+### Novedades y Mejoras
+
+* El texto de ayuda en la lista de adjuntos ahora soporta formato enriquecido, mejorando la legibilidad de las instrucciones para el usuario. [#869](https://github.com/widergy/Energy-UI/pull/869) [DEV-999](https://widergy.atlassian.net/browse/DEV-999)
+* Se aumentó el tamaño del ícono de recarga en las tablas para facilitar su identificación y uso. [#869](https://github.com/widergy/Energy-UI/pull/869) [DEV-999](https://widergy.atlassian.net/browse/DEV-999)
 
 ## [3.188.3](https://github.com/widergy/energy-ui/compare/v3.188.2...v3.188.3) (2026-09-21)
 

package/dist/components/UTRadioGroup/versions/V1/components/Radio/index.js

@@ -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,description:a,descriptionProps:r={},disabled:o,icon:n,iconProps:c={},iconSelectedProps:s={},name:l,nameProps:i={},nameSelectedProps:p={},onChange:_,prefix:d,selected:u,suffix:T,theme:m,tooltip:f,variant:y=_constants.RADIO_VARIANTS.DEFAULT}=e;const E=y===_constants.RADIO_VARIANTS.CARD,{areaBackground:N,areaBorderColor:h}=(0,_utils.getIconAreaColors)(m),b=l&&_react.default.createElement(_UTLabel.default,_extends({className:t.name,colorTheme:"dark"},i,u?p:{}),l);return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:t.root,onClick:()=>!o&&_()},y===_constants.RADIO_VARIANTS.DEFAULT&&_react.default.createElement("div",{className:t.radioCircleContainer},_react.default.createElement("div",{className:t.radioCircle},u&&_react.default.createElement("div",{className:t.radioDot}))),_react.default.createElement("div",{className:t.content},(()=>{if(!n)return null;const e=(0,_utils.getIconContentType)(n);if(e===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:n.alt||"",className:t.iconImage,src:n.src});if(e===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=n;return _react.default.createElement(e,{className:t.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:n,size:_constants.ICON_SIZES[y]},E&&{area:!0,areaBackground:N,areaBorderColor:h,areaRadius:_constants.ICON_AREA_RADIUS,areaSize:_constants.ICON_AREA_SIZE},c,u?s:{}))})(),_react.default.createElement("div",{className:t.contentContainer},_react.default.createElement("div",{className:t.content},d&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},d),E&&f?_react.default.createElement("div",{className:t.titleAndTooltip},b,_react.default.createElement(_UTTooltip.default,{content:f},_react.default.createElement("span",{className:t.tooltip},_react.default.createElement(_UTIcon.default,{className:t.infoIcon,colorTheme:u&&E?"accent":o&&E?"gray":"dark",name:"IconHelp",size:20})))):b,T&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",weight:"medium"},T)),_react.default.createElement(_UTLabel.default,_extends({className:t.description,colorTheme:"gray",variant:"body"},r),a))),E&&_react.default.createElement("div",{className:t.cardRadio},u&&_react.default.createElement("div",{className:t.radioDot})),u&&y===_constants.RADIO_VARIANTS.BUTTON&&_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:_propTypes.object,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);
+"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,description:a,descriptionProps:r={},disabled:o,icon:n,iconProps:c={},iconSelectedProps:s={},name:l,nameProps:i={},nameSelectedProps:p={},onChange:_,prefix:d,selected:u,suffix:T,theme:m,tooltip:f,variant:y=_constants.RADIO_VARIANTS.DEFAULT}=e;const E=y===_constants.RADIO_VARIANTS.CARD,{areaBackground:N,areaBorderColor:h}=(0,_utils.getIconAreaColors)(m),b=l&&_react.default.createElement(_UTLabel.default,_extends({className:t.name,colorTheme:"dark"},i,u?p:{}),l);return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:t.root,disabled:o,onClick:()=>!o&&_()},y===_constants.RADIO_VARIANTS.DEFAULT&&_react.default.createElement("div",{className:t.radioCircleContainer},_react.default.createElement("div",{className:t.radioCircle},u&&_react.default.createElement("div",{className:t.radioDot}))),_react.default.createElement("div",{className:t.content},(()=>{if(!n)return null;const e=(0,_utils.getIconContentType)(n);if(e===_constants.ICON_CONTENT_TYPES.IMAGE)return _react.default.createElement("img",{alt:n.alt||"",className:t.iconImage,src:n.src});if(e===_constants.ICON_CONTENT_TYPES.COMPONENT){const e=n;return _react.default.createElement(e,{className:t.icon})}return _react.default.createElement(_UTIcon.default,_extends({colorTheme:"dark",name:n,size:_constants.ICON_SIZES[y]},E&&{area:!0,areaBackground:N,areaBorderColor:h,areaRadius:_constants.ICON_AREA_RADIUS,areaSize:_constants.ICON_AREA_SIZE},c,u?s:{}))})(),_react.default.createElement("div",{className:t.contentContainer},_react.default.createElement("div",{className:t.content},d&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},d),E&&f?_react.default.createElement("div",{className:t.titleAndTooltip},b,_react.default.createElement(_UTTooltip.default,{content:f},_react.default.createElement("span",{className:t.tooltip},_react.default.createElement(_UTIcon.default,{className:t.infoIcon,colorTheme:u&&E?"accent":o&&E?"gray":"dark",name:"IconHelp",size:20})))):b,T&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",weight:"medium"},T)),_react.default.createElement(_UTLabel.default,_extends({className:t.description,colorTheme:"gray",variant:"body"},r),a))),E&&_react.default.createElement("div",{className:t.cardRadio},u&&_react.default.createElement("div",{className:t.radioDot})),u&&y===_constants.RADIO_VARIANTS.BUTTON&&_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:_propTypes.object,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);

package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/index.js

@@ -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,description:a,descriptionProps:o={},disabled:r,icon:c,iconProps:n={},iconSelectedProps:i={},name:l,nameProps:s={},nameSelectedProps:m={},onChange:T,prefix:d,selected:p,suffix:R,theme:E,tooltip:I,variant:N=RADIO_VARIANTS.DEFAULT}=e;const A=N===RADIO_VARIANTS.CARD,{areaBackground:h,areaBorderColor:b}=getIconAreaColors(E),f=l&&React.createElement(UTLabel,_extends({className:t.name,colorTheme:"dark"},s,p?m:{}),l);return React.createElement(UTTouchableWithoutFeedback,{className:t.root,onClick:()=>!r&&T()},N===RADIO_VARIANTS.DEFAULT&&React.createElement("div",{className:t.radioCircleContainer},React.createElement("div",{className:t.radioCircle},p&&React.createElement("div",{className:t.radioDot}))),React.createElement("div",{className:t.content},(()=>{if(!c)return null;const e=getIconContentType(c);if(e===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:c.alt||"",className:t.iconImage,src:c.src});if(e===ICON_CONTENT_TYPES.COMPONENT){const e=c;return React.createElement(e,{className:t.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:c,size:ICON_SIZES[N]},A&&{area:!0,areaBackground:h,areaBorderColor:b,areaRadius:ICON_AREA_RADIUS,areaSize:ICON_AREA_SIZE},n,p?i:{}))})(),React.createElement("div",{className:t.contentContainer},React.createElement("div",{className:t.content},d&&React.createElement(UTLabel,{colorTheme:"gray"},d),A&&I?React.createElement("div",{className:t.titleAndTooltip},f,React.createElement(UTTooltip,{content:I},React.createElement("span",{className:t.tooltip},React.createElement(UTIcon,{className:t.infoIcon,colorTheme:p&&A?"accent":r&&A?"gray":"dark",name:"IconHelp",size:20})))):f,R&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",weight:"medium"},R)),React.createElement(UTLabel,_extends({className:t.description,colorTheme:"gray",variant:"body"},o),a))),A&&React.createElement("div",{className:t.cardRadio},p&&React.createElement("div",{className:t.radioDot})),p&&N===RADIO_VARIANTS.BUTTON&&React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:object,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);
+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,description:a,descriptionProps:o={},disabled:r,icon:c,iconProps:n={},iconSelectedProps:i={},name:l,nameProps:s={},nameSelectedProps:m={},onChange:T,prefix:d,selected:p,suffix:R,theme:E,tooltip:I,variant:N=RADIO_VARIANTS.DEFAULT}=e;const A=N===RADIO_VARIANTS.CARD,{areaBackground:b,areaBorderColor:h}=getIconAreaColors(E),f=l&&React.createElement(UTLabel,_extends({className:t.name,colorTheme:"dark"},s,p?m:{}),l);return React.createElement(UTTouchableWithoutFeedback,{className:t.root,disabled:r,onClick:()=>!r&&T()},N===RADIO_VARIANTS.DEFAULT&&React.createElement("div",{className:t.radioCircleContainer},React.createElement("div",{className:t.radioCircle},p&&React.createElement("div",{className:t.radioDot}))),React.createElement("div",{className:t.content},(()=>{if(!c)return null;const e=getIconContentType(c);if(e===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:c.alt||"",className:t.iconImage,src:c.src});if(e===ICON_CONTENT_TYPES.COMPONENT){const e=c;return React.createElement(e,{className:t.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:c,size:ICON_SIZES[N]},A&&{area:!0,areaBackground:b,areaBorderColor:h,areaRadius:ICON_AREA_RADIUS,areaSize:ICON_AREA_SIZE},n,p?i:{}))})(),React.createElement("div",{className:t.contentContainer},React.createElement("div",{className:t.content},d&&React.createElement(UTLabel,{colorTheme:"gray"},d),A&&I?React.createElement("div",{className:t.titleAndTooltip},f,React.createElement(UTTooltip,{content:I},React.createElement("span",{className:t.tooltip},React.createElement(UTIcon,{className:t.infoIcon,colorTheme:p&&A?"accent":r&&A?"gray":"dark",name:"IconHelp",size:20})))):f,R&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",weight:"medium"},R)),React.createElement(UTLabel,_extends({className:t.description,colorTheme:"gray",variant:"body"},o),a))),A&&React.createElement("div",{className:t.cardRadio},p&&React.createElement("div",{className:t.radioDot})),p&&N===RADIO_VARIANTS.BUTTON&&React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:object,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);

package/dist/esm/utils/hooks/useCSSVariables/utils.js

@@ -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[c,n]=t;a[c]=a[n]}),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};
+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};

package/dist/utils/hooks/useCSSVariables/utils.js

@@ -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:c={},...o}=e||{},a={...t,...o};return Object.entries(n).concat(Object.entries(c)).forEach(e=>{let[t,n]=e;a[t]=a[n]}),a};exports.mapTokens=mapTokens;const hexToRgb=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,n,c)=>"".concat(t).concat(t).concat(n).concat(n).concat(c).concat(c)),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 c=e/255,o=t/255,a=n/255,r=Math.max(c,o,a),s=Math.min(c,o,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 c:u=((o-a)/b+(o<a?6:0))/6;break;case o:u=((a-c)/b+2)/6;break;default:u=((c-o)/b+4)/6}return[360*u,100*i,100*l]},hslToHex=(e,t,n)=>{const c=e/360,o=t/100,a=n/100,r=(e,t,n)=>{const c=(n%1+1)%1;return c<1/6?e+6*(t-e)*c:c<.5?t:c<2/3?e+(t-e)*(2/3-c)*6:e};let s,l,b;if(0===o)s=a,l=a,b=a;else{const e=a<.5?a*(1+o):a+o-a*o,t=2*a-e;s=r(t,e,c+1/3),l=r(t,e,c),b=r(t,e,c-1/3)}const i=e=>Math.round(255*e).toString(16).padStart(2,"0");return"#".concat(i(s)).concat(i(l)).concat(i(b))},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,c,o]=t,[a,r,s]=rgbToHsl(n,c,o),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(c,", ").concat(o,", ").concat(e/1e3,")")}),l};exports.generateAccentTokens=generateAccentTokens;
+"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;

package/package.json

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