@widergy/energy-ui 3.177.0 → 3.178.0

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

@@ -1 +1 @@
-import React,{Fragment,useEffect,useMemo,useCallback}from"react";import{bool,string,objectOf,arrayOf,object,func}from"prop-types";import isEmpty from"lodash/isEmpty";import{v4 as uuid4}from"uuid";import{formatErrorToValidation}from"../../../UTValidation/utils.js";import UTValidation from"../../../UTValidation";import WithTheme from"../../../WithTheme/index.js";import{mergeClasses}from"../../../../utils/classesUtils.js";import UTLabel from"../../../UTLabel/index.js";import styles from"./styles.module.scss";import{retrieveStyle}from"./theme";import{STATES,TRUE}from"./constants.js";const UTSwitch=e=>{let{classes:t={},classNames:a,dataTestId:s,disabled:l=!1,error:o,key:r,onChange:c,options:n=[],reverse:i=!1,textOff:m,textOn:d,value:u,withText:p=!1}=e;const f=useMemo(()=>r||uuid4(),[]),T=useMemo(()=>mergeClasses(t,a),[t,a]),b=n&&!isEmpty(n),[E,y]=b?[...n].sort((e,t)=>{let{value:a,name:s}=t;return[a,s===TRUE].includes(u)?1:-1}):[],v=useCallback(()=>{b?c(null==y?void 0:y.value):c()},[b,null==y?void 0:y.value,c]);useEffect(()=>{b&&!1===u&&c(null==E?void 0:E.value)},[b,u,null==E?void 0:E.value,c]);const h=d||STATES.ON,g=m||STATES.OFF,U=useMemo(()=>o&&formatErrorToValidation(o),[o]);return React.createElement(Fragment,null,React.createElement("div",{className:styles.outerContainer,"data-testid":s},i&&p&&React.createElement(UTLabel,null,u?h:g),React.createElement("label",{htmlFor:f,className:"".concat(styles.container," ").concat(T.container," ").concat(l?styles.disabled:""),"aria-label":"".concat(h," / ").concat(g)},React.createElement("input",{className:"".concat(styles.input," ").concat(T.input),id:f,type:"checkbox",checked:b?E.name===TRUE:u,value:b?E.value:u,onChange:v,disabled:l}),React.createElement("span",{className:"".concat(styles.sliderContainer," ").concat(T.sliderContainer," ").concat(l&&T.disabled)},React.createElement("span",{className:"".concat(styles.sliderBack," ").concat(T.sliderBack," ").concat(l&&T.disabled)}),React.createElement("span",{className:"".concat(styles.slider," ").concat(T.slider," ").concat(l&&T.disabled)}))),!i&&p&&React.createElement(UTLabel,null,u?h:g)),U&&React.createElement(UTValidation,{validationData:U}))};UTSwitch.propTypes={classes:objectOf(string),classNames:objectOf(string),dataTestId:string,disabled:bool,error:string,key:string,onChange:func,options:arrayOf(object),reverse:bool,textOff:string,textOn:string,value:bool,withText:bool};export default WithTheme(retrieveStyle)(UTSwitch);
+import React,{Fragment,useEffect,useMemo,useCallback}from"react";import{bool,string,objectOf,arrayOf,object,func}from"prop-types";import isEmpty from"lodash/isEmpty";import{v4 as uuid4}from"uuid";import{formatErrorToValidation}from"../../../UTValidation/utils.js";import UTValidation from"../../../UTValidation";import WithTheme from"../../../WithTheme/index.js";import{mergeClasses}from"../../../../utils/classesUtils.js";import UTLabel from"../../../UTLabel/index.js";import styles from"./styles.module.scss";import{retrieveStyle}from"./theme";import{STATES,TRUE}from"./constants.js";const UTSwitch=e=>{let{classes:t={},classNames:a,dataTestId:s,disabled:o=!1,error:l,key:c,onChange:r,options:n=[],reverse:i=!1,textOff:m,textOn:d,value:u,withText:p=!1}=e;const f=useMemo(()=>c||uuid4(),[]),T=useMemo(()=>mergeClasses(t,a),[t,a]),b=n&&!isEmpty(n),[E,y]=b?[...n].sort((e,t)=>{let{value:a,name:s}=t;return[a,s===TRUE].includes(u)?1:-1}):[],v=useCallback(()=>{b?r(null==y?void 0:y.value):r()},[b,null==y?void 0:y.value,r]);useEffect(()=>{b&&!1===u&&r(null==E?void 0:E.value)},[b,u,null==E?void 0:E.value,r]);const h=d||STATES.ON,g=m||STATES.OFF,R=useMemo(()=>l&&formatErrorToValidation(l),[l]);return React.createElement(React.Fragment,null,React.createElement("div",{className:"".concat(styles.outerContainer," ").concat(T.outerContainer),"data-testid":s},i&&p&&React.createElement(UTLabel,null,u?h:g),React.createElement("label",{htmlFor:f,className:"".concat(styles.container," ").concat(T.container," ").concat(o?styles.disabled:""),"aria-label":"".concat(h," / ").concat(g)},React.createElement("input",{className:"".concat(styles.input," ").concat(T.input),id:f,type:"checkbox",checked:b?E.name===TRUE:u,value:b?E.value:u,onChange:v,disabled:o}),React.createElement("span",{className:"".concat(styles.sliderContainer," ").concat(T.sliderContainer," ").concat(o&&T.disabled)},React.createElement("span",{className:"".concat(styles.sliderBack," ").concat(T.sliderBack," ").concat(o&&T.disabled)}),React.createElement("span",{className:"".concat(styles.slider," ").concat(T.slider," ").concat(o&&T.disabled)}))),!i&&p&&React.createElement(UTLabel,null,u?h:g)),R&&React.createElement(UTValidation,{validationData:R}))};UTSwitch.propTypes={classes:objectOf(string),classNames:objectOf(string),dataTestId:string,disabled:bool,error:string,key:string,onChange:func,options:arrayOf(object),reverse:bool,spacing:string,textOff:string,textOn:string,value:bool,withText:bool};export default WithTheme(retrieveStyle)(UTSwitch);

package/dist/esm/components/UTSwitch/versions/V1/styles.module.scss

@@ -2,8 +2,6 @@
   align-items: center;
   color: inherit;
   display: flex;
-  grid-gap: 8px;
-  justify-content: center;
   min-width: 42px;
 }
 

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

@@ -1 +1 @@
-export const retrieveStyle=r=>{var o;let{theme:e}=r;const l=(null===(o=e.Palette)||void 0===o?void 0:o.actions)||e.Palette,a=e.Palette,t=l.accent||a.accent,d=l.gray||a.gray,n=l.neutral||a.neutral,c=l.light||a.light;return{sliderContainer:{"&:hover > $sliderBack":{backgroundColor:n["01"],border:"1px solid ".concat(n["04"])},"&:hover > $slider":{backgroundColor:d["04"]}},slider:{backgroundColor:d["04"]},sliderBack:{backgroundColor:c["01"],border:"1px solid ".concat(d["04"])},input:{"&:checked":{"& ~ $sliderContainer > $sliderBack":{backgroundColor:t["04"],border:"1px solid ".concat(t["04"])},"& ~ $sliderContainer:hover > $sliderBack":{backgroundColor:t["03"],border:"1px solid ".concat(t["04"])},"& ~ $sliderContainer > $slider":{backgroundColor:t["01"]}}}}};
+import{SPACING}from"./constants";const SPACING_VALUES={[SPACING.SMALL]:"var(--UT-switch-gap-sm, 4px)",[SPACING.MEDIUM]:"var(--UT-switch-gap-md, 8px)"};export const retrieveStyle=r=>{var o;let{spacing:e=SPACING.MEDIUM,theme:t}=r;const a=(null===(o=t.Palette)||void 0===o?void 0:o.actions)||t.Palette,c=t.Palette,n=a.accent||c.accent,l=a.light||c.light;return{outerContainer:{gap:SPACING_VALUES[e]||SPACING_VALUES[SPACING.MEDIUM]},sliderContainer:{"&:hover > $sliderBack":{backgroundColor:l["03"],border:"1px solid ".concat(t.Palette.dark["01"])},"&:hover > $slider":{backgroundColor:l["05"]}},slider:{backgroundColor:l["05"]},sliderBack:{backgroundColor:l["01"],border:"1px solid ".concat(l["05"])},input:{"&:checked":{"& ~ $sliderContainer > $sliderBack":{backgroundColor:n["04"],border:"1px solid ".concat(n["04"])},"& ~ $sliderContainer:hover > $sliderBack":{backgroundColor:n["03"],border:"1px solid ".concat(n["04"])},"& ~ $sliderContainer > $slider":{backgroundColor:n["01"]}}}}};

package/dist/esm/components/UTTable/components/ActionIcons/index.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},_extends.apply(null,arguments)}import CircularProgress from"@material-ui/core/CircularProgress";import React,{memo,useState,Fragment}from"react";import{isEmpty}from"@widergy/web-utils/lib/array";import{object,string}from"prop-types";import UTIcon from"../../../UTIcon";import UTMenu from"../../../UTMenu";import UTTooltip from"../../../UTTooltip";import{columnType,classesType}from"../../types";import styles from"./styles.module.scss";import{DEAULT_LOADING_SIZE}from"./constants";const ActionIcons=t=>{let{classes:e,column:o,dataTestId:n,rowData:a}=t;return React.createElement(Fragment,null,o.actions.map((t,o)=>{let{Icon:s,buttonClassName:c,disabledIconClassName:i,disabledTooltip:r,iconClassName:l,iconName:m="",iconProps:p,isDisabled:u=()=>!1,isLoading:d=()=>!1,isVisible:y=()=>!0,key:T,loadingClassName:b,loadingSize:f=DEAULT_LOADING_SIZE,menuItems:g=[],onClick:I,tooltip:E,tooltipProps:C={},withMenuDivider:N}=t;const[D,U]=useState(),[v,P]=useState(),R=()=>U(),w=(t,e)=>{isEmpty(g)?I(e):(P({...e,clickCallback:R}),(t=>{U(t.currentTarget)})(t))},_=g.filter(t=>!t.isVisible||t.isVisible(a)).map(t=>({...t,disabled:t.isDisabled&&t.isDisabled(a)})),A=u(a)&&r?"function"==typeof r?r(a):r:E,h={appendTo:()=>document.body,interactive:!1,...C};return y(a)&&React.createElement(UTTooltip,{content:A,key:T,stringContentClassName:styles.tooltip,stringContentProps:null==C?void 0:C.stringContentProps,tippyProps:h},React.createElement("span",null,React.createElement("div",{className:"".concat(styles.iconButton," ").concat(e.actionIconButton," \n                  ").concat((u(a)||d(a))&&styles.disabled," ").concat(c),"data-testid":"".concat(n,".").concat(o),onClick:t=>w(t,a),role:"button"},d(a)?React.createElement(CircularProgress,{className:"".concat(e.actionLoading," ").concat(b),size:f}):isEmpty(m)?React.createElement(s,{className:"\n                        ".concat(styles.actionIcon,"\n                        ").concat(e.actionIcon,"\n                        ").concat(l,"\n                        ").concat(u(a)&&i)}):React.createElement(UTIcon,_extends({name:m},p,{className:"".concat(l," ").concat(u(a)?i:""," ").concat((null==p?void 0:p.className)||"")}))),!!D&&!isEmpty(g)&&React.createElement(UTMenu,{anchor:D,contextData:v,iconBefore:!0,items:_,onClose:R,withDivider:N,withMenuItem:!0})))}))};ActionIcons.propTypes={classes:classesType,column:columnType,rowData:object,dataTestId:string};export default memo(ActionIcons);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},_extends.apply(null,arguments)}import CircularProgress from"@material-ui/core/CircularProgress";import React,{memo,useState,Fragment}from"react";import{isEmpty}from"@widergy/web-utils/lib/array";import{object,string}from"prop-types";import UTIcon from"../../../UTIcon";import UTMenu from"../../../UTMenu";import UTTooltip from"../../../UTTooltip";import{columnType,classesType}from"../../types";import styles from"./styles.module.scss";import{DEAULT_LOADING_SIZE}from"./constants";const ActionIcons=t=>{let{classes:e,column:o,dataTestId:n,rowData:a}=t;return React.createElement(React.Fragment,null,o.actions.map((t,o)=>{let{Icon:s,buttonClassName:c,disabledIconClassName:i,disabledTooltip:r,iconClassName:l,iconName:m="",iconProps:p,isDisabled:u=()=>!1,isLoading:d=()=>!1,isVisible:y=()=>!0,key:T,loadingClassName:b,loadingSize:f=DEAULT_LOADING_SIZE,menuItems:g=[],onClick:I,tooltip:E,tooltipProps:C={},withMenuDivider:N}=t;const[D,U]=useState(),[R,v]=useState(),P=()=>U(),w=(t,e)=>{isEmpty(g)?I(e):(v({...e,clickCallback:P}),(t=>{U(t.currentTarget)})(t))},_=g.filter(t=>!t.isVisible||t.isVisible(a)).map(t=>({...t,disabled:t.isDisabled&&t.isDisabled(a)})),A=u(a)&&r?"function"==typeof r?r(a):r:E,h={appendTo:()=>document.body,interactive:!1,...C};return y(a)&&React.createElement(UTTooltip,{content:A,key:T,stringContentClassName:styles.tooltip,stringContentProps:null==C?void 0:C.stringContentProps,tippyProps:h},React.createElement("span",null,React.createElement("div",{className:"".concat(styles.iconButton," ").concat(e.actionIconButton," \n                  ").concat((u(a)||d(a))&&styles.disabled," ").concat(c),"data-testid":"".concat(n,".").concat(o),onClick:t=>w(t,a),role:"button"},d(a)?React.createElement(CircularProgress,{className:"".concat(e.actionLoading," ").concat(b),size:f}):isEmpty(m)?React.createElement(s,{className:"\n                        ".concat(styles.actionIcon,"\n                        ").concat(e.actionIcon,"\n                        ").concat(l,"\n                        ").concat(u(a)&&i)}):React.createElement(UTIcon,_extends({name:m},p,{className:"".concat(l," ").concat(u(a)?i:""," ").concat((null==p?void 0:p.className)||"")}))),!!D&&!isEmpty(g)&&React.createElement(UTMenu,{anchor:D,contextData:R,iconBefore:!0,items:_,onClose:P,withDivider:N,withMenuItem:!0})))}))};ActionIcons.propTypes={classes:classesType,column:columnType,rowData:object,dataTestId:string};export default memo(ActionIcons);

package/dist/esm/components/UTTable/components/ResponsiveCell/index.js

@@ -1 +1 @@
-import React,{Fragment}from"react";import{object,bool,string}from"prop-types";import{columnType,classesType}from"../../types";import{COLUMN_SIZES,CELL_TYPES}from"../../constants";import Status from"../Status";import styles from"./styles.module.scss";const ResponsiveCell=e=>{let{classes:t,column:l,dataTestId:s,defaultNullValue:a,rowData:o,rowStyles:n,showBottomBorder:c}=e;const r=COLUMN_SIZES[l.size]>COLUMN_SIZES.medium||l.cellRenderer&&!l.asRowInResponsive||l.type===CELL_TYPES.STATUS;return React.createElement(Fragment,null,l.categoryName&&React.createElement("span",{className:"".concat(styles.categoryName," ").concat(t.categoryNameCell),style:{...n.responsiveCell}},l.categoryName),React.createElement("div",{"data-testid":s,className:"".concat(c?"".concat(styles.lastCellContainer," ").concat(t.lastCellContainer):styles.cellContainer," ").concat(t.responsiveCell," ").concat(r?styles.bigCell:styles.smallCell),style:{...n.responsiveCell}},(l.name||l.unit)&&React.createElement("div",{className:"".concat(r?styles.bigCellInfoContainer:styles.infoContainer," ").concat(t.responsiveCellTitle)},React.createElement("span",{className:styles.columnName},l.name),React.createElement("span",{className:"".concat(styles.unit," ").concat(t.headerCellUnit)}," ",l.unit," ")),l.cellRenderer?l.cellRenderer(o[l.key],o):l.type===CELL_TYPES.STATUS?React.createElement(Status,{classes:t,definition:l.status,label:o[l.labelKey],value:o[l.key]}):"string"!=typeof o[l.key]?o[l.key]||a:React.createElement("span",null,o[l.key]||a)))};ResponsiveCell.propTypes={column:columnType,classes:classesType,rowData:object,rowStyles:object,showBottomBorder:bool,defaultNullValue:string,dataTestId:string};export default ResponsiveCell;
+import React,{Fragment}from"react";import{object,bool,string}from"prop-types";import{columnType,classesType}from"../../types";import{COLUMN_SIZES,CELL_TYPES}from"../../constants";import Status from"../Status";import styles from"./styles.module.scss";const ResponsiveCell=e=>{let{classes:t,column:l,dataTestId:s,defaultNullValue:a,rowData:o,rowStyles:n,showBottomBorder:c}=e;const r=COLUMN_SIZES[l.size]>COLUMN_SIZES.medium||l.cellRenderer&&!l.asRowInResponsive||l.type===CELL_TYPES.STATUS;return React.createElement(React.Fragment,null,l.categoryName&&React.createElement("span",{className:"".concat(styles.categoryName," ").concat(t.categoryNameCell),style:{...n.responsiveCell}},l.categoryName),React.createElement("div",{"data-testid":s,className:"".concat(c?"".concat(styles.lastCellContainer," ").concat(t.lastCellContainer):styles.cellContainer," ").concat(t.responsiveCell," ").concat(r?styles.bigCell:styles.smallCell),style:{...n.responsiveCell}},(l.name||l.unit)&&React.createElement("div",{className:"".concat(r?styles.bigCellInfoContainer:styles.infoContainer," ").concat(t.responsiveCellTitle)},React.createElement("span",{className:styles.columnName},l.name),React.createElement("span",{className:"".concat(styles.unit," ").concat(t.headerCellUnit)}," ",l.unit," ")),l.cellRenderer?l.cellRenderer(o[l.key],o):l.type===CELL_TYPES.STATUS?React.createElement(Status,{classes:t,definition:l.status,label:o[l.labelKey],value:o[l.key]}):"string"!=typeof o[l.key]?o[l.key]||a:React.createElement("span",null,o[l.key]||a)))};ResponsiveCell.propTypes={column:columnType,classes:classesType,rowData:object,rowStyles:object,showBottomBorder:bool,defaultNullValue:string,dataTestId:string};export default ResponsiveCell;

package/dist/esm/components/UTTextArea/versions/V0/styles.module.scss

@@ -1,6 +1,6 @@
 .textarea {
   box-sizing: border-box;
-  height: 100px;
+  height: var(--UT-textArea-height, 96px);
   width: 100%;
 }
 
@@ -11,13 +11,13 @@
 }
 
 .label {
-  padding-right: 5px;
+  padding-right: var(--UT-textArea-label-padding, 4px);
 }
 
 .textAreaContainer {
-  column-gap: 8px;
+  column-gap: var(--UT-textArea-gap, 8px);
   display: flex;
-  margin: 10px 0;
+  margin: var(--UT-textArea-margin-y, 8px) 0;
 }
 
 .componentWrapper {

package/dist/esm/components/UTTextInput/versions/V0/index.js

@@ -1 +1 @@
-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 n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import HelpOutline from"@material-ui/icons/HelpOutline";import InputAdornment from"@material-ui/core/InputAdornment";import React,{Fragment,PureComponent,isValidElement}from"react";import TextField from"@material-ui/core/TextField";import Visibility from"@material-ui/icons/Visibility";import VisibilityOff from"@material-ui/icons/VisibilityOff";import{bool,elementType,func,object,objectOf,string}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import UTButton from"../../../UTButton";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import WithTheme from"../../../WithTheme";import{inputPropTypes,metaPropTypes}from"../../../../types/formTypes";import styles from"./styles.module.scss";import{INPUT_TYPES}from"./constants";import{retrieveStyle,retrieveMuiTheme}from"./theme";const preventDefault=e=>{"Enter"===e.key&&e.preventDefault()};class UTTextInput extends PureComponent{constructor(e){super(e),_defineProperty(this,"handleClickShowPassword",()=>{this.setState(e=>({visible:!e.visible}))}),this.state={visible:!1}}render(){const{actionDataTestId:e,adornmentInside:t,autofocus:o,bigInput:n,captionLabel:i,classes:r,containerClassName:a,dataTestId:s,disabled:l,field:c,helperTextDataTestId:p,id:m,input:d,inputClassName:u,inputObjectKey:T,label:b,labelDataTestId:f,labelRootClassName:v,meta:y,onChangeText:I,placeholder:P,PasswordInvisibleIcon:h,PasswordVisibleIcon:g,preventEnterSubmit:E,preventFocus:S,tippyProps:C,tooltip:x,tooltipContentDataTestId:N,tooltipIconDataTestId:R,type:w,variant:U,...D}=this.props,{icon:O,outsideIcon:_,adornment:j,helperText:F}=(null==c?void 0:c.configuration)||{},{base:V,selectedOptionsIds:W,retrieveStyle:k,retrieveMuiTheme:A,Component:Y,muiTheme:L,...K}=D,M=w===INPUT_TYPES.PASSWORD?React.createElement(UTButton,{dataTestId:e,Icon:this.state.visible?g:h,onClick:this.handleClickShowPassword,variant:"text"}):j,B=T?d.value[T]:d.value,H=shouldShowErrors(y)&&y.error||i||"",X=m||null!=c&&c.id?"".concat(m||c.id):void 0,q=React.createElement(TextField,_extends({id:X,"data-testid":s,placeholder:P,variant:U,label:O?React.createElement("div",{className:r.labelContainer},React.createElement(O,{className:r.labelIcon}),React.createElement("div",null,b)):b,onKeyPress:E?preventDefault:void 0,error:shouldShowErrors(y),FormHelperTextProps:{component:"div"},helperText:H||F?React.createElement(UTLabel,{className:styles.helperText,colorTheme:H?"error":"gray",dataTestId:p,variant:"small",withMarkdown:!0},H||F):void 0,disabled:l,onChange:e=>{var t,o;S&&e.preventDefault(),d.onChange(I(null!==(t=null==e||null===(o=e.target)||void 0===o?void 0:o.value)&&void 0!==t?t:e))},onClick:e=>{S&&(e.preventDefault(),e.target.blur())},value:B,fullWidth:!0,autoFocus:o,margin:"none",autoComplete:"off",InputProps:{id:X,inputProps:{"data-testid":s,"data-keyboard":(null==d?void 0:d.name)||null},endAdornment:M&&React.createElement(InputAdornment,{position:"end",className:"".concat(t&&styles.adornmentInside)},M),type:w===INPUT_TYPES.PASSWORD?this.state.visible?INPUT_TYPES.TEXT:INPUT_TYPES.PASSWORD:w||INPUT_TYPES.TEXT,classes:{input:"\n              ".concat(n&&r.bigInput,"\n              ").concat(w===INPUT_TYPES.NUMBER&&styles.numberType,"\n              ").concat(u,"\n            ")}},InputLabelProps:{classes:{root:v},htmlFor:X,"data-testid":f}},K));return React.createElement("div",{className:"".concat(r.container," ").concat(a," ").concat(x&&styles.containerWithTooltip)},x?React.createElement(Fragment,null,q,React.createElement(UTTooltip,{content:x,dataTestId:N,tippyProps:C},React.createElement("span",{className:styles.tooltipIconContainer,"data-testid":R},React.createElement(HelpOutline,{className:"".concat(r.tooltipIcon," ").concat(styles.tooltipIcon)})))):React.createElement(Fragment,null,isValidElement(_)&&React.createElement("div",{className:styles.iconContainer},_),q))}}UTTextInput.propTypes={actionDataTestId:string,adornmentInside:bool,autofocus:bool,bigInput:bool,captionLabel:string,classes:objectOf(string),containerClassName:string,dataTestId:string,disabled:bool,field:object,helperTextDataTestId:string,id:string,input:inputPropTypes.isRequired,inputClassName:string,inputObjectKey:string,label:string,labelDataTestId:string,labelRootClassName:string,meta:metaPropTypes,onChangeText:func,PasswordInvisibleIcon:elementType,PasswordVisibleIcon:elementType,placeholder:string,preventEnterSubmit:bool,preventFocus:bool,tippyProps:object,tooltip:string,tooltipContentDataTestId:string,tooltipIconDataTestId:string,type:string,variant:string},UTTextInput.defaultProps={adornmentInside:!1,autofocus:!1,classes:{},meta:{},onChangeText:e=>e,PasswordInvisibleIcon:VisibilityOff,PasswordVisibleIcon:Visibility,preventEnterSubmit:!1};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTTextInput);
+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 n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import HelpOutline from"@material-ui/icons/HelpOutline";import InputAdornment from"@material-ui/core/InputAdornment";import React,{Fragment,PureComponent,isValidElement}from"react";import TextField from"@material-ui/core/TextField";import Visibility from"@material-ui/icons/Visibility";import VisibilityOff from"@material-ui/icons/VisibilityOff";import{bool,elementType,func,object,objectOf,string}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import UTButton from"../../../UTButton";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import WithTheme from"../../../WithTheme";import{inputPropTypes,metaPropTypes}from"../../../../types/formTypes";import styles from"./styles.module.scss";import{INPUT_TYPES}from"./constants";import{retrieveStyle,retrieveMuiTheme}from"./theme";const preventDefault=e=>{"Enter"===e.key&&e.preventDefault()};class UTTextInput extends PureComponent{constructor(e){super(e),_defineProperty(this,"handleClickShowPassword",()=>{this.setState(e=>({visible:!e.visible}))}),this.state={visible:!1}}render(){const{actionDataTestId:e,adornmentInside:t,autofocus:o,bigInput:n,captionLabel:i,classes:r,containerClassName:a,dataTestId:s,disabled:l,field:c,helperTextDataTestId:p,id:m,input:d,inputClassName:u,inputObjectKey:T,label:b,labelDataTestId:f,labelRootClassName:v,meta:y,onChangeText:I,placeholder:P,PasswordInvisibleIcon:h,PasswordVisibleIcon:g,preventEnterSubmit:E,preventFocus:S,tippyProps:C,tooltip:R,tooltipContentDataTestId:x,tooltipIconDataTestId:N,type:w,variant:U,...D}=this.props,{icon:O,outsideIcon:_,adornment:j,helperText:F}=(null==c?void 0:c.configuration)||{},{base:V,selectedOptionsIds:W,retrieveStyle:k,retrieveMuiTheme:A,Component:Y,muiTheme:L,...K}=D,M=w===INPUT_TYPES.PASSWORD?React.createElement(UTButton,{dataTestId:e,Icon:this.state.visible?g:h,onClick:this.handleClickShowPassword,variant:"text"}):j,B=T?d.value[T]:d.value,H=shouldShowErrors(y)&&y.error||i||"",X=m||null!=c&&c.id?"".concat(m||c.id):void 0,q=React.createElement(TextField,_extends({id:X,"data-testid":s,placeholder:P,variant:U,label:O?React.createElement("div",{className:r.labelContainer},React.createElement(O,{className:r.labelIcon}),React.createElement("div",null,b)):b,onKeyPress:E?preventDefault:void 0,error:shouldShowErrors(y),FormHelperTextProps:{component:"div"},helperText:H||F?React.createElement(UTLabel,{className:styles.helperText,colorTheme:H?"error":"gray",dataTestId:p,variant:"small",withMarkdown:!0},H||F):void 0,disabled:l,onChange:e=>{var t,o;S&&e.preventDefault(),d.onChange(I(null!==(t=null==e||null===(o=e.target)||void 0===o?void 0:o.value)&&void 0!==t?t:e))},onClick:e=>{S&&(e.preventDefault(),e.target.blur())},value:B,fullWidth:!0,autoFocus:o,margin:"none",autoComplete:"off",InputProps:{id:X,inputProps:{"data-testid":s,"data-keyboard":(null==d?void 0:d.name)||null},endAdornment:M&&React.createElement(InputAdornment,{position:"end",className:"".concat(t&&styles.adornmentInside)},M),type:w===INPUT_TYPES.PASSWORD?this.state.visible?INPUT_TYPES.TEXT:INPUT_TYPES.PASSWORD:w||INPUT_TYPES.TEXT,classes:{input:"\n              ".concat(n&&r.bigInput,"\n              ").concat(w===INPUT_TYPES.NUMBER&&styles.numberType,"\n              ").concat(u,"\n            ")}},InputLabelProps:{classes:{root:v},htmlFor:X,"data-testid":f}},K));return React.createElement("div",{className:"".concat(r.container," ").concat(a," ").concat(R&&styles.containerWithTooltip)},R?React.createElement(React.Fragment,null,q,React.createElement(UTTooltip,{content:R,dataTestId:x,tippyProps:C},React.createElement("span",{className:styles.tooltipIconContainer,"data-testid":N},React.createElement(HelpOutline,{className:"".concat(r.tooltipIcon," ").concat(styles.tooltipIcon)})))):React.createElement(React.Fragment,null,isValidElement(_)&&React.createElement("div",{className:styles.iconContainer},_),q))}}UTTextInput.propTypes={actionDataTestId:string,adornmentInside:bool,autofocus:bool,bigInput:bool,captionLabel:string,classes:objectOf(string),containerClassName:string,dataTestId:string,disabled:bool,field:object,helperTextDataTestId:string,id:string,input:inputPropTypes.isRequired,inputClassName:string,inputObjectKey:string,label:string,labelDataTestId:string,labelRootClassName:string,meta:metaPropTypes,onChangeText:func,PasswordInvisibleIcon:elementType,PasswordVisibleIcon:elementType,placeholder:string,preventEnterSubmit:bool,preventFocus:bool,tippyProps:object,tooltip:string,tooltipContentDataTestId:string,tooltipIconDataTestId:string,type:string,variant:string},UTTextInput.defaultProps={adornmentInside:!1,autofocus:!1,classes:{},meta:{},onChangeText:e=>e,PasswordInvisibleIcon:VisibilityOff,PasswordVisibleIcon:Visibility,preventEnterSubmit:!1};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTTextInput);

package/dist/esm/components/UTTextInput/versions/V1/styles.module.scss

@@ -1,7 +1,7 @@
 .container {
   display: flex;
   flex-direction: column;
-  grid-gap: 8px;
+  grid-gap: var(--UT-field-gap, 8px);
 }
 
 .textHelp {

package/dist/esm/components/UTTopbar/components/UserMenu/index.js

@@ -1 +1 @@
-import React,{memo,Fragment}from"react";import{bool,func,node,string}from"prop-types";import ExpandMoreIcon from"@material-ui/icons/ExpandMore";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import UTLabel from"../../../UTLabel";import{classType,avatarType,iconType}from"../../types.js";import styles from"./styles.module.scss";const UserMenu=e=>{let{Arrow:t,avatar:a,classes:s,dataTestId:n,handleClick:r,justAvatar:o,MenuComponent:c,menuOpened:l,subtitle:u,title:m}=e;return React.createElement(Fragment,null,React.createElement(UTTouchableWithoutFeedback,{dataTestId:n,onClick:r,className:"".concat(o?styles.justAvatarUserMenu:styles.userMenu," ").concat(s.userMenu," ").concat(!r&&styles.disableMenu)},React.createElement("span",{className:"".concat(styles.userMenuAvatar," ").concat(s.userMenuAvatar)},a),!o&&React.createElement("div",null,React.createElement("div",{className:styles.labelWithArrow},React.createElement(UTLabel,{className:"".concat(s.userMenuTitle," ").concat(styles.userMenuTitle),withMarkdown:!0},m),r&&c&&React.createElement(t,{className:"\n                ".concat(s.userMenuArrow,"\n                ").concat(styles.userMenuArrow,"\n                ").concat(!!l&&styles.opened,"\n              ")})),u)),c)};UserMenu.propTypes={Arrow:iconType,avatar:avatarType,classes:classType,dataTestId:string,handleClick:func,justAvatar:bool,MenuComponent:node,menuOpened:bool,subtitle:node,title:string},UserMenu.defaultProps={Arrow:ExpandMoreIcon};export default memo(UserMenu);
+import React,{memo,Fragment}from"react";import{bool,func,node,string}from"prop-types";import ExpandMoreIcon from"@material-ui/icons/ExpandMore";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import UTLabel from"../../../UTLabel";import{classType,avatarType,iconType}from"../../types.js";import styles from"./styles.module.scss";const UserMenu=e=>{let{Arrow:t,avatar:a,classes:s,dataTestId:n,handleClick:r,justAvatar:o,MenuComponent:c,menuOpened:l,subtitle:u,title:m}=e;return React.createElement(React.Fragment,null,React.createElement(UTTouchableWithoutFeedback,{dataTestId:n,onClick:r,className:"".concat(o?styles.justAvatarUserMenu:styles.userMenu," ").concat(s.userMenu," ").concat(!r&&styles.disableMenu)},React.createElement("span",{className:"".concat(styles.userMenuAvatar," ").concat(s.userMenuAvatar)},a),!o&&React.createElement("div",null,React.createElement("div",{className:styles.labelWithArrow},React.createElement(UTLabel,{className:"".concat(s.userMenuTitle," ").concat(styles.userMenuTitle),withMarkdown:!0},m),r&&c&&React.createElement(t,{className:"\n                ".concat(s.userMenuArrow,"\n                ").concat(styles.userMenuArrow,"\n                ").concat(!!l&&styles.opened,"\n              ")})),u)),c)};UserMenu.propTypes={Arrow:iconType,avatar:avatarType,classes:classType,dataTestId:string,handleClick:func,justAvatar:bool,MenuComponent:node,menuOpened:bool,subtitle:node,title:string},UserMenu.defaultProps={Arrow:ExpandMoreIcon};export default memo(UserMenu);

package/dist/esm/components/UTVirtualizedList/components/VirtualizedData/index.js

@@ -1 +1 @@
-import React,{useMemo,Fragment,memo}from"react";import{array,number,func,string,bool}from"prop-types";import{refType}from"../../../../types/commonTypes";import useVirtualizedData from"./hooks/use-virtualized-data";import{createRows}from"./utils";import styles from"./styles.module.scss";const VirtualizedData=e=>{let{data:t,elementsPerRow:r,overscan:a,itemRenderer:i,itemPadding:o,listViewportRef:s,listViewportHeight:m,listViewportWidth:n,effect:l,reRenderOnChange:d,headerRenderer:u,footerRenderer:c}=e;const p=Math.floor(n/r),f=useMemo(()=>createRows(t,r),[t,r]),R=f.length,h=useMemo(()=>({itemRenderer:i,itemPadding:o,elementWidth:p}),[i,o,p]),{virtualizedData:g,listHeight:y}=useVirtualizedData(f,R,a,m,n,h,s,r,l,d);return React.createElement(Fragment,null,u&&React.createElement("div",{className:styles.header},u()),React.createElement("div",{style:{height:y,position:"relative",scrollBehavior:"smooth",width:"100%"}},g),c&&React.createElement("div",{className:styles.footer},c()))};VirtualizedData.propTypes={data:array,elementsPerRow:number,overscan:number,itemRenderer:func,itemPadding:number,listViewportRef:refType,listViewportHeight:number,listViewportWidth:number,effect:string,reRenderOnChange:bool,headerRenderer:func,footerRenderer:func};export default memo(VirtualizedData);
+import React,{useMemo,Fragment,memo}from"react";import{array,number,func,string,bool}from"prop-types";import{refType}from"../../../../types/commonTypes";import useVirtualizedData from"./hooks/use-virtualized-data";import{createRows}from"./utils";import styles from"./styles.module.scss";const VirtualizedData=e=>{let{data:t,elementsPerRow:r,overscan:a,itemRenderer:i,itemPadding:o,listViewportRef:s,listViewportHeight:m,listViewportWidth:n,effect:l,reRenderOnChange:d,headerRenderer:c,footerRenderer:u}=e;const p=Math.floor(n/r),f=useMemo(()=>createRows(t,r),[t,r]),R=f.length,h=useMemo(()=>({itemRenderer:i,itemPadding:o,elementWidth:p}),[i,o,p]),{virtualizedData:g,listHeight:y}=useVirtualizedData(f,R,a,m,n,h,s,r,l,d);return React.createElement(React.Fragment,null,c&&React.createElement("div",{className:styles.header},c()),React.createElement("div",{style:{height:y,position:"relative",scrollBehavior:"smooth",width:"100%"}},g),u&&React.createElement("div",{className:styles.footer},u()))};VirtualizedData.propTypes={data:array,elementsPerRow:number,overscan:number,itemRenderer:func,itemPadding:number,listViewportRef:refType,listViewportHeight:number,listViewportWidth:number,effect:string,reRenderOnChange:bool,headerRenderer:func,footerRenderer:func};export default memo(VirtualizedData);

package/dist/esm/components/UTWorkflowContainer/versions/V1/components/NavActions/index.js

@@ -1 +1 @@
-import React,{memo}from"react";import{bool,number,objectOf,shape,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTCheckbox from"../../../../../UTCheckbox";import{buttonTypes}from"../../types";import{TEST_IDS}from"../../../../../../constants/testIds";import{useScreenSize}from"../../../../../../utils/useScreenSize";import styles from"./styles.module.scss";import{BACK,NEXT}from"./constants";const{workflowContainer:workflowContainer}=TEST_IDS,NavActions=t=>{var e,o,n,a;let{backButton:s={},checkbox:c,classes:i,currentStep:r,forceResponsive:l,nextButton:m={},primaryAction:d,secondaryAction:p}=t;const{isMobileOrTablet:b}=useScreenSize(),v=1===r&&!s.isVisible||s.isHidden;return React.createElement("div",{className:"".concat(styles.actionsContainer," ").concat(i.actionsContainer)},(!b||!v)&&React.createElement("div",{className:"".concat(styles.actionsGroup," ").concat(!v&&styles.actionsGroupResponsive)},!v&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(s.classes,"  ").concat(l&&styles.navActionResponsive)},colorTheme:"secondary",dataTestId:null!==(e=s.dataTestId)&&void 0!==e?e:workflowContainer.bottomNav.backButton,disabled:s.disabled,Icon:null==s?void 0:s.Icon,iconPlacement:"left",onClick:s.onClick,size:"large",variant:"text"},s.label||BACK),p&&!b&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(l&&styles.navActionResponsive)},colorTheme:p.colorTheme||"primary",dataTestId:null!==(o=p.dataTestId)&&void 0!==o?o:workflowContainer.bottomNav.secondaryAction,disabled:p.disabled,iconPlacement:"left",onClick:p.onClick,size:"large",variant:p.variant||"text"},p.label),c&&!b&&React.createElement("div",{className:styles.checkboxContainer},React.createElement(UTCheckbox,c))),React.createElement("div",{className:"".concat(styles.actionsGroup," ").concat((b||l)&&styles.actionsGroupResponsive)},d&&!b&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(l&&styles.navActionResponsive)},colorTheme:d.colorTheme||"primary",dataTestId:null!==(n=d.dataTestId)&&void 0!==n?n:workflowContainer.bottomNav.primaryAction,disabled:d.disabled,iconPlacement:"right",onClick:d.onClick,size:"large",variant:d.variant||"semitransparent"},d.label),!m.isHidden&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(m.classes,"  ").concat(l&&styles.navActionResponsive)},colorTheme:"primary",dataTestId:null!==(a=m.dataTestId)&&void 0!==a?a:workflowContainer.bottomNav.nextButton,disabled:m.disabled,Icon:null==m?void 0:m.Icon,iconPlacement:"right",onClick:m.onClick,size:"large"},m.label||NEXT)))};NavActions.propTypes={backButton:buttonTypes,checkbox:shape({text:string}),classes:objectOf(string),currentStep:number,forceResponsive:bool,nextButton:buttonTypes,primaryAction:buttonTypes,secondaryAction:buttonTypes,withIcon:bool};export default memo(NavActions);
+import React,{memo}from"react";import{bool,number,objectOf,shape,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTCheckbox from"../../../../../UTCheckbox";import{buttonTypes}from"../../types";import{TEST_IDS}from"../../../../../../constants/testIds";import{useScreenSize}from"../../../../../../utils/useScreenSize";import styles from"./styles.module.scss";import{BACK,NEXT}from"./constants";const{workflowContainer:workflowContainer}=TEST_IDS,NavActions=e=>{var t,o,n,a;let{backButton:s={},checkbox:c,classes:i,currentStep:l,forceResponsive:r,nextButton:m={},primaryAction:d,secondaryAction:p}=e;const{isMobileOrTablet:b}=useScreenSize(),u=1===l&&!s.isVisible||s.isHidden,v=!u&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(s.classes,"  ").concat(r&&styles.navActionResponsive)},colorTheme:"secondary",dataTestId:null!==(t=s.dataTestId)&&void 0!==t?t:workflowContainer.bottomNav.backButton,disabled:s.disabled,Icon:null==s?void 0:s.Icon,iconPlacement:"left",onClick:s.onClick,size:"large",variant:"outlined"},s.label||BACK);return React.createElement("div",{className:"".concat(styles.actionsContainer," ").concat(i.actionsContainer)},!(b&&u)&&React.createElement("div",{className:"".concat(styles.actionsGroup," ").concat(b&&styles.actionsGroupResponsive)},b&&v,d&&!b&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(r&&styles.navActionResponsive)},colorTheme:d.colorTheme||"primary",dataTestId:null!==(o=d.dataTestId)&&void 0!==o?o:workflowContainer.bottomNav.primaryAction,disabled:d.disabled,iconPlacement:"left",onClick:d.onClick,size:"large",variant:d.variant||"semitransparent"},d.label),c&&!b&&React.createElement("div",{className:styles.checkboxContainer},React.createElement(UTCheckbox,c))),React.createElement("div",{className:"".concat(styles.actionsGroup," ").concat((b||r)&&styles.actionsGroupResponsive)},p&&!b&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(r&&styles.navActionResponsive)},colorTheme:p.colorTheme||"secondary",dataTestId:null!==(n=p.dataTestId)&&void 0!==n?n:workflowContainer.bottomNav.secondaryAction,disabled:p.disabled,iconPlacement:"right",onClick:p.onClick,size:"large",variant:p.variant||"text"},p.label),!b&&v,!m.isHidden&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(m.classes,"  ").concat(r&&styles.navActionResponsive)},colorTheme:"primary",dataTestId:null!==(a=m.dataTestId)&&void 0!==a?a:workflowContainer.bottomNav.nextButton,disabled:m.disabled,Icon:null==m?void 0:m.Icon,iconPlacement:"right",onClick:m.onClick,size:"large"},m.label||NEXT)))};NavActions.propTypes={backButton:buttonTypes,checkbox:shape({text:string}),classes:objectOf(string),currentStep:number,forceResponsive:bool,nextButton:buttonTypes,primaryAction:buttonTypes,secondaryAction:buttonTypes,withIcon:bool};export default memo(NavActions);

package/dist/esm/components/UTWorkflowContainer/versions/V1/components/NavActions/styles.module.scss

@@ -1,22 +1,22 @@
 @use '../../../../../../scss/variables/mediaQueries.module.scss' as *;
 
+$actions-container-max-width: 800px;
+
 .actionsContainer {
   align-items: center;
   display: flex;
-  gap: 16px;
+  gap: var(--gap-lg, 16px);
   justify-content: space-between;
-  min-height: 48px;
-  padding: 16px 32px;
-
-  @media #{$tablet-mobile} {
-    padding: 16px;
-  }
+  margin: 0 auto;
+  max-width: $actions-container-max-width;
+  min-height: var(--UT-workflowContainer-nav-min-height, 48px);
+  padding: var(--padding-xs, 8px);
 }
 
 .actionsGroup {
   align-items: center;
   display: flex;
-  grid-gap: 8px;
+  grid-gap: var(--gap-sm, 8px);
 }
 
 .actionsGroupResponsive {

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

@@ -1 +1 @@
-import styles from"./styles.module.scss";const DEFAULT="default",FULL_WIDTH="fullWidth";export const VARIANTS={DEFAULT:DEFAULT,FULL_WIDTH:FULL_WIDTH};export const childrenContentStyle={[VARIANTS.DEFAULT]:styles.childrenContent,[VARIANTS.FULL_WIDTH]:styles.childrenContentFullWidth};export const CHILDREN_CONTAINER_ID="workflow-children-container-";export const FORMS_QUERY_SELECTOR="#".concat(CHILDREN_CONTAINER_ID).concat(VARIANTS.DEFAULT," form");
+import styles from"./styles.module.scss";const DEFAULT="default",FULL_WIDTH="fullWidth";export const VARIANTS={DEFAULT:DEFAULT,FULL_WIDTH:FULL_WIDTH};export const childrenContentStyle={[VARIANTS.DEFAULT]:styles.childrenContent,[VARIANTS.FULL_WIDTH]:styles.childrenContentFullWidth};export const CHILDREN_CONTAINER_ID="workflow-children-container-";export const FORMS_QUERY_SELECTOR="#".concat(CHILDREN_CONTAINER_ID).concat(VARIANTS.DEFAULT," form");export const SCROLL_BOTTOM_THRESHOLD=4;

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

@@ -1 +1 @@
-import React,{useEffect,useMemo}from"react";import{arrayOf,bool,element,func,number,object,objectOf,shape,string}from"prop-types";import isEmpty from"lodash/isEmpty";import UTCheckbox from"../../../UTCheckbox";import UTHeader from"../../../UTHeader";import UTProgressBar from"../../../UTProgressBar";import UTStepper from"../../../UTStepper";import UTWizard from"../../../UTWizard";import WithTheme from"../../../WithTheme";import{TEST_IDS}from"../../../../constants/testIds";import{mergeClasses}from"../../../../utils/classesUtils";import{useScreenSize}from"../../../../utils/useScreenSize";import NavActions from"./components/NavActions";import styles from"./styles.module.scss";import{buttonTypes}from"./types";import{CHILDREN_CONTAINER_ID,FORMS_QUERY_SELECTOR,VARIANTS,childrenContentStyle}from"./constants";import{retrieveStyle}from"./theme";const{workflowContainer:workflowContainer}=TEST_IDS,UTWorkflowContainer=e=>{let{backButton:t,banner:r,checkbox:n,children:o,classes:s={},classNames:a,currentStage:i,currentStep:c=1,forceResponsive:l=!1,headerActions:d,helpText:m,helpTextDataTestId:p=workflowContainer.header.helpText,navHidden:u=!1,nextButton:T,onExit:b,primaryAction:f,requiredFieldInfo:h,requiredFieldInfoDataTestId:g=workflowContainer.header.requiredFieldInfo,secondaryAction:y,stages:C,stepperLabelProps:I={},stepperSize:S="S",stepsCount:E,subtitle:v,subtitleDataTestId:R=workflowContainer.header.subtitle,tagline:w,taglineDataTestId:N=workflowContainer.header.tagline,title:k,titleDataTestId:D=workflowContainer.header.title,titleProps:U={},variant:x=VARIANTS.DEFAULT,withIcon:A=!1,withStepperPadding:O=!0,wizardConfig:P={}}=e;useEffect(()=>()=>b&&b(),[]);const L=useMemo(()=>mergeClasses(s,a),[a]),{isMobileOrTablet:F,isMobileSize:z}=useScreenSize(),W=null==t?void 0:t.isHidden,B=null==T?void 0:T.isHidden,_=u||!!(E&&E===c)&&W&&B;return useEffect(()=>{const e=e=>{const t=document.querySelectorAll(FORMS_QUERY_SELECTOR);isEmpty(t)||t.forEach(e)},t=()=>{e(e=>{var t;null==e||null===(t=e.classList)||void 0===t||t.remove(styles.formContainer)})},r=()=>{e(e=>{const t=!isEmpty(null==e?void 0:e.children),r=!isEmpty(e.querySelectorAll("input"));var n;t&&r&&(null==e||null===(n=e.classList)||void 0===n||n.add(styles.formContainer))})};if(z)return t();const n=new MutationObserver(()=>r());return n.observe(document.body,{childList:!0,subtree:!0}),r(),()=>{t(),n.disconnect()}},[c,i,z]),React.createElement("div",{className:"".concat(styles.container," ").concat(L.container)},React.createElement("div",{className:"".concat(styles.content," ").concat(L.content)},C&&React.createElement(UTStepper,{stepperSize:S,currentStage:i,stages:C,stepperLabelProps:I,withPadding:O}),(k||F&&(f||y))&&React.createElement(UTHeader,{actions:[...d||[],...F?[f,y].filter(e=>e):[]],banner:k&&r,classNames:{outerContainer:"".concat(styles.headerContainer," ").concat(L.headerContainer),titles:L.titles},helpText:k&&m,helpTextDataTestId:p,isLastStep:_,requiredFieldInfo:k&&h,requiredFieldInfoDataTestId:g,subtitle:k&&v,subtitleDataTestId:R,tagline:k&&w,taglineDataTestId:N,title:k,titleDataTestId:D,titleProps:U}),React.createElement("div",{className:"".concat(styles.childrenContainer," ").concat(L.childrenContainer," ").concat(x===VARIANTS.FULL_WIDTH&&"".concat(styles.childrenContainerFullWidth," ").concat(L.childrenContainerFullWidth)),id:CHILDREN_CONTAINER_ID+x},React.createElement("div",{className:"".concat(childrenContentStyle[x]||styles.childrenContent," ").concat(L.childrenContent)},o))),React.createElement("div",{className:"".concat(styles.footer," ").concat(L.footer)},React.createElement(UTWizard,P),!_&&React.createElement("div",{className:"".concat(L.bottomNav," ").concat(styles.bottomNav)},n&&F&&React.createElement("div",{className:styles.mobileCheckboxContainer},React.createElement(UTCheckbox,n)),!!E&&React.createElement(UTProgressBar,{classNames:{barColorPrimary:L.barColorPrimary,colorPrimary:L.colorPrimary,container:styles.progressBarContainer,label:styles.progressBarLabel,root:styles.progress},value:100*c/E}),React.createElement(NavActions,{backButton:t,checkbox:n,classes:L,currentStep:c,forceResponsive:l,nextButton:T,primaryAction:f,secondaryAction:y,withIcon:A}))))};UTWorkflowContainer.propTypes={backButton:buttonTypes,banner:shape({Icon:object,text:string}),checkbox:shape({text:string}),children:element,classNames:objectOf(string),classes:objectOf(string),currentStage:number,currentStep:number,forceResponsive:bool,headerActions:arrayOf(buttonTypes),helpText:string,helpTextDataTestId:string,navHidden:bool,nextButton:buttonTypes,onExit:func,primaryAction:buttonTypes,requiredFieldInfo:string,requiredFieldInfoDataTestId:string,secondaryAction:buttonTypes,stages:object,stepperLabelProps:object,stepperSize:string,stepsCount:number,subtitle:string,subtitleDataTestId:string,tagline:string,taglineDataTestId:string,title:string,titleDataTestId:string,titleProps:shape({align:string,classes:objectOf(string),className:string,dataTestId:string,markdownRenderers:objectOf(func),title:string,variant:string,withMarkdown:bool}),variant:string,withIcon:bool,withStepperPadding:bool,wizardConfig:shape({description:string,enabled:bool,handleOnClick:func,title:string,variant:string})};export default WithTheme(retrieveStyle)(UTWorkflowContainer);
+import React,{useEffect,useMemo,useRef,useState}from"react";import{arrayOf,bool,element,func,number,object,objectOf,shape,string}from"prop-types";import isEmpty from"lodash/isEmpty";import UTCheckbox from"../../../UTCheckbox";import UTHeader from"../../../UTHeader";import UTProgressBar from"../../../UTProgressBar";import UTStepper from"../../../UTStepper";import UTWizard from"../../../UTWizard";import WithTheme from"../../../WithTheme";import{TEST_IDS}from"../../../../constants/testIds";import{mergeClasses}from"../../../../utils/classesUtils";import{useScreenSize}from"../../../../utils/useScreenSize";import NavActions from"./components/NavActions";import styles from"./styles.module.scss";import{buttonTypes}from"./types";import{CHILDREN_CONTAINER_ID,FORMS_QUERY_SELECTOR,SCROLL_BOTTOM_THRESHOLD,VARIANTS,childrenContentStyle}from"./constants";import{retrieveStyle}from"./theme";const{workflowContainer:workflowContainer}=TEST_IDS,UTWorkflowContainer=e=>{let{backButton:t,banner:r,checkbox:n,children:s,classes:o={},classNames:a,collapseNavOnScroll:i=!1,currentStage:l,currentStep:c=1,forceResponsive:d=!1,formArea:p=!0,headerActions:m,helpText:u,helpTextDataTestId:f=workflowContainer.header.helpText,navHidden:T=!1,nextButton:b,onExit:h,primaryAction:g,requiredFieldInfo:y,requiredFieldInfoDataTestId:S=workflowContainer.header.requiredFieldInfo,secondaryAction:C,stages:v,stepperLabelProps:E={},stepperSize:R="S",stepsCount:I,subtitle:w,subtitleDataTestId:N=workflowContainer.header.subtitle,tagline:O,taglineDataTestId:D=workflowContainer.header.tagline,taglineProps:A={},title:k,titleDataTestId:L=workflowContainer.header.title,titleProps:U={},variant:x=VARIANTS.DEFAULT,withIcon:P=!1,withStepperPadding:H=!0,wizardConfig:_={}}=e;useEffect(()=>()=>h&&h(),[]);const z=useMemo(()=>mergeClasses(o,a),[a]),{isMobileOrTablet:B,isMobileSize:F}=useScreenSize(),W=null==t?void 0:t.isHidden,M=null==b?void 0:b.isHidden,j=T||!!(I&&I===c)&&W&&M,q=useRef(null),V=useRef(null),Q=useRef(0),[Y,G]=useState(!0),[J,K]=useState(0);return useEffect(()=>{const e=V.current;if(!e)return;const t=()=>K(e.offsetHeight);t();const r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[]),useEffect(()=>{if(!i)return void G(!0);const e=q.current;if(!e)return;const t=()=>{const{scrollTop:t,scrollHeight:r,clientHeight:n}=e,s=r>n,o=t>Q.current;G(!s||!o||r-t-n<=SCROLL_BOTTOM_THRESHOLD),Q.current=t};return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[i]),useEffect(()=>{const e=e=>{const t=document.querySelectorAll(FORMS_QUERY_SELECTOR);isEmpty(t)||t.forEach(e)},t=()=>{e(e=>{var t;null==e||null===(t=e.classList)||void 0===t||t.remove(styles.formContainer)})},r=()=>{e(e=>{const t=!isEmpty(null==e?void 0:e.children),r=!isEmpty(e.querySelectorAll("input"));var n;t&&r&&(null==e||null===(n=e.classList)||void 0===n||n.add(styles.formContainer))})};if(F||!p)return t();const n=new MutationObserver(()=>r());return n.observe(document.body,{childList:!0,subtree:!0}),r(),()=>{t(),n.disconnect()}},[c,l,p,F]),React.createElement("div",{className:"".concat(styles.container," ").concat(z.container," ").concat(i?styles.footerCollapsable:"")},React.createElement("div",{className:"".concat(styles.content," ").concat(z.content),ref:q},v&&React.createElement(UTStepper,{stepperSize:R,currentStage:l,stages:v,stepperLabelProps:E,withPadding:H}),(k||B&&(g||C))&&React.createElement(UTHeader,{actions:[...m||[],...B?[g,C].filter(e=>e):[]],banner:k&&r,classNames:{outerContainer:"".concat(styles.headerContainer," ").concat(z.headerContainer),titles:z.titles},helpText:k&&u,helpTextDataTestId:f,isLastStep:j,requiredFieldInfo:k&&y,requiredFieldInfoDataTestId:S,subtitle:k&&w,subtitleDataTestId:N,tagline:k&&O,taglineDataTestId:D,taglineProps:A,title:k,titleDataTestId:L,titleProps:U}),React.createElement("div",{className:"".concat(styles.childrenContainer," ").concat(z.childrenContainer," ").concat(x===VARIANTS.FULL_WIDTH&&"".concat(styles.childrenContainerFullWidth," ").concat(z.childrenContainerFullWidth)),id:CHILDREN_CONTAINER_ID+x},React.createElement("div",{className:"".concat(childrenContentStyle[x]||styles.childrenContent," ").concat(z.childrenContent)},s)),React.createElement("div",{className:styles.footerSpacer,style:{height:J}})),React.createElement("div",{className:"".concat(styles.footer," ").concat(z.footer," ").concat(Y?"":styles.footerHidden),ref:V},React.createElement(UTWizard,_),!j&&React.createElement("div",{className:"".concat(z.bottomNav," ").concat(styles.bottomNav)},n&&B&&React.createElement("div",{className:styles.mobileCheckboxContainer},React.createElement(UTCheckbox,n)),!!I&&React.createElement(UTProgressBar,{classNames:{barColorPrimary:z.barColorPrimary,colorPrimary:z.colorPrimary,container:styles.progressBarContainer,label:styles.progressBarLabel,root:styles.progress},value:100*c/I}),React.createElement(NavActions,{backButton:t,checkbox:n,classes:z,currentStep:c,forceResponsive:d,nextButton:b,primaryAction:g,secondaryAction:C,withIcon:P}))))};UTWorkflowContainer.propTypes={backButton:buttonTypes,banner:shape({Icon:object,text:string}),checkbox:shape({text:string}),children:element,classNames:objectOf(string),classes:objectOf(string),collapseNavOnScroll:bool,currentStage:number,currentStep:number,forceResponsive:bool,formArea:bool,headerActions:arrayOf(buttonTypes),helpText:string,helpTextDataTestId:string,navHidden:bool,nextButton:buttonTypes,onExit:func,primaryAction:buttonTypes,requiredFieldInfo:string,requiredFieldInfoDataTestId:string,secondaryAction:buttonTypes,stages:object,stepperLabelProps:object,stepperSize:string,stepsCount:number,subtitle:string,subtitleDataTestId:string,tagline:string,taglineDataTestId:string,taglineProps:shape({className:string,colorTheme:string,shade:string,variant:string,weight:string}),title:string,titleDataTestId:string,titleProps:shape({align:string,classes:objectOf(string),className:string,dataTestId:string,markdownRenderers:objectOf(func),title:string,variant:string,withMarkdown:bool}),variant:string,withIcon:bool,withStepperPadding:bool,wizardConfig:shape({description:string,enabled:bool,handleOnClick:func,title:string,variant:string})};export default WithTheme(retrieveStyle)(UTWorkflowContainer);

package/dist/esm/components/UTWorkflowContainer/versions/V1/styles.module.scss

@@ -1,22 +1,25 @@
 @use '../../../../scss/variables/mediaQueries.module.scss' as *;
 @use '../../../../scss/variables/colors.module.scss' as *;
 
-$default-variant-max-width: 966px;
+$default-variant-max-width: 800px;
+$default-form-border: #E7E7E7;
 
 .container {
   align-items: center;
-  border-radius: 4px;
+  border-radius: var(--radius-sm, 4px);
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100%;
   justify-content: space-between;
+  position: relative;
   width: 100%;
 }
 
 .content {
   align-self: flex-start;
+  background-color: var(--UT-workflowContainer-background);
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -25,6 +28,7 @@ $default-variant-max-width: 966px;
 
   @media #{$tablet-mobile} {
     align-self: center;
+    #{'--UT-workflowContainer-background'}: var(--light01);
   }
 }
 
@@ -44,11 +48,11 @@ $default-variant-max-width: 966px;
   flex: 1;
   margin: 0 auto;
   max-width: $default-variant-max-width;
-  padding: 0 32px 32px;
+  padding: 0 var(--padding-xl, 32px) var(--padding-xl, 32px);
   width: calc(100% - 64px);
 
   @media #{$tablet-mobile} {
-    padding: 0 16px 16px !important;
+    padding: 0 var(--padding-md, 16px) var(--padding-md, 16px) !important;
     width: calc(100% - 32px) !important;
   }
 }
@@ -60,11 +64,11 @@ $default-variant-max-width: 966px;
 
 .childrenContainerFullWidth {
   max-width: none;
-  padding: 24px 32px 32px;
+  padding: var(--padding-lg, 24px) var(--padding-xl, 32px) var(--padding-xl, 32px);
   width: calc(100% - 64px);
 
   @media #{$tablet-mobile} {
-    padding: 24px 16px 16px !important;
+    padding: var(--padding-lg, 24px) var(--padding-md, 16px) var(--padding-md, 16px) !important;
   }
 }
 
@@ -72,30 +76,54 @@ $default-variant-max-width: 966px;
   max-width: none;
 }
 
+.footerSpacer {
+  flex-shrink: 0;
+  width: 100%;
+}
+
 .progress {
-  height: 8px;
+  height: var(--UT-workflowContainer-progress-height, 8px);
 }
 
 .bottomNav {
-  bottom: 0;
-  position: sticky;
   width: 100%;
   z-index: 100;
 }
 
 .mobileCheckboxContainer {
-  padding-left: 16px;
+  padding-left: var(--padding-md, 16px);
 }
 
 .footer {
+  bottom: 0;
   display: flex;
-  position: relative;
+  left: 0;
+  position: absolute;
+  transition: transform 0.25s ease-in-out;
   width: 100%;
+
+  @media #{$tablet-mobile} {
+    border-top: 1px solid var(--UT-workflowContainer-footer-border, var(--light04, $default-form-border));
+  }
+}
+
+.footerCollapsable {
+  overflow: hidden;
+}
+
+.footerHidden {
+  transform: translateY(100%);
 }
 
 .formContainer {
-  background-color: var(--light03, $default-background-form);
-  border-radius: 8px;
+  background-color: var(--UT-workflowContainer-formContainer-background, var(--light01, $white));
+  border: 1px solid var(--UT-workflowContainer-formContainer-border, var(--light04, $default-form-border));
+  border-radius: var(--radius-md, 8px);
   box-sizing: border-box;
-  padding: 32px;
+  padding: var(--padding-xl, 32px);
+
+  @media #{$tablet-mobile} {
+    background-color: none;
+    border: none;
+  }
 }

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

@@ -1 +1 @@
-import{getShadow}from"../../../../utils/shadowUtils";export const retrieveStyle=o=>{var l,r,i,t,n,d,e;let{theme:a}=o;return{container:{backgroundColor:null===(l=a.UTWorkflowContainer)||void 0===l||null===(l=l.container)||void 0===l?void 0:l.backgroundColor,boxShadow:getShadow({color:null===(r=a.Palette.shadows)||void 0===r?void 0:r.grayscale,level:2})},bottomNav:{backgroundColor:null===(i=a.Palette)||void 0===i?void 0:i.light["01"]},barColorPrimary:{backgroundColor:null===(t=a.UTWorkflowContainer)||void 0===t||null===(t=t.progress)||void 0===t?void 0:t.backgroundColor},colorPrimary:{backgroundColor:"".concat((null===(n=a.UTWorkflowContainer)||void 0===n||null===(n=n.progress)||void 0===n?void 0:n.color)||(null===(d=a.Palette)||void 0===d?void 0:d.light["04"])," !important")},childrenContainerFullWidth:{borderTop:"1px solid ".concat(null===(e=a.Palette)||void 0===e?void 0:e.light["04"])}}};
+import{getShadow}from"../../../../utils/shadowUtils";export const retrieveStyle=o=>{var r,l,i,n,t,a;let{theme:d}=o;return{container:{backgroundColor:null===(r=d.UTWorkflowContainer)||void 0===r||null===(r=r.container)||void 0===r?void 0:r.backgroundColor,boxShadow:getShadow({color:null===(l=d.Palette.shadows)||void 0===l?void 0:l.grayscale,level:2})},bottomNav:{backgroundColor:"rgba(255, 255, 255, 0.8)"},barColorPrimary:{backgroundColor:null===(i=d.UTWorkflowContainer)||void 0===i||null===(i=i.progress)||void 0===i?void 0:i.backgroundColor},colorPrimary:{backgroundColor:"".concat((null===(n=d.UTWorkflowContainer)||void 0===n||null===(n=n.progress)||void 0===n?void 0:n.color)||(null===(t=d.Palette)||void 0===t?void 0:t.light["04"])," !important")},childrenContainerFullWidth:{borderTop:"1px solid ".concat(null===(a=d.Palette)||void 0===a?void 0:a.light["04"])}}};

package/dist/esm/constants/testIds.js

@@ -1 +1 @@
-export const ID_CONSTANTS={ACTIONS:"actions",ADD_FILTER_BUTTON:"addFilterButton",AVATAR:"avatar",BOTTOM_NAV:"bottomNav",CANVAS:"canvas",CELL:"cell",CLEAR_BUTTON:"clearButton",CLIENT_FILTER:"clientFilter",COLLAPSED_PANEL_CONTENT:"collapsedPanelContent",COLLAPSE_BUTTON:"collapseButton",COLLAPSE_BUTTON_TOOLTIP:"collapseButtonTooltip",CREDIT_CARD:"creditCard",CUSTOM_SEARCH_ACTION:"customSearchAction",DATA_CATEGORY:"dataCategory",DATA_ELEMENT:"dataElement",DELETE_BUTTON:"deleteButton",DELETE_BUTTON_TOOLTIP:"deleteButtonTooltip",ADDITIONAL_CONTENT:"additionalContent",ADDITIONAL_CONTENT_BODY:"additionalContentBody",DESCRIPTION:"description",DIALOG:"dialog",EDIT_BUTTON:"editButton",EDIT_BUTTON_TOOLTIP:"editButtonTooltip",EXPANDED_PANEL_CONTENT:"expandedPanelContent",EXPANDED_PANEL_CONTENT_CATEGORY:"expandedPanelContentCategory",EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY:"expandedPanelContentCategoryEmpty",EXPANDED_PANEL_CONTENT_CATEGORY_HEADER:"expandedPanelContentCategoryHeader",EXPANDED_PANEL_CONTENT_CATEGORY_ITEM:"expandedPanelContentCategoryItem",EXPANDED_PANEL_CONTENT_HEADER:"expandedPanelContentHeader",EXPAND_BUTTON:"expandButton",FILTER_GROUPING:"filterGrouping",GROUPING_PANEL:"groupingPanel",HEADER:"header",HELP_TEXT:"helpText",ICON:"icon",INVALID_PARAMS:"invalidParams",LABEL:"label",MAIN_BUTTON:"mainButton",NAME:"name",NAME_CONTAINER:"nameContainer",ONBOARDING:"onboarding",PAGINATION_NEXT:"paginationNext",PAGINATION_PREV:"paginationPrev",PANEL:"panel",PERSISTENT_FILTER:"persistentFilter",PINNED:"pinned",POPPER:"popper",SEARCH_BUTTON:"searchButton",SECONDARY_ACTION:"secondaryAction",SEARCH_BUTTON_TOOLTIP:"searchButtonTooltip",SEARCH_FIELD:"searchField",SELECTION_COMPONENT:"selectionComponent",SIDEBAR:"sidebar",SIDEBAR_BUTTON:"sidebarButton",STATUS_MESSAGE:"statusMessage",TABLE:"table",TERTIARY_ACTION:"tertiaryAction",TABLE_ROW:"tableRow",TITLE:"title",USER_FILTER:"userFilter",UT_RICH_TEXT:"UTRichText",UT_SNACKBAR:"UTSnackbar",VALIDATION_DATA:"validationData",WORKFLOW_CONTAINER:"workflowContainer"};export const TEST_IDS={barChart:{bar:{tooltip:"barChart.bar.tooltip."},xAxis:{secondaryLabel:"barChart.xAxis.secondaryLabel.",mainLabel:"barChart.xAxis.mainLabel."}},breadcrumbs:{item:"breadcrumbs.item"},creditCard:{cardField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cardField"),cvcField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cvcField"),expires:"".concat(ID_CONSTANTS.CREDIT_CARD,".expires"),nameField:"".concat(ID_CONSTANTS.CREDIT_CARD,".nameField")},dataCategory:{container:"".concat(ID_CONSTANTS.DATA_CATEGORY,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_CATEGORY,".collapseButton"),item:"".concat(ID_CONSTANTS.DATA_CATEGORY,".item")},dataElement:{container:"".concat(ID_CONSTANTS.DATA_ELEMENT,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_ELEMENT,".collapseButton"),switchAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionSwitch"),buttonAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionButton")},dialog:{acceptButton:"".concat(ID_CONSTANTS.DIALOG,".acceptButton"),cancelButton:"".concat(ID_CONSTANTS.DIALOG,".cancelButton"),closeButton:"".concat(ID_CONSTANTS.DIALOG,".closeButton"),title:"".concat(ID_CONSTANTS.DIALOG,".title")},filterGrouping:{groupingPanel:{collapsedPanelContent:{expandButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.COLLAPSED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPAND_BUTTON)},expandedPanelContent:{expandedPanelContentCategory:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_CATEGORY),expandedPanelContentHeader:{addFilterButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.ADD_FILTER_BUTTON),collapseButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON),collapseButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON_TOOLTIP),customSearchAction:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.CUSTOM_SEARCH_ACTION),searchButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON),searchButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON_TOOLTIP),searchField:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_FIELD),title:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.TITLE)}}}},onboarding:{close:"".concat(ID_CONSTANTS.ONBOARDING,".close"),description:"".concat(ID_CONSTANTS.ONBOARDING,".description"),nextButton:"".concat(ID_CONSTANTS.ONBOARDING,".nextButton"),prevButton:"".concat(ID_CONSTANTS.ONBOARDING,".prevButton"),title:"".concat(ID_CONSTANTS.ONBOARDING,".title")},panel:{additionalContent:{body:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT_BODY),sidebar:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR),sidebarButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR_BUTTON,".")},backButton:"".concat(ID_CONSTANTS.PANEL,".backButton"),closeButton:"".concat(ID_CONSTANTS.PANEL,".closeButton"),mainAction:"".concat(ID_CONSTANTS.PANEL,".mainAction"),mainButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.MAIN_BUTTON),paginationNext:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_NEXT),paginationPrev:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_PREV),secondaryAction:"".concat(ID_CONSTANTS.PANEL,".secondaryAction"),title:"".concat(ID_CONSTANTS.PANEL,".title")},signature:"signature",snackBar:{closeButton:"snackbar.closeButton",label:"snackbar.label"},statusMessage:{description:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".description"),helperText:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".helperText"),icon:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".icon"),title:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".title")},table:{tableHeader:{title:"".concat(ID_CONSTANTS.TABLE,".tableHeader.title")}},tabs:{tab:"tabs.tab."},wrapperObservation:{actionIcon:"wrapperObservation.actionIcon."},UTLoading:{logoLoader:"UTLoading.logoLoader",spinner:"UTLoading.spinner"},UTRichText:{content:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".content"),field:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".field"),helpText:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.HELP_TEXT),label:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.LABEL),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".root"),submitButton:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".submitButton"),tableToolbar:{addColumnAfter:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addColumnAfter"),addColumnBefore:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addColumnBefore"),addRowAfter:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addRowAfter"),deleteColumn:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteColumn"),deleteRow:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteRow"),deleteTable:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteTable"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.root")},toolbar:{bold:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.bold"),italic:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.italic"),list:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.list"),listNumbers:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.listNumbers"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.root"),table:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.table")},validation:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.VALIDATION_DATA)},UTSnackbar:{closeButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".closeButton"),description:"".concat(ID_CONSTANTS.UT_SNACKBAR,".description"),label:"".concat(ID_CONSTANTS.UT_SNACKBAR,".label"),primaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".primaryActionButton"),root:"".concat(ID_CONSTANTS.UT_SNACKBAR,".root"),secondaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".secondaryActionButton")},UTDatePickerV1TestID:{calendar:"UTDatePickerV1.calendar",calendarPrevBtn:"UTDatePickerV1.calendarPrevBtn",calendarNextBtn:"UTDatePickerV1.calendarNextBtn",calendarMonthYear:"UTDatePickerV1.calendarMonthYear"},workflowContainer:{bottomNav:{backButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".backButton"),nextButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".nextButton"),primaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".primaryAction"),secondaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".secondaryAction")},header:{helpText:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".helpText"),requiredFieldInfo:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".requiredFieldInfo"),subtitle:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".subtitle"),tagline:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".tagline"),title:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".title")}}};
+export const ID_CONSTANTS={ACTIONS:"actions",ADD_FILTER_BUTTON:"addFilterButton",AVATAR:"avatar",BOTTOM_NAV:"bottomNav",CANVAS:"canvas",CELL:"cell",CLEAR_BUTTON:"clearButton",CLIENT_FILTER:"clientFilter",COLLAPSED_PANEL_CONTENT:"collapsedPanelContent",COLLAPSE_BUTTON:"collapseButton",COLLAPSE_BUTTON_TOOLTIP:"collapseButtonTooltip",CREDIT_CARD:"creditCard",CUSTOM_SEARCH_ACTION:"customSearchAction",DATA_CATEGORY:"dataCategory",DATA_ELEMENT:"dataElement",DELETE_BUTTON:"deleteButton",DELETE_BUTTON_TOOLTIP:"deleteButtonTooltip",ADDITIONAL_CONTENT:"additionalContent",ADDITIONAL_CONTENT_BODY:"additionalContentBody",DESCRIPTION:"description",DIALOG:"dialog",EDIT_BUTTON:"editButton",EDIT_BUTTON_TOOLTIP:"editButtonTooltip",EXPANDED_PANEL_CONTENT:"expandedPanelContent",EXPANDED_PANEL_CONTENT_CATEGORY:"expandedPanelContentCategory",EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY:"expandedPanelContentCategoryEmpty",EXPANDED_PANEL_CONTENT_CATEGORY_HEADER:"expandedPanelContentCategoryHeader",EXPANDED_PANEL_CONTENT_CATEGORY_ITEM:"expandedPanelContentCategoryItem",EXPANDED_PANEL_CONTENT_HEADER:"expandedPanelContentHeader",EXPAND_BUTTON:"expandButton",FILTER_GROUPING:"filterGrouping",GROUPING_PANEL:"groupingPanel",HEADER:"header",HELP_TEXT:"helpText",ICON:"icon",INVALID_PARAMS:"invalidParams",LABEL:"label",MAIN_BUTTON:"mainButton",NAME:"name",NAME_CONTAINER:"nameContainer",ONBOARDING:"onboarding",PAGINATION_NEXT:"paginationNext",PAGINATION_PREV:"paginationPrev",PANEL:"panel",PERSISTENT_FILTER:"persistentFilter",PINNED:"pinned",POPPER:"popper",SEARCH_BUTTON:"searchButton",SECONDARY_ACTION:"secondaryAction",SEARCH_BUTTON_TOOLTIP:"searchButtonTooltip",SEARCH_FIELD:"searchField",SELECTION_COMPONENT:"selectionComponent",SIDEBAR:"sidebar",SIDEBAR_BUTTON:"sidebarButton",STATUS_MESSAGE:"statusMessage",TABLE:"table",TERTIARY_ACTION:"tertiaryAction",TABLE_ROW:"tableRow",TITLE:"title",USER_FILTER:"userFilter",UT_RICH_TEXT:"UTRichText",UT_SNACKBAR:"UTSnackbar",VALIDATION_DATA:"validationData",WORKFLOW_CONTAINER:"workflowContainer"};export const TEST_IDS={barChart:{bar:{tooltip:"barChart.bar.tooltip."},xAxis:{secondaryLabel:"barChart.xAxis.secondaryLabel.",mainLabel:"barChart.xAxis.mainLabel."}},breadcrumbs:{item:"breadcrumbs.item"},creditCard:{cardField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cardField"),cvcField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cvcField"),expires:"".concat(ID_CONSTANTS.CREDIT_CARD,".expires"),nameField:"".concat(ID_CONSTANTS.CREDIT_CARD,".nameField")},dataCategory:{container:"".concat(ID_CONSTANTS.DATA_CATEGORY,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_CATEGORY,".collapseButton"),item:"".concat(ID_CONSTANTS.DATA_CATEGORY,".item")},dataElement:{container:"".concat(ID_CONSTANTS.DATA_ELEMENT,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_ELEMENT,".collapseButton"),switchAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionSwitch"),buttonAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionButton")},dialog:{acceptButton:"".concat(ID_CONSTANTS.DIALOG,".acceptButton"),cancelButton:"".concat(ID_CONSTANTS.DIALOG,".cancelButton"),closeButton:"".concat(ID_CONSTANTS.DIALOG,".closeButton"),title:"".concat(ID_CONSTANTS.DIALOG,".title")},filterGrouping:{groupingPanel:{collapsedPanelContent:{expandButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.COLLAPSED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPAND_BUTTON)},expandedPanelContent:{expandedPanelContentCategory:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_CATEGORY),expandedPanelContentHeader:{addFilterButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.ADD_FILTER_BUTTON),collapseButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON),collapseButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON_TOOLTIP),customSearchAction:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.CUSTOM_SEARCH_ACTION),searchButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON),searchButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON_TOOLTIP),searchField:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_FIELD),title:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.TITLE)}}}},onboarding:{close:"".concat(ID_CONSTANTS.ONBOARDING,".close"),description:"".concat(ID_CONSTANTS.ONBOARDING,".description"),nextButton:"".concat(ID_CONSTANTS.ONBOARDING,".nextButton"),prevButton:"".concat(ID_CONSTANTS.ONBOARDING,".prevButton"),title:"".concat(ID_CONSTANTS.ONBOARDING,".title")},panel:{additionalContent:{body:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT_BODY),sidebar:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR),sidebarButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR_BUTTON,".")},backButton:"".concat(ID_CONSTANTS.PANEL,".backButton"),closeButton:"".concat(ID_CONSTANTS.PANEL,".closeButton"),mainAction:"".concat(ID_CONSTANTS.PANEL,".mainAction"),mainButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.MAIN_BUTTON),paginationNext:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_NEXT),paginationPrev:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_PREV),secondaryAction:"".concat(ID_CONSTANTS.PANEL,".secondaryAction"),title:"".concat(ID_CONSTANTS.PANEL,".title")},signature:"signature",snackBar:{closeButton:"snackbar.closeButton",label:"snackbar.label"},statusMessage:{description:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".description"),flag:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".flag"),helperText:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".helperText"),icon:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".icon"),title:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".title")},table:{tableHeader:{title:"".concat(ID_CONSTANTS.TABLE,".tableHeader.title")}},tabs:{tab:"tabs.tab."},wrapperObservation:{actionIcon:"wrapperObservation.actionIcon."},UTLoading:{logoLoader:"UTLoading.logoLoader",spinner:"UTLoading.spinner"},UTRichText:{content:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".content"),field:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".field"),helpText:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.HELP_TEXT),label:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.LABEL),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".root"),submitButton:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".submitButton"),tableToolbar:{addColumnAfter:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addColumnAfter"),addColumnBefore:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addColumnBefore"),addRowAfter:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addRowAfter"),deleteColumn:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteColumn"),deleteRow:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteRow"),deleteTable:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteTable"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.root")},toolbar:{bold:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.bold"),italic:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.italic"),list:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.list"),listNumbers:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.listNumbers"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.root"),table:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.table")},validation:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.VALIDATION_DATA)},UTSnackbar:{closeButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".closeButton"),description:"".concat(ID_CONSTANTS.UT_SNACKBAR,".description"),label:"".concat(ID_CONSTANTS.UT_SNACKBAR,".label"),primaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".primaryActionButton"),root:"".concat(ID_CONSTANTS.UT_SNACKBAR,".root"),secondaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".secondaryActionButton")},UTDatePickerV1TestID:{calendar:"UTDatePickerV1.calendar",calendarPrevBtn:"UTDatePickerV1.calendarPrevBtn",calendarNextBtn:"UTDatePickerV1.calendarNextBtn",calendarMonthYear:"UTDatePickerV1.calendarMonthYear"},workflowContainer:{bottomNav:{backButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".backButton"),nextButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".nextButton"),primaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".primaryAction"),secondaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".secondaryAction")},header:{helpText:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".helpText"),requiredFieldInfo:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".requiredFieldInfo"),subtitle:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".subtitle"),tagline:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".tagline"),title:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".title")}}};

package/dist/esm/index.js

@@ -1 +1 @@
-import AlertHandler from"./components/UTAlert/AlertHandler";import componentUtils from"./utils/componentUtils";import ThemeProvider from"./components/EnergyThemeProvider";import keyboardUtils from"./utils/keyboardUtils";import UTActionCard from"./components/UTActionCard";import UTAlert from"./components/UTAlert";import UTAttachmentList from"./components/UTAttachmentList";import AttachmentContainer from"./deprecated/UTAttachment";import UTAutocomplete from"./deprecated/UTAutocomplete";import UTAvatar from"./components/UTAvatar";import UTBadge from"./components/UTBadge";import UTBanner from"./components/UTBanner";import UTBarChart from"./deprecated/UTBarChart";import UTBreadcrumbs from"./components/UTBreadcrumbs";import UTButton from"./components/UTButton";import UTButtonGroup from"./components/UTButtonGroup";import UTCaptcha from"./components/UTCaptcha";import UTCard from"./deprecated/UTCard";import UTCarousel from"./components/UTCarousel";import UTCBUInput from"./components/UTCBUInput";import UTCheckbox from"./components/UTCheckbox";import UTCheckList from"./components/UTCheckList";import UTChip from"./components/UTChip";import UTConsumptionBar from"./components/UTConsumptionBar";import UTCreditCard from"./components/UTCreditCard";import UTCuit from"./components/UTCuit";import UTDataCategory from"./components/UTDataCategory";import UTDataElement from"./components/UTDataElement";import UTDatePicker from"./components/UTDatePicker";import UTDialog from"./deprecated/UTDialog";import UTDocumentWizard from"./components/UTDocumentWizard";import UTDotMenu from"./components/UTDotMenu";import UTEmojiPicker from"./components/UTEmojiPicker";import UTExternalLink from"./components/UTExternalLink";import UTFileInputContainer from"./components/UTFileInput";import UTShortcutPanel from"./components/UTShortcutPanel";import UTGoogleAutocomplete from"./components/UTGoogleAutocomplete";import UTGraph from"./components/UTGraph";import UTIcon from"./components/UTIcon";import UTIconButton from"./deprecated/UTIconButton";import UTImageRadio from"./components/UTImageRadio";import UTKpi from"./components/UTKpi";import UTLabel from"./components/UTLabel";import UTList from"./deprecated/UTList";import UTLoading from"./components/UTLoading";import UTMap from"./components/UTMap";import UTMenu from"./components/UTMenu";import UTModal from"./components/UTModal";import UTOnboarding from"./components/UTOnboarding";import UTPagination from"./components/UTPagination";import UTPanel from"./components/UTPanel";import UTPasswordField from"./components/UTPasswordField";import UTPhoneInput from"./components/UTPhoneInput";import UTPieChart from"./deprecated/UTPieChart";import UTPopper from"./components/UTPopper";import UTPopUp from"./components/UTPopUp";import UTProductItem from"./components/UTProductItem";import UTProgressBar from"./components/UTProgressBar";import UTRadioGroup from"./components/UTRadioGroup";import UTRatingContainer from"./components/UTRating";import UTSearchField from"./components/UTSearchField";import UTSelect from"./components/UTSelect";import UTSelectableCard from"./components/UTSelectableCard";import UTSidebar from"./components/UTSidebar";import UTSignature from"./components/UTSignature";import Skeleton from"./components/UTSkeleton";import UTSnackbar from"./components/UTSnackbar";import UTStatus from"./components/UTStatus";import UTStatusMessage from"./components/UTStatusMessage";import UTSwitch from"./components/UTSwitch";import UTTable from"./components/UTTable";import UTTabs from"./components/UTTabs";import UTTextArea from"./components/UTTextArea";import UTTextInput from"./components/UTTextInput";import UTThirdPartyCookieChecker from"./components/UTThirdPartyCookieChecker";import UTToggle from"./deprecated/UTToggle";import UTTooltip from"./components/UTTooltip";import UTTopbar from"./components/UTTopbar";import UTTouchableWithoutFeedback from"./components/UTTouchableWithoutFeedback";import UTTracker from"./components/UTTracker";import UTValidation from"./components/UTValidation";import UTVirtualizedList from"./components/UTVirtualizedList";import UTVirtualKeyboard from"./components/UTVirtualKeyboard";import UTWorkflowContainer from"./components/UTWorkflowContainer";import UTWrapperObservation from"./components/UTWrapperObservation";import WithLoading from"./components/WithLoading";import WithTouch from"./components/WithTouch";import stylesDeduplicationUtils from"./utils/stylesDeduplicationUtils";import useScrollBasedMenu from"./utils/hooks/use-scroll-based-menu";import useCSSVariables from"./utils/hooks/useCSSVariables";import UTCalendar from"./components/UTCalendar";import{buildTableExtensions,buildTableNode}from"./components/UTRichText/utils/contentBuilders";export{AttachmentContainer as UTAttachment};export{UTAutocomplete};export{UTBarChart};export{UTCard};export{UTDialog};export{UTIconButton};export{UTList};export{UTPieChart};export{UTToggle};export{AlertHandler,componentUtils,ThemeProvider as EnergyThemeProvider,keyboardUtils,stylesDeduplicationUtils,useCSSVariables,UTCalendar,UTActionCard,UTAlert,UTAttachmentList,UTAvatar,UTBadge,UTBanner,UTBreadcrumbs,UTButton,UTButtonGroup,UTCaptcha,UTCarousel,UTCBUInput,UTCheckbox,UTCheckList,UTChip,UTConsumptionBar,UTCreditCard,UTCuit,UTDataCategory,UTDataElement,UTDatePicker,UTDocumentWizard,UTDotMenu,UTEmojiPicker,UTExternalLink,UTFileInputContainer as UTFileInput,UTShortcutPanel,UTGoogleAutocomplete,UTGraph,UTIcon,UTImageRadio,UTKpi,UTLabel,UTLoading,UTMap,UTMenu,UTModal,UTOnboarding,UTPagination,UTPanel,UTPasswordField,UTPhoneInput,UTPopper,UTPopUp,UTProductItem,UTProgressBar,UTRadioGroup,UTRatingContainer as UTRating,UTSearchField,UTSelect,UTSelectableCard,UTSidebar,UTSignature,Skeleton as UTSkeleton,UTSnackbar,UTStatus,UTStatusMessage,UTSwitch,UTTable,UTTabs,UTTextArea,UTTextInput,UTThirdPartyCookieChecker,UTTooltip,UTTopbar,UTTouchableWithoutFeedback,UTTracker,UTValidation,UTVirtualizedList,UTVirtualKeyboard,UTWorkflowContainer,UTWrapperObservation,WithLoading,WithTouch,useScrollBasedMenu,buildTableExtensions,buildTableNode};export{generateHTML}from"@tiptap/html";
+import AlertHandler from"./components/UTAlert/AlertHandler";import componentUtils from"./utils/componentUtils";import ThemeProvider from"./components/EnergyThemeProvider";import keyboardUtils from"./utils/keyboardUtils";import UTActionCard from"./components/UTActionCard";import UTAlert from"./components/UTAlert";import UTAttachmentList from"./components/UTAttachmentList";import AttachmentContainer from"./deprecated/UTAttachment";import UTAutocomplete from"./deprecated/UTAutocomplete";import UTAvatar from"./components/UTAvatar";import UTBadge from"./components/UTBadge";import UTBanner from"./components/UTBanner";import UTBarChart from"./deprecated/UTBarChart";import UTBreadcrumbs from"./components/UTBreadcrumbs";import UTButton from"./components/UTButton";import UTButtonGroup from"./components/UTButtonGroup";import UTCaptcha from"./components/UTCaptcha";import UTCard from"./deprecated/UTCard";import UTCarousel from"./components/UTCarousel";import UTCBUInput from"./components/UTCBUInput";import UTCheckbox from"./components/UTCheckbox";import UTCheckList from"./components/UTCheckList";import UTChip from"./components/UTChip";import UTConsumptionBar from"./components/UTConsumptionBar";import UTCreditCard from"./components/UTCreditCard";import UTCuit from"./components/UTCuit";import UTDataCategory from"./components/UTDataCategory";import UTDataElement from"./components/UTDataElement";import UTDatePicker from"./components/UTDatePicker";import UTDialog from"./deprecated/UTDialog";import UTDocumentWizard from"./components/UTDocumentWizard";import UTDotMenu from"./components/UTDotMenu";import UTEmojiPicker from"./components/UTEmojiPicker";import UTExternalLink from"./components/UTExternalLink";import UTFileInputContainer from"./components/UTFileInput";import UTShortcutPanel from"./components/UTShortcutPanel";import UTGoogleAutocomplete from"./components/UTGoogleAutocomplete";import UTGraph from"./components/UTGraph";import UTIcon from"./components/UTIcon";import UTIconButton from"./deprecated/UTIconButton";import UTImageRadio from"./components/UTImageRadio";import UTKpi from"./components/UTKpi";import UTLabel from"./components/UTLabel";import UTList from"./deprecated/UTList";import UTLoading from"./components/UTLoading";import UTMap from"./components/UTMap";import UTMenu from"./components/UTMenu";import UTModal from"./components/UTModal";import UTOnboarding from"./components/UTOnboarding";import UTPagination from"./components/UTPagination";import UTPanel from"./components/UTPanel";import UTPasswordField from"./components/UTPasswordField";import UTPhoneInput from"./components/UTPhoneInput";import UTPieChart from"./deprecated/UTPieChart";import UTPopper from"./components/UTPopper";import UTPopUp from"./components/UTPopUp";import UTProductItem from"./components/UTProductItem";import UTProgressBar from"./components/UTProgressBar";import UTRadioGroup from"./components/UTRadioGroup";import UTRatingContainer from"./components/UTRating";import UTSearchField from"./components/UTSearchField";import UTSelect from"./components/UTSelect";import UTSelectableCard from"./components/UTSelectableCard";import UTSidebar from"./components/UTSidebar";import UTSignature from"./components/UTSignature";import Skeleton from"./components/UTSkeleton";import UTSnackbar from"./components/UTSnackbar";import UTStatus from"./components/UTStatus";import UTStatusMessage from"./components/UTStatusMessage";import UTSwitch from"./components/UTSwitch";import UTTable from"./components/UTTable";import UTTabs from"./components/UTTabs";import UTTextArea from"./components/UTTextArea";import UTTextInput from"./components/UTTextInput";import UTThirdPartyCookieChecker from"./components/UTThirdPartyCookieChecker";import UTToggle from"./deprecated/UTToggle";import UTTooltip from"./components/UTTooltip";import UTTopbar from"./components/UTTopbar";import UTTouchableWithoutFeedback from"./components/UTTouchableWithoutFeedback";import UTTracker from"./components/UTTracker";import UTValidation from"./components/UTValidation";import UTVirtualizedList from"./components/UTVirtualizedList";import UTVirtualKeyboard from"./components/UTVirtualKeyboard";import UTWorkflowContainer from"./components/UTWorkflowContainer";import UTWrapperObservation from"./components/UTWrapperObservation";import WithLoading from"./components/WithLoading";import WithTouch from"./components/WithTouch";import stylesDeduplicationUtils from"./utils/stylesDeduplicationUtils";import useScrollBasedMenu from"./utils/hooks/use-scroll-based-menu";import useCSSVariables from"./utils/hooks/useCSSVariables";import UTCalendar from"./components/UTCalendar";export{AttachmentContainer as UTAttachment};export{UTAutocomplete};export{UTBarChart};export{UTCard};export{UTDialog};export{UTIconButton};export{UTList};export{UTPieChart};export{UTToggle};export{AlertHandler,componentUtils,ThemeProvider as EnergyThemeProvider,keyboardUtils,stylesDeduplicationUtils,useCSSVariables,UTCalendar,UTActionCard,UTAlert,UTAttachmentList,UTAvatar,UTBadge,UTBanner,UTBreadcrumbs,UTButton,UTButtonGroup,UTCaptcha,UTCarousel,UTCBUInput,UTCheckbox,UTCheckList,UTChip,UTConsumptionBar,UTCreditCard,UTCuit,UTDataCategory,UTDataElement,UTDatePicker,UTDocumentWizard,UTDotMenu,UTEmojiPicker,UTExternalLink,UTFileInputContainer as UTFileInput,UTShortcutPanel,UTGoogleAutocomplete,UTGraph,UTIcon,UTImageRadio,UTKpi,UTLabel,UTLoading,UTMap,UTMenu,UTModal,UTOnboarding,UTPagination,UTPanel,UTPasswordField,UTPhoneInput,UTPopper,UTPopUp,UTProductItem,UTProgressBar,UTRadioGroup,UTRatingContainer as UTRating,UTSearchField,UTSelect,UTSelectableCard,UTSidebar,UTSignature,Skeleton as UTSkeleton,UTSnackbar,UTStatus,UTStatusMessage,UTSwitch,UTTable,UTTabs,UTTextArea,UTTextInput,UTThirdPartyCookieChecker,UTTooltip,UTTopbar,UTTouchableWithoutFeedback,UTTracker,UTValidation,UTVirtualizedList,UTVirtualKeyboard,UTWorkflowContainer,UTWrapperObservation,WithLoading,WithTouch,useScrollBasedMenu};

package/dist/esm/types/iconTypes.js

@@ -1 +1 @@
-import{bool,objectOf,shape,string,number,object}from"prop-types";export const iconPropTypes=shape({area:bool,classes:objectOf(string),className:string,color:string,colorTheme:string,dataTestId:string,fillShade:string,fillTheme:string,name:string,shade:string,size:number,theme:object,variant:string});
+import{bool,objectOf,oneOfType,shape,string,number,object}from"prop-types";export const iconPropTypes=shape({area:bool,areaBackground:string,areaBorderColor:string,areaRadius:oneOfType([number,string]),areaSize:number,classes:objectOf(string),className:string,color:string,colorTheme:string,dataTestId:string,fillShade:string,fillTheme:string,name:string,shade:string,size:number,theme:object,variant:string});

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

@@ -1 +1 @@
-export default{base:{cold:{"color-base-grayscale-100":"#F4F5F7","color-base-grayscale-100-alpha":"rgba(137, 147, 164, 0.1)","color-base-grayscale-200":"#EBECF0","color-base-grayscale-200-alpha":"rgba(137, 147, 164, 0.2)","color-base-grayscale-300":"#C1C7D0","color-base-grayscale-300-alpha":"rgba(137, 147, 164, 0.3)","color-base-grayscale-400":"#A5ADBA","color-base-grayscale-400-alpha":"rgba(137, 147, 164, 0.4)","color-base-grayscale-500":"#8993A4","color-base-grayscale-500-alpha":"rgba(137, 147, 164, 0.5)","color-base-grayscale-600":"#6B778C","color-base-grayscale-700":"#505F79","color-base-grayscale-800":"#253858","color-base-grayscale-900":"#091E42","color-base-green-100":"#E3FCEF","color-base-green-100-alpha":"rgba(54, 179, 126, 0.1)","color-base-green-200":"#ABF5D1","color-base-green-200-alpha":"rgba(54, 179, 126, 0.2)","color-base-green-300":"#79F2C0","color-base-green-300-alpha":"rgba(54, 179, 126, 0.3)","color-base-green-400":"#57D9A3","color-base-green-400-alpha":"rgba(54, 179, 126, 0.4)","color-base-green-500":"#36B37E","color-base-green-500-alpha":"rgba(54, 179, 126, 0.5)","color-base-green-600":"#00875A","color-base-green-700":"#006644","color-base-green-800":"#00543F","color-base-green-900":"#004232","color-base-red-100":"#FFE8EB","color-base-red-100-alpha":"rgba(211, 32, 48, 0.1)","color-base-red-200":"#FFBAC3","color-base-red-200-alpha":"rgba(211, 32, 48, 0.2)","color-base-red-300":"#FF8389","color-base-red-300-alpha":"rgba(211, 32, 48, 0.3)","color-base-red-400":"#E8384F","color-base-red-400-alpha":"rgba(211, 32, 48, 0.4)","color-base-red-500":"#D32030","color-base-red-500-alpha":"rgba(211, 32, 48, 0.5)","color-base-red-600":"#B91C2E","color-base-red-700":"#9E182A","color-base-red-800":"#851426","color-base-red-900":"#6D1022","color-base-yellow-100":"#FFF7E6","color-base-yellow-100-alpha":"rgba(242, 160, 0, 0.1)","color-base-yellow-200":"#FFF0B3","color-base-yellow-200-alpha":"rgba(242, 160, 0, 0.2)","color-base-yellow-300":"#FFE380","color-base-yellow-300-alpha":"rgba(242, 160, 0, 0.3)","color-base-yellow-400":"#FFBB33","color-base-yellow-400-alpha":"rgba(242, 160, 0, 0.4)","color-base-yellow-500":"#F2A000","color-base-yellow-500-alpha":"rgba(242, 160, 0, 0.5)","color-base-yellow-600":"#D98C00","color-base-yellow-700":"#8C6400","color-base-yellow-800":"#735200","color-base-yellow-900":"#5C4200","color-base-teal-100":"#E6FCFF","color-base-teal-100-alpha":"rgba(0, 184, 217, 0.1)","color-base-teal-200":"#B3F5FF","color-base-teal-200-alpha":"rgba(0, 184, 217, 0.2)","color-base-teal-300":"#79E2F2","color-base-teal-300-alpha":"rgba(0, 184, 217, 0.3)","color-base-teal-400":"#00C7E6","color-base-teal-400-alpha":"rgba(0, 184, 217, 0.4)","color-base-teal-500":"#00B8D9","color-base-teal-500-alpha":"rgba(0, 184, 217, 0.5)","color-base-teal-600":"#00A3BF","color-base-teal-700":"#008DA6","color-base-teal-800":"#00758C","color-base-teal-900":"#005E73"},warm:{"color-base-grayscale-100":"#F7F8F9","color-base-grayscale-100-alpha":"rgba(153, 157, 163, 0.1)","color-base-grayscale-200":"#F0F1F2","color-base-grayscale-200-alpha":"rgba(153, 157, 163, 0.2)","color-base-grayscale-300":"#D3D5D8","color-base-grayscale-300-alpha":"rgba(153, 157, 163, 0.3)","color-base-grayscale-400":"#B6B9BD","color-base-grayscale-400-alpha":"rgba(153, 157, 163, 0.4)","color-base-grayscale-500":"#999DA3","color-base-grayscale-500-alpha":"rgba(153, 157, 163, 0.5)","color-base-grayscale-600":"#7D8288","color-base-grayscale-700":"#5E6369","color-base-grayscale-800":"#42474D","color-base-grayscale-900":"#2A2E33","color-base-green-100":"#F0F7E6","color-base-green-100-alpha":"rgba(111, 168, 46, 0.1)","color-base-green-200":"#D4E8B8","color-base-green-200-alpha":"rgba(111, 168, 46, 0.2)","color-base-green-300":"#B5D68A","color-base-green-300-alpha":"rgba(111, 168, 46, 0.3)","color-base-green-400":"#8FBF5C","color-base-green-400-alpha":"rgba(111, 168, 46, 0.4)","color-base-green-500":"#6FA82E","color-base-green-500-alpha":"rgba(111, 168, 46, 0.5)","color-base-green-600":"#5C8F26","color-base-green-700":"#4A751F","color-base-green-800":"#3D6119","color-base-green-900":"#2F4D14","color-base-red-100":"#FFEBE6","color-base-red-100-alpha":"rgba(222, 53, 11, 0.1)","color-base-red-200":"#FFBDAD","color-base-red-200-alpha":"rgba(222, 53, 11, 0.2)","color-base-red-300":"#FF8F73","color-base-red-300-alpha":"rgba(222, 53, 11, 0.3)","color-base-red-400":"#FF5630","color-base-red-400-alpha":"rgba(222, 53, 11, 0.4)","color-base-red-500":"#DE350B","color-base-red-500-alpha":"rgba(222, 53, 11, 0.5)","color-base-red-600":"#BF2600","color-base-red-700":"#A41E00","color-base-red-800":"#8C1A00","color-base-red-900":"#701600","color-base-yellow-100":"#FFF0E6","color-base-yellow-100-alpha":"rgba(255, 138, 31, 0.1)","color-base-yellow-200":"#FFDBB3","color-base-yellow-200-alpha":"rgba(255, 138, 31, 0.2)","color-base-yellow-300":"#FFC280","color-base-yellow-300-alpha":"rgba(255, 138, 31, 0.3)","color-base-yellow-400":"#FFA34D","color-base-yellow-400-alpha":"rgba(255, 138, 31, 0.4)","color-base-yellow-500":"#FF8A1F","color-base-yellow-500-alpha":"rgba(255, 138, 31, 0.5)","color-base-yellow-600":"#E67300","color-base-yellow-700":"#BF5F00","color-base-yellow-800":"#994D00","color-base-yellow-900":"#733900","color-base-teal-100":"#E6F7F5","color-base-teal-100-alpha":"rgba(0, 168, 150, 0.1)","color-base-teal-200":"#B3E8E0","color-base-teal-200-alpha":"rgba(0, 168, 150, 0.2)","color-base-teal-300":"#79D6C8","color-base-teal-300-alpha":"rgba(0, 168, 150, 0.3)","color-base-teal-400":"#3EC1AD","color-base-teal-400-alpha":"rgba(0, 168, 150, 0.4)","color-base-teal-500":"#00A896","color-base-teal-500-alpha":"rgba(0, 168, 150, 0.5)","color-base-teal-600":"#00917F","color-base-teal-700":"#007A6A","color-base-teal-800":"#006657","color-base-teal-900":"#005244"},"color-base-purple-100":"#F8EEFE","color-base-purple-200":"#EED7FC","color-base-purple-300":"#D8A0F7","color-base-purple-400":"#C97CF4","color-base-purple-500":"#BF63F3","color-base-purple-600":"#AF59E1","color-base-purple-700":"#964AC0","color-base-purple-800":"#803FA5","color-base-purple-900":"#48245D","color-base-magenta-100":"#FFECF8","color-base-magenta-200":"#FDD0EC","color-base-magenta-300":"#F797D2","color-base-magenta-400":"#E774BB","color-base-magenta-500":"#DA62AC","color-base-magenta-600":"#CD519D","color-base-magenta-700":"#AE4787","color-base-magenta-800":"#943D73","color-base-magenta-900":"#50253F"},semantic:{},component:{}};
+export default{base:{cold:{"color-base-grayscale-100":"#F4F5F7","color-base-grayscale-100-alpha":"rgba(137, 147, 164, 0.1)","color-base-grayscale-200":"#EBECF0","color-base-grayscale-200-alpha":"rgba(137, 147, 164, 0.2)","color-base-grayscale-300":"#C1C7D0","color-base-grayscale-300-alpha":"rgba(137, 147, 164, 0.3)","color-base-grayscale-400":"#A5ADBA","color-base-grayscale-400-alpha":"rgba(137, 147, 164, 0.4)","color-base-grayscale-500":"#8993A4","color-base-grayscale-500-alpha":"rgba(137, 147, 164, 0.5)","color-base-grayscale-600":"#6B778C","color-base-grayscale-700":"#505F79","color-base-grayscale-800":"#253858","color-base-grayscale-900":"#091E42","color-base-green-100":"#E3FCEF","color-base-green-100-alpha":"rgba(54, 179, 126, 0.1)","color-base-green-200":"#ABF5D1","color-base-green-200-alpha":"rgba(54, 179, 126, 0.2)","color-base-green-300":"#79F2C0","color-base-green-300-alpha":"rgba(54, 179, 126, 0.3)","color-base-green-400":"#57D9A3","color-base-green-400-alpha":"rgba(54, 179, 126, 0.4)","color-base-green-500":"#36B37E","color-base-green-500-alpha":"rgba(54, 179, 126, 0.5)","color-base-green-600":"#00875A","color-base-green-700":"#006644","color-base-green-800":"#00543F","color-base-green-900":"#004232","color-base-red-100":"#FFE8EB","color-base-red-100-alpha":"rgba(211, 32, 48, 0.1)","color-base-red-200":"#FFBAC3","color-base-red-200-alpha":"rgba(211, 32, 48, 0.2)","color-base-red-300":"#FF8389","color-base-red-300-alpha":"rgba(211, 32, 48, 0.3)","color-base-red-400":"#E8384F","color-base-red-400-alpha":"rgba(211, 32, 48, 0.4)","color-base-red-500":"#D32030","color-base-red-500-alpha":"rgba(211, 32, 48, 0.5)","color-base-red-600":"#B91C2E","color-base-red-700":"#9E182A","color-base-red-800":"#851426","color-base-red-900":"#6D1022","color-base-yellow-100":"#FFF7E6","color-base-yellow-100-alpha":"rgba(242, 160, 0, 0.1)","color-base-yellow-200":"#FFF0B3","color-base-yellow-200-alpha":"rgba(242, 160, 0, 0.2)","color-base-yellow-300":"#FFE380","color-base-yellow-300-alpha":"rgba(242, 160, 0, 0.3)","color-base-yellow-400":"#FFBB33","color-base-yellow-400-alpha":"rgba(242, 160, 0, 0.4)","color-base-yellow-500":"#F2A000","color-base-yellow-500-alpha":"rgba(242, 160, 0, 0.5)","color-base-yellow-600":"#D98C00","color-base-yellow-700":"#8C6400","color-base-yellow-800":"#735200","color-base-yellow-900":"#5C4200","color-base-teal-100":"#E6FCFF","color-base-teal-100-alpha":"rgba(0, 184, 217, 0.1)","color-base-teal-200":"#B3F5FF","color-base-teal-200-alpha":"rgba(0, 184, 217, 0.2)","color-base-teal-300":"#79E2F2","color-base-teal-300-alpha":"rgba(0, 184, 217, 0.3)","color-base-teal-400":"#00C7E6","color-base-teal-400-alpha":"rgba(0, 184, 217, 0.4)","color-base-teal-500":"#00B8D9","color-base-teal-500-alpha":"rgba(0, 184, 217, 0.5)","color-base-teal-600":"#00A3BF","color-base-teal-700":"#008DA6","color-base-teal-800":"#00758C","color-base-teal-900":"#005E73"},warm:{"color-base-grayscale-100":"#F7F8F9","color-base-grayscale-100-alpha":"rgba(153, 157, 163, 0.1)","color-base-grayscale-200":"#F0F1F2","color-base-grayscale-200-alpha":"rgba(153, 157, 163, 0.2)","color-base-grayscale-300":"#D3D5D8","color-base-grayscale-300-alpha":"rgba(153, 157, 163, 0.3)","color-base-grayscale-400":"#B6B9BD","color-base-grayscale-400-alpha":"rgba(153, 157, 163, 0.4)","color-base-grayscale-500":"#999DA3","color-base-grayscale-500-alpha":"rgba(153, 157, 163, 0.5)","color-base-grayscale-600":"#7D8288","color-base-grayscale-700":"#5E6369","color-base-grayscale-800":"#42474D","color-base-grayscale-900":"#2A2E33","color-base-green-100":"#F0F7E6","color-base-green-100-alpha":"rgba(111, 168, 46, 0.1)","color-base-green-200":"#D4E8B8","color-base-green-200-alpha":"rgba(111, 168, 46, 0.2)","color-base-green-300":"#B5D68A","color-base-green-300-alpha":"rgba(111, 168, 46, 0.3)","color-base-green-400":"#8FBF5C","color-base-green-400-alpha":"rgba(111, 168, 46, 0.4)","color-base-green-500":"#6FA82E","color-base-green-500-alpha":"rgba(111, 168, 46, 0.5)","color-base-green-600":"#5C8F26","color-base-green-700":"#4A751F","color-base-green-800":"#3D6119","color-base-green-900":"#2F4D14","color-base-red-100":"#FFEBE6","color-base-red-100-alpha":"rgba(222, 53, 11, 0.1)","color-base-red-200":"#FFBDAD","color-base-red-200-alpha":"rgba(222, 53, 11, 0.2)","color-base-red-300":"#FF8F73","color-base-red-300-alpha":"rgba(222, 53, 11, 0.3)","color-base-red-400":"#FF5630","color-base-red-400-alpha":"rgba(222, 53, 11, 0.4)","color-base-red-500":"#DE350B","color-base-red-500-alpha":"rgba(222, 53, 11, 0.5)","color-base-red-600":"#BF2600","color-base-red-700":"#A41E00","color-base-red-800":"#8C1A00","color-base-red-900":"#701600","color-base-yellow-100":"#FFF0E6","color-base-yellow-100-alpha":"rgba(255, 138, 31, 0.1)","color-base-yellow-200":"#FFDBB3","color-base-yellow-200-alpha":"rgba(255, 138, 31, 0.2)","color-base-yellow-300":"#FFC280","color-base-yellow-300-alpha":"rgba(255, 138, 31, 0.3)","color-base-yellow-400":"#FFA34D","color-base-yellow-400-alpha":"rgba(255, 138, 31, 0.4)","color-base-yellow-500":"#FF8A1F","color-base-yellow-500-alpha":"rgba(255, 138, 31, 0.5)","color-base-yellow-600":"#E67300","color-base-yellow-700":"#BF5F00","color-base-yellow-800":"#994D00","color-base-yellow-900":"#733900","color-base-teal-100":"#E6F7F5","color-base-teal-100-alpha":"rgba(0, 168, 150, 0.1)","color-base-teal-200":"#B3E8E0","color-base-teal-200-alpha":"rgba(0, 168, 150, 0.2)","color-base-teal-300":"#79D6C8","color-base-teal-300-alpha":"rgba(0, 168, 150, 0.3)","color-base-teal-400":"#3EC1AD","color-base-teal-400-alpha":"rgba(0, 168, 150, 0.4)","color-base-teal-500":"#00A896","color-base-teal-500-alpha":"rgba(0, 168, 150, 0.5)","color-base-teal-600":"#00917F","color-base-teal-700":"#007A6A","color-base-teal-800":"#006657","color-base-teal-900":"#005244"},"color-base-purple-100":"#F8EEFE","color-base-purple-200":"#EED7FC","color-base-purple-300":"#D8A0F7","color-base-purple-400":"#C97CF4","color-base-purple-500":"#BF63F3","color-base-purple-600":"#AF59E1","color-base-purple-700":"#964AC0","color-base-purple-800":"#803FA5","color-base-purple-900":"#48245D","color-base-magenta-100":"#FFECF8","color-base-magenta-200":"#FDD0EC","color-base-magenta-300":"#F797D2","color-base-magenta-400":"#E774BB","color-base-magenta-500":"#DA62AC","color-base-magenta-600":"#CD519D","color-base-magenta-700":"#AE4787","color-base-magenta-800":"#943D73","color-base-magenta-900":"#50253F",initial:"initial"},semantic:{},component:{"UT-workflowContainer-background":"transparent","UT-workflowContainer-formContainer-background":"initial","UT-workflowContainer-formContainer-border":"initial","UT-workflowContainer-footer-border":"initial","UT-datepicker-header-day-color":"initial","UT-datepicker-day-selected-bg":"initial","UT-statusMessage-area-background":"initial","UT-statusMessage-area-border":"initial"}};