@widergy/energy-ui 3.193.0 → 3.195.0

package/dist/esm/components/UTActionCard/components/Header/styles.module.scss

@@ -18,6 +18,16 @@
   overflow-wrap: anywhere;
 }
 
+.categoryAndTitle {
+  display: flex;
+  flex-direction: column;
+  grid-gap: var(--UT-actionCard-gap-2xs, 2px);
+}
+
+.category {
+  text-transform: uppercase;
+}
+
 .medium {
   padding: var(--UT-actionCard-padding-lg, 24px);
 }

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

@@ -1 +1 @@
-export const SIZES={MEDIUM:"medium",SMALL:"small"};export const ACTION_TYPES={DEFAULT:"default",REDIRECTION:"redirection"};export const HEADER_ACTIONS_VARIANTS={BUTTON_GROUP:"buttonGroup",DEFAULT:"default"};export const PLACE_SELF_TYPES={CENTER:"center",END:"end",START:"start"};
+export const SIZES={MEDIUM:"medium",SMALL:"small"};export const ACTION_TYPES={DEFAULT:"default",REDIRECTION:"redirection"};export const HEADER_ACTIONS_VARIANTS={BUTTON_GROUP:"buttonGroup",DEFAULT:"default"};export const PLACE_SELF_TYPES={CENTER:"center",END:"end",START:"start"};export const CATEGORY_DEFAULT_PROPS={colorTheme:"accent",variant:"small",weight:"semibold"};

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

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var a in n)({}).hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},_extends.apply(null,arguments)}import React,{memo,useState}from"react";import{arrayOf,bool,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import{VARIANTS_NAMES}from"../UTButton/constants";import BottomActions from"./components/BottomActions";import AdditionalMessage from"./components/AdditionalMessage";import Header from"./components/Header";import{ACTION_TYPES,HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES,SIZES}from"./constants";import styles from"./styles.module.scss";const UTActionCard=t=>{let{additionalMessage:e,adornment:n,BackgroundImage:a,bottomActions:o,bottomActionsVariant:s,children:i,classNames:r={},description:c,descriptionProps:l={},headerActions:d,headerActionsProps:m={variant:HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:A=!1,mainAction:E,size:p=SIZES.MEDIUM,status:T,statusAlignment:g,statusLabel:u,testIds:S={},title:b,titleProps:h={},withBodyPadding:P=!0}=t;const[I,y]=useState(!0),{backgroundDataTestId:_,containerDataTestId:f,statusDataTestId:C}=S;return React.createElement("div",{className:"".concat(styles.cardContainer," ").concat(r.container)},React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.innerContainer," ").concat(r.innerContainer," ").concat(E?"".concat(styles.withMainAction," ").concat(I&&"".concat(styles.mainActionHover," ").concat(r.mainActionHover)):styles.withoutMainAction),dataTestId:f,onClick:()=>null==E?void 0:E()},a&&React.createElement(a,{className:"".concat(styles.backgroundImage," ").concat(r.backgroundImage),"data-testid":_}),React.createElement("div",{className:"".concat(styles.headerAndChildrenContainer," ").concat(r.headerAndChildrenContainer)},!A&&React.createElement(Header,{adornment:n,classNames:r,description:c,descriptionProps:l,headerActions:d,headerActionsProps:m,mainAction:E,setMainActionHoverVisible:y,size:p,status:T,statusAlignment:g,statusDataTestId:C,statusLabel:u,title:b,titleProps:h}),i&&React.createElement("div",{className:"".concat(A?styles.withoutHeader:""," ").concat(P?styles["bodyPadding-".concat(p)]:styles["withoutBodyPadding-".concat(p)])},i))),!objectIsEmpty(e)&&React.createElement(AdditionalMessage,_extends({},e,{size:p})),!isEmpty(o)&&React.createElement(BottomActions,{actions:o,bottomActionsVariant:s,size:p}))};UTActionCard.propTypes={additionalMessage:shape({Icon:elementType,iconProps:shape({colorTheme:string,size:string}),labelProps:shape({colorTheme:string,variant:string}),message:string}),adornment:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),position:string,props:object,type:string}),BackgroundImage:elementType,bottomActions:arrayOf(shape({colorTheme:string,disabled:bool,Icon:elementType,label:string,loading:bool,onClick:func,variant:oneOf(Object.values(VARIANTS_NAMES))})),bottomActionsVariant:oneOf([ACTION_TYPES.DEFAULT,ACTION_TYPES.REDIRECTION]),classNames:objectOf(string),description:string,descriptionProps:shape({colorTheme:string,variant:string}),headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),iconProps:string,id:oneOfType([number,string]),label:string,loading:bool,onClick:func})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string,size:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:bool,mainAction:func,size:oneOf([SIZES.MEDIUM,SIZES.SMALL]),status:string,statusLabel:string,statusAlignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),testIds:shape({backgroundDataTestId:string,containerDataTestId:string,statusDataTestId:string}),title:string,titleProps:shape({variant:string,weight:string}),withBodyPadding:bool};export default memo(UTActionCard);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)({}).hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},_extends.apply(null,arguments)}import React,{memo,useState}from"react";import{arrayOf,bool,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import{VARIANTS_NAMES}from"../UTButton/constants";import BottomActions from"./components/BottomActions";import AdditionalMessage from"./components/AdditionalMessage";import Header from"./components/Header";import{ACTION_TYPES,CATEGORY_DEFAULT_PROPS,HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES,SIZES}from"./constants";import styles from"./styles.module.scss";const UTActionCard=t=>{let{additionalMessage:e,adornment:a,BackgroundImage:n,bottomActions:o,bottomActionsVariant:s,category:i,categoryProps:r={},children:c,classNames:d={},description:l,descriptionProps:m={},headerActions:T,headerActionsProps:E={variant:HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:g=!1,mainAction:A,Media:p,size:h=SIZES.MEDIUM,status:b,statusAlignment:u,statusLabel:y,testIds:S={},title:P,titleProps:I={},withBodyPadding:_=!0,withTouchableContainer:C=!0}=t;const[f,O]=useState(!0),{backgroundDataTestId:R,categoryDataTestId:N,containerDataTestId:L,mediaDataTestId:D,statusDataTestId:v}=S,F="".concat(styles.innerContainer," ").concat(d.innerContainer||""," ").concat(A?"".concat(styles.withMainAction," ").concat(f?"".concat(styles.mainActionHover," ").concat(d.mainActionHover||""):""):styles.withoutMainAction),M=!!A||C,U=M?UTTouchableWithoutFeedback:"div",w=M?{dataTestId:L,onClick:()=>null==A?void 0:A()}:{"data-testid":L};return React.createElement("div",{className:"".concat(styles.cardContainer," ").concat(d.container||"")},React.createElement(U,_extends({className:F},w),n&&React.createElement(n,{className:"".concat(styles.backgroundImage," ").concat(d.backgroundImage||""),"data-testid":R}),React.createElement("div",{className:"".concat(styles.headerAndChildrenContainer," ").concat(d.headerAndChildrenContainer||"")},p&&React.createElement(p,{className:"".concat(styles.media," ").concat(d.media||""),"data-testid":D}),!g&&React.createElement(Header,{adornment:a,category:i,categoryDataTestId:N,categoryProps:{...CATEGORY_DEFAULT_PROPS,...r},classNames:d,description:l,descriptionProps:m,headerActions:T,headerActionsProps:E,mainAction:A,setMainActionHoverVisible:O,size:h,status:b,statusAlignment:u,statusDataTestId:v,statusLabel:y,title:P,titleProps:I}),c&&React.createElement("div",{className:"".concat(g?styles.withoutHeader:""," ").concat(_?styles["bodyPadding-".concat(h)]:styles["withoutBodyPadding-".concat(h)])},c))),!objectIsEmpty(e)&&React.createElement(AdditionalMessage,_extends({},e,{size:h})),!isEmpty(o)&&React.createElement(BottomActions,{actions:o,bottomActionsVariant:s,size:h}))};UTActionCard.propTypes={additionalMessage:shape({Icon:elementType,iconProps:shape({colorTheme:string,size:string}),labelProps:shape({colorTheme:string,variant:string}),message:string}),adornment:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),position:string,props:object,type:string}),BackgroundImage:elementType,bottomActions:arrayOf(shape({colorTheme:string,disabled:bool,Icon:elementType,label:string,loading:bool,onClick:func,variant:oneOf(Object.values(VARIANTS_NAMES))})),bottomActionsVariant:oneOf([ACTION_TYPES.DEFAULT,ACTION_TYPES.REDIRECTION]),category:string,categoryProps:shape({colorTheme:string,shade:string,style:object,variant:string,weight:string}),classNames:objectOf(string),description:string,descriptionProps:shape({colorTheme:string,variant:string}),headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),iconProps:string,id:oneOfType([number,string]),label:string,loading:bool,onClick:func})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string,size:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:bool,mainAction:func,Media:elementType,size:oneOf([SIZES.MEDIUM,SIZES.SMALL]),status:string,statusLabel:string,statusAlignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),testIds:shape({backgroundDataTestId:string,categoryDataTestId:string,containerDataTestId:string,mediaDataTestId:string,statusDataTestId:string}),title:string,titleProps:shape({variant:string,weight:string}),withBodyPadding:bool,withTouchableContainer:bool};export default memo(UTActionCard);

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

@@ -63,6 +63,13 @@ $default-shadow-gray-bottom-1: 0px 3px 6px rgba(24, 44, 73, 0.1);
   z-index: 0;
 }
 
+.media {
+  display: block;
+  height: auto;
+  object-fit: cover;
+  width: 100%;
+}
+
 .headerAndChildrenContainer {
   display: flex;
   flex-direction: column;

package/dist/esm/components/UTCheckbox/versions/V1/components/CheckboxControl/index.js

@@ -0,0 +1 @@
+import React from"react";import{bool,objectOf,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import{CHECKED_ICON,INDETERMINATE_ICON}from"../../constants";import styles from"../../styles.module.scss";const CheckboxControl=e=>{let{classes:t,dataTestId:o,indeterminate:a,isSimple:s=!1,value:c=!1}=e;const n=a?INDETERMINATE_ICON:!0===c?CHECKED_ICON:"";return React.createElement("div",{className:t.boxContainer,"data-testid":o},s?React.createElement(UTIcon,{className:c?void 0:styles.hidden,colorTheme:"accent",name:CHECKED_ICON,shade:"04"}):React.createElement("div",{className:t.box},React.createElement("div",{className:t.iconContainer},n&&React.createElement(UTIcon,{colorTheme:"light",name:n,size:10}))))};CheckboxControl.propTypes={classes:objectOf(string),dataTestId:string,indeterminate:bool,isSimple:bool,value:bool};export default CheckboxControl;

package/dist/esm/components/UTCheckbox/versions/V1/components/CheckboxIcon/index.js

@@ -0,0 +1 @@
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},_extends.apply(null,arguments)}import React from"react";import{bool,elementType,object,objectOf,oneOfType,shape,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import{CARD_ICON_AREA_RADIUS,CARD_ICON_AREA_SIZE,CARD_ICON_SIZE,ICON_CONTENT_TYPES}from"../../constants";import{getIconContentType}from"../../utils";const CheckboxIcon=e=>{let{classes:o,icon:t,iconProps:r={},iconSelectedProps:n={},isCard:c=!1,value:a=!1}=e;if(!t)return null;const s=getIconContentType(t);if(s===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:t.alt||"",className:o.iconImage,src:t.src});if(s===ICON_CONTENT_TYPES.COMPONENT){const e=t;return React.createElement(e,{className:o.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:t,size:c?CARD_ICON_SIZE:void 0},c&&{area:!0,areaBackground:"var(--light01)",areaBorderColor:"var(--light04)",areaRadius:CARD_ICON_AREA_RADIUS,areaSize:CARD_ICON_AREA_SIZE},r,a?n:{}))};CheckboxIcon.propTypes={classes:objectOf(string),icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,isCard:bool,value:bool};export default CheckboxIcon;

package/dist/esm/components/UTCheckbox/versions/V1/components/TitleAndDescription/index.js

@@ -0,0 +1 @@
+import React from"react";import{bool,node,objectOf,string}from"prop-types";import UTLabel from"../../../../../UTLabel";const TitleAndDescription=e=>{let{children:t,classes:o,description:r,withContainer:i=!1}=e;return r||i?React.createElement("div",{className:o.contentContainer},t,r&&React.createElement(UTLabel,{className:o.description,colorTheme:"gray",variant:"body"},r)):t};TitleAndDescription.propTypes={children:node,classes:objectOf(string),description:string,withContainer:bool};export default TitleAndDescription;

package/dist/esm/components/UTCheckbox/versions/V1/components/TitleRow/index.js

@@ -0,0 +1 @@
+import React from"react";import{node,objectOf,string}from"prop-types";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import{TOOLTIP_ICON_SIZE}from"../../constants";const TitleRow=e=>{let{children:t,classes:o,prefix:r,suffix:a,tooltip:c}=e;return r||a||c?React.createElement("div",{className:o.titleRow},r&&React.createElement(UTLabel,{colorTheme:"gray"},r),t,c&&React.createElement(UTTooltip,{content:c},React.createElement("span",{className:o.tooltip},React.createElement(UTIcon,{className:o.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:TOOLTIP_ICON_SIZE}))),a&&React.createElement(UTLabel,{colorTheme:"gray"},a)):t};TitleRow.propTypes={children:node,classes:objectOf(string),prefix:string,suffix:string,tooltip:string};export default TitleRow;

package/dist/esm/components/UTCheckbox/versions/V1/constants.js

@@ -1 +1 @@
-export const CHECKED_ICON="IconCheck";export const INDETERMINATE_ICON="IconMinus";export const SPACING={SMALL:"small",MEDIUM:"medium"};export const BUTTON_VARIANT="button";export const CARD_VARIANT="card";export const CARD_ICON_SIZE=16;export const CARD_ICON_AREA_SIZE=32;export const CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)";export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
+export const CHECKED_ICON="IconCheck";export const INDETERMINATE_ICON="IconMinus";export const SPACING={SMALL:"small",MEDIUM:"medium"};export const BUTTON_VARIANT="button";export const CARD_VARIANT="card";export const CARD_ICON_SIZE=16;export const CARD_ICON_AREA_SIZE=32;export const CARD_ICON_AREA_RADIUS="var(--UT-checkbox-card-icon-area-radius, 8px)";export const TOOLTIP_ICON_SIZE=16;export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};

package/dist/esm/components/UTCheckbox/versions/V1/index.js

@@ -1 +1 @@
-import React,{useMemo}from"react";import{arrayOf,bool,elementType,func,objectOf,oneOfType,shape,string}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{mergeMultipleClassNames}from"../../../../utils/classesUtils";import UTFieldLabel from"../../../UTFieldLabel";import UTIcon from"../../../UTIcon";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import WithTheme from"../../../WithTheme";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{buttonTypes}from"../../../../types/buttonTypes";import{metaPropTypes}from"../../../../types/formTypes";import{formatErrorToValidation}from"../../../UTValidation/utils";import UTValidation from"../../../UTValidation";import{BUTTON_VARIANT,CARD_ICON_AREA_RADIUS,CARD_ICON_AREA_SIZE,CARD_ICON_SIZE,CARD_VARIANT,CHECKED_ICON,ICON_CONTENT_TYPES,INDETERMINATE_ICON}from"./constants";import{retrieveStyle}from"./theme";import{getIconContentType}from"./utils";import styles from"./styles.module.scss";const UTCheckbox=e=>{let{actions:t,checkboxDataTestId:a,classes:o,classNames:r,CustomComponent:c,dataTestId:n,description:i,disabled:l,icon:s,indeterminate:m,isSimple:T=!1,meta:d,onChange:p=()=>{},required:E,title:N,tooltip:R,value:u=!1,variant:C="default",withUpperTitle:I}=e;const h=useMemo(()=>mergeMultipleClassNames(o,r),[r,o]),b=C===CARD_VARIANT,U=useMemo(()=>m?INDETERMINATE_ICON:!0===u?CHECKED_ICON:"",[m,u]),f=()=>{!l&&p&&p(!u)},g=!0===u&&C===BUTTON_VARIANT,A=d&&shouldShowErrors(d)&&d.error||"",_=formatErrorToValidation(A);return b?React.createElement(React.Fragment,null,I&&React.createElement(UTFieldLabel,{actions:t,required:E},N),React.createElement(UTTouchableWithoutFeedback,{className:h.container,dataTestId:n,disabled:l,onMouseDown:f},React.createElement("div",{className:h.content},(()=>{if(!s)return null;const e=getIconContentType(s);if(e===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:s.alt||"",className:h.iconImage,src:s.src});if(e===ICON_CONTENT_TYPES.COMPONENT){const e=s;return React.createElement(e,{className:h.icon})}return React.createElement(UTIcon,{area:!0,areaBackground:"var(--light01)",areaBorderColor:"var(--light04)",areaRadius:CARD_ICON_AREA_RADIUS,areaSize:CARD_ICON_AREA_SIZE,colorTheme:"dark",name:s,size:CARD_ICON_SIZE})})(),React.createElement("div",{className:h.contentContainer},R?React.createElement("div",{className:h.titleAndTooltip},React.createElement(UTLabel,{className:h.name,colorTheme:"dark"},N),React.createElement(UTTooltip,{content:R},React.createElement("span",{className:h.tooltip},React.createElement(UTIcon,{className:h.infoIcon,colorTheme:u?"accent":l?"gray":"dark",name:"IconHelp",size:20})))):React.createElement(UTLabel,{className:h.name,colorTheme:"dark"},N),i&&React.createElement(UTLabel,{className:h.description,colorTheme:"gray",variant:"body"},i))),React.createElement("div",{className:h.boxContainer,"data-testid":a},React.createElement("div",{className:h.box},React.createElement("div",{className:h.iconContainer},U&&React.createElement(UTIcon,{colorTheme:"light",name:m?"IconMinus":"IconCheck",size:10})))),A&&React.createElement(UTValidation,{className:h.validation,validationData:_}))):React.createElement(React.Fragment,null,I&&React.createElement(UTFieldLabel,{actions:t,required:E},N),React.createElement(UTTouchableWithoutFeedback,{className:h.container,dataTestId:n,disabled:l,onMouseDown:f},React.createElement("div",{className:h.content},React.createElement("div",{className:h.boxContainer,"data-testid":a},T?React.createElement(UTIcon,{name:"IconCheck",shade:"04",colorTheme:"accent",className:u?void 0:styles.hidden}):React.createElement("div",{className:h.box},React.createElement("div",{className:h.iconContainer},U&&React.createElement(UTIcon,{colorTheme:"light",name:m?"IconMinus":"IconCheck",size:10})))),c||React.createElement(UTFieldLabel,{className:h.title,highlighted:g,icon:s,required:E},N)),A&&React.createElement(UTValidation,{className:h.validation,validationData:_})))};UTCheckbox.propTypes={actions:arrayOf(buttonTypes),checkboxDataTestId:string,classes:objectOf(string),classNames:objectOf(string),CustomComponent:elementType,dataTestId:string,description:string,disabled:bool,icon:oneOfType([string,elementType,shape({alt:string,src:string})]),indeterminate:bool,isSimple:bool,meta:metaPropTypes.isRequired,onChange:func,required:bool,title:string,tooltip:string,value:bool,variant:string,withUpperTitle:bool};export default WithTheme(retrieveStyle)(UTCheckbox);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}import React,{useMemo}from"react";import{arrayOf,bool,elementType,func,object,objectOf,oneOfType,shape,string}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{mergeMultipleClassNames}from"../../../../utils/classesUtils";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import WithTheme from"../../../WithTheme";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{buttonTypes}from"../../../../types/buttonTypes";import{metaPropTypes}from"../../../../types/formTypes";import{formatErrorToValidation}from"../../../UTValidation/utils";import UTValidation from"../../../UTValidation";import CheckboxControl from"./components/CheckboxControl";import CheckboxIcon from"./components/CheckboxIcon";import TitleAndDescription from"./components/TitleAndDescription";import TitleRow from"./components/TitleRow";import{BUTTON_VARIANT,CARD_VARIANT}from"./constants";import{retrieveStyle}from"./theme";const UTCheckbox=e=>{let{actions:t,checkboxDataTestId:o,classes:r,classNames:a,CustomComponent:i,dataTestId:n,description:s,disabled:l,icon:c,iconProps:m={},iconSelectedProps:p={},indeterminate:d,isSimple:T=!1,meta:b,nameProps:f={},nameSelectedProps:u={},onChange:h=()=>{},prefix:R,required:g,suffix:C,title:x,tooltip:y,value:U=!1,variant:E="default",withUpperTitle:N}=e;const k=useMemo(()=>mergeMultipleClassNames(r,a),[a,r]),v=E===CARD_VARIANT,A=!0===U&&E===BUTTON_VARIANT,I=b&&shouldShowErrors(b)&&b.error||"",P=formatErrorToValidation(I),w=React.createElement(CheckboxControl,{classes:k,dataTestId:o,indeterminate:d,isSimple:!v&&T,value:U}),O=v?React.createElement(UTLabel,_extends({className:k.name,colorTheme:"dark"},f,U?u:{}),x):React.createElement(UTFieldLabel,{className:k.title,highlighted:A,required:g},x),S=React.createElement(React.Fragment,null,React.createElement(CheckboxIcon,{classes:k,icon:c,iconProps:m,iconSelectedProps:p,isCard:v,value:U}),React.createElement(TitleAndDescription,{classes:k,description:s,withContainer:v},React.createElement(TitleRow,{classes:k,prefix:R,suffix:C,tooltip:y},i||O)));return React.createElement(React.Fragment,null,N&&React.createElement(UTFieldLabel,{actions:t,required:g},x),React.createElement(UTTouchableWithoutFeedback,{className:k.container,dataTestId:n,disabled:l,onMouseDown:()=>{!l&&h&&h(!U)}},React.createElement("div",{className:k.content},v?S:React.createElement(React.Fragment,null,w,React.createElement("div",{className:k.labelContainer},S))),v&&w,I&&React.createElement(UTValidation,{className:k.validation,validationData:P})))};UTCheckbox.propTypes={actions:arrayOf(buttonTypes),checkboxDataTestId:string,classes:objectOf(string),classNames:objectOf(string),CustomComponent:elementType,dataTestId:string,description:string,disabled:bool,icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,indeterminate:bool,isSimple:bool,meta:metaPropTypes.isRequired,nameProps:object,nameSelectedProps:object,onChange:func,prefix:string,required:bool,suffix:string,title:string,tooltip:string,value:bool,variant:string,withUpperTitle:bool};export default WithTheme(retrieveStyle)(UTCheckbox);

package/dist/esm/components/UTCheckbox/versions/V1/theme.js

@@ -1 +1 @@
-import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{BUTTON_VARIANT,CARD_VARIANT,SPACING}from"./constants";const MEDIUM_SPACING="var(--UT-checkbox-gap-md, 8px)",SMALL_SPACING="var(--UT-checkbox-gap-sm, 4px)",baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},iconContainer:{border:"1px solid ".concat(e.Palette.light["05"]),borderRadius:"var(--UT-checkbox-radius, 4px)",display:"flex",height:"var(--UT-checkbox-size, 16px)",placeContent:"center",placeItems:"center",width:"var(--UT-checkbox-size, 16px)"},box:{borderRadius:25,overflow:"hidden",padding:3},validation:{flexBasis:"100%"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-checkbox-content-gap, 4px)"},titleAndTooltip:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}),getCardTheme=e=>{var t,o,a,n;let{theme:r,error:i}=e;const l=(null===(t=r.Palette.actions)||void 0===t?void 0:t.accent["01"])||r.Palette.accent["01"],c=(null===(o=r.Palette.actions)||void 0===o?void 0:o.accent["02"])||r.Palette.accent["02"],d=(null===(a=r.Palette.actions)||void 0===a?void 0:a.accent["03"])||r.Palette.accent["03"],s=(null===(n=r.Palette.actions)||void 0===n?void 0:n.accent["05"])||r.Palette.accent["05"];return{base:{backgroundColor:r.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i?r.Palette.error["04"]:r.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i?r.Palette.error["01"]:r.Palette.light["03"]},"&:active":{backgroundColor:i?r.Palette.error["02"]:r.Palette.light["04"],"& $description":{color:r.Palette.gray["03"]}}},selected:{boxShadow:"none",outline:"2px solid ".concat(d," !important"),"& $icon path":{fill:s},"&:hover":{backgroundColor:l,outline:"2px solid ".concat(d," !important")},"&:active":{backgroundColor:c,outline:"2px solid ".concat(d," !important")}},disabled:{backgroundColor:r.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:r.Palette.gray["04"]},"& $icon path":{fill:r.Palette.gray["04"]}}}},getCardCheckboxColors=e=>{var t;let{isMarked:o,disabled:a,theme:n}=e;const r=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["04"])||n.Palette.accent["04"],i=n.Palette.gray["04"];return{backgroundColor:o?a?i:r:"transparent",borderColor:o?a?i:r:n.Palette.light["05"]}},conditionalStyles=e=>{var t,o,a,n,r;let{value:i,indeterminate:l,reversed:c,spacing:d,variant:s,theme:p,disabled:h,error:x}=e;const g=d===SPACING.SMALL?SMALL_SPACING:MEDIUM_SPACING,b=s===CARD_VARIANT,v=b&&getCardTheme({theme:p,error:x}),u=!0===i||l;return{container:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between"},...h&&!b&&{opacity:.5},...s===BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===d?"8px 12px":"12px 16px",backgroundColor:x?p.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:x?p.Palette.error["02"]:p.Palette.light["04"]},"&:hover":{backgroundColor:x?p.Palette.error["02"]:p.Palette.light["03"]}},...b&&{borderRadius:"var(--UT-checkbox-card-radius, 12px)",gap:g,minHeight:"var(--UT-checkbox-card-min-height, 24px)",overflow:"visible",padding:"var(--UT-checkbox-card-padding-y, 12px) var(--UT-checkbox-card-padding-x, 16px)",...h?v.disabled:i?v.selected:v.base}},content:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between",...s===BUTTON_VARIANT&&{width:"100%"}},...b&&{gap:g,marginRight:"auto"}},iconContainer:{...x&&{borderColor:p.Palette.error["04"]},...u&&{backgroundColor:(null===(t=p.Palette.actions)||void 0===t?void 0:t.accent["04"])||p.Palette.accent["04"],borderColor:(null===(o=p.Palette.actions)||void 0===o?void 0:o.accent["04"])||p.Palette.accent["04"]},...b&&getCardCheckboxColors({isMarked:u,disabled:h,theme:p})},boxContainer:{...b?{}:c?{marginLeft:g,marginRight:0}:{marginRight:g},...s!==BUTTON_VARIANT&&!b&&{"&:active, &:hover":{"& $box":{borderColor:x?p.Palette.error["03"]:(null===(a=p.Palette.actions)||void 0===a?void 0:a.accent["03"])||p.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:x?p.Palette.error["02"]:(null===(n=p.Palette.actions)||void 0===n?void 0:n.accent["02"])||p.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:x?p.Palette.error["01"]:(null===(r=p.Palette.actions)||void 0===r?void 0:r.accent["01"])||p.Palette.accent["01"]}}}},title:s===BUTTON_VARIANT&&{userSelect:"none"}}};export const retrieveStyle=e=>{let{value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,theme:i,variant:l,meta:c}=e;const d=baseCheckBoxTheme(i),s=c&&shouldShowErrors(c),{container:p,content:h,iconContainer:x,boxContainer:g,title:b}=conditionalStyles({value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,variant:l,theme:i,error:s});return{box:d.box,content:{...d.content,...h},container:{...d.container,...p},iconContainer:{...d.iconContainer,...x},boxContainer:g,title:b,validation:d.validation,contentContainer:d.contentContainer,titleAndTooltip:d.titleAndTooltip,tooltip:d.tooltip,icon:d.icon,iconImage:d.iconImage,infoIcon:d.infoIcon,name:d.name,description:d.description}};
+import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{BUTTON_VARIANT,CARD_VARIANT,SPACING}from"./constants";const MEDIUM_SPACING="var(--UT-checkbox-gap-md, 8px)",SMALL_SPACING="var(--UT-checkbox-gap-sm, 4px)",baseCheckBoxTheme=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},labelContainer:{alignItems:"center",display:"flex"},iconContainer:{border:"1px solid ".concat(e.Palette.light["05"]),borderRadius:"var(--UT-checkbox-radius, 4px)",display:"flex",height:"var(--UT-checkbox-size, 16px)",placeContent:"center",placeItems:"center",width:"var(--UT-checkbox-size, 16px)"},box:{borderRadius:25,overflow:"hidden",padding:3},validation:{flexBasis:"100%"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-checkbox-content-gap, 4px)"},titleRow:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}),getCardTheme=e=>{var t,o,a,n;let{theme:r,error:i}=e;const l=(null===(t=r.Palette.actions)||void 0===t?void 0:t.accent["01"])||r.Palette.accent["01"],c=(null===(o=r.Palette.actions)||void 0===o?void 0:o.accent["02"])||r.Palette.accent["02"],d=(null===(a=r.Palette.actions)||void 0===a?void 0:a.accent["03"])||r.Palette.accent["03"],s=(null===(n=r.Palette.actions)||void 0===n?void 0:n.accent["05"])||r.Palette.accent["05"];return{base:{backgroundColor:r.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(i?r.Palette.error["04"]:r.Palette.light["04"]," !important"),"&:hover":{backgroundColor:i?r.Palette.error["01"]:r.Palette.light["03"]},"&:active":{backgroundColor:i?r.Palette.error["02"]:r.Palette.light["04"],"& $description":{color:r.Palette.gray["03"]}}},selected:{boxShadow:"none",outline:"2px solid ".concat(d," !important"),"& $icon path":{fill:s},"&:hover":{backgroundColor:l,outline:"2px solid ".concat(d," !important")},"&:active":{backgroundColor:c,outline:"2px solid ".concat(d," !important")}},disabled:{backgroundColor:r.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:r.Palette.gray["04"]},"& $icon path":{fill:r.Palette.gray["04"]}}}},getCardCheckboxColors=e=>{var t;let{isMarked:o,disabled:a,theme:n}=e;const r=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["04"])||n.Palette.accent["04"],i=n.Palette.gray["04"];return{backgroundColor:o?a?i:r:"transparent",borderColor:o?a?i:r:n.Palette.light["05"]}},conditionalStyles=e=>{var t,o,a,n,r;let{value:i,indeterminate:l,reversed:c,spacing:d,variant:s,theme:p,disabled:b,error:x}=e;const h=d===SPACING.SMALL?SMALL_SPACING:MEDIUM_SPACING,v=s===CARD_VARIANT,g=v&&getCardTheme({theme:p,error:x}),u=!0===i||l;return{container:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between"},...b&&!v&&{opacity:.5},...s===BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===d?"8px 12px":"12px 16px",backgroundColor:x?p.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:x?p.Palette.error["02"]:p.Palette.light["04"]},"&:hover":{backgroundColor:x?p.Palette.error["02"]:p.Palette.light["03"]}},...v&&{borderRadius:"var(--UT-checkbox-card-radius, 12px)",gap:h,minHeight:"var(--UT-checkbox-card-min-height, 24px)",overflow:"visible",padding:"var(--UT-checkbox-card-padding-y, 12px) var(--UT-checkbox-card-padding-x, 16px)",...b?g.disabled:i?g.selected:g.base}},content:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between",...s===BUTTON_VARIANT&&{width:"100%"}},gap:h,...v&&{marginRight:"auto"}},labelContainer:{gap:h},iconContainer:{...x&&{borderColor:p.Palette.error["04"]},...u&&{backgroundColor:(null===(t=p.Palette.actions)||void 0===t?void 0:t.accent["04"])||p.Palette.accent["04"],borderColor:(null===(o=p.Palette.actions)||void 0===o?void 0:o.accent["04"])||p.Palette.accent["04"]},...v&&getCardCheckboxColors({isMarked:u,disabled:b,theme:p})},boxContainer:{...s!==BUTTON_VARIANT&&!v&&{"&:active, &:hover":{"& $box":{borderColor:x?p.Palette.error["03"]:(null===(a=p.Palette.actions)||void 0===a?void 0:a.accent["03"])||p.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:x?p.Palette.error["02"]:(null===(n=p.Palette.actions)||void 0===n?void 0:n.accent["02"])||p.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:x?p.Palette.error["01"]:(null===(r=p.Palette.actions)||void 0===r?void 0:r.accent["01"])||p.Palette.accent["01"]}}}},title:s===BUTTON_VARIANT&&{userSelect:"none"}}};export const retrieveStyle=e=>{let{value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,theme:i,variant:l,meta:c}=e;const d=baseCheckBoxTheme(i),s=c&&shouldShowErrors(c),{container:p,content:b,iconContainer:x,boxContainer:h,labelContainer:v,title:g}=conditionalStyles({value:t,disabled:o,indeterminate:a,reversed:n,spacing:r,variant:l,theme:i,error:s});return{box:d.box,content:{...d.content,...b},container:{...d.container,...p},iconContainer:{...d.iconContainer,...x},boxContainer:h,labelContainer:{...d.labelContainer,...v},title:g,validation:d.validation,contentContainer:d.contentContainer,titleRow:d.titleRow,tooltip:d.tooltip,icon:d.icon,iconImage:d.iconImage,infoIcon:d.infoIcon,name:d.name,description:d.description}};

package/dist/esm/components/UTDatePicker/versions/V1/components/Calendar/index.js

@@ -1 +1 @@
-import React,{useState,useEffect}from"react";import dayjs from"dayjs";import"dayjs/locale/es";import{func,object}from"prop-types";import{TEST_IDS}from"../../../../../../constants/testIds";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import Day from"../Day";import{WEEKDAYS_LABELS,MONTH_YEAR_FORMAT,OUTPUT_LABEL_MASK}from"../../constants";import styles from"../../styles.module.scss";import{getWeeks}from"../../utils";const{UTDatePickerV1TestID:UTDatePickerV1TestID}=TEST_IDS,Calendar=e=>{let{maxDate:t,minDate:a,onDaySelect:s,pickedDate:c}=e;const[r,o]=useState(c||dayjs());useEffect(()=>{null!=c&&c.isValid()&&o(c)},[c]);const n=getWeeks(r),l=e=>!(!a||!e.isBefore(dayjs(a,OUTPUT_LABEL_MASK),"day"))||!(!t||!e.isAfter(dayjs(t,OUTPUT_LABEL_MASK),"day"));return React.createElement("div",{className:styles.calendarContainer,"data-testid":UTDatePickerV1TestID.calendar},React.createElement("div",{className:styles.nav},React.createElement(UTButton,{colorTheme:"secondary",dataTestId:UTDatePickerV1TestID.calendarPrevBtn,Icon:"IconChevronLeft",onClick:()=>o(e=>e.subtract(1,"month")),size:"small",variant:"text"}),React.createElement(UTLabel,{align:"center",className:styles.navLabel,dataTestId:UTDatePickerV1TestID.calendarMonthYear,variant:"body",weight:"medium"},r.locale("es").format(MONTH_YEAR_FORMAT)),React.createElement(UTButton,{colorTheme:"secondary",dataTestId:UTDatePickerV1TestID.calendarNextBtn,Icon:"IconChevronRight",onClick:()=>o(e=>e.add(1,"month")),size:"small",variant:"text"})),React.createElement("div",{className:styles.month},React.createElement("div",{className:styles.week},WEEKDAYS_LABELS.map(e=>React.createElement(UTLabel,{className:"".concat(styles.dayCell," ").concat(styles.dayHeader),key:e,variant:"body",weight:"medium"},e))),n.map(e=>React.createElement("div",{className:styles.week,key:e[0].format("YYYY-MM-DD")},e.map(e=>{const t=e.month()===r.month();return React.createElement(Day,{date:e,dayInCurrentMonth:t,isDisabled:l(e),key:e.format("YYYY-MM-DD"),onClick:s,pickedDate:c})})))))};Calendar.propTypes={maxDate:object,minDate:object,onDaySelect:func,pickedDate:object};export default Calendar;
+import React,{useState,useEffect}from"react";import dayjs from"dayjs";import"dayjs/locale/es";import{func,object,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import Day from"../Day";import{WEEKDAYS_LABELS,MONTH_YEAR_FORMAT,OUTPUT_LABEL_MASK}from"../../constants";import styles from"../../styles.module.scss";import{getCalendarTestIds,getWeeks}from"../../utils";const Calendar=e=>{let{dataTestId:t,maxDate:a,minDate:s,onDaySelect:n,pickedDate:c}=e;const[r,o]=useState(c||dayjs()),l=getCalendarTestIds(t);useEffect(()=>{null!=c&&c.isValid()&&o(c)},[c]);const m=getWeeks(r),d=e=>!(!s||!e.isBefore(dayjs(s,OUTPUT_LABEL_MASK),"day"))||!(!a||!e.isAfter(dayjs(a,OUTPUT_LABEL_MASK),"day"));return React.createElement("div",{className:styles.calendarContainer,"data-testid":l.calendar},React.createElement("div",{className:styles.nav},React.createElement(UTButton,{colorTheme:"secondary",dataTestId:l.calendarPrevBtn,Icon:"IconChevronLeft",onClick:()=>o(e=>e.subtract(1,"month")),size:"small",variant:"text"}),React.createElement(UTLabel,{align:"center",className:styles.navLabel,dataTestId:l.calendarMonthYear,variant:"body",weight:"medium"},r.locale("es").format(MONTH_YEAR_FORMAT)),React.createElement(UTButton,{colorTheme:"secondary",dataTestId:l.calendarNextBtn,Icon:"IconChevronRight",onClick:()=>o(e=>e.add(1,"month")),size:"small",variant:"text"})),React.createElement("div",{className:styles.month},React.createElement("div",{className:styles.week},WEEKDAYS_LABELS.map(e=>React.createElement(UTLabel,{className:"".concat(styles.dayCell," ").concat(styles.dayHeader),key:e,variant:"body",weight:"medium"},e))),m.map(e=>React.createElement("div",{className:styles.week,key:e[0].format("YYYY-MM-DD")},e.map(e=>{const t=e.month()===r.month();return React.createElement(Day,{date:e,dayInCurrentMonth:t,isDisabled:d(e),key:e.format("YYYY-MM-DD"),onClick:n,pickedDate:c})})))))};Calendar.propTypes={dataTestId:string,maxDate:object,minDate:object,onDaySelect:func,pickedDate:object};export default Calendar;

package/dist/esm/components/UTDatePicker/versions/V1/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 r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}import React,{useRef,useState,useEffect}from"react";import Popover from"@material-ui/core/Popover";import dayjs from"dayjs";import customParseFormat from"dayjs/plugin/customParseFormat";import{bool,elementType,func,object,shape,string,oneOf}from"prop-types";import UTBaseInputField from"../../../UTBaseInputField";import UTButton from"../../../UTButton";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import UTValidation from"../../../UTValidation";import{COMPONENT_KEYS}from"../../../UTBaseInputField/constants";import Calendar from"./components/Calendar";import styles from"./styles.module.scss";import{DEFAULT_PROPS,DEFAULT_PLACEHOLDER,OUTPUT_LABEL_MASK,TYPING_ERROR_MESSAGE}from"./constants";import{dateMatchesFormat,getFinalDate}from"./utils";dayjs.extend(customParseFormat);const CALENDAR_PAPER_PROPS={className:styles.calendarPaper,onMouseDown:e=>e.preventDefault()},UTDatePicker=e=>{let{classNames:t={},CustomIcon:a,dataTestId:r,disabled:o,error:n="",helpText:l,onChange:s=()=>{},placeholder:i,popoverProps:c,range:d,readOnly:m=!1,required:u,size:p=DEFAULT_PROPS.size,title:T,value:E="",variant:P=DEFAULT_PROPS.variant}=e;const{maxDate:U,minDate:f}=d||{},[_,A]=useState(null),[v,L]=useState(!1),[O,g]=useState(""),[R,h]=useState(!1),[S,D]=useState(!1),y=useRef(null),F=useRef(null);useEffect(()=>{L(!1),g(""),D(!1),!E&&null!=_&&_.isValid()?A(null):dateMatchesFormat(E,OUTPUT_LABEL_MASK)?A(dayjs(E,OUTPUT_LABEL_MASK)):A(null)},[E]);const M=()=>{var e;o||m||(h(!0),null===(e=F.current)||void 0===e||e.focus())},b=v?O:null!=_&&_.isValid()?_.format(OUTPUT_LABEL_MASK):"",B=!!n||S,C=null==_?void 0:_.isValid(),I=i||DEFAULT_PLACEHOLDER,x=(C||v)&&!o&&!m,N=n||(S?TYPING_ERROR_MESSAGE:""),K="picker"===P,j=B&&!o?[{name:COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}]:[],k={colorTheme:B?"error":R?"primary":"gray",Icon:a||"IconCalendarEvent"},w=m?void 0:React.createElement("div",{className:styles.endAdornments},React.createElement(UTButton,_extends({},x?{colorTheme:"dark",Icon:"IconX"}:k,{classNames:{root:styles.calendarButton},disabled:o,onClick:x?e=>{e.stopPropagation(),A(null),L(!1),g(""),D(!1),s("")}:M,size:"small",variant:"text"})));return React.createElement(React.Fragment,null,React.createElement("div",{className:styles.root},T&&React.createElement(UTFieldLabel,{className:null==t?void 0:t.upperTitle,required:u,withMarkdown:!0},T),React.createElement("div",{ref:y},React.createElement(UTBaseInputField,{alwaysShowPlaceholder:!0,classNames:t,dataTestId:r,inputRef:F,disabled:o,error:B,readOnly:m,inputSize:"sm"===p?"small":void 0,variant:K?"transparent":void 0,leftAdornments:j,maxLength:10,muiProps:{InputProps:{endAdornment:w},onChange:e=>{var t,a;const r=(e=>{const t=e.replace(/\D/g,"").slice(0,8);return t.length<=2?t:t.length<=4?"".concat(t.slice(0,2),"/").concat(t.slice(2)):"".concat(t.slice(0,2),"/").concat(t.slice(2,4),"/").concat(t.slice(4))})(v?e.target.value:null!==(t=null===(a=e.nativeEvent)||void 0===a?void 0:a.data)&&void 0!==t?t:"");g(r),L(!0);if(8===r.replace(/\D/g,"").length){const e=dateMatchesFormat(r,OUTPUT_LABEL_MASK)&&dayjs(r,OUTPUT_LABEL_MASK).isValid();D(!e),e&&A(dayjs(r,OUTPUT_LABEL_MASK))}else D(!1)},fullWidth:!0},onBlur:e=>{var t;if((null===(t=y.current)||void 0===t||!t.contains(e.relatedTarget))&&(h(!1),D(!1),v)){if(L(!1),g(""),!O)return A(null),void s("");if(dateMatchesFormat(O,OUTPUT_LABEL_MASK)){const e=dayjs(O,OUTPUT_LABEL_MASK);if(e.isValid()){const t=getFinalDate({date:e,maxDate:U,minDate:f});return A(t),void s(t.format(OUTPUT_LABEL_MASK))}}A(null),s("")}},onFocus:M,placeholder:I,value:b})),l&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",withMarkdown:!0},l),"select"===P&&N&&React.createElement(UTValidation,{dataTestId:r?"".concat(r,".errorMessage"):void 0,validationData:[{items:[{status:"error",text:N}]}]})),React.createElement(Popover,_extends({anchorEl:y.current,anchorOrigin:{horizontal:"left",vertical:"bottom"},disableAutoFocus:!0,disableEnforceFocus:!0,disableRestoreFocus:!0,onClose:()=>{h(!1),D(!1),v&&(L(!1),g(""),E&&dateMatchesFormat(E,OUTPUT_LABEL_MASK)?A(dayjs(E,OUTPUT_LABEL_MASK)):A(null))},open:R,PaperProps:CALENDAR_PAPER_PROPS,transformOrigin:{horizontal:"left",vertical:"top"}},c),React.createElement(Calendar,{maxDate:U,minDate:f,onDaySelect:e=>{const t=getFinalDate({date:e,maxDate:U,minDate:f});A(t),L(!1),g(""),D(!1),t.isValid()?s(t.format(OUTPUT_LABEL_MASK)):s(""),h(!1)},pickedDate:_})))};UTDatePicker.propTypes={classNames:object,CustomIcon:elementType,dataTestId:string,disabled:bool,error:string,helpText:string,onChange:func,placeholder:string,popoverProps:object,range:shape({maxDate:string,minDate:string}),readOnly:bool,required:bool,size:string,title:string,value:string,variant:oneOf(["select","picker"])};export default UTDatePicker;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}import React,{useRef,useState,useEffect}from"react";import Popover from"@material-ui/core/Popover";import dayjs from"dayjs";import customParseFormat from"dayjs/plugin/customParseFormat";import{bool,elementType,func,object,shape,string,oneOf}from"prop-types";import UTBaseInputField from"../../../UTBaseInputField";import UTButton from"../../../UTButton";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import UTValidation from"../../../UTValidation";import{COMPONENT_KEYS}from"../../../UTBaseInputField/constants";import Calendar from"./components/Calendar";import styles from"./styles.module.scss";import{DEFAULT_PROPS,DEFAULT_PLACEHOLDER,OUTPUT_LABEL_MASK,TYPING_ERROR_MESSAGE}from"./constants";import{dateMatchesFormat,getFinalDate}from"./utils";dayjs.extend(customParseFormat);const CALENDAR_PAPER_PROPS={className:styles.calendarPaper,onMouseDown:e=>e.preventDefault()},UTDatePicker=e=>{let{classNames:t={},CustomIcon:a,dataTestId:r,disabled:o,error:n="",helpText:l,onChange:s=()=>{},placeholder:i,popoverProps:c,range:d,readOnly:m=!1,required:u,size:p=DEFAULT_PROPS.size,title:T,value:E="",variant:P=DEFAULT_PROPS.variant}=e;const{maxDate:U,minDate:f}=d||{},[_,A]=useState(null),[v,L]=useState(!1),[O,g]=useState(""),[R,h]=useState(!1),[S,D]=useState(!1),y=useRef(null),F=useRef(null);useEffect(()=>{L(!1),g(""),D(!1),!E&&null!=_&&_.isValid()?A(null):dateMatchesFormat(E,OUTPUT_LABEL_MASK)?A(dayjs(E,OUTPUT_LABEL_MASK)):A(null)},[E]);const M=()=>{var e;o||m||(h(!0),null===(e=F.current)||void 0===e||e.focus())},b=v?O:null!=_&&_.isValid()?_.format(OUTPUT_LABEL_MASK):"",B=!!n||S,I=null==_?void 0:_.isValid(),C=i||DEFAULT_PLACEHOLDER,x=(I||v)&&!o&&!m,N=n||(S?TYPING_ERROR_MESSAGE:""),K="picker"===P,j=B&&!o?[{name:COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}]:[],k={colorTheme:B?"error":R?"primary":"gray",Icon:a||"IconCalendarEvent"},w=m?void 0:React.createElement("div",{className:styles.endAdornments},React.createElement(UTButton,_extends({},x?{colorTheme:"dark",Icon:"IconX"}:k,{classNames:{root:styles.calendarButton},disabled:o,onClick:x?e=>{e.stopPropagation(),A(null),L(!1),g(""),D(!1),s("")}:M,size:"small",variant:"text"})));return React.createElement(React.Fragment,null,React.createElement("div",{className:styles.root},T&&React.createElement(UTFieldLabel,{className:null==t?void 0:t.upperTitle,required:u,withMarkdown:!0},T),React.createElement("div",{ref:y},React.createElement(UTBaseInputField,{alwaysShowPlaceholder:!0,classNames:t,dataTestId:r,inputRef:F,disabled:o,error:B,readOnly:m,inputSize:"sm"===p?"small":void 0,variant:K?"transparent":void 0,leftAdornments:j,maxLength:10,muiProps:{InputProps:{endAdornment:w},onChange:e=>{var t,a;const r=(e=>{const t=e.replace(/\D/g,"").slice(0,8);return t.length<=2?t:t.length<=4?"".concat(t.slice(0,2),"/").concat(t.slice(2)):"".concat(t.slice(0,2),"/").concat(t.slice(2,4),"/").concat(t.slice(4))})(v?e.target.value:null!==(t=null===(a=e.nativeEvent)||void 0===a?void 0:a.data)&&void 0!==t?t:"");g(r),L(!0);if(8===r.replace(/\D/g,"").length){const e=dateMatchesFormat(r,OUTPUT_LABEL_MASK)&&dayjs(r,OUTPUT_LABEL_MASK).isValid();D(!e),e&&A(dayjs(r,OUTPUT_LABEL_MASK))}else D(!1)},fullWidth:!0},onBlur:e=>{var t;if((null===(t=y.current)||void 0===t||!t.contains(e.relatedTarget))&&(h(!1),D(!1),v)){if(L(!1),g(""),!O)return A(null),void s("");if(dateMatchesFormat(O,OUTPUT_LABEL_MASK)){const e=dayjs(O,OUTPUT_LABEL_MASK);if(e.isValid()){const t=getFinalDate({date:e,maxDate:U,minDate:f});return A(t),void s(t.format(OUTPUT_LABEL_MASK))}}A(null),s("")}},onFocus:M,placeholder:C,value:b})),l&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",withMarkdown:!0},l),"select"===P&&N&&React.createElement(UTValidation,{dataTestId:r?"".concat(r,".errorMessage"):void 0,validationData:[{items:[{status:"error",text:N}]}]})),React.createElement(Popover,_extends({anchorEl:y.current,anchorOrigin:{horizontal:"left",vertical:"bottom"},disableAutoFocus:!0,disableEnforceFocus:!0,disableRestoreFocus:!0,onClose:()=>{h(!1),D(!1),v&&(L(!1),g(""),E&&dateMatchesFormat(E,OUTPUT_LABEL_MASK)?A(dayjs(E,OUTPUT_LABEL_MASK)):A(null))},open:R,PaperProps:CALENDAR_PAPER_PROPS,transformOrigin:{horizontal:"left",vertical:"top"}},c),React.createElement(Calendar,{dataTestId:r,maxDate:U,minDate:f,onDaySelect:e=>{const t=getFinalDate({date:e,maxDate:U,minDate:f});A(t),L(!1),g(""),D(!1),t.isValid()?s(t.format(OUTPUT_LABEL_MASK)):s(""),h(!1)},pickedDate:_})))};UTDatePicker.propTypes={classNames:object,CustomIcon:elementType,dataTestId:string,disabled:bool,error:string,helpText:string,onChange:func,placeholder:string,popoverProps:object,range:shape({maxDate:string,minDate:string}),readOnly:bool,required:bool,size:string,title:string,value:string,variant:oneOf(["select","picker"])};export default UTDatePicker;

package/dist/esm/components/UTDatePicker/versions/V1/utils.js

@@ -1 +1 @@
-import dayjs from"dayjs";import{OUTPUT_LABEL_MASK}from"./constants";export const isSelected=(t,a)=>a&&t.isSame(a,"day");export const dateMatchesFormat=(t,a)=>dayjs(t,a).format(a)===t;export const getFinalDate=t=>{let{date:a,maxDate:e,minDate:s}=t;const o=dayjs(a);return e&&null!=o&&o.isAfter(dayjs(e,OUTPUT_LABEL_MASK))?dayjs(e,OUTPUT_LABEL_MASK):s&&null!=o&&o.isBefore(dayjs(s,OUTPUT_LABEL_MASK))?dayjs(s,OUTPUT_LABEL_MASK):o};export const getWeeks=t=>{const a=t.startOf("month"),e=t.endOf("month"),s=[];let o=a.subtract(a.day(),"day");do{const t=o;s.push(Array.from({length:7},(a,e)=>t.add(e,"day"))),o=o.add(7,"day")}while(o.isBefore(e)||o.isSame(e,"day"));return s};
+import dayjs from"dayjs";import{TEST_IDS}from"../../../../constants/testIds";import{OUTPUT_LABEL_MASK}from"./constants";const{UTDatePickerV1TestID:UTDatePickerV1TestID}=TEST_IDS;export const isSelected=(t,e)=>e&&t.isSame(e,"day");export const dateMatchesFormat=(t,e)=>dayjs(t,e).format(e)===t;export const getFinalDate=t=>{let{date:e,maxDate:a,minDate:s}=t;const r=dayjs(e);return a&&null!=r&&r.isAfter(dayjs(a,OUTPUT_LABEL_MASK))?dayjs(a,OUTPUT_LABEL_MASK):s&&null!=r&&r.isBefore(dayjs(s,OUTPUT_LABEL_MASK))?dayjs(s,OUTPUT_LABEL_MASK):r};export const getWeeks=t=>{const e=t.startOf("month"),a=t.endOf("month"),s=[];let r=e.subtract(e.day(),"day");do{const t=r;s.push(Array.from({length:7},(e,a)=>t.add(a,"day"))),r=r.add(7,"day")}while(r.isBefore(a)||r.isSame(a,"day"));return s};export const getCalendarTestIds=t=>Object.fromEntries(Object.entries(UTDatePickerV1TestID).map(e=>{let[a,s]=e;return[a,t?"".concat(t,".").concat(a):s]}));

package/dist/esm/components/UTIcon/components/EnergyIcons/EnergyIconGasTank.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+<rect x="3" y="7" width="18" height="10" rx="5"/>
+<path d="M8 7V17M16 7V17"/>
+<path d="M12 4V7M10.5 4H13.5"/>
+<path d="M6 17L5 20M18 17L19 20"/>
+</svg>

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 EnergyIconFileTextSparkFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.923 2.953a.973.973 0 0 0-.974.977v13.675a.978.978 0 0 0 .974.976h4.872c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H5.923a2.92 2.92 0 0 1-2.067-.858A2.934 2.934 0 0 1 3 17.605V3.93c0-.777.308-1.522.856-2.072A2.92 2.92 0 0 1 5.923 1h6.82c.259 0 .507.103.69.286l4.871 4.884a.978.978 0 0 1 .286.69v3.42a.976.976 0 1 1-1.949 0V7.836h-2.923a1.946 1.946 0 0 1-1.378-.572 1.956 1.956 0 0 1-.57-1.381v-2.93H5.922Zm7.795 1.382 1.545 1.549h-1.545v-1.55Zm-6.82 3.502c0-.54.436-.977.974-.977h.974c.538 0 .975.438.975.977 0 .54-.437.977-.975.977h-.974a.976.976 0 0 1-.975-.977Zm0 3.907c0-.54.436-.977.974-.977h5.846c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H7.872a.976.976 0 0 1-.975-.977Zm10.717 1.465c.45 0 .842.31.947.747a3.666 3.666 0 0 0 2.693 2.7.976.976 0 0 1 0 1.898 3.652 3.652 0 0 0-2.693 2.699.975.975 0 0 1-1.894 0 3.665 3.665 0 0 0-2.692-2.699.976.976 0 0 1 0-1.899 3.652 3.652 0 0 0 2.692-2.699.975.975 0 0 1 .947-.747Zm0 3.234a5.602 5.602 0 0 1-1.159 1.162 5.596 5.596 0 0 1 1.16 1.161 5.612 5.612 0 0 1 1.158-1.161 5.617 5.617 0 0 1-1.159-1.162ZM6.897 15.65c0-.54.437-.977.975-.977h2.923c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H7.872a.976.976 0 0 1-.975-.977Z"}))};EnergyIconFileTextSparkFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"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 CURRENT_COLOR="currentColor";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,EnergyIconFileTextSparkFilled:EnergyIconFileTextSparkFilled,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 EnergyIconFileTextSparkFilled=function(e){return React.createElement("svg",e,React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.923 2.953a.973.973 0 0 0-.974.977v13.675a.978.978 0 0 0 .974.976h4.872c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H5.923a2.92 2.92 0 0 1-2.067-.858A2.934 2.934 0 0 1 3 17.605V3.93c0-.777.308-1.522.856-2.072A2.92 2.92 0 0 1 5.923 1h6.82c.259 0 .507.103.69.286l4.871 4.884a.978.978 0 0 1 .286.69v3.42a.976.976 0 1 1-1.949 0V7.836h-2.923a1.946 1.946 0 0 1-1.378-.572 1.956 1.956 0 0 1-.57-1.381v-2.93H5.922Zm7.795 1.382 1.545 1.549h-1.545v-1.55Zm-6.82 3.502c0-.54.436-.977.974-.977h.974c.538 0 .975.438.975.977 0 .54-.437.977-.975.977h-.974a.976.976 0 0 1-.975-.977Zm0 3.907c0-.54.436-.977.974-.977h5.846c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H7.872a.976.976 0 0 1-.975-.977Zm10.717 1.465c.45 0 .842.31.947.747a3.666 3.666 0 0 0 2.693 2.7.976.976 0 0 1 0 1.898 3.652 3.652 0 0 0-2.693 2.699.975.975 0 0 1-1.894 0 3.665 3.665 0 0 0-2.692-2.699.976.976 0 0 1 0-1.899 3.652 3.652 0 0 0 2.692-2.699.975.975 0 0 1 .947-.747Zm0 3.234a5.602 5.602 0 0 1-1.159 1.162 5.596 5.596 0 0 1 1.16 1.161 5.612 5.612 0 0 1 1.158-1.161 5.617 5.617 0 0 1-1.159-1.162ZM6.897 15.65c0-.54.437-.977.975-.977h2.923c.538 0 .974.438.974.977 0 .54-.436.977-.974.977H7.872a.976.976 0 0 1-.975-.977Z"}))};EnergyIconFileTextSparkFilled.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"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 EnergyIconGasTank=function(e){return React.createElement("svg",e,React.createElement("rect",{x:"3",y:"7",width:"18",height:"10",rx:"5"}),React.createElement("path",{d:"M8 7v10m8-10v10M12 4v3m-1.5-3h3M6 17l-1 3m13-3 1 3"}))};EnergyIconGasTank.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg"};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 CURRENT_COLOR="currentColor";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,EnergyIconFileTextSparkFilled:EnergyIconFileTextSparkFilled,EnergyIconGasTank:EnergyIconGasTank,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/UTModal/index.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var c=arguments[t];for(var a in c)({}).hasOwnProperty.call(c,a)&&(e[a]=c[a])}return e},_extends.apply(null,arguments)}import React,{useEffect,useMemo,useRef}from"react";import{bool,elementType,func,object,objectOf,shape,string}from"prop-types";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{capitalize}from"../../utils/componentUtils";import{mergeClasses}from"../../utils/classesUtils";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import{ACCEPT_BUTTON_TEXT,CANCEL_BUTTON_TEXT,STATUS_ICONS}from"./constants";import styles from"./styles.module.scss";const UTModal=e=>{let{cancelAction:t,children:c,classes:a,classNames:n,description:s,descriptionProps:o={},handleClickAway:l,isOpen:r,primaryAction:i,removeBodyPadding:m,secondaryAction:d,SecondaryActionComponent:p,size:T,status:y,title:u}=e;const f=useRef(null);useEffect(()=>{r?f.current.showModal():f.current.close()},[r]);const b=useMemo(()=>mergeClasses(a,n),[n]),E=STATUS_ICONS[y],g=!objectIsEmpty(d)||p;return React.createElement("dialog",{className:"".concat(styles.container," ").concat(b.container," ").concat(T?styles["container".concat(capitalize(T))]:styles.containerM),onClick:e=>l&&"DIALOG"===e.target.tagName&&l(),ref:f},React.createElement("div",null,E&&React.createElement("div",{className:"".concat(styles.status," ").concat(b["status".concat(capitalize(y))])},React.createElement(E,{className:"".concat(styles.icon," ").concat(b["icon".concat(capitalize(y))])})),React.createElement("div",{className:styles.header},React.createElement(UTLabel,{variant:"title3",weight:"medium"},u),s&&React.createElement(UTLabel,_extends({colorTheme:"gray"},o),s)),c&&React.createElement("div",{className:"".concat(styles.body," ").concat(!m&&styles.bodyPadding)},c),React.createElement("div",{className:"\n            ".concat(styles.actions,"\n            ").concat(b.actions,"\n            ").concat(g&&styles.withSecondaryActions,"\n          ")},g&&React.createElement("div",null,p?React.createElement(p,null):React.createElement(UTButton,_extends({colorTheme:"secondary",variant:"semitransparent"},d),d.label)),React.createElement("div",{className:styles.defaultActions},!objectIsEmpty(t)&&React.createElement(UTButton,_extends({colorTheme:"secondary",variant:"text"},t),t.label||CANCEL_BUTTON_TEXT),!objectIsEmpty(i)&&React.createElement(UTButton,_extends({colorTheme:"primary",variant:"filled"},i),i.label||ACCEPT_BUTTON_TEXT)))))};UTModal.propTypes={cancelAction:shape({label:string,onClick:func}),classes:objectOf(string),classNames:objectOf(string),description:string,descriptionProps:object,handleClickAway:func,isOpen:bool,primaryAction:shape({label:string,onClick:func}),removeBodyPadding:bool,secondaryAction:shape({label:string,onClick:func}),SecondaryActionComponent:elementType,size:string,status:string,title:string};export default WithTheme(retrieveStyle)(UTModal);
+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 c in a)({}).hasOwnProperty.call(a,c)&&(e[c]=a[c])}return e},_extends.apply(null,arguments)}import React,{useEffect,useMemo,useRef}from"react";import{bool,elementType,func,object,objectOf,shape,string}from"prop-types";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{capitalize}from"../../utils/componentUtils";import{mergeClasses}from"../../utils/classesUtils";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{TEST_IDS}from"../../constants/testIds";import{retrieveStyle}from"./theme";import{ACCEPT_BUTTON_TEXT,CANCEL_BUTTON_TEXT,STATUS_ICONS}from"./constants";import styles from"./styles.module.scss";const{dialog:dialog}=TEST_IDS,UTModal=e=>{let{cancelAction:t,children:a,classes:c,classNames:n,dataTestId:o,description:s,descriptionProps:l={},handleClickAway:i,isOpen:r,primaryAction:m,removeBodyPadding:d,secondaryAction:T,SecondaryActionComponent:p,size:y,status:u,title:f}=e;const E=useRef(null);useEffect(()=>{r?E.current.showModal():E.current.close()},[r]);const b=useMemo(()=>mergeClasses(c,n),[n]),g=STATUS_ICONS[u],h=!objectIsEmpty(T)||p;return React.createElement("dialog",{className:"".concat(styles.container," ").concat(b.container," ").concat(y?styles["container".concat(capitalize(y))]:styles.containerM),"data-testid":o,onClick:e=>i&&"DIALOG"===e.target.tagName&&i(),ref:E},React.createElement("div",null,g&&React.createElement("div",{className:"".concat(styles.status," ").concat(b["status".concat(capitalize(u))])},React.createElement(g,{className:"".concat(styles.icon," ").concat(b["icon".concat(capitalize(u))])})),React.createElement("div",{className:styles.header},React.createElement(UTLabel,{dataTestId:o?"".concat(o,".").concat(dialog.title):void 0,variant:"title3",weight:"medium"},f),s&&React.createElement(UTLabel,_extends({colorTheme:"gray"},l),s)),a&&React.createElement("div",{className:"".concat(styles.body," ").concat(!d&&styles.bodyPadding)},a),React.createElement("div",{className:"\n            ".concat(styles.actions,"\n            ").concat(b.actions,"\n            ").concat(h&&styles.withSecondaryActions,"\n          ")},h&&React.createElement("div",null,p?React.createElement(p,null):React.createElement(UTButton,_extends({colorTheme:"secondary",variant:"semitransparent"},T),T.label)),React.createElement("div",{className:styles.defaultActions},!objectIsEmpty(t)&&React.createElement(UTButton,_extends({colorTheme:"secondary",dataTestId:o?"".concat(o,".").concat(dialog.cancelButton):void 0,variant:"text"},t),t.label||CANCEL_BUTTON_TEXT),!objectIsEmpty(m)&&React.createElement(UTButton,_extends({colorTheme:"primary",dataTestId:o?"".concat(o,".").concat(dialog.acceptButton):void 0,variant:"filled"},m),m.label||ACCEPT_BUTTON_TEXT)))))};UTModal.propTypes={cancelAction:shape({label:string,onClick:func}),classes:objectOf(string),classNames:objectOf(string),dataTestId:string,description:string,descriptionProps:object,handleClickAway:func,isOpen:bool,primaryAction:shape({label:string,onClick:func}),removeBodyPadding:bool,secondaryAction:shape({label:string,onClick:func}),SecondaryActionComponent:elementType,size:string,status:string,title:string};export default WithTheme(retrieveStyle)(UTModal);

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

@@ -1 +1 @@
-export const RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"};export const ICON_SIZES={[RADIO_VARIANTS.CARD]:16};export const ICON_AREA_SIZE=32;export const ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)";export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};
+export const RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"};export const ICON_SIZES={[RADIO_VARIANTS.CARD]:16};export const ICON_AREA_SIZE=32;export const ICON_AREA_RADIUS="var(--UT-radioGroup-card-icon-area-radius, 8px)";export const TOOLTIP_ICON_SIZE=16;export const ICON_CONTENT_TYPES={UT_ICON:"utIcon",IMAGE:"image",COMPONENT:"component"};

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

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import React from"react";import{object,bool,elementType,func,oneOfType,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import WithTheme from"../../../../../WithTheme";import{retrieveStyle}from"./theme";import{getIconAreaColors,getIconContentType}from"./utils";import{RADIO_VARIANTS,ICON_SIZES,ICON_AREA_RADIUS,ICON_AREA_SIZE,ICON_CONTENT_TYPES}from"./constants";const Radio=e=>{let{classes:t,dataTestId:a,description:o,descriptionProps:r={},disabled:c,icon:n,iconProps:i={},iconSelectedProps:s={},name:l,nameProps:m={},nameSelectedProps:d={},onChange:T,prefix:p,selected:R,suffix:I,theme:E,tooltip:N,variant:A=RADIO_VARIANTS.DEFAULT}=e;const b=A===RADIO_VARIANTS.CARD,{areaBackground:h,areaBorderColor:f}=getIconAreaColors(E),g=l&&React.createElement(UTLabel,_extends({className:t.name,colorTheme:"dark"},m,R?d:{}),l);return React.createElement(UTTouchableWithoutFeedback,{className:t.root,dataTestId:a,disabled:c,onClick:()=>!c&&T()},A===RADIO_VARIANTS.DEFAULT&&React.createElement("div",{className:t.radioCircleContainer},React.createElement("div",{className:t.radioCircle},R&&React.createElement("div",{className:t.radioDot}))),React.createElement("div",{className:t.content},(()=>{if(!n)return null;const e=getIconContentType(n);if(e===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:n.alt||"",className:t.iconImage,src:n.src});if(e===ICON_CONTENT_TYPES.COMPONENT){const e=n;return React.createElement(e,{className:t.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:n,size:ICON_SIZES[A]},b&&{area:!0,areaBackground:h,areaBorderColor:f,areaRadius:ICON_AREA_RADIUS,areaSize:ICON_AREA_SIZE},i,R?s:{}))})(),React.createElement("div",{className:t.contentContainer},React.createElement("div",{className:t.content},p&&React.createElement(UTLabel,{colorTheme:"gray"},p),b&&N?React.createElement("div",{className:t.titleAndTooltip},g,React.createElement(UTTooltip,{content:N},React.createElement("span",{className:t.tooltip},React.createElement(UTIcon,{className:t.infoIcon,colorTheme:R&&b?"accent":c&&b?"gray":"dark",name:"IconHelp",size:20})))):g,I&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",weight:"medium"},I)),React.createElement(UTLabel,_extends({className:t.description,colorTheme:"gray",variant:"body"},r),o))),b&&React.createElement("div",{className:t.cardRadio},R&&React.createElement("div",{className:t.radioDot})),R&&A===RADIO_VARIANTS.BUTTON&&React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:object,dataTestId:string,description:string,descriptionProps:object,disabled:bool,icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,name:string,nameProps:object,nameSelectedProps:object,onChange:func,prefix:string,selected:bool,suffix:string,theme:object,tooltip:string,variant:string};export default WithTheme(retrieveStyle)(Radio);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import React from"react";import{object,bool,elementType,func,oneOfType,shape,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import UTTooltip from"../../../../../UTTooltip";import WithTheme from"../../../../../WithTheme";import{retrieveStyle}from"./theme";import{getIconAreaColors,getIconContentType}from"./utils";import{RADIO_VARIANTS,ICON_SIZES,ICON_AREA_RADIUS,ICON_AREA_SIZE,ICON_CONTENT_TYPES,TOOLTIP_ICON_SIZE}from"./constants";const Radio=e=>{let{classes:t,dataTestId:a,description:o,descriptionProps:r={},disabled:c,icon:n,iconProps:s={},iconSelectedProps:i={},name:l,nameProps:m={},nameSelectedProps:T={},onChange:d,prefix:p,selected:I,suffix:R,theme:N,tooltip:E,variant:A=RADIO_VARIANTS.DEFAULT}=e;const O=A===RADIO_VARIANTS.CARD,_=I&&A===RADIO_VARIANTS.BUTTON,{areaBackground:b,areaBorderColor:h}=getIconAreaColors(N),C=l&&React.createElement(UTLabel,_extends({className:t.name,colorTheme:_?"accent":"dark"},m,I?T:{}),l);return React.createElement(UTTouchableWithoutFeedback,{className:t.root,dataTestId:a,disabled:c,onClick:()=>!c&&d()},A===RADIO_VARIANTS.DEFAULT&&React.createElement("div",{className:t.radioCircleContainer},React.createElement("div",{className:t.radioCircle},I&&React.createElement("div",{className:t.radioDot}))),React.createElement("div",{className:t.content},(()=>{if(!n)return null;const e=getIconContentType(n);if(e===ICON_CONTENT_TYPES.IMAGE)return React.createElement("img",{alt:n.alt||"",className:t.iconImage,src:n.src});if(e===ICON_CONTENT_TYPES.COMPONENT){const e=n;return React.createElement(e,{className:t.icon})}return React.createElement(UTIcon,_extends({colorTheme:"dark",name:n,size:ICON_SIZES[A]},O&&{area:!0,areaBackground:b,areaBorderColor:h,areaRadius:ICON_AREA_RADIUS,areaSize:ICON_AREA_SIZE},s,I?i:{}))})(),React.createElement("div",{className:t.contentContainer},React.createElement("div",{className:t.content},p&&React.createElement(UTLabel,{colorTheme:"gray"},p),E?React.createElement("div",{className:t.titleAndTooltip},C,React.createElement(UTTooltip,{content:E},React.createElement("span",{className:t.tooltip},React.createElement(UTIcon,{className:t.infoIcon,colorTheme:"gray",name:"IconHelp",shade:"04",size:TOOLTIP_ICON_SIZE})))):C,R&&React.createElement(UTLabel,{colorTheme:"gray"},R)),React.createElement(UTLabel,_extends({className:t.description,colorTheme:"gray",variant:"body"},r),o))),O&&React.createElement("div",{className:t.cardRadio},I&&React.createElement("div",{className:t.radioDot})),I&&A===RADIO_VARIANTS.BUTTON&&React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:object,dataTestId:string,description:string,descriptionProps:object,disabled:bool,icon:oneOfType([string,elementType,shape({alt:string,src:string})]),iconProps:object,iconSelectedProps:object,name:string,nameProps:object,nameSelectedProps:object,onChange:func,prefix:string,selected:bool,suffix:string,theme:object,tooltip:string,variant:string};export default WithTheme(retrieveStyle)(Radio);

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

@@ -1 +1 @@
-import{SPACING}from"../../constants";import{RADIO_VARIANTS}from"./constants";const SPACING_VALUES={[SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=o=>{let{accent04:t,disabled:e,selected:r,theme:a}=o;const i=a.Palette.gray["04"];return{backgroundColor:r?e?i:t:"transparent",borderColor:r?e?i:t:a.Palette.light["05"]}};export const retrieveStyle=o=>{var t,e,r,a,i;let{theme:n,variant:l=RADIO_VARIANTS.DEFAULT,disabled:d,selected:c,spacing:p=SPACING.MEDIUM,reversed:s}=o;const A=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["01"])||n.Palette.accent["01"],g=(null===(e=n.Palette.actions)||void 0===e?void 0:e.accent["02"])||n.Palette.accent["02"],u=(null===(r=n.Palette.actions)||void 0===r?void 0:r.accent["03"])||n.Palette.accent["03"],h=(null===(a=n.Palette.actions)||void 0===a?void 0:a.accent["04"])||n.Palette.accent["04"],I=(null===(i=n.Palette.actions)||void 0===i?void 0:i.accent["05"])||n.Palette.accent["05"],x={[RADIO_VARIANTS.CARD]:{backgroundColor:n.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(n.Palette.light["04"]," !important"),"&:hover":{backgroundColor:n.Palette.light["03"]},"&:active":{backgroundColor:n.Palette.light["04"],"& $description":{color:n.Palette.gray["03"]}}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:n.Palette.light["01"],"&:hover":{backgroundColor:n.Palette.light["03"]},"&:active":{backgroundColor:n.Palette.light["04"]}},[RADIO_VARIANTS.DEFAULT]:{}}[l],v={[RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:I},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[RADIO_VARIANTS.BUTTON]:{},[RADIO_VARIANTS.DEFAULT]:{}}[l],C={[RADIO_VARIANTS.CARD]:{backgroundColor:n.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:n.Palette.gray["04"]},"& $icon path":{fill:n.Palette.gray["04"]}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:n.Palette.light["01"],opacity:.5,pointerEvents:"none"},[RADIO_VARIANTS.DEFAULT]:{opacity:.5,pointerEvents:"none"}}[l];return{root:{alignItems:"center !important",borderRadius:l===RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[p]||SPACING_VALUES[SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:l===RADIO_VARIANTS.CARD?"visible":"hidden",...l!==RADIO_VARIANTS.DEFAULT&&{padding:"var(--UT-radioGroup-row-padding-y, 12px) var(--UT-radioGroup-row-padding-x, 16px)"},...d?C:c?v:x},radioCircleContainer:{borderRadius:"50%",overflow:"hidden",padding:3,"&:hover":{backgroundColor:A},"&:active":{backgroundColor:g}},radioCircle:{alignItems:"center",border:"1px solid ".concat(n.Palette.light["05"]),borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...c&&{backgroundColor:h,borderColor:h}},radioDot:{backgroundColor:n.Palette.light["01"],borderRadius:"50%",height:"var(--UT-radioGroup-control-dot-size, 8px)",width:"var(--UT-radioGroup-control-dot-size, 8px)"},cardRadio:{alignItems:"center",border:"1px solid transparent",borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...getCardRadioColors({accent04:h,disabled:d,selected:c,theme:n})},content:{alignItems:"center",display:"flex",flexDirection:s?"row-reverse":"row",gap:SPACING_VALUES[p]||SPACING_VALUES[SPACING.MEDIUM],marginRight:"auto"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-radioGroup-content-gap, 4px)"},titleAndTooltip:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}};
+import{SPACING}from"../../constants";import{RADIO_VARIANTS}from"./constants";const SPACING_VALUES={[SPACING.SMALL]:"var(--UT-radioGroup-control-gap-sm, 4px)",[SPACING.MEDIUM]:"var(--UT-radioGroup-control-gap-md, 8px)"},getCardRadioColors=o=>{let{accent04:t,disabled:e,selected:r,theme:a}=o;const i=a.Palette.gray["04"];return{backgroundColor:r?e?i:t:"transparent",borderColor:r?e?i:t:a.Palette.light["05"]}};export const retrieveStyle=o=>{var t,e,r,a,i;let{theme:n,variant:l=RADIO_VARIANTS.DEFAULT,disabled:d,selected:c,spacing:p=SPACING.MEDIUM,reversed:s}=o;const A=(null===(t=n.Palette.actions)||void 0===t?void 0:t.accent["01"])||n.Palette.accent["01"],g=(null===(e=n.Palette.actions)||void 0===e?void 0:e.accent["02"])||n.Palette.accent["02"],u=(null===(r=n.Palette.actions)||void 0===r?void 0:r.accent["03"])||n.Palette.accent["03"],h=(null===(a=n.Palette.actions)||void 0===a?void 0:a.accent["04"])||n.Palette.accent["04"],I=(null===(i=n.Palette.actions)||void 0===i?void 0:i.accent["05"])||n.Palette.accent["05"],x={[RADIO_VARIANTS.CARD]:{backgroundColor:n.Palette.light["01"],boxShadow:"none",outline:"1px solid ".concat(n.Palette.light["04"]," !important"),"&:hover":{backgroundColor:n.Palette.light["03"]},"&:active":{backgroundColor:n.Palette.light["04"],"& $description":{color:n.Palette.gray["03"]}}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:n.Palette.light["01"],"&:hover":{backgroundColor:n.Palette.light["03"]},"&:active":{backgroundColor:n.Palette.light["04"]}},[RADIO_VARIANTS.DEFAULT]:{}}[l],v={[RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(u," !important"),"& $icon path":{fill:I},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(u," !important")},"&:active":{backgroundColor:g,outline:"2px solid ".concat(u," !important")}},[RADIO_VARIANTS.BUTTON]:{},[RADIO_VARIANTS.DEFAULT]:{}}[l],C={[RADIO_VARIANTS.CARD]:{backgroundColor:n.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent !important",pointerEvents:"none","& $name, & $description":{color:n.Palette.gray["04"]},"& $icon path":{fill:n.Palette.gray["04"]}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:n.Palette.light["01"],opacity:.5,pointerEvents:"none"},[RADIO_VARIANTS.DEFAULT]:{opacity:.5,pointerEvents:"none"}}[l];return{root:{alignItems:"center !important",borderRadius:l===RADIO_VARIANTS.CARD?"var(--UT-radioGroup-card-radius, 12px)":"var(--UT-radioGroup-row-radius, 8px)",display:"flex",flexDirection:"row",gap:SPACING_VALUES[p]||SPACING_VALUES[SPACING.MEDIUM],minHeight:"var(--UT-radioGroup-row-min-height, 24px)",overflow:"visible",...l!==RADIO_VARIANTS.DEFAULT&&{padding:"var(--UT-radioGroup-row-padding-y, 12px) var(--UT-radioGroup-row-padding-x, 16px)"},...d?C:c?v:x},radioCircleContainer:{borderRadius:"50%",overflow:"hidden",padding:3,"&:hover":{backgroundColor:A},"&:active":{backgroundColor:g}},radioCircle:{alignItems:"center",border:"1px solid ".concat(n.Palette.light["05"]),borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...c&&{backgroundColor:h,borderColor:h}},radioDot:{backgroundColor:n.Palette.light["01"],borderRadius:"50%",height:"var(--UT-radioGroup-control-dot-size, 8px)",width:"var(--UT-radioGroup-control-dot-size, 8px)"},cardRadio:{alignItems:"center",border:"1px solid transparent",borderRadius:"50%",display:"flex",flexShrink:0,height:"var(--UT-radioGroup-control-size, 16px)",justifyContent:"center",width:"var(--UT-radioGroup-control-size, 16px)",...getCardRadioColors({accent04:h,disabled:d,selected:c,theme:n})},content:{alignItems:"center",display:"flex",flexDirection:s?"row-reverse":"row",gap:SPACING_VALUES[p]||SPACING_VALUES[SPACING.MEDIUM],marginRight:"auto"},contentContainer:{display:"flex",flexDirection:"column",gap:"var(--UT-radioGroup-content-gap, 4px)"},titleAndTooltip:{alignItems:"center",display:"flex",gap:"var(--gap-xs, 4px)"},tooltip:{display:"flex"},icon:{flexShrink:0,height:"36px",width:"36px"},iconImage:{borderRadius:"50%",flexShrink:0,height:"36px",objectFit:"cover",width:"36px"},infoIcon:{flexShrink:0},name:{},description:{}}};

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

@@ -1 +1 @@
-export default{base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","gap-control-sm":"spacing-2","gap-control-md":"spacing-3","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-input-size":"font-size-400","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-field-gap":"gap-sm","UT-alert-padding-y":"padding-xs","UT-alert-padding-x":"padding-md","UT-alert-action-padding":"padding-xs","UT-alert-icon-size":"size-icon-xs","UT-alert-icon-margin":"padding-xs","UT-actionCard-radius":"radius-md","UT-actionCard-padding-md":"padding-md","UT-actionCard-padding-lg":"padding-lg","UT-actionCard-gap-sm":"gap-sm","UT-actionCard-gap-lg":"gap-lg","UT-actionCard-avatar-size":"size-control-2xl","UT-attachmentList-radius":"radius-md","UT-attachmentList-gap-xs":"gap-xs","UT-attachmentList-gap-sm":"gap-sm","UT-attachmentList-gap-lg":"gap-lg","UT-attachmentList-padding-md":"padding-md","UT-attachmentList-padding-lg":"padding-lg","UT-attachmentList-margin-sm":"padding-sm","UT-attachmentList-margin-md":"padding-md","UT-attachmentList-preview-size":"size-control-lg","UT-attachmentList-icon-area-radius":"radius-md","UT-baseInput-gap-md":"gap-sm","UT-baseInput-gap-sm":"gap-xs","UT-baseInput-padding-y-sm":"padding-2xs","UT-baseInput-padding-y-md":"padding-xs","UT-baseInput-padding-x-sm":"padding-xs","UT-baseInput-padding-x-md":"padding-sm","UT-baseInput-radius":"radius-md","UT-baseInput-adornment-size":"size-icon-xs","UT-breadcrumbs-padding-y":"padding-2xs","UT-breadcrumbs-padding-x":"padding-xs","UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-3xs","UT-button-padding-sm":"padding-2xs","UT-button-padding-md":"padding-xs","UT-button-padding-lg":"padding-sm","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-md","UT-button-icon-size-sm":"size-icon-2xs","UT-button-icon-size-md":"initial","UT-button-icon-size-lg":"size-icon-xs","UT-button-icon-size-xl":"size-icon-md","UT-checkbox-size":"size-control-2xs","UT-checkbox-radius":"radius-sm","UT-checkbox-gap-sm":"gap-control-sm","UT-checkbox-gap-md":"gap-control-md","UT-checkbox-content-gap":"gap-xs","UT-checkbox-card-radius":"radius-lg","UT-checkbox-card-icon-area-radius":"radius-md","UT-checkbox-card-min-height":"size-control-xs","UT-checkbox-card-padding-y":"padding-sm","UT-checkbox-card-padding-x":"padding-md","UT-checkList-gap-sm":"gap-sm","UT-checkList-gap-lg":"gap-lg","UT-checkList-padding-y":"padding-xs","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-chip-gap-sm":"gap-xs","UT-chip-gap-md":"gap-sm","UT-chip-padding-y-sm":"padding-2xs","UT-chip-padding-x-sm":"padding-xs","UT-chip-padding-y-md":"padding-xs","UT-chip-padding-x-md":"padding-sm","UT-chip-radius":"radius-full","UT-chip-icon-size-sm":"size-icon-2xs","UT-chip-icon-size-md":"size-icon-xs","UT-chip-image-size":"size-icon-md","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-fieldLabel-gap-xs":"gap-xs","UT-fieldLabel-gap-sm":"gap-sm","UT-fieldLabel-gap-lg":"gap-lg","UT-fileInput-radius":"radius-sm","UT-fileInput-container-margin":"gap-xs","UT-fileInput-container-height":"size-control-lg","UT-fileInput-container-padding":"padding-2xs","UT-fileInput-icon-height":"size-icon-xs","UT-fileInput-icon-width":"size-control-sm","UT-fileInput-icon-padding-top":"padding-3xs","UT-fileInput-icon-padding-sm":"padding-2xs","UT-fileInput-label-padding-top":"padding-2xs","UT-fileInput-label-padding-x":"padding-2xs","UT-fileInput-label-padding-bottom":"padding-xs","UT-header-gap-titles":"gap-md","UT-icon-area-radius":"radius-full","UT-imageRadio-radius":"radius-sm","UT-imageRadio-gap-sm":"gap-sm","UT-imageRadio-gap-lg":"gap-lg","UT-imageRadio-padding-md":"padding-md","UT-imageRadio-error-margin":"padding-xs","UT-kpi-radius":"radius-md","UT-kpi-padding-top":"padding-md","UT-kpi-padding-x":"padding-md","UT-kpi-padding-bottom":"padding-sm","UT-kpi-gap-md":"gap-lg","UT-kpi-gap-xs":"gap-xs","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-sm","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"identitySolidTone3","UT-loading-color-end":"identitySolidTone2","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg","UT-panel-gap-xs":"gap-xs","UT-panel-gap-sm":"gap-sm","UT-panel-gap-md":"gap-md","UT-panel-gap-lg":"gap-lg","UT-panel-padding-xs":"padding-xs","UT-panel-padding-md":"padding-md","UT-panel-padding-lg":"padding-lg","UT-panel-sidebar-button-size":"size-control-md","UT-panel-sidebar-button-radius":"radius-sm","UT-panel-sidebar-width":"size-layout-3xs","UT-passwordField-gap":"gap-sm","UT-passwordField-warning-margin-top":"padding-md","UT-phoneInput-gap-sm":"gap-sm","UT-radioGroup-gap-sm":"gap-sm","UT-radioGroup-gap-lg":"gap-lg","UT-radioGroup-padding-y":"padding-xs","UT-radioGroup-control-size":"size-control-2xs","UT-radioGroup-control-dot-size":"size-3","UT-radioGroup-control-gap-sm":"gap-control-sm","UT-radioGroup-control-gap-md":"gap-control-md","UT-radioGroup-row-radius":"radius-md","UT-radioGroup-row-min-height":"size-control-xs","UT-radioGroup-row-padding-y":"padding-sm","UT-radioGroup-row-padding-x":"padding-md","UT-radioGroup-content-gap":"gap-xs","UT-radioGroup-card-radius":"radius-lg","UT-radioGroup-card-icon-area-radius":"radius-md","UT-richText-radius":"radius-sm","UT-richText-padding-y":"padding-sm","UT-richText-padding-x":"padding-md","UT-richText-gap":"gap-md","UT-richText-toolbar-gap":"gap-xs","UT-richText-separator-height":"size-icon-xs","UT-richText-block-gap":"gap-sm","UT-richText-list-indent":"spacing-6","UT-richText-body-size":"font-body-size-lg","UT-richText-body-lh":"font-lh-body","UT-richText-bold-weight":"font-weight-semibold","UT-richText-content-min-height":"size-12a","UT-richText-content-max-height":"size-17","UT-richText-table-grip-width":"size-7","UT-richText-table-grip-height":"size-3","UT-richText-table-grip-height-active":"size-5","UT-richText-table-grip-icon-size":"size-icon-2xs","UT-richText-table-grip-radius":"radius-sm","UT-richText-table-cell-handle-size":"size-6","UT-richText-table-cell-handle-icon-size":"size-icon-3xs","UT-richText-table-drop-indicator-width":"size-1","UT-richText-table-menu-width":"size-layout-lg","UT-richText-table-menu-radius":"radius-md","UT-richText-table-menu-padding-x":"padding-md","UT-richText-table-menu-padding-y":"padding-md","UT-richText-table-menu-group-padding-y":"padding-xs","UT-richText-table-menu-item-padding-y":"padding-xs","UT-richText-table-menu-item-gap":"gap-sm","UT-richText-table-menu-item-icon-size":"size-icon-xs","UT-selectableCard-gap-none":"spacing-0","UT-selectableCard-gap-xs":"gap-xs","UT-selectableCard-gap-sm":"gap-sm","UT-selectableCard-gap-md":"gap-md","UT-selectableCard-gap-lg":"gap-lg","UT-selectableCard-gap-list":"gap-sm","UT-selectableCard-icon-area-radius":"radius-md","UT-selectableCard-padding-y-sm":"padding-xs","UT-selectableCard-padding-x-sm":"padding-md","UT-selectableCard-padding-md":"padding-md","UT-selectableCard-radius":"radius-lg","UT-selectableCard-radio-size":"size-control-2xs","UT-selectableCard-radio-dot-size":"size-3","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-topbar-gap-md":"gap-md","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-statusMessage-area-padding":"padding-lg","UT-statusMessage-area-padding-bottom":"spacing-10","UT-statusMessage-area-radius":"radius-400","UT-statusMessage-flag-height":"size-3","UT-stepper-padding-bottom":"padding-lg","UT-switch-gap-sm":"gap-control-sm","UT-switch-gap-md":"gap-control-md","UT-textArea-height":"size-control-3xl","UT-textArea-margin-y":"padding-xs","UT-textArea-gap":"gap-sm","UT-textArea-label-padding":"padding-2xs","UT-textInput-gap":"gap-sm","UT-workflowContainer-progress-height":"size-3","UT-workflowContainer-nav-min-height":"size-control-lg"}};
+export default{base:{"size-12a":"4.5rem","size-13a":"7.5rem","size-16a":"12.5rem","size-full":"100%","size-0":"0rem","size-1":"0.125rem","size-2":"0.25rem","size-3":"0.5rem","size-4":"0.75rem","size-5":"1rem","size-6":"1.25rem","size-7":"1.5rem","size-8":"2rem","size-9":"2.5rem","size-10":"3rem","size-11":"3.5rem","size-12":"4rem","size-13":"6rem","size-14":"8rem","size-15":"10rem","size-16":"12rem","size-17":"14rem","size-18":"16rem","size-19":"20rem","spacing-0":"0rem","spacing-1":"0.125rem","spacing-2":"0.25rem","spacing-3":"0.5rem","spacing-4":"0.75rem","spacing-5":"1rem","spacing-6":"1.25rem","spacing-7":"1.5rem","spacing-8":"2rem","spacing-9":"2.5rem","spacing-10":"3rem","spacing-11":"3.5rem","spacing-12":"4rem","spacing-13":"6rem","spacing-14":"8rem","font-family":"Inter","font-size-100":"0.625rem","font-size-200":"0.75rem","font-size-300":"0.875rem","font-size-400":"1rem","font-size-500":"1.125rem","font-size-600":"1.25rem","font-size-650":"1.375rem","font-size-700":"1.5rem","font-size-800":"1.875rem","font-size-900":"2.5rem","font-size-1000":"3rem","font-size-1100":"4rem","font-weight-100":"100","font-weight-200":"200","font-weight-300":"300","font-weight-400":"400","font-weight-500":"500","font-weight-600":"600","font-weight-700":"700","font-weight-800":"800","font-weight-900":"900","font-lh-100":"1","font-lh-120":"1.2","font-lh-140":"1.4","font-lh-150":"1.5","font-lh-170":"1.7","legacy-font-lh-full":"100%","legacy-font-lh-100":"1.125rem","legacy-font-lh-120":"1.25rem","legacy-font-lh-140":"1.375rem","radius-100":"4px","radius-200":"8px","radius-300":"12px","radius-400":"16px","radius-500":"24px","radius-full":"9999px"},semantic:{"padding-3xs":"spacing-1","padding-2xs":"spacing-2","padding-xs":"spacing-3","padding-sm":"spacing-4","padding-md":"spacing-5","padding-lg":"spacing-7","padding-xl":"spacing-8","padding-2xl":"spacing-9","gap-2xs":"spacing-1","gap-xs":"spacing-2","gap-sm":"spacing-3","gap-md":"spacing-4","gap-lg":"spacing-5","gap-xl":"spacing-7","gap-2xl":"spacing-8","gap-3xl":"spacing-9","gap-control-sm":"spacing-2","gap-control-md":"spacing-3","font-heading-size-1":"font-size-700","font-heading-size-2":"font-size-650","font-heading-size-3":"font-size-600","font-heading-size-4":"font-size-500","font-heading-size-5":"font-size-400","font-heading-size-6":"font-size-500","font-body-size-xs":"font-size-100","font-body-size-sm":"font-size-200","font-body-size-md":"font-size-300","font-body-size-lg":"font-size-400","font-metric-size-sm":"font-size-300","font-metric-size-md":"font-size-400","font-metric-size-lg":"font-size-500","font-action-size-sm":"font-size-200","font-action-size-md":"font-size-300","font-label-size-sm":"font-size-200","font-label-size-md":"font-size-300","font-input-size":"font-size-400","font-weight-thin":"font-weight-100","font-weight-extralight":"font-weight-200","font-weight-light":"font-weight-300","font-weight-regular":"font-weight-400","font-weight-medium":"font-weight-500","font-weight-semibold":"font-weight-600","font-weight-bold":"font-weight-700","font-weight-extrabold":"font-weight-800","font-weight-black":"font-weight-900","font-lh-reset":"font-lh-100","font-lh-heading":"font-lh-120","font-lh-subheading":"font-lh-140","font-lh-body":"font-lh-140","font-lh-caption":"font-lh-170","legacy-font-lh-small":"legacy-font-lh-120","legacy-font-lh-xsmall":"legacy-font-lh-100","size-control-2xs":"size-5","size-control-xs":"size-7","size-control-sm":"size-8","size-control-md":"size-9","size-control-lg":"size-10","size-control-xl":"size-11","size-control-2xl":"size-12","size-control-3xl":"size-13","size-control-4xl":"size-13a","size-brand-logo-2xs":"size-11","size-brand-logo-xs":"size-12a","size-brand-logo-sm":"size-13a","size-brand-logo-md":"size-15","size-brand-logo-lg":"size-16a","size-icon-3xs":"size-4","size-icon-2xs":"size-5","size-icon-xs":"size-6","size-icon-md":"size-7","size-icon-lg":"size-8","size-icon-xl":"size-10","size-layout-3xs":"size-11","size-layout-2xs":"size-12","size-layout-sm":"size-15","size-layout-md":"size-18","size-layout-lg":"size-19","size-overlay-sm":"size-14","size-overlay-md":"size-16","size-overlay-lg":"size-18","size-overlay-xl":"size-19","size-overlay-2xl":"size-21","size-overlay-3xl":"size-23","size-overlay-full":"size-full","radius-sm":"radius-100","radius-md":"radius-200","radius-lg":"radius-300","radius-xl":"radius-500"},component:{"UT-field-gap":"gap-sm","UT-alert-padding-y":"padding-xs","UT-alert-padding-x":"padding-md","UT-alert-action-padding":"padding-xs","UT-alert-icon-size":"size-icon-xs","UT-alert-icon-margin":"padding-xs","UT-actionCard-radius":"radius-md","UT-actionCard-padding-md":"padding-md","UT-actionCard-padding-lg":"padding-lg","UT-actionCard-gap-2xs":"gap-2xs","UT-actionCard-gap-sm":"gap-sm","UT-actionCard-gap-lg":"gap-lg","UT-actionCard-avatar-size":"size-control-2xl","UT-attachmentList-radius":"radius-md","UT-attachmentList-gap-xs":"gap-xs","UT-attachmentList-gap-sm":"gap-sm","UT-attachmentList-gap-lg":"gap-lg","UT-attachmentList-padding-md":"padding-md","UT-attachmentList-padding-lg":"padding-lg","UT-attachmentList-margin-sm":"padding-sm","UT-attachmentList-margin-md":"padding-md","UT-attachmentList-preview-size":"size-control-lg","UT-attachmentList-icon-area-radius":"radius-md","UT-baseInput-gap-md":"gap-sm","UT-baseInput-gap-sm":"gap-xs","UT-baseInput-padding-y-sm":"padding-2xs","UT-baseInput-padding-y-md":"padding-xs","UT-baseInput-padding-x-sm":"padding-xs","UT-baseInput-padding-x-md":"padding-sm","UT-baseInput-radius":"radius-md","UT-baseInput-adornment-size":"size-icon-xs","UT-breadcrumbs-padding-y":"padding-2xs","UT-breadcrumbs-padding-x":"padding-xs","UT-banner-buttons-gap":"gap-sm","UT-banner-gap-lg":"gap-xl","UT-banner-gap-md":"gap-lg","UT-banner-gap-sm":"gap-sm","UT-banner-icon-gap":"gap-md","UT-banner-icon-size-lg":"size-icon-md","UT-banner-icon-size-sm":"size-icon-xs","UT-banner-padding-lg":"padding-lg","UT-banner-padding-md":"padding-md","UT-banner-padding-x-sm":"padding-sm","UT-banner-padding-y-sm":"padding-xs","UT-banner-radius":"radius-md","UT-banner-text-gap":"gap-sm","UT-button-height-sm":"size-control-sm","UT-button-height-md":"size-control-md","UT-button-height-lg":"size-control-lg","UT-button-padding-xs":"padding-3xs","UT-button-padding-sm":"padding-2xs","UT-button-padding-md":"padding-xs","UT-button-padding-lg":"padding-sm","UT-button-gap-sm":"gap-xs","UT-button-gap-md":"gap-sm","UT-button-label-size":"font-label-size-md","UT-button-label-weight":"font-weight-600","UT-button-label-lh":"font-lh-reset","UT-button-radius":"radius-md","UT-button-icon-size-sm":"size-icon-2xs","UT-button-icon-size-md":"initial","UT-button-icon-size-lg":"size-icon-xs","UT-button-icon-size-xl":"size-icon-md","UT-checkbox-size":"size-control-2xs","UT-checkbox-radius":"radius-sm","UT-checkbox-gap-sm":"gap-control-sm","UT-checkbox-gap-md":"gap-control-md","UT-checkbox-content-gap":"gap-xs","UT-checkbox-card-radius":"radius-lg","UT-checkbox-card-icon-area-radius":"radius-md","UT-checkbox-card-min-height":"size-control-xs","UT-checkbox-card-padding-y":"padding-sm","UT-checkbox-card-padding-x":"padding-md","UT-checkList-gap-sm":"gap-sm","UT-checkList-gap-lg":"gap-lg","UT-checkList-padding-y":"padding-xs","UT-buttonGroup-padding":"padding-2xs","UT-buttonGroup-radius":"radius-md","UT-chip-gap-sm":"gap-xs","UT-chip-gap-md":"gap-sm","UT-chip-padding-y-sm":"padding-2xs","UT-chip-padding-x-sm":"padding-xs","UT-chip-padding-y-md":"padding-xs","UT-chip-padding-x-md":"padding-sm","UT-chip-radius":"radius-full","UT-chip-icon-size-sm":"size-icon-2xs","UT-chip-icon-size-md":"size-icon-xs","UT-chip-image-size":"size-icon-md","UT-dataCategory-padding":"padding-md","UT-dataCategory-gap":"gap-lg","UT-dataCategory-title-gap":"gap-sm","UT-dataCategory-title-size":"font-body-size-sm","UT-dataCategory-title-weight":"font-weight-medium","UT-dataCategory-icon-size":"size-icon-xs","UT-dataElement-chevron-icon-size":"size-icon-xs","UT-dataElement-padding-md":"padding-md","UT-dataElement-padding-sm":"padding-xs","UT-dataElement-gap-md":"gap-lg","UT-dataElement-gap-sm":"gap-sm","UT-dataElement-content-gap-x":"gap-sm","UT-dataElement-content-gap-y":"gap-sm","UT-dataElement-icon-size":"size-icon-md","UT-dataElement-title-size":"font-body-size-md","UT-dataElement-title-weight":"font-weight-medium","UT-dataElement-prefix-size":"font-body-size-md","UT-dataElement-prefix-weight":"font-weight-medium","UT-datepicker-root-gap":"gap-sm","UT-datepicker-adornments-gap":"gap-xs","UT-datepicker-day-padding-y":"padding-xs","UT-datepicker-day-padding-x":"padding-sm","UT-datepicker-calendar-gap":"gap-lg","UT-datepicker-calendar-padding":"padding-md","UT-datepicker-input-padding-x":"padding-sm","UT-datepicker-input-height":"size-control-sm","UT-fieldLabel-gap-xs":"gap-xs","UT-fieldLabel-gap-sm":"gap-sm","UT-fieldLabel-gap-lg":"gap-lg","UT-fileInput-radius":"radius-sm","UT-fileInput-container-margin":"gap-xs","UT-fileInput-container-height":"size-control-lg","UT-fileInput-container-padding":"padding-2xs","UT-fileInput-icon-height":"size-icon-xs","UT-fileInput-icon-width":"size-control-sm","UT-fileInput-icon-padding-top":"padding-3xs","UT-fileInput-icon-padding-sm":"padding-2xs","UT-fileInput-label-padding-top":"padding-2xs","UT-fileInput-label-padding-x":"padding-2xs","UT-fileInput-label-padding-bottom":"padding-xs","UT-header-gap-titles":"gap-md","UT-icon-area-radius":"radius-full","UT-imageRadio-radius":"radius-sm","UT-imageRadio-gap-sm":"gap-sm","UT-imageRadio-gap-lg":"gap-lg","UT-imageRadio-padding-md":"padding-md","UT-imageRadio-error-margin":"padding-xs","UT-kpi-radius":"radius-md","UT-kpi-padding-top":"padding-md","UT-kpi-padding-x":"padding-md","UT-kpi-padding-bottom":"padding-sm","UT-kpi-gap-md":"gap-lg","UT-kpi-gap-xs":"gap-xs","UT-label-size-title-1":"font-heading-size-1","UT-label-size-title-2":"font-heading-size-2","UT-label-size-title-3":"font-heading-size-3","UT-label-size-subtitle-1":"font-heading-size-4","UT-label-size-subtitle-2":"font-heading-size-5","UT-label-size-body":"font-body-size-lg","UT-label-size-small":"font-body-size-sm","UT-label-size-xsmall":"font-body-size-sm","UT-label-lh-heading":"font-lh-heading","UT-label-lh-subheading":"font-lh-subheading","UT-label-lh-body":"font-lh-body","UT-label-lh-small":"font-lh-140","UT-label-lh-xsmall":"font-lh-150","UT-label-weight-thin":"font-weight-thin","UT-label-weight-extralight":"font-weight-extralight","UT-label-weight-light":"font-weight-light","UT-label-weight-regular":"font-weight-regular","UT-label-weight-medium":"font-weight-medium","UT-label-weight-semibold":"font-weight-semibold","UT-label-weight-bold":"font-weight-bold","UT-label-weight-extrabold":"font-weight-extrabold","UT-label-weight-black":"font-weight-black","UT-label-markdown-margin-sm":"padding-xs","UT-label-markdown-margin-md":"padding-sm","UT-label-markdown-margin-lg":"padding-md","UT-label-markdown-margin-xl":"padding-lg","UT-label-markdown-padding-sm":"padding-xs","UT-label-markdown-padding-md":"padding-sm","UT-label-markdown-padding-lg":"padding-md","UT-label-markdown-padding-xl":"padding-lg","UT-loading-size":"size-control-4xl","UT-loading-logo-width":"size-brand-logo-2xs","UT-loading-color-start":"identitySolidTone3","UT-loading-color-end":"identitySolidTone2","UT-loading-text-size":"font-body-size-md","UT-loading-gap":"gap-lg","UT-panel-gap-xs":"gap-xs","UT-panel-gap-sm":"gap-sm","UT-panel-gap-md":"gap-md","UT-panel-gap-lg":"gap-lg","UT-panel-padding-xs":"padding-xs","UT-panel-padding-md":"padding-md","UT-panel-padding-lg":"padding-lg","UT-panel-sidebar-button-size":"size-control-md","UT-panel-sidebar-button-radius":"radius-sm","UT-panel-sidebar-width":"size-layout-3xs","UT-passwordField-gap":"gap-sm","UT-passwordField-warning-margin-top":"padding-md","UT-phoneInput-gap-sm":"gap-sm","UT-radioGroup-gap-sm":"gap-sm","UT-radioGroup-gap-lg":"gap-lg","UT-radioGroup-padding-y":"padding-xs","UT-radioGroup-control-size":"size-control-2xs","UT-radioGroup-control-dot-size":"size-3","UT-radioGroup-control-gap-sm":"gap-control-sm","UT-radioGroup-control-gap-md":"gap-control-md","UT-radioGroup-row-radius":"radius-md","UT-radioGroup-row-min-height":"size-control-xs","UT-radioGroup-row-padding-y":"padding-sm","UT-radioGroup-row-padding-x":"padding-md","UT-radioGroup-content-gap":"gap-xs","UT-radioGroup-card-radius":"radius-lg","UT-radioGroup-card-icon-area-radius":"radius-md","UT-richText-radius":"radius-sm","UT-richText-padding-y":"padding-sm","UT-richText-padding-x":"padding-md","UT-richText-gap":"gap-md","UT-richText-toolbar-gap":"gap-xs","UT-richText-separator-height":"size-icon-xs","UT-richText-block-gap":"gap-sm","UT-richText-list-indent":"spacing-6","UT-richText-body-size":"font-body-size-lg","UT-richText-body-lh":"font-lh-body","UT-richText-bold-weight":"font-weight-semibold","UT-richText-content-min-height":"size-12a","UT-richText-content-max-height":"size-17","UT-richText-table-grip-width":"size-7","UT-richText-table-grip-height":"size-3","UT-richText-table-grip-height-active":"size-5","UT-richText-table-grip-icon-size":"size-icon-2xs","UT-richText-table-grip-radius":"radius-sm","UT-richText-table-cell-handle-size":"size-6","UT-richText-table-cell-handle-icon-size":"size-icon-3xs","UT-richText-table-drop-indicator-width":"size-1","UT-richText-table-menu-width":"size-layout-lg","UT-richText-table-menu-radius":"radius-md","UT-richText-table-menu-padding-x":"padding-md","UT-richText-table-menu-padding-y":"padding-md","UT-richText-table-menu-group-padding-y":"padding-xs","UT-richText-table-menu-item-padding-y":"padding-xs","UT-richText-table-menu-item-gap":"gap-sm","UT-richText-table-menu-item-icon-size":"size-icon-xs","UT-selectableCard-gap-none":"spacing-0","UT-selectableCard-gap-xs":"gap-xs","UT-selectableCard-gap-sm":"gap-sm","UT-selectableCard-gap-md":"gap-md","UT-selectableCard-gap-lg":"gap-lg","UT-selectableCard-gap-list":"gap-sm","UT-selectableCard-icon-area-radius":"radius-md","UT-selectableCard-padding-y-sm":"padding-xs","UT-selectableCard-padding-x-sm":"padding-md","UT-selectableCard-padding-md":"padding-md","UT-selectableCard-radius":"radius-lg","UT-selectableCard-radio-size":"size-control-2xs","UT-selectableCard-radio-dot-size":"size-3","UT-shortcutPanel-width":"size-layout-md","UT-shortcutPanel-width-collapsed":"size-layout-3xs","UT-shortcutPanel-padding":"padding-md","UT-shortcutPanel-header-height":"size-layout-2xs","UT-shortcutPanel-header-gap":"gap-sm","UT-shortcutPanel-header-label-size":"font-heading-size-5","UT-shortcutPanel-category-height":"size-control-md","UT-shortcutPanel-category-padding":"padding-xs","UT-shortcutPanel-category-gap":"gap-lg","UT-shortcutPanel-category-label-size":"font-body-size-sm","UT-shortcutPanel-category-icon-size":"size-icon-md","UT-shortcutPanel-item-height":"size-control-md","UT-shortcutPanel-item-padding":"padding-xs","UT-shortcutPanel-item-gap":"gap-sm","UT-shortcutPanel-item-label-size":"font-body-size-md","UT-shortcutPanel-item-icon-size":"size-icon-xs","UT-snackbar-padding-x":"padding-sm","UT-snackbar-padding-y":"padding-sm","UT-snackbar-radius":"radius-sm","UT-snackbar-gap-icon":"gap-sm","UT-snackbar-gap-description":"gap-xs","UT-snackbar-gap-actions":"gap-xs","UT-snackbar-gap-action-area":"gap-md","UT-snackbar-icon-size":"size-icon-xs","UT-snackbar-icon-offset":"spacing-1","UT-topbar-gap-md":"gap-md","UT-status-gap-large":"gap-sm","UT-status-gap-medium":"gap-sm","UT-status-gap-small":"gap-xs","UT-status-gap-xlarge":"gap-sm","UT-status-gap-xsmall":"gap-xs","UT-status-padding-y-large":"padding-2xs","UT-status-padding-x-large":"padding-xs","UT-status-padding-y-medium":"padding-2xs","UT-status-padding-x-medium":"padding-xs","UT-status-padding-y-small":"padding-2xs","UT-status-padding-x-small":"padding-xs","UT-status-padding-y-xlarge":"padding-xs","UT-status-padding-x-xlarge":"padding-sm","UT-status-padding-y-xsmall":"padding-3xs","UT-status-padding-x-xsmall":"padding-2xs","UT-status-radius":"radius-sm","UT-status-radius-rounded":"radius-full","UT-status-icon-size-3xs":"size-icon-3xs","UT-status-icon-size-2xs":"size-icon-2xs","UT-status-icon-size-xs":"size-icon-xs","UT-status-icon-size-md":"size-icon-md","UT-statusMessage-area-padding":"padding-lg","UT-statusMessage-area-padding-bottom":"spacing-10","UT-statusMessage-area-radius":"radius-400","UT-statusMessage-flag-height":"size-3","UT-stepper-padding-bottom":"padding-lg","UT-switch-gap-sm":"gap-control-sm","UT-switch-gap-md":"gap-control-md","UT-textArea-height":"size-control-3xl","UT-textArea-margin-y":"padding-xs","UT-textArea-gap":"gap-sm","UT-textArea-label-padding":"padding-2xs","UT-textInput-gap":"gap-sm","UT-workflowContainer-progress-height":"size-3","UT-workflowContainer-nav-min-height":"size-control-lg"}};