@widergy/energy-ui 3.177.0 → 3.178.0

package/dist/esm/components/UTFieldLabel/styles.module.scss

@@ -2,7 +2,7 @@
   align-items: center;
   display: flex;
   flex-direction: row;
-  gap: 8px;
+  gap: var(--UT-fieldLabel-gap-sm, 8px);
   justify-content: space-between;
   width: 100%
 }
@@ -10,16 +10,16 @@
 .label {
   display: flex;
   flex-direction: row;
-  grid-gap: 4px;
+  grid-gap: var(--UT-fieldLabel-gap-xs, 4px);
 }
 
 .actionsContainer {
   display: flex;
-  gap: 8px;
+  gap: var(--UT-fieldLabel-gap-sm, 8px);
 }
 
 .labelContent {
   display: flex;
   flex-direction: row;
-  gap: 16px;
+  gap: var(--UT-fieldLabel-gap-lg, 16px);
 }

package/dist/esm/components/UTFileInput/layout.js

@@ -1 +1 @@
-function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import React,{PureComponent,Fragment}from"react";import{string,func,bool,objectOf}from"prop-types";import UTLabel from"../UTLabel";import styles from"./styles.module.scss";var uploadIcon=function(e){return React.createElement("svg",e,React.createElement("g",{fill:"#4d97fa"},React.createElement("path",{d:"M185.749 81.664v204.501h42.667V81.664l70.251 70.251 30.165-30.166L207.083 0 85.333 121.749l30.166 30.166zM335.083 328.832v42.667h-256v-42.667H36.416v42.667c0 23.509 19.115 42.667 42.667 42.667h256c23.552 0 42.667-19.157 42.667-42.667v-42.667h-42.667z"})))};uploadIcon.defaultProps={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 414.165 414.165",style:{enableBackground:"new 0 0 414.165 414.165"},xmlSpace:"preserve",width:"512",height:"512"};import{UPLOADING,SELECT_FILE}from"./constants";class UTFileInput extends PureComponent{constructor(e){super(e),_defineProperty(this,"handleDragLeave",()=>this.setState({hasDrag:!1})),_defineProperty(this,"handleDragOver",e=>e&&this.setState({hasDrag:!0})),_defineProperty(this,"handleOnDrop",()=>this.setState({hasDrag:!1})),this.state={hasDrag:!1}}render(){const{classes:e,containerClassname:t,dataTestId:a,disabled:n,error:r,errorClassname:s,errorText:o,fileType:l,icon:i,inputClassname:c,label:m,loading:p,loadingTextClassname:d,name:g,onChange:u,uploadingText:h}=this.props,f=uploadIcon;return React.createElement(Fragment,null,React.createElement("div",{className:"\n            ".concat(styles.inputContainer,"\n            ").concat(this.state.hasDrag&&styles.inputContainerDrag,"\n            ").concat(p&&styles.inputContainerLoading,"\n            ").concat(e.container,"\n            ").concat(t,"\n          "),onDragLeave:this.handleDragLeave,onDragOver:this.handleDragOver,onDrop:this.handleOnDrop},p?React.createElement(Fragment,null,React.createElement(UTLabel,{colorTheme:"gray",className:"".concat(styles.loadingLabel," ").concat(d)},h),React.createElement("div",{className:styles.loading})):React.createElement("div",{className:"".concat(styles.insideContainer," ").concat(n?styles.disabled:"")},i||React.createElement(f,{className:"".concat(styles.icon," ").concat(e.icon)}),React.createElement(UTLabel,{variant:"small",className:"".concat(styles.label," ").concat(e.fileInputLabel)},m)),React.createElement("input",{accept:l,className:"".concat(styles.input," ").concat(c),"data-testid":a,disabled:n,name:g,onChange:u,type:"file"})),r&&React.createElement(UTLabel,{className:s,colorTheme:"error",variant:"small"},o))}}UTFileInput.defaultProps={label:SELECT_FILE,uploadingText:UPLOADING},UTFileInput.propTypes={classes:objectOf(string),containerClassname:string,dataTestId:string,disabled:bool,error:bool,errorClassname:string,errorText:string,fileType:string,icon:string,inputClassname:string,label:string,loading:bool,loadingTextClassname:string,name:string,onChange:func.isRequired,uploadingText:string};export default UTFileInput;
+function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import React,{PureComponent,Fragment}from"react";import{string,func,bool,objectOf}from"prop-types";import UTLabel from"../UTLabel";import styles from"./styles.module.scss";var uploadIcon=function(e){return React.createElement("svg",e,React.createElement("g",{fill:"#4d97fa"},React.createElement("path",{d:"M185.749 81.664v204.501h42.667V81.664l70.251 70.251 30.165-30.166L207.083 0 85.333 121.749l30.166 30.166zM335.083 328.832v42.667h-256v-42.667H36.416v42.667c0 23.509 19.115 42.667 42.667 42.667h256c23.552 0 42.667-19.157 42.667-42.667v-42.667h-42.667z"})))};uploadIcon.defaultProps={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 414.165 414.165",style:{enableBackground:"new 0 0 414.165 414.165"},xmlSpace:"preserve",width:"512",height:"512"};import{UPLOADING,SELECT_FILE}from"./constants";class UTFileInput extends PureComponent{constructor(e){super(e),_defineProperty(this,"handleDragLeave",()=>this.setState({hasDrag:!1})),_defineProperty(this,"handleDragOver",e=>e&&this.setState({hasDrag:!0})),_defineProperty(this,"handleOnDrop",()=>this.setState({hasDrag:!1})),this.state={hasDrag:!1}}render(){const{classes:e,containerClassname:t,dataTestId:a,disabled:n,error:r,errorClassname:s,errorText:o,fileType:l,icon:i,inputClassname:c,label:m,loading:p,loadingTextClassname:d,name:g,onChange:u,uploadingText:h}=this.props,f=uploadIcon;return React.createElement(React.Fragment,null,React.createElement("div",{className:"\n            ".concat(styles.inputContainer,"\n            ").concat(this.state.hasDrag&&styles.inputContainerDrag,"\n            ").concat(p&&styles.inputContainerLoading,"\n            ").concat(e.container,"\n            ").concat(t,"\n          "),onDragLeave:this.handleDragLeave,onDragOver:this.handleDragOver,onDrop:this.handleOnDrop},p?React.createElement(React.Fragment,null,React.createElement(UTLabel,{colorTheme:"gray",className:"".concat(styles.loadingLabel," ").concat(d)},h),React.createElement("div",{className:styles.loading})):React.createElement("div",{className:"".concat(styles.insideContainer," ").concat(n?styles.disabled:"")},i||React.createElement(f,{className:"".concat(styles.icon," ").concat(e.icon)}),React.createElement(UTLabel,{variant:"small",className:"".concat(styles.label," ").concat(e.fileInputLabel)},m)),React.createElement("input",{accept:l,className:"".concat(styles.input," ").concat(c),"data-testid":a,disabled:n,name:g,onChange:u,type:"file"})),r&&React.createElement(UTLabel,{className:s,colorTheme:"error",variant:"small"},o))}}UTFileInput.defaultProps={label:SELECT_FILE,uploadingText:UPLOADING},UTFileInput.propTypes={classes:objectOf(string),containerClassname:string,dataTestId:string,disabled:bool,error:bool,errorClassname:string,errorText:string,fileType:string,icon:string,inputClassname:string,label:string,loading:bool,loadingTextClassname:string,name:string,onChange:func.isRequired,uploadingText:string};export default UTFileInput;

package/dist/esm/components/UTFileInput/styles.module.scss

@@ -23,15 +23,15 @@
 
 .inputContainer {
   background-color: $white;
-  border-radius: 4px;
+  border-radius: var(--UT-fileInput-radius, 4px);
   box-shadow: 0 2px 4px -1px $card-shadow-1, 0 4px 5px 0 $card-shadow-2, 0 1px 10px 0 $card-shadow-3;
   cursor: pointer;
-  margin-bottom: 4px;
-  max-height: 48px;
+  margin-bottom: var(--UT-fileInput-container-margin, 4px);
+  max-height: var(--UT-fileInput-container-height, 48px);
   max-width: 180px;
   min-width: 180px;
   overflow: hidden;
-  padding-top: 5px;
+  padding-top: var(--UT-fileInput-container-padding, 4px);
   position: relative;
   text-align: center;
   transition: background-color, box-shadow 0.2s ease;
@@ -53,9 +53,9 @@
 }
 
 .icon {
-  height: 20px;
-  padding: 2px 0 5px 3px;
-  width: 30px;
+  height: var(--UT-fileInput-icon-height, 20px);
+  padding: var(--UT-fileInput-icon-padding-top, 2px) 0 var(--UT-fileInput-icon-padding-sm, 4px) var(--UT-fileInput-icon-padding-sm, 4px);
+  width: var(--UT-fileInput-icon-width, 32px);
 }
 
 @keyframes move-bg {
@@ -92,8 +92,8 @@
 
 .loadingLabel {
   cursor: pointer;
-  padding-bottom: 10px;
-  padding-top: 5px;
+  padding-bottom: var(--UT-fileInput-label-padding-bottom, 8px);
+  padding-top: var(--UT-fileInput-label-padding-top, 4px);
   position: relative;
   z-index: 5;
 }
@@ -105,7 +105,7 @@
 
 .label {
   cursor: pointer;
-  padding: 5px 3px 10px;
+  padding: var(--UT-fileInput-label-padding-top, 4px) var(--UT-fileInput-label-padding-x, 4px) var(--UT-fileInput-label-padding-bottom, 8px);
 }
 
 .error {

package/dist/esm/components/UTHeader/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 n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}import React,{useMemo,useState}from"react";import{arrayOf,bool,element,func,object,objectOf,shape,string}from"prop-types";import isEmpty from"lodash/isEmpty";import WithTheme from"../WithTheme";import UTLabel from"../UTLabel";import UTBanner from"../UTBanner";import{mergeClasses}from"../../utils/classesUtils";import UTMenu from"../UTMenu";import UTButton from"../UTButton";var Ellipsis=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Z"}))};Ellipsis.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};var Edit=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m16.019 10.678-2.695-2.695 1.948-1.949 2.694 2.694-1.947 1.95Zm-6.94 6.946-2.976.271.264-2.956 5.617-5.617 2.696 2.696-5.6 5.606ZM19.405 7.337h-.001l-2.738-2.739c-.741-.739-2.014-.774-2.716-.069l-8.996 8.996a1.973 1.973 0 0 0-.57 1.214l-.38 4.17a1.002 1.002 0 0 0 1.088 1.086l4.17-.379a1.974 1.974 0 0 0 1.214-.568l8.997-8.997c.728-.73.697-1.948-.068-2.714Z"}))};Edit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const UTHeader=e=>{var t,a;let{actions:n,banner:s,classNames:l,classes:i={},helpText:r,helpTextDataTestId:o,isLastStep:c,requiredFieldInfo:m,requiredFieldInfoDataTestId:d,subtitle:p,subtitleDataTestId:u,tagline:T,taglineDataTestId:g,title:h,titleDataTestId:f,TitleIcon:v,titleProps:b}=e;const E=useMemo(()=>mergeClasses(i,l),[l]),y=n.find(e=>e.main),I=n.filter((e,t)=>t!==n.indexOf(y)),R=(null==y?void 0:y.Icon)||Edit,w=T||h||p||m||r||s,[x,U]=useState(),C="20px",N=(e,t)=>React.isValidElement(e)?e:t,M=N(T,React.createElement(UTLabel,{className:styles.stepTitle,colorTheme:"gray",dataTestId:g,variant:"small",weight:"medium"},T)),k=N(h,React.createElement(UTLabel,_extends({className:"".concat(styles.title," ").concat(b.className),dataTestId:f,variant:null!==(t=b.variant)&&void 0!==t?t:"title2",weight:null!==(a=b.weight)&&void 0!==a?a:"medium"},b,{withMarkdown:!0}),h)),O=N(p,React.createElement(UTLabel,{className:styles.subtitle,colorTheme:"gray",dataTestId:u,variant:"body",withMarkdown:!0},p)),j=N(m,React.createElement(UTLabel,{colorTheme:"gray",dataTestId:d,variant:"small",withMarkdown:!0},m)),D=N(r,React.createElement(UTLabel,{colorTheme:"gray",dataTestId:o,variant:"small"},r));return React.createElement("div",{className:E.outerContainer},React.createElement("div",{className:"".concat(styles.container," ").concat(!w&&styles.containerMargin," ")},React.createElement("div",{className:"".concat(styles.header," ").concat((null==s?void 0:s.text)&&styles.bottomPadding)},T&&!c&&M,React.createElement("div",{className:"".concat(styles.titles," ").concat(E.titles)},React.createElement("div",{className:styles.titleAndActionsContainer},v&&React.createElement(v,{className:E.titleIcon}),k,!isEmpty(n)&&React.createElement("div",{className:styles.actionsContainer},y&&(y.Component?React.createElement(y.Component,null):React.createElement(UTButton,{colorTheme:"primary",Icon:R,onClick:y.onClick,variant:"text"})),!isEmpty(I)&&React.createElement("div",null,React.createElement(UTButton,{onClick:e=>U(e.target),variant:"text",Icon:Ellipsis}),React.createElement(UTMenu,{anchor:x,items:I.map(e=>{let{label:t,onClick:a}=e;return{key:t,label:t,onClick:a}}),menuPlacement:"bottom-end",onClose:()=>U()})))),p&&O),m&&j,r&&D),(null==s?void 0:s.text)&&React.createElement(UTBanner,{classNames:{infoContainer:styles.bannerContainer},iconProps:{height:C,width:C},Icon:s.Icon,title:s.text})))};UTHeader.propTypes={actions:arrayOf(object),banner:shape({Icon:object,text:string}),classNames:objectOf(string),classes:objectOf(string),helpText:string,helpTextDataTestId:string,isLastStep:bool,requiredFieldInfo:string,requiredFieldInfoDataTestId:string,subtitle:string,subtitleDataTestId:string,tagline:string,taglineDataTestId:string,title:string,titleDataTestId:string,TitleIcon:element,titleProps:shape({align:string,classes:objectOf(string),className:string,dataTestId:string,markdownRenderers:objectOf(func),title:string,variant:string,withMarkdown:bool})};export default WithTheme(retrieveStyle)(UTHeader);
+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 n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}import React,{useMemo,useState}from"react";import{arrayOf,bool,element,func,object,objectOf,shape,string}from"prop-types";import isEmpty from"lodash/isEmpty";import WithTheme from"../WithTheme";import UTLabel from"../UTLabel";import UTBanner from"../UTBanner";import{mergeClasses}from"../../utils/classesUtils";import UTMenu from"../UTMenu";import UTButton from"../UTButton";var Ellipsis=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Z"}))};Ellipsis.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};var Edit=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m16.019 10.678-2.695-2.695 1.948-1.949 2.694 2.694-1.947 1.95Zm-6.94 6.946-2.976.271.264-2.956 5.617-5.617 2.696 2.696-5.6 5.606ZM19.405 7.337h-.001l-2.738-2.739c-.741-.739-2.014-.774-2.716-.069l-8.996 8.996a1.973 1.973 0 0 0-.57 1.214l-.38 4.17a1.002 1.002 0 0 0 1.088 1.086l4.17-.379a1.974 1.974 0 0 0 1.214-.568l8.997-8.997c.728-.73.697-1.948-.068-2.714Z"}))};Edit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const UTHeader=e=>{var t,a;let{actions:n,banner:s,classNames:l,classes:i={},helpText:r,helpTextDataTestId:o,isLastStep:c,requiredFieldInfo:m,requiredFieldInfoDataTestId:d,subtitle:g,subtitleDataTestId:p,tagline:u,taglineDataTestId:T,taglineProps:h={},title:v,titleDataTestId:f,TitleIcon:b,titleProps:E}=e;const y=useMemo(()=>mergeClasses(i,l),[l]),I=n.find(e=>e.main),R=n.filter((e,t)=>t!==n.indexOf(I)),w=(null==I?void 0:I.Icon)||Edit,x=u||v||g||m||r||s,[U,N]=useState(),C="20px",M=(e,t)=>React.isValidElement(e)?e:t,k=M(u,React.createElement(UTLabel,_extends({className:styles.stepTitle,colorTheme:"gray",dataTestId:T,variant:"small",weight:"medium"},h),u)),O=M(v,React.createElement(UTLabel,_extends({className:"".concat(styles.title," ").concat(E.className),dataTestId:f,variant:null!==(t=E.variant)&&void 0!==t?t:"title2",weight:null!==(a=E.weight)&&void 0!==a?a:"medium"},E,{withMarkdown:!0}),v)),j=M(g,React.createElement(UTLabel,{className:styles.subtitle,colorTheme:"gray",dataTestId:p,variant:"body",withMarkdown:!0},g)),D=M(m,React.createElement(UTLabel,{colorTheme:"gray",dataTestId:d,variant:"small",withMarkdown:!0},m)),P=M(r,React.createElement(UTLabel,{colorTheme:"gray",dataTestId:o,variant:"small"},r));return React.createElement("div",{className:y.outerContainer},React.createElement("div",{className:"".concat(styles.container," ").concat(!x&&styles.containerMargin," ")},React.createElement("div",{className:"".concat(styles.header," ").concat((null==s?void 0:s.text)&&styles.bottomPadding)},u&&!c&&k,React.createElement("div",{className:"".concat(styles.titles," ").concat(y.titles)},React.createElement("div",{className:styles.titleAndActionsContainer},b&&React.createElement(b,{className:y.titleIcon}),O,!isEmpty(n)&&React.createElement("div",{className:styles.actionsContainer},I&&(I.Component?React.createElement(I.Component,null):React.createElement(UTButton,{colorTheme:"primary",Icon:w,onClick:I.onClick,variant:"text"})),!isEmpty(R)&&React.createElement("div",null,React.createElement(UTButton,{onClick:e=>N(e.target),variant:"text",Icon:Ellipsis}),React.createElement(UTMenu,{anchor:U,items:R.map(e=>{let{label:t,onClick:a}=e;return{key:t,label:t,onClick:a}}),menuPlacement:"bottom-end",onClose:()=>N()})))),g&&j),m&&D,r&&P),(null==s?void 0:s.text)&&React.createElement(UTBanner,{classNames:{infoContainer:styles.bannerContainer},iconProps:{height:C,width:C},Icon:s.Icon,title:s.text})))};UTHeader.propTypes={actions:arrayOf(object),banner:shape({Icon:object,text:string}),classNames:objectOf(string),classes:objectOf(string),helpText:string,helpTextDataTestId:string,isLastStep:bool,requiredFieldInfo:string,requiredFieldInfoDataTestId:string,subtitle:string,subtitleDataTestId:string,tagline:string,taglineDataTestId:string,taglineProps:shape({className:string,colorTheme:string,shade:string,variant:string,weight:string}),title:string,titleDataTestId:string,TitleIcon:element,titleProps:shape({align:string,classes:objectOf(string),className:string,dataTestId:string,markdownRenderers:objectOf(func),title:string,variant:string,withMarkdown:bool})};export default WithTheme(retrieveStyle)(UTHeader);

package/dist/esm/components/UTHeader/styles.module.scss

@@ -1,6 +1,6 @@
 @use '../../scss/variables/mediaQueries.module.scss' as *;
 
-$header-workflow-max-width: 966px;
+$header-workflow-max-width: 800px;
 
 .actionsContainer {
   align-items: flex-start;
@@ -14,10 +14,10 @@ $header-workflow-max-width: 966px;
   justify-content: space-between;
   margin: 0 auto;
   max-width: $header-workflow-max-width;
-  padding: 24px 32px 32px;
+  padding: var(--padding-lg, 24px) var(--padding-xl, 32px);
 
   @media #{$tablet-mobile} {
-    padding: 24px 16px;
+    padding: var(--padding-lg, 24px) var(--padding-md, 16px);
   }
 }
 
@@ -28,7 +28,7 @@ $header-workflow-max-width: 966px;
 .header {
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: var(--gap-sm, 8px);
   padding: 0;
   width: 100%;
 }
@@ -58,12 +58,11 @@ $header-workflow-max-width: 966px;
   grid-gap: 16px;
   word-break: break-word;
   justify-content: space-between;
-  margin-bottom: 12px;
+  margin-bottom: var(--UT-header-gap-titles, 12px);
 }
 
 .title,
 .subtitle {
-  max-width: 500px;
   overflow-wrap: break-word;
   line-height: 22px;
 }

package/dist/esm/components/UTIcon/constants.js

@@ -1 +1 @@
-import React from"react";import{COLOR_SHADES,COLOR_THEMES}from"../../constants/Palette";var EnergyIconBottledGas=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M14.955 8h-5.91A3.036 3.036 0 0 0 6 11.027v4.946A3.036 3.036 0 0 0 9.045 19h5.91A3.036 3.036 0 0 0 18 15.973v-4.946A3.036 3.036 0 0 0 14.955 8Z",strokeMiterlimit:"10"}),React.createElement("path",{d:"M9.25 8V4.448c0-.524.42-.948.94-.948h3.62c.52 0 .94.424.94.948V8M8 19v1.016c0 .543.408.984.911.984h6.178c.503 0 .911-.44.911-.984V19M6 12h12",strokeMiterlimit:"10"}))};EnergyIconBottledGas.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconBottledGasPlus=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M6.786 9.357V6.313c0-.45.36-.813.806-.813h3.102a.81.81 0 0 1 .806.813v3.044m-5.786 9.429v.87c0 .466.35.844.781.844h5.295c.431 0 .781-.377.781-.843v-.871m-8.571-6h10.286m-2.61-3.429H6.61A2.603 2.603 0 0 0 4 11.952v4.239a2.603 2.603 0 0 0 2.61 2.595h5.066a2.603 2.603 0 0 0 2.61-2.595v-4.239a2.603 2.603 0 0 0-2.61-2.595Z",strokeWidth:"1.5",strokeMiterlimit:"10"}),React.createElement("path",{d:"M15 6h6m-3-3v6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconBottledGasPlus.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconCar=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M0 0h24v24H0z",stroke:"none"}),React.createElement("path",{d:"M5 17H3v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0H9m-6-6h15m-6 0V6"}),React.createElement("path",{d:"M5 17a2 2 0 1 0 4 0 2 2 0 1 0-4 0M15 17a2 2 0 1 0 4 0 2 2 0 1 0-4 0"}))};EnergyIconCar.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"icon icon-tabler icons-tabler-outline icon-tabler-car"};var EnergyIconCarbonFootprint=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M21.72 15.19c-.8 3.17-5.19 5.09-8.65 4.87-.66-.67-2.9-3.34-2.06-6.78.98-4.02 7-5.57 9.92-7.42.62-.39 1.8 5.35.79 9.33Z"}),React.createElement("path",{d:"M18.52 11.16c-3.57 1.15-5.98 5.03-5.45 8.9M8.41 19.32c-2.05-.82-3.78-2.26-4.25-4.13-1.01-3.98.17-9.72.79-9.33M4.95 5.86c1.34.85 3.32 1.63 5.18 2.62"}))};EnergyIconCarbonFootprint.defaultProps={width:"26",height:"26",viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",strokeWidth:"2"};var EnergyIconCart=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M4 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM15 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM6 5l14 1-1 7H6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M4 3h2v14h11",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconCart.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconChatSparkFilled=function(e){return React.createElement("svg",e,React.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(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.645.828a.75.75 0 0 0-.72.54l-7.848 26.906a.75.75 0 0 0 .72.96h10.361L19.021 46.33a.75.75 0 0 0 1.369.509l17.937-26.906a.75.75 0 0 0-.624-1.166H27.574L33.922 1.84a.75.75 0 0 0-.702-1.013H18.645Z"}))};EnergyIconConsumption.defaultProps={width:"49",height:"48",viewBox:"0 0 49 48",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25 20.833A4.167 4.167 0 0 0 20.833 25v50A4.167 4.167 0 0 0 25 79.167h50A4.167 4.167 0 0 0 79.167 75V25A4.167 4.167 0 0 0 75 20.833H25ZM12.5 25c0-6.904 5.596-12.5 12.5-12.5h50c6.904 0 12.5 5.596 12.5 12.5v50c0 6.904-5.596 12.5-12.5 12.5H25c-6.904 0-12.5-5.596-12.5-12.5V25Z"}),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M50.183 33.458c1.635.455 2.554 2.03 2.053 3.516l-3.286 9.747h6.287c1.017 0 1.97.454 2.548 1.215a2.6 2.6 0 0 1 .348 2.597L52.17 64.848c-.606 1.454-2.393 2.186-3.992 1.636-1.6-.551-2.405-2.176-1.8-3.63l4.375-10.503h-5.991c-.982 0-1.906-.424-2.49-1.142-.584-.717-.758-1.645-.47-2.498l4.512-13.387c.501-1.486 2.233-2.322 3.868-1.866Z"}))};EnergyIconConsumptionBoxFilled.defaultProps={width:"100",height:"100",viewBox:"0 0 100 100",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxPlusFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}),React.createElement("path",{d:"M17.098 13.5c.483 0 .875.392.875.875v1.75h1.75a.875.875 0 1 1 0 1.75h-1.75v1.75a.875.875 0 0 1-1.75 0v-1.75h-1.75a.875.875 0 1 1 0-1.75h1.75v-1.75c0-.483.391-.875.875-.875Z"}))};EnergyIconConsumptionBoxPlusFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxRightFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),React.createElement("path",{d:"M17.9 14.2a.78.78 0 1 0-1 1.2l.745.62H15a.78.78 0 1 0 0 1.56h2.647l-.746.62a.78.78 0 1 0 .998 1.2l2.4-2a.78.78 0 0 0 0-1.2l-2.4-2Z"}),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}))};EnergyIconConsumptionBoxRightFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxMinusFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}),React.createElement("path",{d:"M15.086 14.697a1 1 0 0 1 1.414 0l1.293 1.293 1.293-1.293a1 1 0 0 1 1.414 1.415l-1.293 1.293 1.293 1.292a1 1 0 0 1-1.414 1.415l-1.293-1.293-1.293 1.293a1 1 0 0 1-1.414-1.415l1.293-1.293-1.293-1.292a1 1 0 0 1 0-1.415Z"}))};EnergyIconConsumptionBoxMinusFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconEdit=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m16.019 10.679-2.695-2.695 1.948-1.95 2.694 2.695-1.947 1.95Zm-6.94 6.946-2.976.27.264-2.955 5.617-5.617 2.696 2.696-5.6 5.606ZM19.405 7.338l-.001-.001-2.738-2.738c-.741-.74-2.014-.774-2.716-.07l-8.996 8.997a1.973 1.973 0 0 0-.57 1.214l-.38 4.17a1.002 1.002 0 0 0 1.088 1.086l4.17-.38a1.974 1.974 0 0 0 1.214-.567l8.997-8.997c.728-.73.697-1.948-.068-2.714Z"}))};EnergyIconEdit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconHome=function(e){return React.createElement("svg",e,React.createElement("path",{d:"m9.02 2.84-5.39 4.2C2.73 7.74 2 9.23 2 10.36v7.41c0 2.32 1.89 4.22 4.21 4.22h11.58c2.32 0 4.21-1.9 4.21-4.21V10.5c0-1.21-.81-2.76-1.8-3.45l-6.18-4.33c-1.4-.98-3.65-.93-5 .12Z",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M12 17.99v-3 3Z"}),React.createElement("path",{d:"M12 17.99v-3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconHome.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconMessageEdit=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M8 9h8M8 13h6M13 20l-1 1-3-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.5M18.93 15.522a1.797 1.797 0 0 1 2.933.583 1.8 1.8 0 0 1-.39 1.96l-2.903 2.93H16v-2.57l2.93-2.903Z"}))};EnergyIconMessageEdit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconQuestionFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd",d:"M10 2.287a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10Zm8.475-5.655a3.6 3.6 0 1 1 2.857 6.598.5.5 0 0 0-.334.5 1 1 0 0 1-1.996.114 2.5 2.5 0 0 1 1.65-2.495 1.6 1.6 0 1 0-1.855-2.458 1 1 0 0 1-1.594-1.208 3.6 3.6 0 0 1 1.272-1.051ZM10 14.287a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1Z"}))};EnergyIconQuestionFilled.defaultProps={width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconSendFilled=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M20.816 10.742 3.93 2.504a1.086 1.086 0 0 0-.524-.106 1.11 1.11 0 0 0-.508.16c-.152.098-.277.231-.367.387-.086.16-.133.336-.133.52v.027c0 .145.02.285.055.426l1.617 6.48c.024.086.07.165.137.223.07.055.152.094.242.102l7.117.793c.118.015.227.07.309.16a.49.49 0 0 1-.309.808l-7.117.793a.438.438 0 0 0-.379.325l-1.617 6.48a1.712 1.712 0 0 0-.055.422v.031c0 .18.047.36.137.516.086.16.211.293.363.387.157.097.329.152.508.16.184.011.364-.028.524-.106l16.886-8.238c.235-.113.434-.293.57-.516a1.378 1.378 0 0 0 0-1.48 1.426 1.426 0 0 0-.57-.516Zm0 0",fill:"currentColor"}))};EnergyIconSendFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconTruck=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M8 45.333v-32h26.667V16H48l8 13.333v16h-4c-2.134 4.236-3.616 5.301-6.667 5.334-3.599-.425-4.786-1.6-5.333-5.334H24c-.368 3.882-1.607 4.975-5.333 5.334-3.698-.845-5.033-1.904-5.334-5.334H8Z",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M13.333 45.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0ZM40 45.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0Z",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M13.333 45.333H8V34.667M5.333 13.333h29.334v32m-10.667 0h16m10.667 0H56v-16m0 0H34.667m21.333 0L48 16H34.667M8 24h10.667",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconTruck.defaultProps={width:"24",height:"24",viewBox:"0 0 64 64",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconFlameFilled=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),React.createElement("path",{d:"M10 2c0-.88 1.056-1.331 1.692-.722 1.958 1.876 3.096 5.995 1.75 9.12l-.08.174.012.003c.625.133 1.203-.43 2.303-2.173l.14-.224a1 1 0 0 1 1.582-.153C18.733 9.46 20 12.402 20 14.295 20 18.56 16.409 22 12 22s-8-3.44-8-7.706c0-2.252 1.022-4.716 2.632-6.301l.605-.589c.241-.236.434-.43.618-.624C9.285 5.268 10 3.856 10 2"}))};EnergyIconFlameFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-flame"};var EnergyIconBoltFilled=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),React.createElement("path",{d:"m13 2 .018.001.016.001.083.005.011.002h.011l.038.009.052.008.016.006.011.001.029.011.052.014.019.009.015.004.028.014.04.017.021.012.022.01.023.015.031.017.034.024.018.011.013.012.024.017.038.034.022.017.008.01.014.012.036.041.026.027.006.009c.12.147.196.322.218.513l.001.012.002.041L14 3v6h5a1 1 0 0 1 .868 1.497l-.06.091-8 11C11.24 22.371 10 21.968 10 21v-6H5a1 1 0 0 1-.868-1.497l.06-.091 8-11 .01-.013.018-.024.033-.038.018-.022.009-.008.013-.014.04-.036.028-.026.008-.006a1 1 0 0 1 .402-.199l.011-.001.027-.005.074-.013.011-.001.041-.002z"}))};EnergyIconBoltFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-bolt"};var EnergyIconPresentationFilled=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),React.createElement("path",{d:"M21 3a1 1 0 0 1 0 2v9a3 3 0 0 1-3 3h-5v2h2a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2h2v-2H6a3 3 0 0 1-3-3V5a1 1 0 1 1 0-2zm-4.293 4.293a1 1 0 0 0-1.414 0L13 9.585l-1.293-1.292a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 0 1.414l.094.083a1 1 0 0 0 1.32-.083L11 10.415l1.293 1.292a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414"}))};EnergyIconPresentationFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-presentation"};var EnergyIconCreditCardsFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m13.172 4.39.823 1.427.017.03h2.76a2.395 2.395 0 0 1 2.395 2.395v5.113a2.395 2.395 0 0 1-2.395 2.395H8.341l-1.242.717c-1.194.69-2.766.365-3.473-.86l-2.47-4.279c-.708-1.224-.202-2.748.991-3.437L9.7 3.531c1.194-.689 2.766-.365 3.473.86Zm-1.444.834.36.623H9.021l.534-.308.978-.565a.916.916 0 0 1 .901-.032.75.75 0 0 1 .294.282Zm-8.747 4.11L6.07 7.55c-.065.22-.1.452-.1.692v5.113c0 .578.204 1.11.546 1.523l-.252.146c-.475.274-.993.101-1.195-.25l-2.471-4.28c-.203-.35-.093-.885.382-1.16Zm5.384-1.82a.728.728 0 0 0-.728.728v.385H17.5v-.385a.728.728 0 0 0-.728-.728H8.365Zm9.135 2.78H7.637v3.06c0 .403.326.729.728.729h8.407a.728.728 0 0 0 .728-.728v-3.061Z"}))};EnergyIconCreditCardsFilled.defaultProps={width:"20",height:"20",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"};export const FILLED_ICON_COLOR="transparent";export const DEFAULT_INTERNAL_SHADE=COLOR_SHADES.shade02;export const DEFAULT_COLOR_THEME=COLOR_THEMES.dark;export const DEFAULT_VARIANT="default";export const FILLED_ICON_SUFIX="Filled";export const ENERGY_ICON_PREFIX="Energy";export const ENERGY_ICONS={EnergyIconBottledGas:EnergyIconBottledGas,EnergyIconBottledGasPlus:EnergyIconBottledGasPlus,EnergyIconCar:EnergyIconCar,EnergyIconCarbonFootprint:EnergyIconCarbonFootprint,EnergyIconCart:EnergyIconCart,EnergyIconChatSparkFilled:EnergyIconChatSparkFilled,EnergyIconConsumption:EnergyIconConsumption,EnergyIconConsumptionBoxFilled:EnergyIconConsumptionBoxFilled,EnergyIconEdit:EnergyIconEdit,EnergyIconHome:EnergyIconHome,EnergyIconMessageEdit:EnergyIconMessageEdit,EnergyIconQuestionFilled:EnergyIconQuestionFilled,EnergyIconSendFilled:EnergyIconSendFilled,EnergyIconTruck:EnergyIconTruck,EnergyIconConsumptionBoxPlusFilled:EnergyIconConsumptionBoxPlusFilled,EnergyIconConsumptionBoxRightFilled:EnergyIconConsumptionBoxRightFilled,EnergyIconConsumptionBoxMinusFilled:EnergyIconConsumptionBoxMinusFilled,EnergyIconFlameFilled:EnergyIconFlameFilled,EnergyIconBoltFilled:EnergyIconBoltFilled,EnergyIconPresentationFilled:EnergyIconPresentationFilled,EnergyIconCreditCardsFilled:EnergyIconCreditCardsFilled};
+import React from"react";import{COLOR_SHADES,COLOR_THEMES}from"../../constants/Palette";var EnergyIconBottledGas=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M14.955 8h-5.91A3.036 3.036 0 0 0 6 11.027v4.946A3.036 3.036 0 0 0 9.045 19h5.91A3.036 3.036 0 0 0 18 15.973v-4.946A3.036 3.036 0 0 0 14.955 8Z",strokeMiterlimit:"10"}),React.createElement("path",{d:"M9.25 8V4.448c0-.524.42-.948.94-.948h3.62c.52 0 .94.424.94.948V8M8 19v1.016c0 .543.408.984.911.984h6.178c.503 0 .911-.44.911-.984V19M6 12h12",strokeMiterlimit:"10"}))};EnergyIconBottledGas.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconBottledGasPlus=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M6.786 9.357V6.313c0-.45.36-.813.806-.813h3.102a.81.81 0 0 1 .806.813v3.044m-5.786 9.429v.87c0 .466.35.844.781.844h5.295c.431 0 .781-.377.781-.843v-.871m-8.571-6h10.286m-2.61-3.429H6.61A2.603 2.603 0 0 0 4 11.952v4.239a2.603 2.603 0 0 0 2.61 2.595h5.066a2.603 2.603 0 0 0 2.61-2.595v-4.239a2.603 2.603 0 0 0-2.61-2.595Z",strokeWidth:"1.5",strokeMiterlimit:"10"}),React.createElement("path",{d:"M15 6h6m-3-3v6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconBottledGasPlus.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconCar=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M0 0h24v24H0z",stroke:"none"}),React.createElement("path",{d:"M5 17H3v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0H9m-6-6h15m-6 0V6"}),React.createElement("path",{d:"M5 17a2 2 0 1 0 4 0 2 2 0 1 0-4 0M15 17a2 2 0 1 0 4 0 2 2 0 1 0-4 0"}))};EnergyIconCar.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"icon icon-tabler icons-tabler-outline icon-tabler-car"};var EnergyIconCarbonFootprint=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M21.72 15.19c-.8 3.17-5.19 5.09-8.65 4.87-.66-.67-2.9-3.34-2.06-6.78.98-4.02 7-5.57 9.92-7.42.62-.39 1.8 5.35.79 9.33Z"}),React.createElement("path",{d:"M18.52 11.16c-3.57 1.15-5.98 5.03-5.45 8.9M8.41 19.32c-2.05-.82-3.78-2.26-4.25-4.13-1.01-3.98.17-9.72.79-9.33M4.95 5.86c1.34.85 3.32 1.63 5.18 2.62"}))};EnergyIconCarbonFootprint.defaultProps={width:"26",height:"26",viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",strokeWidth:"2"};var EnergyIconCart=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M4 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM15 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM6 5l14 1-1 7H6",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M4 3h2v14h11",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconCart.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconChatSparkFilled=function(e){return React.createElement("svg",e,React.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(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.645.828a.75.75 0 0 0-.72.54l-7.848 26.906a.75.75 0 0 0 .72.96h10.361L19.021 46.33a.75.75 0 0 0 1.369.509l17.937-26.906a.75.75 0 0 0-.624-1.166H27.574L33.922 1.84a.75.75 0 0 0-.702-1.013H18.645Z"}))};EnergyIconConsumption.defaultProps={width:"49",height:"48",viewBox:"0 0 49 48",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25 20.833A4.167 4.167 0 0 0 20.833 25v50A4.167 4.167 0 0 0 25 79.167h50A4.167 4.167 0 0 0 79.167 75V25A4.167 4.167 0 0 0 75 20.833H25ZM12.5 25c0-6.904 5.596-12.5 12.5-12.5h50c6.904 0 12.5 5.596 12.5 12.5v50c0 6.904-5.596 12.5-12.5 12.5H25c-6.904 0-12.5-5.596-12.5-12.5V25Z"}),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M50.183 33.458c1.635.455 2.554 2.03 2.053 3.516l-3.286 9.747h6.287c1.017 0 1.97.454 2.548 1.215a2.6 2.6 0 0 1 .348 2.597L52.17 64.848c-.606 1.454-2.393 2.186-3.992 1.636-1.6-.551-2.405-2.176-1.8-3.63l4.375-10.503h-5.991c-.982 0-1.906-.424-2.49-1.142-.584-.717-.758-1.645-.47-2.498l4.512-13.387c.501-1.486 2.233-2.322 3.868-1.866Z"}))};EnergyIconConsumptionBoxFilled.defaultProps={width:"100",height:"100",viewBox:"0 0 100 100",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxPlusFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}),React.createElement("path",{d:"M17.098 13.5c.483 0 .875.392.875.875v1.75h1.75a.875.875 0 1 1 0 1.75h-1.75v1.75a.875.875 0 0 1-1.75 0v-1.75h-1.75a.875.875 0 1 1 0-1.75h1.75v-1.75c0-.483.391-.875.875-.875Z"}))};EnergyIconConsumptionBoxPlusFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxRightFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),React.createElement("path",{d:"M17.9 14.2a.78.78 0 1 0-1 1.2l.745.62H15a.78.78 0 1 0 0 1.56h2.647l-.746.62a.78.78 0 1 0 .998 1.2l2.4-2a.78.78 0 0 0 0-1.2l-2.4-2Z"}),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}))};EnergyIconConsumptionBoxRightFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconConsumptionBoxMinusFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.207 20a1 1 0 0 1-1 1H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.986a1 1 0 0 1-2 0V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6.207a1 1 0 0 1 1 1Z"}),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.549 7.702a.78.78 0 0 1 .349 1.047l-.836 1.67h.838a.78.78 0 0 1 .698 1.13l-1.4 2.8a.78.78 0 0 1-1.396-.698l.836-1.671H10.8a.78.78 0 0 1-.698-1.13l1.4-2.8a.78.78 0 0 1 1.047-.348Z"}),React.createElement("path",{d:"M15.086 14.697a1 1 0 0 1 1.414 0l1.293 1.293 1.293-1.293a1 1 0 0 1 1.414 1.415l-1.293 1.293 1.293 1.292a1 1 0 0 1-1.414 1.415l-1.293-1.293-1.293 1.293a1 1 0 0 1-1.414-1.415l1.293-1.293-1.293-1.292a1 1 0 0 1 0-1.415Z"}))};EnergyIconConsumptionBoxMinusFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconEdit=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m16.019 10.679-2.695-2.695 1.948-1.95 2.694 2.695-1.947 1.95Zm-6.94 6.946-2.976.27.264-2.955 5.617-5.617 2.696 2.696-5.6 5.606ZM19.405 7.338l-.001-.001-2.738-2.738c-.741-.74-2.014-.774-2.716-.07l-8.996 8.997a1.973 1.973 0 0 0-.57 1.214l-.38 4.17a1.002 1.002 0 0 0 1.088 1.086l4.17-.38a1.974 1.974 0 0 0 1.214-.567l8.997-8.997c.728-.73.697-1.948-.068-2.714Z"}))};EnergyIconEdit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconHome=function(e){return React.createElement("svg",e,React.createElement("path",{d:"m9.02 2.84-5.39 4.2C2.73 7.74 2 9.23 2 10.36v7.41c0 2.32 1.89 4.22 4.21 4.22h11.58c2.32 0 4.21-1.9 4.21-4.21V10.5c0-1.21-.81-2.76-1.8-3.45l-6.18-4.33c-1.4-.98-3.65-.93-5 .12Z",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M12 17.99v-3 3Z"}),React.createElement("path",{d:"M12 17.99v-3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconHome.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconMessageEdit=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M8 9h8M8 13h6M13 20l-1 1-3-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v5.5M18.93 15.522a1.797 1.797 0 0 1 2.933.583 1.8 1.8 0 0 1-.39 1.96l-2.903 2.93H16v-2.57l2.93-2.903Z"}))};EnergyIconMessageEdit.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconQuestionFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd",d:"M10 2.287a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10Zm8.475-5.655a3.6 3.6 0 1 1 2.857 6.598.5.5 0 0 0-.334.5 1 1 0 0 1-1.996.114 2.5 2.5 0 0 1 1.65-2.495 1.6 1.6 0 1 0-1.855-2.458 1 1 0 0 1-1.594-1.208 3.6 3.6 0 0 1 1.272-1.051ZM10 14.287a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1Z"}))};EnergyIconQuestionFilled.defaultProps={width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconSendFilled=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M20.816 10.742 3.93 2.504a1.086 1.086 0 0 0-.524-.106 1.11 1.11 0 0 0-.508.16c-.152.098-.277.231-.367.387-.086.16-.133.336-.133.52v.027c0 .145.02.285.055.426l1.617 6.48c.024.086.07.165.137.223.07.055.152.094.242.102l7.117.793c.118.015.227.07.309.16a.49.49 0 0 1-.309.808l-7.117.793a.438.438 0 0 0-.379.325l-1.617 6.48a1.712 1.712 0 0 0-.055.422v.031c0 .18.047.36.137.516.086.16.211.293.363.387.157.097.329.152.508.16.184.011.364-.028.524-.106l16.886-8.238c.235-.113.434-.293.57-.516a1.378 1.378 0 0 0 0-1.48 1.426 1.426 0 0 0-.57-.516Zm0 0",fill:"currentColor"}))};EnergyIconSendFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconTruck=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M8 45.333v-32h26.667V16H48l8 13.333v16h-4c-2.134 4.236-3.616 5.301-6.667 5.334-3.599-.425-4.786-1.6-5.333-5.334H24c-.368 3.882-1.607 4.975-5.333 5.334-3.698-.845-5.033-1.904-5.334-5.334H8Z",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M13.333 45.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0ZM40 45.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0Z",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M13.333 45.333H8V34.667M5.333 13.333h29.334v32m-10.667 0h16m10.667 0H56v-16m0 0H34.667m21.333 0L48 16H34.667M8 24h10.667",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}))};EnergyIconTruck.defaultProps={width:"24",height:"24",viewBox:"0 0 64 64",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"};var EnergyIconFlameFilled=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),React.createElement("path",{d:"M10 2c0-.88 1.056-1.331 1.692-.722 1.958 1.876 3.096 5.995 1.75 9.12l-.08.174.012.003c.625.133 1.203-.43 2.303-2.173l.14-.224a1 1 0 0 1 1.582-.153C18.733 9.46 20 12.402 20 14.295 20 18.56 16.409 22 12 22s-8-3.44-8-7.706c0-2.252 1.022-4.716 2.632-6.301l.605-.589c.241-.236.434-.43.618-.624C9.285 5.268 10 3.856 10 2"}))};EnergyIconFlameFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-flame"};var EnergyIconBoltFilled=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),React.createElement("path",{d:"m13 2 .018.001.016.001.083.005.011.002h.011l.038.009.052.008.016.006.011.001.029.011.052.014.019.009.015.004.028.014.04.017.021.012.022.01.023.015.031.017.034.024.018.011.013.012.024.017.038.034.022.017.008.01.014.012.036.041.026.027.006.009c.12.147.196.322.218.513l.001.012.002.041L14 3v6h5a1 1 0 0 1 .868 1.497l-.06.091-8 11C11.24 22.371 10 21.968 10 21v-6H5a1 1 0 0 1-.868-1.497l.06-.091 8-11 .01-.013.018-.024.033-.038.018-.022.009-.008.013-.014.04-.036.028-.026.008-.006a1 1 0 0 1 .402-.199l.011-.001.027-.005.074-.013.011-.001.041-.002z"}))};EnergyIconBoltFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-bolt"};var EnergyIconPresentationFilled=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),React.createElement("path",{d:"M21 3a1 1 0 0 1 0 2v9a3 3 0 0 1-3 3h-5v2h2a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2h2v-2H6a3 3 0 0 1-3-3V5a1 1 0 1 1 0-2zm-4.293 4.293a1 1 0 0 0-1.414 0L13 9.585l-1.293-1.292a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 0 1.414l.094.083a1 1 0 0 0 1.32-.083L11 10.415l1.293 1.292a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414"}))};EnergyIconPresentationFilled.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",className:"icon icon-tabler icons-tabler-filled icon-tabler-presentation"};var EnergyIconCreditCardsFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m13.172 4.39.823 1.427.017.03h2.76a2.395 2.395 0 0 1 2.395 2.395v5.113a2.395 2.395 0 0 1-2.395 2.395H8.341l-1.242.717c-1.194.69-2.766.365-3.473-.86l-2.47-4.279c-.708-1.224-.202-2.748.991-3.437L9.7 3.531c1.194-.689 2.766-.365 3.473.86Zm-1.444.834.36.623H9.021l.534-.308.978-.565a.916.916 0 0 1 .901-.032.75.75 0 0 1 .294.282Zm-8.747 4.11L6.07 7.55c-.065.22-.1.452-.1.692v5.113c0 .578.204 1.11.546 1.523l-.252.146c-.475.274-.993.101-1.195-.25l-2.471-4.28c-.203-.35-.093-.885.382-1.16Zm5.384-1.82a.728.728 0 0 0-.728.728v.385H17.5v-.385a.728.728 0 0 0-.728-.728H8.365Zm9.135 2.78H7.637v3.06c0 .403.326.729.728.729h8.407a.728.728 0 0 0 .728-.728v-3.061Z"}))};EnergyIconCreditCardsFilled.defaultProps={width:"20",height:"20",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"};export const FILLED_ICON_COLOR="transparent";export const DEFAULT_INTERNAL_SHADE=COLOR_SHADES.shade02;export const DEFAULT_COLOR_THEME=COLOR_THEMES.dark;export const DEFAULT_VARIANT="default";export const FILLED_ICON_SUFIX="Filled";export const ENERGY_ICON_PREFIX="Energy";export const DEFAULT_ICON_SIZE=24;export const AREA_BORDER_WIDTH="1px";export const ENERGY_ICONS={EnergyIconBottledGas:EnergyIconBottledGas,EnergyIconBottledGasPlus:EnergyIconBottledGasPlus,EnergyIconCar:EnergyIconCar,EnergyIconCarbonFootprint:EnergyIconCarbonFootprint,EnergyIconCart:EnergyIconCart,EnergyIconChatSparkFilled:EnergyIconChatSparkFilled,EnergyIconConsumption:EnergyIconConsumption,EnergyIconConsumptionBoxFilled:EnergyIconConsumptionBoxFilled,EnergyIconEdit:EnergyIconEdit,EnergyIconHome:EnergyIconHome,EnergyIconMessageEdit:EnergyIconMessageEdit,EnergyIconQuestionFilled:EnergyIconQuestionFilled,EnergyIconSendFilled:EnergyIconSendFilled,EnergyIconTruck:EnergyIconTruck,EnergyIconConsumptionBoxPlusFilled:EnergyIconConsumptionBoxPlusFilled,EnergyIconConsumptionBoxRightFilled:EnergyIconConsumptionBoxRightFilled,EnergyIconConsumptionBoxMinusFilled:EnergyIconConsumptionBoxMinusFilled,EnergyIconFlameFilled:EnergyIconFlameFilled,EnergyIconBoltFilled:EnergyIconBoltFilled,EnergyIconPresentationFilled:EnergyIconPresentationFilled,EnergyIconCreditCardsFilled:EnergyIconCreditCardsFilled};

package/dist/esm/components/UTIcon/index.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)({}).hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_extends.apply(null,arguments)}import React,{Suspense}from"react";import WithTheme from"../WithTheme";import{iconPropTypes}from"../../types/iconTypes";import{getClassNames,getComponent,getIconProps,retrieveStyle}from"./theme";import{DEFAULT_VARIANT}from"./constants";const UTIcon=e=>{let{area:t,classes:s,className:a,color:o,colorTheme:r,dataTestId:n,fillShade:l,fillTheme:c,name:m,shade:i,size:p,theme:h,variant:T=DEFAULT_VARIANT}=e;const f=getIconProps({color:o,colorTheme:r,fillShade:l,fillTheme:c,name:m,shade:i,theme:h,size:p}),d=getClassNames({area:t,color:o,colorTheme:r,classes:s,className:a,size:p,variant:T}),u=getComponent(m);return u?React.createElement(Suspense,{fallback:null},React.createElement(u,_extends({className:d,"data-testid":n},f))):null};UTIcon.propTypes=iconPropTypes;export default WithTheme(retrieveStyle)(UTIcon);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},_extends.apply(null,arguments)}import React,{Suspense}from"react";import WithTheme from"../WithTheme";import{iconPropTypes}from"../../types/iconTypes";import{getClassNames,getComponent,getIconProps,retrieveStyle}from"./theme";import{DEFAULT_VARIANT}from"./constants";const UTIcon=e=>{let{area:a,areaBackground:r,areaBorderColor:t,areaRadius:o,areaSize:s,classes:n,className:l,color:c,colorTheme:i,dataTestId:m,fillShade:p,fillTheme:d,name:h,shade:T,size:f,theme:u,variant:g=DEFAULT_VARIANT}=e;const y=getIconProps({area:a,areaBackground:r,areaBorderColor:t,areaRadius:o,areaSize:s,color:c,colorTheme:i,fillShade:p,fillTheme:d,name:h,shade:T,theme:u,size:f}),I=getClassNames({area:a,color:c,colorTheme:i,classes:n,className:l,size:f,variant:g}),S=getComponent(h);return S?React.createElement(Suspense,{fallback:null},React.createElement(S,_extends({className:I,"data-testid":m},y))):null};UTIcon.propTypes=iconPropTypes;export default WithTheme(retrieveStyle)(UTIcon);

package/dist/esm/components/UTIcon/styles.module.scss

@@ -5,7 +5,8 @@ $padding-xlarge: 12px;
 $padding-xxlarge: 21px;
 
 .withArea {
-  border-radius: 100px;
+  border-radius: var(--UT-icon-area-radius, 9999px);
+  box-sizing: content-box;
 }
 
 @for $i from 0 through 23 {

package/dist/esm/components/UTIcon/theme.js

@@ -1 +1 @@
-import React from"react";import*as TablerIcons from"@tabler/icons-react";import{capitalize,getDefaultColorShade}from"../../utils/componentUtils";import countries from"../../constants/countries";import{ENERGY_ICONS,ENERGY_ICON_PREFIX,FILLED_ICON_COLOR,FILLED_ICON_SUFIX,DEFAULT_INTERNAL_SHADE,DEFAULT_COLOR_THEME}from"./constants";import styles from"./styles.module.scss";import flagComponentMap from"./components/FlagsIcons/flagsComponents";const FLAG_CODES=new Set(countries.map(e=>{let{code:t}=e;return t})),flagComponentCache={},isCSSVar=e=>"string"==typeof e&&e.startsWith("var("),getFlagComponent=e=>{if(!(e in flagComponentCache)){const t=flagComponentMap[e];flagComponentCache[e]=t?React.lazy(t):null}return flagComponentCache[e]};export const retrieveColor=e=>{var t;let{colorTheme:o,shade:a,theme:n}=e;return(n.Palette[o]||(null===(t=n.Palette.actions)||void 0===t?void 0:t[o])||n.Palette[DEFAULT_COLOR_THEME])[a||getDefaultColorShade(o)]};export const getIconProps=e=>{let{color:t,colorTheme:o,fillShade:a,fillTheme:n,name:r,shade:l,size:c,style:s,theme:i}=e;const m=retrieveColor({colorTheme:t||o,theme:i,shade:l}),h=r.endsWith(FILLED_ICON_SUFIX),C=r.startsWith(ENERGY_ICON_PREFIX),E=FLAG_CODES.has(r),g=h?FILLED_ICON_COLOR:m,p=n&&retrieveColor({colorTheme:n,theme:i,shade:a||DEFAULT_INTERNAL_SHADE}),d=isCSSVar(c),u=d?void 0:c,_={stroke:g,...u&&{width:u,height:u}};return{style:{...h?{color:m}:s||{},...d?{width:c,height:c}:{}},...p&&{fill:p},...C?_:E?{width:u||24,height:u||24}:{color:g,size:u},name:r}};const VARIANT_STYLE_MAPPER=function(){return{...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}}};export const getClassNames=e=>{let{area:t,color:o,colorTheme:a,classes:n,className:r,size:l,variant:c}=e;const s=VARIANT_STYLE_MAPPER(n)["".concat(a||o).concat(capitalize(c))];return"".concat(r," ").concat(styles.icon," ").concat(t&&"".concat(styles.withArea," ").concat(s," ").concat(styles["size".concat(l)]))};export const retrieveStyle=e=>{var t,o,a;let{areaColor:n,color:r,colorTheme:l,shade:c,theme:s}=e;const i=retrieveColor({colorTheme:r||l,theme:s,shade:c}),m="2px solid ".concat(i),h={accent:n||(null===(t=s.Palette.actions)||void 0===t?void 0:t.accent["01"])||s.Palette.accent["01"],dark:n||s.Palette.light["03"],error:n||s.Palette.error["01"],gray:n||s.Palette.light["03"],information:n||s.Palette.information["01"],light:n||s.Palette.light["03"],negative:n||(null===(o=s.Palette.actions)||void 0===o?void 0:o.negative["01"])||s.Palette.negative["01"],neutral:n||(null===(a=s.Palette.actions)||void 0===a?void 0:a.neutral["01"])||s.Palette.neutral["01"],success:n||s.Palette.success["01"],warning:n||s.Palette.warning["01"]};return Object.keys(h).reduce((e,t)=>(e["".concat(t,"Default")]={backgroundColor:h[t]},e["".concat(t,"Outlined")]={border:m},e),{})};export const getComponent=e=>ENERGY_ICONS[e]?ENERGY_ICONS[e]:TablerIcons[e]?TablerIcons[e]:FLAG_CODES.has(e)?getFlagComponent(e):null;
+import React from"react";import*as TablerIcons from"@tabler/icons-react";import{capitalize,getDefaultColorShade}from"../../utils/componentUtils";import countries from"../../constants/countries";import{ENERGY_ICONS,ENERGY_ICON_PREFIX,FILLED_ICON_COLOR,FILLED_ICON_SUFIX,DEFAULT_INTERNAL_SHADE,DEFAULT_COLOR_THEME,DEFAULT_ICON_SIZE,AREA_BORDER_WIDTH}from"./constants";import styles from"./styles.module.scss";import flagComponentMap from"./components/FlagsIcons/flagsComponents";const FLAG_CODES=new Set(countries.map(e=>{let{code:t}=e;return t})),flagComponentCache={},isCSSVar=e=>"string"==typeof e&&e.startsWith("var("),getFlagComponent=e=>{if(!(e in flagComponentCache)){const t=flagComponentMap[e];flagComponentCache[e]=t?React.lazy(t):null}return flagComponentCache[e]};export const retrieveColor=e=>{var t;let{colorTheme:o,shade:a,theme:r}=e;return(r.Palette[o]||(null===(t=r.Palette.actions)||void 0===t?void 0:t[o])||r.Palette[DEFAULT_COLOR_THEME])[a||getDefaultColorShade(o)]};const getAreaStyle=e=>{let{area:t,areaBackground:o,areaBorderColor:a,areaRadius:r,areaSize:n,resolvedSize:l}=e;if(!t)return{};const c=l||DEFAULT_ICON_SIZE;return{...n?{padding:Math.max((n-c)/2,0)}:{},...o&&{backgroundColor:o},...a&&{border:"".concat(AREA_BORDER_WIDTH," solid ").concat(a)},...void 0!==r&&{borderRadius:r}}};export const getIconProps=e=>{let{area:t,areaBackground:o,areaBorderColor:a,areaRadius:r,areaSize:n,color:l,colorTheme:c,fillShade:s,fillTheme:i,name:d,shade:m,size:h,style:C,theme:E}=e;const g=retrieveColor({colorTheme:l||c,theme:E,shade:m}),u=d.endsWith(FILLED_ICON_SUFIX),_=d.startsWith(ENERGY_ICON_PREFIX),I=FLAG_CODES.has(d),p=u?FILLED_ICON_COLOR:g,R=i&&retrieveColor({colorTheme:i,theme:E,shade:s||DEFAULT_INTERNAL_SHADE}),S=isCSSVar(h),A=S?void 0:h,T={stroke:p,...A&&{width:A,height:A}};return{style:{...u?{color:g}:C||{},...S?{width:h,height:h}:{},...getAreaStyle({area:t,areaBackground:o,areaBorderColor:a,areaRadius:r,areaSize:n,resolvedSize:A})},...R&&{fill:R},..._?T:I?{width:A||24,height:A||24}:{color:p,size:A},name:d}};const VARIANT_STYLE_MAPPER=function(){return{...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}}};export const getClassNames=e=>{let{area:t,color:o,colorTheme:a,classes:r,className:n,size:l,variant:c}=e;const s=VARIANT_STYLE_MAPPER(r)["".concat(a||o).concat(capitalize(c))];return"".concat(n," ").concat(styles.icon," ").concat(t&&"".concat(styles.withArea," ").concat(s," ").concat(styles["size".concat(l)]))};export const retrieveStyle=e=>{var t,o,a;let{color:r,colorTheme:n,shade:l,theme:c}=e;const s=retrieveColor({colorTheme:r||n,theme:c,shade:l}),i="".concat(AREA_BORDER_WIDTH," solid ").concat(s),d={accent:(null===(t=c.Palette.actions)||void 0===t?void 0:t.accent["01"])||c.Palette.accent["01"],dark:c.Palette.light["03"],error:c.Palette.error["01"],gray:c.Palette.light["03"],information:c.Palette.information["01"],light:c.Palette.light["03"],negative:(null===(o=c.Palette.actions)||void 0===o?void 0:o.negative["01"])||c.Palette.negative["01"],neutral:(null===(a=c.Palette.actions)||void 0===a?void 0:a.neutral["01"])||c.Palette.neutral["01"],success:c.Palette.success["01"],warning:c.Palette.warning["01"]};return Object.keys(d).reduce((e,t)=>(e["".concat(t,"Default")]={backgroundColor:d[t]},e["".concat(t,"Outlined")]={border:i},e),{})};export const getComponent=e=>ENERGY_ICONS[e]?ENERGY_ICONS[e]:TablerIcons[e]?TablerIcons[e]:FLAG_CODES.has(e)?getFlagComponent(e):null;

package/dist/esm/components/UTImageRadio/components/ImageRadioCard/styles.module.scss

@@ -2,14 +2,9 @@
 @use '../../../../scss/variables/colors.module.scss' as *;
 @use '../../../../scss/variables/mediaQueries.module.scss' as *;
 
-$default-text-grid-gap: 8px;
-$content-grid-gap: 16px;
-$compact-padding: 16px;
-$default-border-radius: 5px;
-
 .container {
   align-items: center;
-  border-radius: $default-border-radius;
+  border-radius: var(--UT-imageRadio-radius, 4px);
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -23,7 +18,7 @@ $default-border-radius: 5px;
 }
 
 .compact {
-  padding: $compact-padding;
+  padding: var(--UT-imageRadio-padding-md, 16px);
 }
 
 .oneColumn {
@@ -34,7 +29,7 @@ $default-border-radius: 5px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  gap: $default-text-grid-gap;
+  gap: var(--UT-imageRadio-gap-sm, 8px);
 }
 
 .image {
@@ -69,12 +64,12 @@ $default-border-radius: 5px;
 .contentContainer {
   align-items: center;
   background-color: $image-radio-background;
-  border-radius: $default-border-radius;
+  border-radius: var(--UT-imageRadio-radius, 4px);
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
   flex-direction: row;
-  gap: $content-grid-gap;
+  gap: var(--UT-imageRadio-gap-lg, 16px);
   height: fit-content;
   transition: background-color 0.2s ease-in-out;
 
@@ -84,7 +79,7 @@ $default-border-radius: 5px;
 }
 
 .twoColumns {
-  width: calc(50% - 2 * #{$content-grid-gap});
+  width: calc(50% - 2 * var(--UT-imageRadio-gap-lg, 16px));
 }
 
 .contentWithTooltip {

package/dist/esm/components/UTImageRadio/index.js

@@ -1 +1 @@
-import React,{Fragment,memo}from"react";import{string,number,bool,objectOf,arrayOf}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{useComponentDimensions}from"@widergy/energy-hooks";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{mergeClasses}from"../../utils/classesUtils";import{fieldType,inputPropTypes,metaPropTypes}from"../../types/formTypes";import{retrieveStyle}from"./theme";import ImageRadioCard from"./components/ImageRadioCard";import styles from"./styles.module.scss";import{sortOptions}from"./utils";import{DEFAULT_ONE_COLUMN_BREAKPOINT}from"./constants";import{optionType}from"./types";const UTImageRadio=e=>{let{classNames:o,classes:t,compact:r,dataTestId:a,disabled:s,field:m,input:i={},leftAligned:n,meta:l,oneColumn:p,oneColumnBreakpoint:c=DEFAULT_ONE_COLUMN_BREAKPOINT,options:d=[]}=e;const f=[...d],{value:u,onChange:T}=i,{ref:y,width:g}=useComponentDimensions(),b=n||(null==m?void 0:m.configuration.left_aligned),h=mergeClasses(t,o);return React.createElement(Fragment,null,React.createElement("div",{ref:y,className:"".concat(styles.container," ").concat(h.container," ").concat(b&&styles.leftAligned)},f.sort(sortOptions).map((e,o)=>React.createElement(ImageRadioCard,{classes:h,compact:r,dataTestId:"".concat(a).concat(o),disabled:s,isSelected:u===e.value,key:e.value,onChange:T,oneColumn:p||g<c,option:e,variant:null==m?void 0:m.configuration}))),l&&shouldShowErrors(l)&&React.createElement(UTLabel,{colorTheme:"error",className:styles.error,variant:"small"},l.error))};UTImageRadio.propTypes={classNames:objectOf(string),classes:objectOf(string),compact:bool,dataTestId:string,disabled:bool,field:fieldType,input:inputPropTypes,leftAligned:bool,meta:metaPropTypes,oneColumn:bool,oneColumnBreakpoint:number,options:arrayOf(optionType)};export default WithTheme(retrieveStyle)(memo(UTImageRadio));
+import React,{Fragment,memo}from"react";import{string,number,bool,objectOf,arrayOf}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{useComponentDimensions}from"@widergy/energy-hooks";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{mergeClasses}from"../../utils/classesUtils";import{fieldType,inputPropTypes,metaPropTypes}from"../../types/formTypes";import{retrieveStyle}from"./theme";import ImageRadioCard from"./components/ImageRadioCard";import styles from"./styles.module.scss";import{sortOptions}from"./utils";import{DEFAULT_ONE_COLUMN_BREAKPOINT}from"./constants";import{optionType}from"./types";const UTImageRadio=e=>{let{classNames:o,classes:t,compact:r,dataTestId:a,disabled:s,field:m,input:i={},leftAligned:n,meta:l,oneColumn:p,oneColumnBreakpoint:c=DEFAULT_ONE_COLUMN_BREAKPOINT,options:d=[]}=e;const f=[...d],{value:u,onChange:T}=i,{ref:y,width:g}=useComponentDimensions(),b=n||(null==m?void 0:m.configuration.left_aligned),h=mergeClasses(t,o);return React.createElement(React.Fragment,null,React.createElement("div",{ref:y,className:"".concat(styles.container," ").concat(h.container," ").concat(b&&styles.leftAligned)},f.sort(sortOptions).map((e,o)=>React.createElement(ImageRadioCard,{classes:h,compact:r,dataTestId:"".concat(a).concat(o),disabled:s,isSelected:u===e.value,key:e.value,onChange:T,oneColumn:p||g<c,option:e,variant:null==m?void 0:m.configuration}))),l&&shouldShowErrors(l)&&React.createElement(UTLabel,{colorTheme:"error",className:styles.error,variant:"small"},l.error))};UTImageRadio.propTypes={classNames:objectOf(string),classes:objectOf(string),compact:bool,dataTestId:string,disabled:bool,field:fieldType,input:inputPropTypes,leftAligned:bool,meta:metaPropTypes,oneColumn:bool,oneColumnBreakpoint:number,options:arrayOf(optionType)};export default WithTheme(retrieveStyle)(memo(UTImageRadio));

package/dist/esm/components/UTImageRadio/styles.module.scss

@@ -2,7 +2,7 @@
   align-items: stretch;
   display: flex;
   flex-wrap: wrap;
-  gap: 16px;
+  gap: var(--UT-imageRadio-gap-lg, 16px);
   height: fit-content;
   justify-content: center;
   width: 100%;
@@ -13,5 +13,5 @@
 }
 
 .error {
-  margin-top: 10px;
+  margin-top: var(--UT-imageRadio-error-margin, 8px);
 }

package/dist/esm/components/UTKpi/styles.module.scss

@@ -1,19 +1,19 @@
 .container {
   display: flex;
   flex-direction: column;
-  border-radius: 8px;
-  padding: 16px 16px 12px 16px;
-  gap: 16px;
+  border-radius: var(--UT-kpi-radius, 8px);
+  padding: var(--UT-kpi-padding-top, 16px) var(--UT-kpi-padding-x, 16px) var(--UT-kpi-padding-bottom, 12px);
+  gap: var(--UT-kpi-gap-md, 16px);
 }
 
 .contentContainer {
   display: flex;
-  gap: 16px;
+  gap: var(--UT-kpi-gap-md, 16px);
   align-items: center;
 }
 
 .valuesContainer {
   display: flex;
-  gap: 4px;
+  gap: var(--UT-kpi-gap-xs, 4px);
   align-items: center;
 }

package/dist/esm/components/UTLabel/components/Markdown/components/ListItem/index.js

@@ -1 +1 @@
-import React,{Fragment,memo}from"react";import{object}from"prop-types";import UTIcon from"../../../../../UTIcon";import WithCustomHandler from"../WithCustomHandler";import{cleanElementProps}from"../../utils";import styles from"./styles.module.scss";const ListItem=e=>{var t;let{children:r,node:l,...s}=e;if((Array.isArray(null==l||null===(t=l.properties)||void 0===t?void 0:t.className)?l.properties.className:[]).includes("task-list-item")){var a,n;const e=null==l||null===(a=l.children)||void 0===a?void 0:a[0],t=Boolean(null==e||null===(n=e.properties)||void 0===n?void 0:n.checked),s=Array.isArray(r)?r.slice(1):r;return React.createElement("li",{className:styles.taskListItem},t?React.createElement(Fragment,null,React.createElement(UTIcon,{area:!0,colorTheme:"success",name:"IconCheck",size:16}),React.createElement("span",{className:styles.itemContentChecked},s)):React.createElement(Fragment,null,React.createElement("span",{className:styles.taskItemIconUnchecked}),React.createElement("span",null,s)))}const o=Array.isArray(r)?r:r?[r]:[],c={...cleanElementProps(s),...(null==l?void 0:l.properties)||{}};return React.createElement("li",c,o)};ListItem.propTypes={node:object};export default memo(WithCustomHandler(ListItem));
+import React,{Fragment,memo}from"react";import{object}from"prop-types";import UTIcon from"../../../../../UTIcon";import WithCustomHandler from"../WithCustomHandler";import{cleanElementProps}from"../../utils";import styles from"./styles.module.scss";const ListItem=e=>{var t;let{children:r,node:l,...s}=e;if((Array.isArray(null==l||null===(t=l.properties)||void 0===t?void 0:t.className)?l.properties.className:[]).includes("task-list-item")){var a,c;const e=null==l||null===(a=l.children)||void 0===a?void 0:a[0],t=Boolean(null==e||null===(c=e.properties)||void 0===c?void 0:c.checked),s=Array.isArray(r)?r.slice(1):r;return React.createElement("li",{className:styles.taskListItem},t?React.createElement(React.Fragment,null,React.createElement(UTIcon,{area:!0,colorTheme:"success",name:"IconCheck",size:16}),React.createElement("span",{className:styles.itemContentChecked},s)):React.createElement(React.Fragment,null,React.createElement("span",{className:styles.taskItemIconUnchecked}),React.createElement("span",null,s)))}const n=Array.isArray(r)?r:r?[r]:[],o={...cleanElementProps(s),...(null==l?void 0:l.properties)||{}};return React.createElement("li",o,n)};ListItem.propTypes={node:object};export default memo(WithCustomHandler(ListItem));

package/dist/esm/components/UTLabel/constants.js

@@ -1 +1 @@
-import{COLOR_THEMES}from"../../constants/Palette";export const VARIANTS_NAMES={TITLE1:"title1",TITLE2:"title2",TITLE3:"title3",SUBTITLE1:"subtitle1",SUBTITLE2:"subtitle2",BODY:"body",SMALL:"small",XSMALL:"xsmall",TH:"th",TD:"td"};export const VARIANTS={[VARIANTS_NAMES.TITLE1]:"h1",[VARIANTS_NAMES.TITLE2]:"h2",[VARIANTS_NAMES.TITLE3]:"h3",[VARIANTS_NAMES.SUBTITLE1]:"h4",[VARIANTS_NAMES.SUBTITLE2]:"h5",[VARIANTS_NAMES.BODY]:"div",[VARIANTS_NAMES.SMALL]:"div",[VARIANTS_NAMES.XSMALL]:"div",[VARIANTS_NAMES.TH]:"th",[VARIANTS_NAMES.TD]:"td"};export const VARIANTS_SIZES={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-size-title-1, 1.875rem)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-size-title-2, 1.5rem)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-size-title-3, 1.375rem)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-size-subtitle-1, 1.125rem)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-size-subtitle-2, 1rem)",[VARIANTS_NAMES.BODY]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-size-small, 0.875rem)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-size-xsmall, 0.75rem)",[VARIANTS_NAMES.TH]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.TD]:"var(--UT-label-size-body, 1rem)"};export const VARIANTS_LINE_HEIGHT={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.BODY]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-lh-small, 1.4)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-lh-xsmall, 1.5)",[VARIANTS_NAMES.TH]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.TD]:"var(--UT-label-lh-body, 1.4)"};export const WEIGHTS={thin:"var(--UT-label-weight-thin, 100)",extralight:"var(--UT-label-weight-extralight, 200)",light:"var(--UT-label-weight-light, 300)",regular:"var(--UT-label-weight-regular, 400)",medium:"var(--UT-label-weight-medium, 500)",semibold:"var(--UT-label-weight-semibold, 600)",bold:"var(--UT-label-weight-bold, 700)",extrabold:"var(--UT-label-weight-extrabold, 800)",black:"var(--UT-label-weight-black, 900)"};export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.dark,field:{},markdownExtended:!1,markdownRenderers:{},variant:"body",weight:"regular",withMarkdown:!1};
+import{COLOR_THEMES}from"../../constants/Palette";export const VARIANTS_NAMES={TITLE1:"title1",TITLE2:"title2",TITLE3:"title3",SUBTITLE1:"subtitle1",SUBTITLE2:"subtitle2",BODY:"body",SMALL:"small",XSMALL:"xsmall",TH:"th",TD:"td"};export const VARIANTS={[VARIANTS_NAMES.TITLE1]:"h1",[VARIANTS_NAMES.TITLE2]:"h2",[VARIANTS_NAMES.TITLE3]:"h3",[VARIANTS_NAMES.SUBTITLE1]:"h4",[VARIANTS_NAMES.SUBTITLE2]:"h5",[VARIANTS_NAMES.BODY]:"div",[VARIANTS_NAMES.SMALL]:"div",[VARIANTS_NAMES.XSMALL]:"div",[VARIANTS_NAMES.TH]:"th",[VARIANTS_NAMES.TD]:"td"};export const VARIANTS_SIZES={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-size-title-1, 1.875rem)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-size-title-2, 1.5rem)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-size-title-3, 1.375rem)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-size-subtitle-1, 1.125rem)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-size-subtitle-2, 1rem)",[VARIANTS_NAMES.BODY]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-size-small, 0.75rem)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-size-xsmall, 0.75rem)",[VARIANTS_NAMES.TH]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.TD]:"var(--UT-label-size-body, 1rem)"};export const VARIANTS_LINE_HEIGHT={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.BODY]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-lh-small, 1.4)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-lh-xsmall, 1.5)",[VARIANTS_NAMES.TH]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.TD]:"var(--UT-label-lh-body, 1.4)"};export const WEIGHTS={thin:"var(--UT-label-weight-thin, 100)",extralight:"var(--UT-label-weight-extralight, 200)",light:"var(--UT-label-weight-light, 300)",regular:"var(--UT-label-weight-regular, 400)",medium:"var(--UT-label-weight-medium, 500)",semibold:"var(--UT-label-weight-semibold, 600)",bold:"var(--UT-label-weight-bold, 700)",extrabold:"var(--UT-label-weight-extrabold, 800)",black:"var(--UT-label-weight-black, 900)"};export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.dark,field:{},markdownExtended:!1,markdownRenderers:{},variant:"body",weight:"regular",withMarkdown:!1};

package/dist/esm/components/UTLabel/theme.js

@@ -1 +1 @@
-import merge from"lodash/merge";import{COLOR_SHADES,COLOR_THEMES}from"../../constants/Palette";import{getDefaultColorShade}from"../../utils/componentUtils";import Colors from"../../scss/variables/colors.module.scss";import{DEFAULT_PROPS,VARIANTS_LINE_HEIGHT,VARIANTS_SIZES,WEIGHTS}from"./constants";const variantsColorTheme=(a,l,e)=>{var r;return(e.Palette[a]||(null===(r=e.Palette.actions)||void 0===r?void 0:r[a])||e.Palette[DEFAULT_PROPS.colorTheme])[Object.values(COLOR_SHADES).includes(l)?l:getDefaultColorShade(a)]||Colors.black},linkColor=(a,l)=>{var e;const r=(null===(e=a.Palette)||void 0===e?void 0:e.actions)||a.Palette;return l===COLOR_THEMES.light?r[COLOR_THEMES.negative][COLOR_SHADES.shade05]:l===COLOR_THEMES.error?r[COLOR_THEMES.error][COLOR_SHADES.shade05]:r[COLOR_THEMES.accent][COLOR_SHADES.shade05]};export const getFontStyles=a=>{var l,e,r;let{theme:i,variant:t,weight:o,variantsSizes:n}=a;const d=n||merge({},VARIANTS_SIZES,null==i||null===(l=i.UTLabel)||void 0===l?void 0:l.variantsSizes),m=merge({},VARIANTS_LINE_HEIGHT,null==i||null===(e=i.UTLabel)||void 0===e?void 0:e.variantsLineHeights);return{fontFamily:null==i||null===(r=i.Fonts)||void 0===r?void 0:r.fontFamily,fontSize:d[t]||d[DEFAULT_PROPS.variant],fontWeight:WEIGHTS[o]||WEIGHTS[DEFAULT_PROPS.weight],lineHeight:m[t]||m[DEFAULT_PROPS.variant]}};export const retrieveStyle=a=>{var l,e,r,i,t,o,n,d;let{colorTheme:m,field:s,shade:g,theme:S,variant:T,weight:v,variantsSizes:O}=a;const h=m===COLOR_THEMES.light?S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade01]:S.Palette[COLOR_THEMES.dark][COLOR_SHADES.shade05],E=m===COLOR_THEMES.light?S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade01]:S.Palette[COLOR_THEMES.gray][COLOR_SHADES.shade04];return{root:{color:variantsColorTheme(null!==(l=null==s||null===(e=s.configuration)||void 0===e?void 0:e.colorTheme)&&void 0!==l?l:m,null!==(r=null==s||null===(i=s.configuration)||void 0===i?void 0:i.shade)&&void 0!==r?r:g,S),...getFontStyles({theme:S,variant:null!==(t=null==s||null===(o=s.configuration)||void 0===o?void 0:o.variant)&&void 0!==t?t:T,weight:null!==(n=null==s||null===(d=s.configuration)||void 0===d?void 0:d.weight)&&void 0!==n?n:v,variantsSizes:O}),margin:0},markdown:{"& a":{color:linkColor(S,m)},"& h1, & h2, & h3, & h4, & h5, & h6":{color:h,fontWeight:WEIGHTS.medium,lineHeight:"var(--UT-label-lh-heading, 1.2)",margin:"0 0 var(--UT-label-markdown-margin-md, 8px) 0"},"& h1":{fontSize:"var(--UT-label-size-title-1, 1.875em)"},"& h2":{fontSize:"var(--UT-label-size-title-2, 1.5em)"},"& h3":{fontSize:"var(--UT-label-size-title-3, 1.375em)"},"& h4":{fontSize:"var(--UT-label-size-subtitle-1, 1.125em)"},"& h5":{fontSize:"var(--UT-label-size-subtitle-2, 1em)",margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& h6":{color:E,fontSize:"var(--UT-label-size-body, 1em)",margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& table":{border:"1px solid ".concat(S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade04]),borderCollapse:"collapse",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",width:"100%"},"& th, & td":{border:"1px solid ".concat(S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade04]),padding:"var(--UT-label-markdown-padding-sm, 8px) var(--UT-label-markdown-padding-md, 12px)",textAlign:"left"},"& th":{backgroundColor:(S.Palette.actions||S.Palette)[COLOR_THEMES.negative][COLOR_SHADES.shade01],color:E,fontWeight:WEIGHTS.medium},"& p":{margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& ol":{paddingLeft:"var(--UT-label-markdown-padding-xl, 24px)",textAlign:"start"},"& ul, & ol":{margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& ul:not(.contains-task-list)":{paddingLeft:"var(--UT-label-markdown-padding-xl, 24px)",textAlign:"start"},"& pre":{backgroundColor:S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade03],borderRadius:"var(--UT-radius-md, 0.5rem)",fontSize:"var(--UT-label-size-small, 0.875em)",lineHeight:"var(--UT-label-lh-small, 1.4)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",padding:"var(--UT-label-markdown-padding-sm, 12px) var(--UT-label-markdown-padding-md, 16px)",whiteSpace:"pre-wrap"},"& dl":{margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& dd":{fontSize:"inherit",margin:0},"& dt":{color:E,fontSize:VARIANTS_SIZES.small,fontWeight:WEIGHTS.semibold},"& dt + dt, & dt + dd, & dd + dd":{marginTop:12},"& hr":{borderColor:S.Palette[COLOR_THEMES.gray][COLOR_SHADES.shade01],borderTop:0,margin:"var(--UT-label-markdown-margin-sm, 8px) 0 var(--UT-label-markdown-margin-xl, 24px)"},"& li + li":{marginTop:"var(--UT-label-markdown-margin-md, 12px)"},"& li > ul":{marginTop:"var(--UT-label-markdown-margin-sm, 8px)"},"& li::marker":{color:S.Palette[COLOR_THEMES.gray][COLOR_SHADES.shade01]},"& li > ul > li + li":{marginTop:"var(--UT-label-markdown-margin-sm, 8px)"},"& li p":{margin:0},"& sup":{fontSize:"inherit"},"& sup > a":{fontSize:"var(--UT-label-size-xsmall, 0.75em)"},"& img, & video, & audio":{borderRadius:"var(--UT-radius-md, 0.5rem)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& .contains-task-list":{display:"flex",flexDirection:"column",gridGap:"var(--gap-md, 12px)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",paddingLeft:0,"& li":{margin:0}},"& :last-child":{marginBottom:"0"}},blockquote:{color:E},customFootnotes:{"& span":{color:E}}}};export const retrieveProps=(a,l)=>({...(null==a?void 0:a.UTLabel)||{},...l});
+import merge from"lodash/merge";import{COLOR_SHADES,COLOR_THEMES}from"../../constants/Palette";import{getDefaultColorShade}from"../../utils/componentUtils";import Colors from"../../scss/variables/colors.module.scss";import{DEFAULT_PROPS,VARIANTS_LINE_HEIGHT,VARIANTS_SIZES,WEIGHTS}from"./constants";const variantsColorTheme=(a,l,e)=>{var r;return(e.Palette[a]||(null===(r=e.Palette.actions)||void 0===r?void 0:r[a])||e.Palette[DEFAULT_PROPS.colorTheme])[Object.values(COLOR_SHADES).includes(l)?l:getDefaultColorShade(a)]||Colors.black},linkColor=(a,l)=>{var e;const r=(null===(e=a.Palette)||void 0===e?void 0:e.actions)||a.Palette;return l===COLOR_THEMES.light?r[COLOR_THEMES.negative][COLOR_SHADES.shade05]:l===COLOR_THEMES.error?r[COLOR_THEMES.error][COLOR_SHADES.shade05]:r[COLOR_THEMES.accent][COLOR_SHADES.shade05]};export const getFontStyles=a=>{var l,e,r;let{theme:i,variant:t,weight:o,variantsSizes:n}=a;const d=n||merge({},VARIANTS_SIZES,null==i||null===(l=i.UTLabel)||void 0===l?void 0:l.variantsSizes),m=merge({},VARIANTS_LINE_HEIGHT,null==i||null===(e=i.UTLabel)||void 0===e?void 0:e.variantsLineHeights);return{fontFamily:null==i||null===(r=i.Fonts)||void 0===r?void 0:r.fontFamily,fontSize:d[t]||d[DEFAULT_PROPS.variant],fontWeight:WEIGHTS[o]||WEIGHTS[DEFAULT_PROPS.weight],lineHeight:m[t]||m[DEFAULT_PROPS.variant]}};export const retrieveStyle=a=>{var l,e,r,i,t,o,n,d;let{colorTheme:m,field:s,shade:g,theme:S,variant:T,weight:v,variantsSizes:O}=a;const h=m===COLOR_THEMES.light?S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade01]:S.Palette[COLOR_THEMES.dark][COLOR_SHADES.shade05],E=m===COLOR_THEMES.light?S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade01]:S.Palette[COLOR_THEMES.gray][COLOR_SHADES.shade04];return{root:{color:variantsColorTheme(null!==(l=null==s||null===(e=s.configuration)||void 0===e?void 0:e.colorTheme)&&void 0!==l?l:m,null!==(r=null==s||null===(i=s.configuration)||void 0===i?void 0:i.shade)&&void 0!==r?r:g,S),...getFontStyles({theme:S,variant:null!==(t=null==s||null===(o=s.configuration)||void 0===o?void 0:o.variant)&&void 0!==t?t:T,weight:null!==(n=null==s||null===(d=s.configuration)||void 0===d?void 0:d.weight)&&void 0!==n?n:v,variantsSizes:O}),letterSpacing:"normal",margin:0},markdown:{"& a":{color:linkColor(S,m)},"& h1, & h2, & h3, & h4, & h5, & h6":{color:h,fontWeight:WEIGHTS.medium,lineHeight:"var(--UT-label-lh-heading, 1.2)",margin:"0 0 var(--UT-label-markdown-margin-md, 8px) 0"},"& h1":{fontSize:"var(--UT-label-size-title-1, 1.875em)"},"& h2":{fontSize:"var(--UT-label-size-title-2, 1.5em)"},"& h3":{fontSize:"var(--UT-label-size-title-3, 1.375em)"},"& h4":{fontSize:"var(--UT-label-size-subtitle-1, 1.125em)"},"& h5":{fontSize:"var(--UT-label-size-subtitle-2, 1em)",margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& h6":{color:E,fontSize:"var(--UT-label-size-body, 1em)",margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& table":{border:"1px solid ".concat(S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade04]),borderCollapse:"collapse",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",width:"100%"},"& th, & td":{border:"1px solid ".concat(S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade04]),padding:"var(--UT-label-markdown-padding-sm, 8px) var(--UT-label-markdown-padding-md, 12px)",textAlign:"left"},"& th":{backgroundColor:(S.Palette.actions||S.Palette)[COLOR_THEMES.negative][COLOR_SHADES.shade01],color:E,fontWeight:WEIGHTS.medium},"& p":{margin:"0 0 var(--UT-label-markdown-margin-md, 12px) 0"},"& ol":{paddingLeft:"var(--UT-label-markdown-padding-xl, 24px)",textAlign:"start"},"& ul, & ol":{margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& ul:not(.contains-task-list)":{paddingLeft:"var(--UT-label-markdown-padding-xl, 24px)",textAlign:"start"},"& pre":{backgroundColor:S.Palette[COLOR_THEMES.light][COLOR_SHADES.shade03],borderRadius:"var(--UT-radius-md, 0.5rem)",fontSize:"var(--UT-label-size-small, 0.75em)",lineHeight:"var(--UT-label-lh-small, 1.4)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",padding:"var(--UT-label-markdown-padding-sm, 12px) var(--UT-label-markdown-padding-md, 16px)",whiteSpace:"pre-wrap"},"& dl":{margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& dd":{fontSize:"inherit",margin:0},"& dt":{color:E,fontSize:VARIANTS_SIZES.small,fontWeight:WEIGHTS.semibold},"& dt + dt, & dt + dd, & dd + dd":{marginTop:12},"& hr":{borderColor:S.Palette[COLOR_THEMES.gray][COLOR_SHADES.shade01],borderTop:0,margin:"var(--UT-label-markdown-margin-sm, 8px) 0 var(--UT-label-markdown-margin-xl, 24px)"},"& li + li":{marginTop:"var(--UT-label-markdown-margin-md, 12px)"},"& li > ul":{marginTop:"var(--UT-label-markdown-margin-sm, 8px)"},"& li::marker":{color:S.Palette[COLOR_THEMES.gray][COLOR_SHADES.shade01]},"& li > ul > li + li":{marginTop:"var(--UT-label-markdown-margin-sm, 8px)"},"& li p":{margin:0},"& sup":{fontSize:"inherit"},"& sup > a":{fontSize:"var(--UT-label-size-xsmall, 0.75em)"},"& img, & video, & audio":{borderRadius:"var(--UT-radius-md, 0.5rem)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0"},"& .contains-task-list":{display:"flex",flexDirection:"column",gridGap:"var(--gap-md, 12px)",margin:"0 0 var(--UT-label-markdown-margin-xl, 24px) 0",paddingLeft:0,"& li":{margin:0}},"& :last-child":{marginBottom:"0"}},blockquote:{color:E},customFootnotes:{"& span":{color:E}}}};export const retrieveProps=(a,l)=>({...(null==a?void 0:a.UTLabel)||{},...l});

package/dist/esm/components/UTMenu/index.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}import React,{useState,useEffect,Fragment,useRef,useMemo}from"react";import{string,elementType,func,array,object,objectOf,number,bool,oneOfType}from"prop-types";import ClickAwayListener from"@material-ui/core/ClickAwayListener";import Grow from"@material-ui/core/Grow";import Fade from"@material-ui/core/Fade";import Paper from"@material-ui/core/Paper";import Popper from"@material-ui/core/Popper";import MenuList from"@material-ui/core/MenuList";import ScrollBar from"react-perfect-scrollbar";import"react-perfect-scrollbar/dist/css/styles.css";import MenuItem from"@material-ui/core/MenuItem";import{isEmpty}from"@widergy/web-utils/lib/array";import{refType}from"../../types/commonTypes";import{mergeClasses}from"../../utils/classesUtils";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{retrieveStyle,retrieveMuiTheme}from"./theme";import{getTransitionOrigin,lockScreen}from"./utils";import styles from"./styles.module.scss";const UTMenu=e=>{let{anchor:t,animation:r,animatorProps:o,arrowProps:a,classes:n,classNames:s,clickAwayListenerProps:c,contextData:m={},elevation:l,iconBefore:i,ItemComponent:p,itemIconProps:u,itemProps:d,items:f,LastItem:b,lockScreenEnabled:P,menuItemProps:y,menuListProps:I,menuPlacement:w,modifiers:k,onClickItem:T,onClose:E,paperProps:g,popperProps:C,scrollBarProps:R,withArrow:h,withDivider:v,withMenuItem:x}=e;const j=useRef(null),L=useMemo(()=>mergeClasses(n,s),[s]),[M,N]=useState(null),[_,S]=useState(!1);useEffect(()=>{const e=!!t&&!isEmpty(f);return S(e),P&&t&&lockScreen(j,!0),()=>(document.body.style.overflow="unset",P&&lockScreen(j,!1))},[t,f]);const O=Object.assign({arrow:{enabled:!0,element:M}},k),A="grow"===r?Grow:Fade,B=e=>setTimeout(()=>e.update(),350),U=f.length-1;return React.createElement(Fragment,null,t&&React.createElement(Popper,_extends({anchorEl:t,open:_,transition:!0,placement:w,modifiers:O,className:L.popper},C),e=>{let{TransitionProps:t,placement:r}=e;return React.createElement(A,_extends({in:_},t,{style:{transformOrigin:getTransitionOrigin(r)}},o),React.createElement("div",null,h&&React.createElement("div",_extends({className:styles.arrow,ref:N},a)),React.createElement(Paper,_extends({elevation:l,className:L.paper},g),React.createElement(ClickAwayListener,_extends({onClickAway:E},c),React.createElement("div",null,React.createElement(MenuList,_extends({autoFocusItem:_,className:L.menuList},I),React.createElement(ScrollBar,_extends({onSync:B,className:L.scrollBar},R),null==f?void 0:f.map((e,t)=>{const r=t=>{e.onClick?e.onClick(t,m,E):T&&T(t,m),m.clickCallback&&m.clickCallback()};return p?x?React.createElement(MenuItem,_extends({className:"".concat(L.menuItemContainer," ").concat(e.menuItemClassName),"data-testid":e.dataTestId,disabled:e.disabled,divider:v&&t<U,key:e.key,onClick:r},y),React.createElement(p,_extends({className:L.menuItem},d,e))):React.createElement(p,_extends({className:L.menuItem},d,e)):React.createElement(MenuItem,_extends({className:"".concat(L.menuItemContainer," ").concat(e.menuItemClassName),"data-testid":e.dataTestId,disabled:e.disabled,divider:v&&t<U,key:e.key,onClick:r},y),i&&e.Icon&&React.createElement(e.Icon,_extends({className:L.menuItemIcon},u,e.iconProps)),React.createElement(UTLabel,_extends({className:L.menuItem},d,e.labelProps),e.label),!i&&e.Icon&&React.createElement(e.Icon,_extends({className:L.menuItemIcon},u,e.iconProps)))}))),b&&React.createElement(b,null))))))}),React.createElement("div",{ref:j,className:styles.scrollBlocker}))};UTMenu.defaultProps={animation:"grow",animatorProps:{},arrowProps:{},clickAwayListenerProps:{},elevation:5,iconBefore:!1,lockScreenEnabled:!1,menuItemProps:{},menuListProps:{},menuPlacement:"bottom",onClickItem:void 0,paperProps:{},popperProps:{},scrollBarProps:{},withArrow:!1},UTMenu.propTypes={anchor:oneOfType([refType,elementType]),animation:string,animatorProps:object,arrowProps:object,classes:objectOf(string),classNames:objectOf(string),clickAwayListenerProps:object,contextData:object,elevation:number,iconBefore:bool,ItemComponent:elementType,itemIconProps:object,itemProps:object,items:array,LastItem:elementType,lockScreenEnabled:bool,MenuItemClassName:string,menuItemProps:object,menuListProps:object,menuPlacement:string,modifiers:objectOf(string),onClickItem:func,onClose:func.isRequired,paperProps:object,popperProps:object,scrollBarProps:object,withArrow:bool,withDivider:bool,withMenuItem:bool};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTMenu);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}import React,{useState,useEffect,Fragment,useRef,useMemo}from"react";import{string,elementType,func,array,object,objectOf,number,bool,oneOfType}from"prop-types";import ClickAwayListener from"@material-ui/core/ClickAwayListener";import Grow from"@material-ui/core/Grow";import Fade from"@material-ui/core/Fade";import Paper from"@material-ui/core/Paper";import Popper from"@material-ui/core/Popper";import MenuList from"@material-ui/core/MenuList";import ScrollBar from"react-perfect-scrollbar";import"react-perfect-scrollbar/dist/css/styles.css";import MenuItem from"@material-ui/core/MenuItem";import{isEmpty}from"@widergy/web-utils/lib/array";import{refType}from"../../types/commonTypes";import{mergeClasses}from"../../utils/classesUtils";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{retrieveStyle,retrieveMuiTheme}from"./theme";import{getTransitionOrigin,lockScreen}from"./utils";import styles from"./styles.module.scss";const UTMenu=e=>{let{anchor:t,animation:r,animatorProps:o,arrowProps:a,classes:n,classNames:s,clickAwayListenerProps:c,contextData:m={},elevation:l,iconBefore:i,ItemComponent:p,itemIconProps:u,itemProps:d,items:f,LastItem:b,lockScreenEnabled:P,menuItemProps:y,menuListProps:I,menuPlacement:w,modifiers:k,onClickItem:T,onClose:E,paperProps:C,popperProps:R,scrollBarProps:g,withArrow:h,withDivider:v,withMenuItem:x}=e;const j=useRef(null),L=useMemo(()=>mergeClasses(n,s),[s]),[M,N]=useState(null),[_,S]=useState(!1);useEffect(()=>{const e=!!t&&!isEmpty(f);return S(e),P&&t&&lockScreen(j,!0),()=>(document.body.style.overflow="unset",P&&lockScreen(j,!1))},[t,f]);const O={arrow:{enabled:!0,element:M},...k},A="grow"===r?Grow:Fade,B=e=>setTimeout(()=>e.update(),350),U=f.length-1;return React.createElement(React.Fragment,null,t&&React.createElement(Popper,_extends({anchorEl:t,open:_,transition:!0,placement:w,modifiers:O,className:L.popper},R),e=>{let{TransitionProps:t,placement:r}=e;return React.createElement(A,_extends({in:_},t,{style:{transformOrigin:getTransitionOrigin(r)}},o),React.createElement("div",null,h&&React.createElement("div",_extends({className:styles.arrow,ref:N},a)),React.createElement(Paper,_extends({elevation:l,className:L.paper},C),React.createElement(ClickAwayListener,_extends({onClickAway:E},c),React.createElement("div",null,React.createElement(MenuList,_extends({autoFocusItem:_,className:L.menuList},I),React.createElement(ScrollBar,_extends({onSync:B,className:L.scrollBar},g),null==f?void 0:f.map((e,t)=>{const r=t=>{e.onClick?e.onClick(t,m,E):T&&T(t,m),m.clickCallback&&m.clickCallback()};return p?x?React.createElement(MenuItem,_extends({className:"".concat(L.menuItemContainer," ").concat(e.menuItemClassName),"data-testid":e.dataTestId,disabled:e.disabled,divider:v&&t<U,key:e.key,onClick:r},y),React.createElement(p,_extends({className:L.menuItem},d,e))):React.createElement(p,_extends({className:L.menuItem},d,e)):React.createElement(MenuItem,_extends({className:"".concat(L.menuItemContainer," ").concat(e.menuItemClassName),"data-testid":e.dataTestId,disabled:e.disabled,divider:v&&t<U,key:e.key,onClick:r},y),i&&e.Icon&&React.createElement(e.Icon,_extends({className:L.menuItemIcon},u,e.iconProps)),React.createElement(UTLabel,_extends({className:L.menuItem},d,e.labelProps),e.label),!i&&e.Icon&&React.createElement(e.Icon,_extends({className:L.menuItemIcon},u,e.iconProps)))}))),b&&React.createElement(b,null))))))}),React.createElement("div",{ref:j,className:styles.scrollBlocker}))};UTMenu.defaultProps={animation:"grow",animatorProps:{},arrowProps:{},clickAwayListenerProps:{},elevation:5,iconBefore:!1,lockScreenEnabled:!1,menuItemProps:{},menuListProps:{},menuPlacement:"bottom",onClickItem:void 0,paperProps:{},popperProps:{},scrollBarProps:{},withArrow:!1},UTMenu.propTypes={anchor:oneOfType([refType,elementType]),animation:string,animatorProps:object,arrowProps:object,classes:objectOf(string),classNames:objectOf(string),clickAwayListenerProps:object,contextData:object,elevation:number,iconBefore:bool,ItemComponent:elementType,itemIconProps:object,itemProps:object,items:array,LastItem:elementType,lockScreenEnabled:bool,MenuItemClassName:string,menuItemProps:object,menuListProps:object,menuPlacement:string,modifiers:objectOf(string),onClickItem:func,onClose:func.isRequired,paperProps:object,popperProps:object,scrollBarProps:object,withArrow:bool,withDivider:bool,withMenuItem:bool};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTMenu);

package/dist/esm/components/UTPanel/versions/V1/components/AdditionalContentModule/styles.module.scss

@@ -27,7 +27,7 @@ $sidebar-width: 56px;
   min-width: $body-component-width;
   opacity: 1;
   overflow-y: auto;
-  padding: 24px 24px 16px 24px;
+  padding: var(--UT-panel-padding-lg, 24px) var(--UT-panel-padding-lg, 24px) var(--UT-panel-padding-md, 16px);
   width: $body-component-width;
 }
 
@@ -65,14 +65,14 @@ $sidebar-width: 56px;
 .sidebarContent {
   display: flex;
   flex-direction: column;
-  gap: 4px;
-  padding: 8px 0;
+  gap: var(--UT-panel-gap-xs, 4px);
+  padding: var(--UT-panel-padding-xs, 8px) 0;
 }
 
 .sidebarItemWrapper {
   display: flex;
   justify-content: center;
-  padding: 0 8px;
+  padding: 0 var(--UT-panel-padding-xs, 8px);
 }
 
 .buttonWrapper {
@@ -81,16 +81,16 @@ $sidebar-width: 56px;
 
 .sidebarButton {
   align-items: center;
-  border-radius: 4px;
+  border-radius: var(--UT-panel-sidebar-button-radius, 4px);
   display: flex;
-  height: 40px;
+  height: var(--UT-panel-sidebar-button-size, 40px);
   justify-content: center;
   transition: all 0.2s ease;
-  width: 40px;
+  width: var(--UT-panel-sidebar-button-size, 40px);
 }
 
 .countBadge {
-  padding: 0 6px;
+  padding: 0 var(--UT-panel-padding-xs, 8px);
   background-color: var(--actionAccent05) !important;
   pointer-events: none;
   position: absolute;

package/dist/esm/components/UTPanel/versions/V1/components/DataItem/styles.module.scss

@@ -7,17 +7,17 @@
 .textContainer {
   align-items: center;
   display: flex;
-  grid-gap: 8px;
+  grid-gap: var(--UT-panel-gap-sm, 8px);
 }
 
 .large {
-  grid-gap: 16px;
-  padding: 16px 0;
+  grid-gap: var(--UT-panel-gap-lg, 16px);
+  padding: var(--UT-panel-padding-md, 16px) 0;
 }
 
 .medium {
-  grid-gap: 8px;
-  padding: 8px 0;
+  grid-gap: var(--UT-panel-gap-sm, 8px);
+  padding: var(--UT-panel-padding-xs, 8px) 0;
 }
 
 .horizontal {