@widergy/energy-ui 3.180.0 → 3.180.2

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [3.180.2](https://github.com/widergy/energy-ui/compare/v3.180.1...v3.180.2) (2026-08-25)
+
+
+### Bug Fixes
+
+* [WDS-11] fix:  icon sizes in button, base input and attachment ([#847](https://github.com/widergy/energy-ui/issues/847)) ([ba59f84](https://github.com/widergy/energy-ui/commit/ba59f8473de874627ac29d6b9ca5d8d50eb5851d))
+
+## [3.180.1](https://github.com/widergy/energy-ui/compare/v3.180.0...v3.180.1) (2026-08-25)
+
+
+### Bug Fixes
+
+* [OUG] loding color fix ([#852](https://github.com/widergy/energy-ui/issues/852)) ([562cc2f](https://github.com/widergy/energy-ui/commit/562cc2f8f01de42606db78d238ab1e8b527904b6))
+* box sizing in step container ([#851](https://github.com/widergy/energy-ui/issues/851)) ([857feb3](https://github.com/widergy/energy-ui/commit/857feb38f0a6854c28ce258ca3e92672e882d60a))
+
 # [3.180.0](https://github.com/widergy/energy-ui/compare/v3.179.6...v3.180.0) (2026-08-24)
 
 

package/dist/components/UTAttachmentList/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.previewPropType=exports.UPLOAD_ICON_SIZE=exports.UPLOAD_ICON_AREA_SIZE=exports.UPLOAD_ICON_AREA_RADIUS=exports.SIZE_ERROR_TEXT=exports.PREVIEW_TYPES=exports.MB_LABEL=exports.MAX_SIZE_FILE_LABEL=exports.MAX_FILES_ERROR=exports.INDICATIONS=exports.ICON_SIZE=exports.FORMAT_FILE_LABEL=exports.FORMAT_ERROR_TEXT=exports.FILE_NOT_FOUND_ERROR_TEXT=exports.DEFAULT_UPLOADING_TEXT=exports.DEFAULT_MAX_FILES=exports.DEFAULT_ATTACHMENT_NAME=exports.ASPECT_RATIO_ERROR_TEXT=void 0;var _propTypes=require("prop-types");const FORMAT_ERROR_TEXT=exports.FORMAT_ERROR_TEXT="El formato no es compatible",SIZE_ERROR_TEXT=exports.SIZE_ERROR_TEXT="El archivo supera los ",ASPECT_RATIO_ERROR_TEXT=exports.ASPECT_RATIO_ERROR_TEXT="El formato de archivo es inválido. (Válidos:",FILE_NOT_FOUND_ERROR_TEXT=exports.FILE_NOT_FOUND_ERROR_TEXT="Hubo un error al cargar el archivo",DEFAULT_UPLOADING_TEXT=exports.DEFAULT_UPLOADING_TEXT="Cargando...",DEFAULT_ATTACHMENT_NAME=exports.DEFAULT_ATTACHMENT_NAME="Adjunto",FORMAT_FILE_LABEL=exports.FORMAT_FILE_LABEL="Debe tener formato: ",MAX_SIZE_FILE_LABEL=exports.MAX_SIZE_FILE_LABEL="No debe superar los ",INDICATIONS=exports.INDICATIONS="Arrastra y suelta o sube un archivo",MB_LABEL=exports.MB_LABEL="MB",MAX_FILES_ERROR=exports.MAX_FILES_ERROR="Se ha excedido el límite máximo de archivos permitidos ",DEFAULT_MAX_FILES=exports.DEFAULT_MAX_FILES=1,ICON_SIZE=exports.ICON_SIZE=32,UPLOAD_ICON_SIZE=exports.UPLOAD_ICON_SIZE=24,UPLOAD_ICON_AREA_SIZE=exports.UPLOAD_ICON_AREA_SIZE=48,UPLOAD_ICON_AREA_RADIUS=exports.UPLOAD_ICON_AREA_RADIUS="var(--UT-attachmentList-icon-area-radius, 8px)",PREVIEW_TYPES=exports.PREVIEW_TYPES={ERROR:"error",LOADING:"loading"},previewPropType=exports.previewPropType=(0,_propTypes.shape)({audio:_propTypes.object,image:_propTypes.object,video:_propTypes.object});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.previewPropType=exports.UPLOAD_ICON_SIZE=exports.UPLOAD_ICON_AREA_SIZE=exports.UPLOAD_ICON_AREA_RADIUS=exports.UPLOAD_FILE=exports.SIZE_ERROR_TEXT=exports.PREVIEW_TYPES=exports.MB_LABEL=exports.MAX_SIZE_FILE_LABEL=exports.MAX_FILES_ERROR=exports.INDICATIONS=exports.ICON_SIZE=exports.FORMAT_FILE_LABEL=exports.FORMAT_ERROR_TEXT=exports.FILE_NOT_FOUND_ERROR_TEXT=exports.DEFAULT_UPLOADING_TEXT=exports.DEFAULT_MAX_FILES=exports.DEFAULT_ATTACHMENT_NAME=exports.ASPECT_RATIO_ERROR_TEXT=void 0;var _propTypes=require("prop-types");const FORMAT_ERROR_TEXT=exports.FORMAT_ERROR_TEXT="El formato no es compatible",SIZE_ERROR_TEXT=exports.SIZE_ERROR_TEXT="El archivo supera los ",ASPECT_RATIO_ERROR_TEXT=exports.ASPECT_RATIO_ERROR_TEXT="El formato de archivo es inválido. (Válidos:",FILE_NOT_FOUND_ERROR_TEXT=exports.FILE_NOT_FOUND_ERROR_TEXT="Hubo un error al cargar el archivo",DEFAULT_UPLOADING_TEXT=exports.DEFAULT_UPLOADING_TEXT="Cargando...",DEFAULT_ATTACHMENT_NAME=exports.DEFAULT_ATTACHMENT_NAME="Adjunto",FORMAT_FILE_LABEL=exports.FORMAT_FILE_LABEL="Debe tener formato: ",MAX_SIZE_FILE_LABEL=exports.MAX_SIZE_FILE_LABEL="No debe superar los ",INDICATIONS=exports.INDICATIONS="Arrastra y suelta o sube un archivo",MB_LABEL=exports.MB_LABEL="MB",UPLOAD_FILE=exports.UPLOAD_FILE="Subir archivo",MAX_FILES_ERROR=exports.MAX_FILES_ERROR="Se ha excedido el límite máximo de archivos permitidos ",DEFAULT_MAX_FILES=exports.DEFAULT_MAX_FILES=1,ICON_SIZE=exports.ICON_SIZE=32,UPLOAD_ICON_SIZE=exports.UPLOAD_ICON_SIZE=24,UPLOAD_ICON_AREA_SIZE=exports.UPLOAD_ICON_AREA_SIZE=48,UPLOAD_ICON_AREA_RADIUS=exports.UPLOAD_ICON_AREA_RADIUS="var(--UT-attachmentList-icon-area-radius, 8px)",PREVIEW_TYPES=exports.PREVIEW_TYPES={ERROR:"error",LOADING:"loading"},previewPropType=exports.previewPropType=(0,_propTypes.shape)({audio:_propTypes.object,image:_propTypes.object,video:_propTypes.object});

package/dist/components/UTAttachmentList/layout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_files=require("@widergy/web-utils/lib/constants/files"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_downloadjs=_interopRequireDefault(require("downloadjs")),_buttonTypes=require("../../types/buttonTypes"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTFieldLabel=_interopRequireDefault(require("../UTFieldLabel")),_UTValidation=_interopRequireDefault(require("../UTValidation")),_utils=require("../UTValidation/utils"),_constants=require("./constants"),_Preview=_interopRequireDefault(require("./components/Preview")),_utils2=require("./utils"),_PreviewModal=_interopRequireDefault(require("./components/PreviewModal")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(n,t,o):n[t]=e[t]);return n})(e,t)}const AttachmentList=e=>{var t;let{actions:a,acceptedFileTypes:r,areaBackground:l,areaBorderColor:o,classes:n,dataTestId:s,deleteDataTestId:i,disabled:c,error:u,errorClassname:d,errorText:p,field:_,fieldTypes:f=[],fileInputRef:T,helpText:m,hideLabels:y,maxFiles:E,maxFileSize:v,onChange:I,preview:b,previewDataTestId:g,readOnly:L,RemoveIcon:U,titleVariant:w}=e;const M=((null==_||null===(t=_.configuration)||void 0===t?void 0:t.ignore_title)||y)&&(null==_?void 0:_.title),q=r||f.map(e=>_files.inputFiles[e].inputType).join(),O=U||"IconTrash",h=(0,_isEmpty.default)(b),R=b.length<E,[C,D]=(0,_react.useState)(!1),[P,N]=(0,_react.useState)(null),[A,F]=(0,_react.useState)(!1),x=e=>{N(e),D(!0)};return _react.default.createElement(_react.default.Fragment,null,M&&_react.default.createElement("div",{className:_stylesModule.default.upperTitleContainer},_react.default.createElement(_UTFieldLabel.default,{actions:a,readOnly:_.read_only,size:w,required:_.required},null==_?void 0:_.title)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(n.container," ").concat(u&&n.errorContainer," ").concat(L&&n.readOnlyContainer),onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1)},!h&&b.map(e=>_react.default.createElement("div",{className:"".concat(_stylesModule.default.previewContainer," ").concat(n.previewContainer),"data-testid":g},e.type===_constants.PREVIEW_TYPES.LOADING?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_UTIcon.default,{name:"IconLoader",className:_stylesModule.default.loaderIcon,size:_constants.ICON_SIZE,colorTheme:"accent"}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.loadingText,colorTheme:"gray",variant:"small"},_constants.DEFAULT_UPLOADING_TEXT),_react.default.createElement("div",null)):e.type===_constants.PREVIEW_TYPES.ERROR?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_UTIcon.default,{name:"IconX",colorTheme:"error",size:_constants.ICON_SIZE}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorText,colorTheme:"error",variant:"small"},_constants.FILE_NOT_FOUND_ERROR_TEXT),_react.default.createElement("div",null)):_react.default.createElement(_react.default.Fragment,null,e.src?_react.default.createElement(_Preview.default,{classes:n,openPreviewModal:x,preview:e,previewProps:b.previewProps}):_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent",size:_constants.ICON_SIZE}),_react.default.createElement("div",{className:_stylesModule.default.fileContainer},_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},e.name),_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},e.size,_constants.MB_LABEL)),((0,_utils2.isAudio)(e)||(0,_utils2.isVideo)(e))&&_react.default.createElement(_UTButton.default,{disabled:c,Icon:"IconPlayerPlay",onClick:()=>{N(e),D(!0)},size:"small",variant:"text"}),((0,_utils2.isDownloadable)(e)||L&&(0,_utils2.isImage)(e))&&e.src&&_react.default.createElement(_UTButton.default,{Icon:"IconDownload",onClick:()=>(0,_downloadjs.default)(e.src,e.name,e.type),size:"small",variant:"text"}),!L&&_react.default.createElement(_UTButton.default,{dataTestId:i,disabled:c,Icon:O,onClick:e.onClick,size:"small",variant:"text"})))),!L&&h&&_react.default.createElement(_UTIcon.default,{area:!0,areaBackground:l,areaBorderColor:o,areaRadius:_constants.UPLOAD_ICON_AREA_RADIUS,areaSize:_constants.UPLOAD_ICON_AREA_SIZE,className:"".concat(_stylesModule.default.filesIcon," ").concat(n.filesIcon),colorTheme:A?"accent":"gray",name:"IconCloudUpload",shade:A?"03":void 0,size:_constants.UPLOAD_ICON_SIZE}),!L&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.labelAndInputContainer," ").concat(!h&&_stylesModule.default.positionRelative)},h&&_react.default.createElement(_UTLabel.default,{colorTheme:A?"accent":void 0,shade:A?"05":void 0,variant:"body"},_constants.INDICATIONS),R&&_react.default.createElement("input",{className:_stylesModule.default.input,"data-testid":s,accept:q,ref:T,type:"file",onChange:I,disabled:c,multiple:!0})),!L&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",className:_stylesModule.default.aclaration},"".concat(_constants.FORMAT_FILE_LABEL).concat((0,_utils2.getAvailableFileTypesLabel)(q),".")," ",_react.default.createElement("br",null),"".concat(_constants.MAX_SIZE_FILE_LABEL).concat(v,"MB"))),m&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.helpText,colorTheme:"gray",variant:"small"},m),u&&_react.default.createElement(_UTValidation.default,{className:"".concat(_stylesModule.default.errorMessage," ").concat(d||""),validationData:(0,_utils.formatErrorToValidation)(p)}),C&&_react.default.createElement(_PreviewModal.default,{preview:P,previewProps:b.previewProps,previewModalIsOpen:C,closePreviewModal:()=>D(!1)}))};AttachmentList.propTypes={acceptedFileTypes:_propTypes.string,actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),areaBackground:_propTypes.string,areaBorderColor:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,deleteDataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.bool,errorClassname:_propTypes.string,errorText:_propTypes.string,field:_propTypes.object,fieldTypes:(0,_propTypes.arrayOf)(_propTypes.string),fileInputRef:(0,_propTypes.objectOf)((0,_propTypes.shape)({current:(0,_propTypes.instanceOf)(Element)})),helpText:_propTypes.string,hideLabels:_propTypes.bool,maxFileSize:_propTypes.number,maxFiles:_propTypes.number,onChange:_propTypes.func,preview:(0,_propTypes.arrayOf)((0,_propTypes.shape)({src:_propTypes.string,type:_propTypes.string})),previewDataTestId:_propTypes.string,previewProps:_constants.previewPropType,readOnly:_propTypes.bool,RemoveIcon:_propTypes.elementType,titleVariant:_propTypes.string};var _default=exports.default=AttachmentList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_files=require("@widergy/web-utils/lib/constants/files"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_downloadjs=_interopRequireDefault(require("downloadjs")),_buttonTypes=require("../../types/buttonTypes"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTFieldLabel=_interopRequireDefault(require("../UTFieldLabel")),_UTValidation=_interopRequireDefault(require("../UTValidation")),_utils=require("../UTValidation/utils"),_constants=require("./constants"),_Preview=_interopRequireDefault(require("./components/Preview")),_utils2=require("./utils"),_PreviewModal=_interopRequireDefault(require("./components/PreviewModal")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?l(n,t,o):n[t]=e[t]);return n})(e,t)}const AttachmentList=e=>{var t;let{actions:a,acceptedFileTypes:r,areaBackground:l,areaBorderColor:o,classes:n,dataTestId:s,deleteDataTestId:i,disabled:c,error:u,errorClassname:d,errorText:p,field:_,fieldTypes:f=[],fileInputRef:T,helpText:m,hideLabels:y,maxFiles:E,maxFileSize:v,onChange:I,preview:b,previewDataTestId:g,readOnly:U,RemoveIcon:L,titleVariant:w}=e;const M=((null==_||null===(t=_.configuration)||void 0===t?void 0:t.ignore_title)||y)&&(null==_?void 0:_.title),O=r||f.map(e=>_files.inputFiles[e].inputType).join(),h=L||"IconTrash",q=(0,_isEmpty.default)(b),R=b.length<E,[D,P]=(0,_react.useState)(!1),[C,N]=(0,_react.useState)(null),[A,F]=(0,_react.useState)(!1),B=e=>{N(e),P(!0)};return _react.default.createElement(_react.default.Fragment,null,M&&_react.default.createElement("div",{className:_stylesModule.default.upperTitleContainer},_react.default.createElement(_UTFieldLabel.default,{actions:a,readOnly:_.read_only,size:w,required:_.required},null==_?void 0:_.title)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(n.container," ").concat(u&&n.errorContainer," ").concat(U&&n.readOnlyContainer),onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1)},!q&&_react.default.createElement("div",{className:_stylesModule.default.previewsGroup},b.map(e=>_react.default.createElement("div",{className:"".concat(_stylesModule.default.previewContainer," ").concat(n.previewContainer),"data-testid":g},e.type===_constants.PREVIEW_TYPES.LOADING?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_UTIcon.default,{name:"IconLoader",className:_stylesModule.default.loaderIcon,size:_constants.ICON_SIZE,colorTheme:"accent"}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.loadingText,colorTheme:"gray",variant:"small"},_constants.DEFAULT_UPLOADING_TEXT),_react.default.createElement("div",null)):e.type===_constants.PREVIEW_TYPES.ERROR?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_UTIcon.default,{name:"IconX",colorTheme:"error",size:_constants.ICON_SIZE}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorText,colorTheme:"error",variant:"small"},_constants.FILE_NOT_FOUND_ERROR_TEXT),_react.default.createElement("div",null)):_react.default.createElement(_react.default.Fragment,null,e.src?_react.default.createElement(_Preview.default,{classes:n,openPreviewModal:B,preview:e,previewProps:b.previewProps}):_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent",size:_constants.ICON_SIZE}),_react.default.createElement("div",{className:_stylesModule.default.fileContainer},_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},e.name),_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},e.size,_constants.MB_LABEL)),((0,_utils2.isAudio)(e)||(0,_utils2.isVideo)(e))&&_react.default.createElement(_UTButton.default,{disabled:c,Icon:"IconPlayerPlay",onClick:()=>{N(e),P(!0)},size:"small",variant:"text"}),((0,_utils2.isDownloadable)(e)||U&&(0,_utils2.isImage)(e))&&e.src&&_react.default.createElement(_UTButton.default,{Icon:"IconDownload",onClick:()=>(0,_downloadjs.default)(e.src,e.name,e.type),size:"small",variant:"text"}),!U&&_react.default.createElement(_UTButton.default,{dataTestId:i,disabled:c,Icon:h,onClick:e.onClick,size:"small",variant:"text"}))))),!U&&q&&_react.default.createElement(_UTIcon.default,{area:!0,areaBackground:l,areaBorderColor:o,areaRadius:_constants.UPLOAD_ICON_AREA_RADIUS,areaSize:_constants.UPLOAD_ICON_AREA_SIZE,className:"".concat(_stylesModule.default.filesIcon," ").concat(n.filesIcon),colorTheme:A?"accent":"gray",name:"IconCloudUpload",shade:A?"03":void 0,size:_constants.UPLOAD_ICON_SIZE}),!U&&(q||R)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.labelAndInputContainer," ").concat(!q&&_stylesModule.default.positionRelative)},_react.default.createElement("input",{className:_stylesModule.default.input,"data-testid":s,accept:O,ref:T,type:"file",onChange:I,disabled:c,multiple:!0}),q?_react.default.createElement(_UTLabel.default,{colorTheme:A?"accent":void 0,shade:A?"05":void 0,variant:"body"},_constants.INDICATIONS):_react.default.createElement(_UTButton.default,{classNames:{root:_stylesModule.default.uploadButtonRoot},colorTheme:"secondary",disabled:c,Icon:"IconUpload",size:"large",variant:"outlined"},_constants.UPLOAD_FILE)),!U&&_react.default.createElement(_UTLabel.default,{align:"center",colorTheme:"gray",variant:"small"},"".concat(_constants.FORMAT_FILE_LABEL).concat((0,_utils2.getAvailableFileTypesLabel)(O),".")," ",_react.default.createElement("br",null),"".concat(_constants.MAX_SIZE_FILE_LABEL).concat(v,"MB"))),m&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.helpText,colorTheme:"gray",variant:"small"},m),u&&_react.default.createElement(_UTValidation.default,{className:"".concat(_stylesModule.default.errorMessage," ").concat(d||""),validationData:(0,_utils.formatErrorToValidation)(p)}),D&&_react.default.createElement(_PreviewModal.default,{preview:C,previewProps:b.previewProps,previewModalIsOpen:D,closePreviewModal:()=>P(!1)}))};AttachmentList.propTypes={acceptedFileTypes:_propTypes.string,actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),areaBackground:_propTypes.string,areaBorderColor:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,deleteDataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.bool,errorClassname:_propTypes.string,errorText:_propTypes.string,field:_propTypes.object,fieldTypes:(0,_propTypes.arrayOf)(_propTypes.string),fileInputRef:(0,_propTypes.objectOf)((0,_propTypes.shape)({current:(0,_propTypes.instanceOf)(Element)})),helpText:_propTypes.string,hideLabels:_propTypes.bool,maxFileSize:_propTypes.number,maxFiles:_propTypes.number,onChange:_propTypes.func,preview:(0,_propTypes.arrayOf)((0,_propTypes.shape)({src:_propTypes.string,type:_propTypes.string})),previewDataTestId:_propTypes.string,previewProps:_constants.previewPropType,readOnly:_propTypes.bool,RemoveIcon:_propTypes.elementType,titleVariant:_propTypes.string};var _default=exports.default=AttachmentList;

package/dist/components/UTAttachmentList/styles.module.scss

@@ -35,10 +35,23 @@
   right: 0;
   text-align: right;
   top: 0;
+  z-index: 5;
+
+  &:hover ~ .uploadButtonRoot {
+    background-color: var(--actionNeutral01);
+  }
+
+  &:active ~ .uploadButtonRoot {
+    background-color: var(--actionNeutral02);
+  }
 }
 
-.aclaration {
-  text-align: center;
+.previewsGroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--UT-attachmentList-gap-sm, 8px);
+  grid-gap: var(--UT-attachmentList-gap-sm, 8px);
+  width: 100%;
 }
 
 .previewContainer {

package/dist/components/UTBaseInputField/components/IconAdornment/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICON_SIZE_CSS_VAR=exports.ICON_SIZE=exports.ERROR_ICON=void 0;const ERROR_ICON=exports.ERROR_ICON="IconAlertCircle",ICON_SIZE=exports.ICON_SIZE=16,ICON_SIZE_CSS_VAR=exports.ICON_SIZE_CSS_VAR="var(--UT-baseInput-adornment-size, 16px)";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ERROR_ICON=void 0;const ERROR_ICON=exports.ERROR_ICON="IconAlertCircle";

package/dist/components/UTBaseInputField/components/IconAdornment/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_componentUtils=require("../../../../utils/componentUtils"),_constants=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const IconAdornment=e=>{var o;let{changeIconOnError:r=!0,changeOnError:n,changeOnFocus:t,colorTheme:s,error:p,focused:_,Icon:l,inputStyle:c,shade:a,showOnlyOnError:u}=e;const i=u||n;if(u&&!p)return null;const d=p&&r?_constants.ERROR_ICON:l;return d?(0,_componentUtils.isUTIcon)(d)?_react.default.createElement(_UTIcon.default,_extends({name:d,size:_constants.ICON_SIZE_CSS_VAR},(0,_utils.getIconColorProps)(i,t,s,p,_,a))):_react.default.createElement(l,{fill:null==c||null===(o=c.root)||void 0===o?void 0:o.color,size:_constants.ICON_SIZE,style:{fontSize:_constants.ICON_SIZE_CSS_VAR,height:_constants.ICON_SIZE_CSS_VAR,width:_constants.ICON_SIZE_CSS_VAR}}):null};IconAdornment.propTypes={changeIconOnError:_propTypes.bool,changeOnError:_propTypes.bool,changeOnFocus:_propTypes.bool,colorTheme:_propTypes.string,error:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string]),focused:_propTypes.bool,Icon:_propTypes.elementType,inputStyle:(0,_propTypes.shape)({root:_propTypes.object}),shade:_propTypes.string,showOnlyOnError:_propTypes.bool};var _default=exports.default=IconAdornment;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_componentUtils=require("../../../../utils/componentUtils"),_constants=require("../../constants"),_constants2=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const IconAdornment=e=>{var o;let{changeIconOnError:r=!0,changeOnError:n,changeOnFocus:t,colorTheme:s,error:p,focused:_,Icon:c,inputStyle:l,shade:a,showOnlyOnError:u}=e;const i=u||n;if(u&&!p)return null;const T=p&&r?_constants2.ERROR_ICON:c;return T?(0,_componentUtils.isUTIcon)(T)?_react.default.createElement(_UTIcon.default,_extends({name:T,size:_constants.ADORNMENT_ICON_SIZE_CSS_VAR},(0,_utils.getIconColorProps)(i,t,s,p,_,a))):_react.default.createElement(c,{fill:null==l||null===(o=l.root)||void 0===o?void 0:o.color,size:_constants.ADORNMENT_ICON_SIZE,style:{fontSize:_constants.ADORNMENT_ICON_SIZE_CSS_VAR,height:_constants.ADORNMENT_ICON_SIZE_CSS_VAR,width:_constants.ADORNMENT_ICON_SIZE_CSS_VAR}}):null};IconAdornment.propTypes={changeIconOnError:_propTypes.bool,changeOnError:_propTypes.bool,changeOnFocus:_propTypes.bool,colorTheme:_propTypes.string,error:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string]),focused:_propTypes.bool,Icon:_propTypes.elementType,inputStyle:(0,_propTypes.shape)({root:_propTypes.object}),shade:_propTypes.string,showOnlyOnError:_propTypes.bool};var _default=exports.default=IconAdornment;

package/dist/components/UTBaseInputField/components/TooltipAdornment/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TooltipAdornment=e=>{let{contentDataTestId:t,dataTestId:o,tooltip:r}=e;return _react.default.createElement(_UTTooltip.default,{content:r,dataTestId:t,tippyProps:{appendTo:()=>document.body,interactive:!1}},_react.default.createElement("div",{className:_stylesModule.default.tooltip,"data-testid":o},_react.default.createElement(_UTIcon.default,{name:"IconInfoCircle",colorTheme:"gray"})))};TooltipAdornment.propTypes={contentDataTestId:_propTypes.string,dataTestId:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=TooltipAdornment;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TooltipAdornment=e=>{let{contentDataTestId:t,dataTestId:o,tooltip:r}=e;return _react.default.createElement(_UTTooltip.default,{content:r,dataTestId:t,tippyProps:{appendTo:()=>document.body,interactive:!1}},_react.default.createElement("div",{className:_stylesModule.default.tooltip,"data-testid":o},_react.default.createElement(_UTIcon.default,{name:"IconInfoCircle",colorTheme:"gray",size:_constants.ADORNMENT_ICON_SIZE_CSS_VAR})))};TooltipAdornment.propTypes={contentDataTestId:_propTypes.string,dataTestId:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=TooltipAdornment;

package/dist/components/UTBaseInputField/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS=exports.DEFAULT_PROPS=exports.COMPONENT_KEYS=exports.COMPONENTS_MAPPER=void 0;var _Palette=require("../../constants/Palette"),_ActionAdornment=_interopRequireDefault(require("./components/ActionAdornment")),_BadgeAdornment=_interopRequireDefault(require("./components/BadgeAdornment")),_IconAdornment=_interopRequireDefault(require("./components/IconAdornment")),_PrefixAdornment=_interopRequireDefault(require("./components/PrefixAdornment")),_SuffixAdornment=_interopRequireDefault(require("./components/SuffixAdornment")),_TooltipAdornment=_interopRequireDefault(require("./components/TooltipAdornment"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const COMPONENT_KEYS=exports.COMPONENT_KEYS={ACTION:"Action",BADGE:"Badge",ICON:"Icon",PREFIX:"Prefix",SUFFIX:"Suffix",TOOLTIP:"Tooltip"},COMPONENTS_MAPPER=exports.COMPONENTS_MAPPER={[COMPONENT_KEYS.ACTION]:_ActionAdornment.default,[COMPONENT_KEYS.BADGE]:_BadgeAdornment.default,[COMPONENT_KEYS.ICON]:_IconAdornment.default,[COMPONENT_KEYS.PREFIX]:_PrefixAdornment.default,[COMPONENT_KEYS.SUFFIX]:_SuffixAdornment.default,[COMPONENT_KEYS.TOOLTIP]:_TooltipAdornment.default},UT_BASE_INPUT_COLOR_BORDER_FOCUS=exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS="UT-baseInput-color-border-focus",DEFAULT_PROPS=exports.DEFAULT_PROPS={colorTheme:_Palette.COLOR_THEMES.accent};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS=exports.DEFAULT_PROPS=exports.COMPONENT_KEYS=exports.COMPONENTS_MAPPER=exports.ADORNMENT_ICON_SIZE_CSS_VAR=exports.ADORNMENT_ICON_SIZE=void 0;var _Palette=require("../../constants/Palette"),_ActionAdornment=_interopRequireDefault(require("./components/ActionAdornment")),_BadgeAdornment=_interopRequireDefault(require("./components/BadgeAdornment")),_IconAdornment=_interopRequireDefault(require("./components/IconAdornment")),_PrefixAdornment=_interopRequireDefault(require("./components/PrefixAdornment")),_SuffixAdornment=_interopRequireDefault(require("./components/SuffixAdornment")),_TooltipAdornment=_interopRequireDefault(require("./components/TooltipAdornment"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const COMPONENT_KEYS=exports.COMPONENT_KEYS={ACTION:"Action",BADGE:"Badge",ICON:"Icon",PREFIX:"Prefix",SUFFIX:"Suffix",TOOLTIP:"Tooltip"},COMPONENTS_MAPPER=exports.COMPONENTS_MAPPER={[COMPONENT_KEYS.ACTION]:_ActionAdornment.default,[COMPONENT_KEYS.BADGE]:_BadgeAdornment.default,[COMPONENT_KEYS.ICON]:_IconAdornment.default,[COMPONENT_KEYS.PREFIX]:_PrefixAdornment.default,[COMPONENT_KEYS.SUFFIX]:_SuffixAdornment.default,[COMPONENT_KEYS.TOOLTIP]:_TooltipAdornment.default},UT_BASE_INPUT_COLOR_BORDER_FOCUS=exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS="UT-baseInput-color-border-focus",ADORNMENT_ICON_SIZE=exports.ADORNMENT_ICON_SIZE=20,ADORNMENT_ICON_SIZE_CSS_VAR=exports.ADORNMENT_ICON_SIZE_CSS_VAR="var(--UT-baseInput-adornment-size, 20px)",DEFAULT_PROPS=exports.DEFAULT_PROPS={colorTheme:_Palette.COLOR_THEMES.accent};

package/dist/components/UTButton/styles.module.scss

@@ -1,26 +1,33 @@
 @use '../../scss/variables/mediaQueries.module.scss' as *;
 
-$big-icon: var(--UT-button-icon-size-md, 1.5rem);
-$small-icon: var(--UT-button-icon-size-sm, 1.25rem);
+$small-icon: var(--UT-button-icon-size-sm, 1rem);
+$medium-icon: var(--UT-button-icon-size-md, 1.125rem);
+$large-icon: var(--UT-button-icon-size-lg, 1.25rem);
+$big-icon: var(--UT-button-icon-size-xl, 1.5rem);
+
 
 .baseIcon {
   box-sizing: border-box;
   flex-shrink: 0;
 }
 
-.icon,
-.iconOnlySmall,
+.iconSmall,
 .adaptableIconSmall {
   font-size: $small-icon;
   height: $small-icon;
   width: $small-icon;
 }
 
-.iconOnlyLarge,
-.iconOnlyMedium {
-  font-size: $big-icon;
-  height: $big-icon;
-  width: $big-icon;
+.iconMedium {
+  font-size: $medium-icon;
+  height: $medium-icon;
+  width: $medium-icon;
+}
+
+.iconLarge {
+  font-size: $large-icon;
+  height: $large-icon;
+  width: $large-icon;
 }
 
 .adaptableIconLarge,

package/dist/components/UTButton/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLabelProps=exports.getIconProps=exports.getCounterColorTheme=void 0;var _Palette=require("../../constants/Palette"),_componentUtils=require("../../utils/componentUtils"),_UTIcon=_interopRequireDefault(require("../UTIcon")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getButtonElementColorTheme=(e,t)=>t===_constants.VARIANTS_NAMES.filled?e===_constants.COLORS_MAPPER.negative?_Palette.COLOR_THEMES.neutral:_Palette.COLOR_THEMES.negative:_constants.COLORS_MAPPER[e],buildSingleIconProps=e=>{let{className:t,colorTheme:o,hideTextOnResponsive:n,Icon:s,size:l,variant:a}=e;return s?{IconComponent:(0,_componentUtils.isUTIcon)(s)?_UTIcon.default:s,className:"\n      ".concat(_stylesModule.default.baseIcon,"\n      ").concat(t,"\n      ").concat(_stylesModule.default.icon,"\n      ").concat(n?_stylesModule.default["adaptableIcon".concat((0,_componentUtils.capitalize)(l))]:"","\n    "),...(0,_componentUtils.isUTIcon)(s)?{colorTheme:getButtonElementColorTheme(o,a),name:s}:{}}:null},getIconProps=e=>{let{className:t,colorTheme:o,hideTextOnResponsive:n,Icon:s,iconPlacement:l,LeftIcon:a,RightIcon:r,size:c,variant:i}=e;const _=a||(l!==_constants.ICON_PLACEMENTS.right?s:void 0),u=r||(l===_constants.ICON_PLACEMENTS.right?s:void 0),p={className:t,colorTheme:o,hideTextOnResponsive:n,size:c,variant:i},{IconComponent:m,...g}=buildSingleIconProps({...p,Icon:_})||{},{IconComponent:P,...I}=buildSingleIconProps({...p,Icon:u})||{};return{LeftIconComponent:m||null,leftIconProps:g,RightIconComponent:P||null,rightIconProps:I}};exports.getIconProps=getIconProps;const getLabelProps=(e,t,o)=>({colorTheme:getButtonElementColorTheme(e,t),variant:o===_constants.SIZES.small?"small":"body",weight:"medium"});exports.getLabelProps=getLabelProps;const getCounterColorTheme=(e,t)=>t===_constants.VARIANTS_NAMES.filled?e===_Palette.COLOR_THEMES.negative?"dark":"negative":t===_constants.VARIANTS_NAMES.outlined?e===_Palette.COLOR_THEMES.negative?"negative":e===_Palette.COLOR_THEMES.primary?_constants.COLORS_MAPPER[e]:e===_Palette.COLOR_THEMES.gray?"gray":"dark":e===_Palette.COLOR_THEMES.gray?"gray":_constants.COLORS_MAPPER[e];exports.getCounterColorTheme=getCounterColorTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLabelProps=exports.getIconProps=exports.getCounterColorTheme=void 0;var _Palette=require("../../constants/Palette"),_componentUtils=require("../../utils/componentUtils"),_UTIcon=_interopRequireDefault(require("../UTIcon")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getButtonElementColorTheme=(e,t)=>t===_constants.VARIANTS_NAMES.filled?e===_constants.COLORS_MAPPER.negative?_Palette.COLOR_THEMES.neutral:_Palette.COLOR_THEMES.negative:_constants.COLORS_MAPPER[e],buildSingleIconProps=e=>{let{className:t,colorTheme:o,hideTextOnResponsive:n,Icon:s,size:l,variant:a}=e;return s?{IconComponent:(0,_componentUtils.isUTIcon)(s)?_UTIcon.default:s,className:"\n      ".concat(_stylesModule.default.baseIcon,"\n      ").concat(t,"\n      ").concat(_stylesModule.default["icon".concat((0,_componentUtils.capitalize)(l))],"\n      ").concat(n?_stylesModule.default["adaptableIcon".concat((0,_componentUtils.capitalize)(l))]:"","\n    "),...(0,_componentUtils.isUTIcon)(s)?{colorTheme:getButtonElementColorTheme(o,a),name:s}:{}}:null},getIconProps=e=>{let{className:t,colorTheme:o,hideTextOnResponsive:n,Icon:s,iconPlacement:l,LeftIcon:a,RightIcon:c,size:r,variant:i}=e;const _=a||(l!==_constants.ICON_PLACEMENTS.right?s:void 0),u=c||(l===_constants.ICON_PLACEMENTS.right?s:void 0),p={className:t,colorTheme:o,hideTextOnResponsive:n,size:r,variant:i},{IconComponent:m,...g}=buildSingleIconProps({...p,Icon:_})||{},{IconComponent:P,...I}=buildSingleIconProps({...p,Icon:u})||{};return{LeftIconComponent:m||null,leftIconProps:g,RightIconComponent:P||null,rightIconProps:I}};exports.getIconProps=getIconProps;const getLabelProps=(e,t,o)=>({colorTheme:getButtonElementColorTheme(e,t),variant:o===_constants.SIZES.small?"small":"body",weight:"medium"});exports.getLabelProps=getLabelProps;const getCounterColorTheme=(e,t)=>t===_constants.VARIANTS_NAMES.filled?e===_Palette.COLOR_THEMES.negative?"dark":"negative":t===_constants.VARIANTS_NAMES.outlined?e===_Palette.COLOR_THEMES.negative?"negative":e===_Palette.COLOR_THEMES.primary?_constants.COLORS_MAPPER[e]:e===_Palette.COLOR_THEMES.gray?"gray":"dark":e===_Palette.COLOR_THEMES.gray?"gray":_constants.COLORS_MAPPER[e];exports.getCounterColorTheme=getCounterColorTheme;

package/dist/components/UTFileInput/layout.js

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

package/dist/components/UTStepper/components/Step/styles.module.scss

@@ -15,6 +15,7 @@ $vertical-label-offset: 10px;
   @extend %stepContainer;
   border-style: solid;
   border-width: 4px;
+  box-sizing: content-box;
   height: 8px;
   width: 8px;
 }

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

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

package/dist/deprecated/UTAttachment/theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable");const retrieveStyle=e=>{let{theme:t}=e;return{container:{border:(0,_seamlessImmutable.getIn)(t,["UTAttachment","container","border"])},fileInputLabel:{color:(0,_seamlessImmutable.getIn)(t,["UTAttachment","label","color"])},icon:{"& g":{fill:(0,_seamlessImmutable.getIn)(t,["UTAttachment","icon","fill"])}}}};exports.retrieveStyle=retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable"),_classesUtils=require("../../utils/classesUtils");const retrieveStyle=t=>{let{theme:s}=t;return{container:{alignItems:"center",backgroundColor:(0,_classesUtils.withImportant)("var(--light01)"),border:(0,_seamlessImmutable.getIn)(s,["UTAttachment","container","border"])||(0,_classesUtils.withImportant)("1px solid var(--light04)"),borderRadius:(0,_classesUtils.withImportant)("var(--radius-md, 8px)"),boxShadow:(0,_classesUtils.withImportant)("none"),display:"inline-flex",height:(0,_classesUtils.withImportant)("38px"),justifyContent:"center",maxWidth:(0,_classesUtils.withImportant)("none"),minWidth:(0,_classesUtils.withImportant)("auto"),padding:(0,_classesUtils.withImportant)("0 12px")},fileInputLabel:{color:(0,_seamlessImmutable.getIn)(s,["UTAttachment","label","color"]),fontSize:(0,_classesUtils.withImportant)("var(--UT-label-size-body, 1rem)"),padding:(0,_classesUtils.withImportant)("0")},icon:{height:(0,_classesUtils.withImportant)("16px"),marginRight:(0,_classesUtils.withImportant)("var(--gap-sm, 8px)"),padding:(0,_classesUtils.withImportant)("0"),width:(0,_classesUtils.withImportant)("16px"),"& path, & polygon":{fill:(0,_seamlessImmutable.getIn)(s,["UTAttachment","icon","fill"])||(0,_classesUtils.withImportant)("var(--actionAccent04, #4d97fa)")}}}};exports.retrieveStyle=retrieveStyle;

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

@@ -1 +1 @@
-import{object,shape}from"prop-types";export const FORMAT_ERROR_TEXT="El formato no es compatible";export const SIZE_ERROR_TEXT="El archivo supera los ";export const ASPECT_RATIO_ERROR_TEXT="El formato de archivo es inválido. (Válidos:";export const FILE_NOT_FOUND_ERROR_TEXT="Hubo un error al cargar el archivo";export const DEFAULT_UPLOADING_TEXT="Cargando...";export const DEFAULT_ATTACHMENT_NAME="Adjunto";export const FORMAT_FILE_LABEL="Debe tener formato: ";export const MAX_SIZE_FILE_LABEL="No debe superar los ";export const INDICATIONS="Arrastra y suelta o sube un archivo";export const MB_LABEL="MB";export const MAX_FILES_ERROR="Se ha excedido el límite máximo de archivos permitidos ";export const DEFAULT_MAX_FILES=1;export const ICON_SIZE=32;export const UPLOAD_ICON_SIZE=24;export const UPLOAD_ICON_AREA_SIZE=48;export const UPLOAD_ICON_AREA_RADIUS="var(--UT-attachmentList-icon-area-radius, 8px)";export const PREVIEW_TYPES={ERROR:"error",LOADING:"loading"};export const previewPropType=shape({audio:object,image:object,video:object});
+import{object,shape}from"prop-types";export const FORMAT_ERROR_TEXT="El formato no es compatible";export const SIZE_ERROR_TEXT="El archivo supera los ";export const ASPECT_RATIO_ERROR_TEXT="El formato de archivo es inválido. (Válidos:";export const FILE_NOT_FOUND_ERROR_TEXT="Hubo un error al cargar el archivo";export const DEFAULT_UPLOADING_TEXT="Cargando...";export const DEFAULT_ATTACHMENT_NAME="Adjunto";export const FORMAT_FILE_LABEL="Debe tener formato: ";export const MAX_SIZE_FILE_LABEL="No debe superar los ";export const INDICATIONS="Arrastra y suelta o sube un archivo";export const MB_LABEL="MB";export const UPLOAD_FILE="Subir archivo";export const MAX_FILES_ERROR="Se ha excedido el límite máximo de archivos permitidos ";export const DEFAULT_MAX_FILES=1;export const ICON_SIZE=32;export const UPLOAD_ICON_SIZE=24;export const UPLOAD_ICON_AREA_SIZE=48;export const UPLOAD_ICON_AREA_RADIUS="var(--UT-attachmentList-icon-area-radius, 8px)";export const PREVIEW_TYPES={ERROR:"error",LOADING:"loading"};export const previewPropType=shape({audio:object,image:object,video:object});

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

@@ -1 +1 @@
-import React,{Fragment,useState}from"react";import{shape,string,bool,func,arrayOf,objectOf,elementType,instanceOf,number,object}from"prop-types";import{inputFiles}from"@widergy/web-utils/lib/constants/files";import isEmpty from"lodash/isEmpty";import download from"downloadjs";import{buttonTypes}from"../../types/buttonTypes";import UTLabel from"../UTLabel";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTFieldLabel from"../UTFieldLabel";import UTValidation from"../UTValidation";import{formatErrorToValidation}from"../UTValidation/utils";import{DEFAULT_UPLOADING_TEXT,FILE_NOT_FOUND_ERROR_TEXT,FORMAT_FILE_LABEL,ICON_SIZE,INDICATIONS,MAX_SIZE_FILE_LABEL,MB_LABEL,PREVIEW_TYPES,UPLOAD_ICON_AREA_RADIUS,UPLOAD_ICON_AREA_SIZE,UPLOAD_ICON_SIZE,previewPropType}from"./constants";import Preview from"./components/Preview";import{getAvailableFileTypesLabel,isAudio,isDownloadable,isImage,isVideo}from"./utils";import PreviewModal from"./components/PreviewModal";import styles from"./styles.module.scss";const AttachmentList=e=>{var t;let{actions:a,acceptedFileTypes:r,areaBackground:o,areaBorderColor:l,classes:n,dataTestId:i,deleteDataTestId:c,disabled:s,error:m,errorClassname:d,errorText:p,field:T,fieldTypes:E=[],fileInputRef:I,helpText:R,hideLabels:y,maxFiles:u,maxFileSize:v,onChange:L,preview:_,previewDataTestId:b,readOnly:f,RemoveIcon:O,titleVariant:g}=e;const U=((null==T||null===(t=T.configuration)||void 0===t?void 0:t.ignore_title)||y)&&(null==T?void 0:T.title),A=r||E.map(e=>inputFiles[e].inputType).join(),N=O||"IconTrash",C=isEmpty(_),w=_.length<u,[h,P]=useState(!1),[F,D]=useState(null),[S,B]=useState(!1),M=e=>{D(e),P(!0)};return React.createElement(React.Fragment,null,U&&React.createElement("div",{className:styles.upperTitleContainer},React.createElement(UTFieldLabel,{actions:a,readOnly:T.read_only,size:g,required:T.required},null==T?void 0:T.title)),React.createElement("div",{className:"".concat(styles.container," ").concat(n.container," ").concat(m&&n.errorContainer," ").concat(f&&n.readOnlyContainer),onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1)},!C&&_.map(e=>React.createElement("div",{className:"".concat(styles.previewContainer," ").concat(n.previewContainer),"data-testid":b},e.type===PREVIEW_TYPES.LOADING?React.createElement(React.Fragment,null,React.createElement(UTIcon,{name:"IconLoader",className:styles.loaderIcon,size:ICON_SIZE,colorTheme:"accent"}),React.createElement(UTLabel,{className:styles.loadingText,colorTheme:"gray",variant:"small"},DEFAULT_UPLOADING_TEXT),React.createElement("div",null)):e.type===PREVIEW_TYPES.ERROR?React.createElement(React.Fragment,null,React.createElement(UTIcon,{name:"IconX",colorTheme:"error",size:ICON_SIZE}),React.createElement(UTLabel,{className:styles.errorText,colorTheme:"error",variant:"small"},FILE_NOT_FOUND_ERROR_TEXT),React.createElement("div",null)):React.createElement(React.Fragment,null,e.src?React.createElement(Preview,{classes:n,openPreviewModal:M,preview:e,previewProps:_.previewProps}):React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent",size:ICON_SIZE}),React.createElement("div",{className:styles.fileContainer},React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},e.name),React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},e.size,MB_LABEL)),(isAudio(e)||isVideo(e))&&React.createElement(UTButton,{disabled:s,Icon:"IconPlayerPlay",onClick:()=>{D(e),P(!0)},size:"small",variant:"text"}),(isDownloadable(e)||f&&isImage(e))&&e.src&&React.createElement(UTButton,{Icon:"IconDownload",onClick:()=>download(e.src,e.name,e.type),size:"small",variant:"text"}),!f&&React.createElement(UTButton,{dataTestId:c,disabled:s,Icon:N,onClick:e.onClick,size:"small",variant:"text"})))),!f&&C&&React.createElement(UTIcon,{area:!0,areaBackground:o,areaBorderColor:l,areaRadius:UPLOAD_ICON_AREA_RADIUS,areaSize:UPLOAD_ICON_AREA_SIZE,className:"".concat(styles.filesIcon," ").concat(n.filesIcon),colorTheme:S?"accent":"gray",name:"IconCloudUpload",shade:S?"03":void 0,size:UPLOAD_ICON_SIZE}),!f&&React.createElement("div",{className:"".concat(styles.labelAndInputContainer," ").concat(!C&&styles.positionRelative)},C&&React.createElement(UTLabel,{colorTheme:S?"accent":void 0,shade:S?"05":void 0,variant:"body"},INDICATIONS),w&&React.createElement("input",{className:styles.input,"data-testid":i,accept:A,ref:I,type:"file",onChange:L,disabled:s,multiple:!0})),!f&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",className:styles.aclaration},"".concat(FORMAT_FILE_LABEL).concat(getAvailableFileTypesLabel(A),".")," ",React.createElement("br",null),"".concat(MAX_SIZE_FILE_LABEL).concat(v,"MB"))),R&&React.createElement(UTLabel,{className:styles.helpText,colorTheme:"gray",variant:"small"},R),m&&React.createElement(UTValidation,{className:"".concat(styles.errorMessage," ").concat(d||""),validationData:formatErrorToValidation(p)}),h&&React.createElement(PreviewModal,{preview:F,previewProps:_.previewProps,previewModalIsOpen:h,closePreviewModal:()=>P(!1)}))};AttachmentList.propTypes={acceptedFileTypes:string,actions:arrayOf(buttonTypes),areaBackground:string,areaBorderColor:string,classes:objectOf(string),dataTestId:string,deleteDataTestId:string,disabled:bool,error:bool,errorClassname:string,errorText:string,field:object,fieldTypes:arrayOf(string),fileInputRef:objectOf(shape({current:instanceOf(Element)})),helpText:string,hideLabels:bool,maxFileSize:number,maxFiles:number,onChange:func,preview:arrayOf(shape({src:string,type:string})),previewDataTestId:string,previewProps:previewPropType,readOnly:bool,RemoveIcon:elementType,titleVariant:string};export default AttachmentList;
+import React,{Fragment,useState}from"react";import{shape,string,bool,func,arrayOf,objectOf,elementType,instanceOf,number,object}from"prop-types";import{inputFiles}from"@widergy/web-utils/lib/constants/files";import isEmpty from"lodash/isEmpty";import download from"downloadjs";import{buttonTypes}from"../../types/buttonTypes";import UTLabel from"../UTLabel";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTFieldLabel from"../UTFieldLabel";import UTValidation from"../UTValidation";import{formatErrorToValidation}from"../UTValidation/utils";import{DEFAULT_UPLOADING_TEXT,FILE_NOT_FOUND_ERROR_TEXT,FORMAT_FILE_LABEL,ICON_SIZE,INDICATIONS,MAX_SIZE_FILE_LABEL,MB_LABEL,PREVIEW_TYPES,UPLOAD_FILE,UPLOAD_ICON_AREA_RADIUS,UPLOAD_ICON_AREA_SIZE,UPLOAD_ICON_SIZE,previewPropType}from"./constants";import Preview from"./components/Preview";import{getAvailableFileTypesLabel,isAudio,isDownloadable,isImage,isVideo}from"./utils";import PreviewModal from"./components/PreviewModal";import styles from"./styles.module.scss";const AttachmentList=e=>{var t;let{actions:a,acceptedFileTypes:r,areaBackground:o,areaBorderColor:l,classes:n,dataTestId:i,deleteDataTestId:c,disabled:s,error:m,errorClassname:d,errorText:p,field:T,fieldTypes:E=[],fileInputRef:I,helpText:R,hideLabels:u,maxFiles:y,maxFileSize:v,onChange:L,preview:_,previewDataTestId:b,readOnly:f,RemoveIcon:O,titleVariant:U}=e;const g=((null==T||null===(t=T.configuration)||void 0===t?void 0:t.ignore_title)||u)&&(null==T?void 0:T.title),A=r||E.map(e=>inputFiles[e].inputType).join(),N=O||"IconTrash",w=isEmpty(_),C=_.length<y,[P,h]=useState(!1),[F,D]=useState(null),[S,B]=useState(!1),M=e=>{D(e),h(!0)};return React.createElement(React.Fragment,null,g&&React.createElement("div",{className:styles.upperTitleContainer},React.createElement(UTFieldLabel,{actions:a,readOnly:T.read_only,size:U,required:T.required},null==T?void 0:T.title)),React.createElement("div",{className:"".concat(styles.container," ").concat(n.container," ").concat(m&&n.errorContainer," ").concat(f&&n.readOnlyContainer),onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1)},!w&&React.createElement("div",{className:styles.previewsGroup},_.map(e=>React.createElement("div",{className:"".concat(styles.previewContainer," ").concat(n.previewContainer),"data-testid":b},e.type===PREVIEW_TYPES.LOADING?React.createElement(React.Fragment,null,React.createElement(UTIcon,{name:"IconLoader",className:styles.loaderIcon,size:ICON_SIZE,colorTheme:"accent"}),React.createElement(UTLabel,{className:styles.loadingText,colorTheme:"gray",variant:"small"},DEFAULT_UPLOADING_TEXT),React.createElement("div",null)):e.type===PREVIEW_TYPES.ERROR?React.createElement(React.Fragment,null,React.createElement(UTIcon,{name:"IconX",colorTheme:"error",size:ICON_SIZE}),React.createElement(UTLabel,{className:styles.errorText,colorTheme:"error",variant:"small"},FILE_NOT_FOUND_ERROR_TEXT),React.createElement("div",null)):React.createElement(React.Fragment,null,e.src?React.createElement(Preview,{classes:n,openPreviewModal:M,preview:e,previewProps:_.previewProps}):React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent",size:ICON_SIZE}),React.createElement("div",{className:styles.fileContainer},React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},e.name),React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},e.size,MB_LABEL)),(isAudio(e)||isVideo(e))&&React.createElement(UTButton,{disabled:s,Icon:"IconPlayerPlay",onClick:()=>{D(e),h(!0)},size:"small",variant:"text"}),(isDownloadable(e)||f&&isImage(e))&&e.src&&React.createElement(UTButton,{Icon:"IconDownload",onClick:()=>download(e.src,e.name,e.type),size:"small",variant:"text"}),!f&&React.createElement(UTButton,{dataTestId:c,disabled:s,Icon:N,onClick:e.onClick,size:"small",variant:"text"}))))),!f&&w&&React.createElement(UTIcon,{area:!0,areaBackground:o,areaBorderColor:l,areaRadius:UPLOAD_ICON_AREA_RADIUS,areaSize:UPLOAD_ICON_AREA_SIZE,className:"".concat(styles.filesIcon," ").concat(n.filesIcon),colorTheme:S?"accent":"gray",name:"IconCloudUpload",shade:S?"03":void 0,size:UPLOAD_ICON_SIZE}),!f&&(w||C)&&React.createElement("div",{className:"".concat(styles.labelAndInputContainer," ").concat(!w&&styles.positionRelative)},React.createElement("input",{className:styles.input,"data-testid":i,accept:A,ref:I,type:"file",onChange:L,disabled:s,multiple:!0}),w?React.createElement(UTLabel,{colorTheme:S?"accent":void 0,shade:S?"05":void 0,variant:"body"},INDICATIONS):React.createElement(UTButton,{classNames:{root:styles.uploadButtonRoot},colorTheme:"secondary",disabled:s,Icon:"IconUpload",size:"large",variant:"outlined"},UPLOAD_FILE)),!f&&React.createElement(UTLabel,{align:"center",colorTheme:"gray",variant:"small"},"".concat(FORMAT_FILE_LABEL).concat(getAvailableFileTypesLabel(A),".")," ",React.createElement("br",null),"".concat(MAX_SIZE_FILE_LABEL).concat(v,"MB"))),R&&React.createElement(UTLabel,{className:styles.helpText,colorTheme:"gray",variant:"small"},R),m&&React.createElement(UTValidation,{className:"".concat(styles.errorMessage," ").concat(d||""),validationData:formatErrorToValidation(p)}),P&&React.createElement(PreviewModal,{preview:F,previewProps:_.previewProps,previewModalIsOpen:P,closePreviewModal:()=>h(!1)}))};AttachmentList.propTypes={acceptedFileTypes:string,actions:arrayOf(buttonTypes),areaBackground:string,areaBorderColor:string,classes:objectOf(string),dataTestId:string,deleteDataTestId:string,disabled:bool,error:bool,errorClassname:string,errorText:string,field:object,fieldTypes:arrayOf(string),fileInputRef:objectOf(shape({current:instanceOf(Element)})),helpText:string,hideLabels:bool,maxFileSize:number,maxFiles:number,onChange:func,preview:arrayOf(shape({src:string,type:string})),previewDataTestId:string,previewProps:previewPropType,readOnly:bool,RemoveIcon:elementType,titleVariant:string};export default AttachmentList;

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

@@ -35,10 +35,23 @@
   right: 0;
   text-align: right;
   top: 0;
+  z-index: 5;
+
+  &:hover ~ .uploadButtonRoot {
+    background-color: var(--actionNeutral01);
+  }
+
+  &:active ~ .uploadButtonRoot {
+    background-color: var(--actionNeutral02);
+  }
 }
 
-.aclaration {
-  text-align: center;
+.previewsGroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--UT-attachmentList-gap-sm, 8px);
+  grid-gap: var(--UT-attachmentList-gap-sm, 8px);
+  width: 100%;
 }
 
 .previewContainer {

package/dist/esm/components/UTBaseInputField/components/IconAdornment/constants.js

@@ -1 +1 @@
-export const ERROR_ICON="IconAlertCircle";export const ICON_SIZE=16;export const ICON_SIZE_CSS_VAR="var(--UT-baseInput-adornment-size, 16px)";
+export const ERROR_ICON="IconAlertCircle";

package/dist/esm/components/UTBaseInputField/components/IconAdornment/index.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(o){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var r in e)({}).hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},_extends.apply(null,arguments)}import React from"react";import{shape,string,elementType,bool,oneOfType,object}from"prop-types";import UTIcon from"../../../UTIcon";import{isUTIcon}from"../../../../utils/componentUtils";import{ERROR_ICON,ICON_SIZE,ICON_SIZE_CSS_VAR}from"./constants";import{getIconColorProps}from"./utils";const IconAdornment=o=>{var n;let{changeIconOnError:e=!0,changeOnError:r,changeOnFocus:t,colorTheme:c,error:l,focused:s,Icon:i,inputStyle:I,shade:a,showOnlyOnError:p}=o;const O=p||r;if(p&&!l)return null;const m=l&&e?ERROR_ICON:i;return m?isUTIcon(m)?React.createElement(UTIcon,_extends({name:m,size:ICON_SIZE_CSS_VAR},getIconColorProps(O,t,c,l,s,a))):React.createElement(i,{fill:null==I||null===(n=I.root)||void 0===n?void 0:n.color,size:ICON_SIZE,style:{fontSize:ICON_SIZE_CSS_VAR,height:ICON_SIZE_CSS_VAR,width:ICON_SIZE_CSS_VAR}}):null};IconAdornment.propTypes={changeIconOnError:bool,changeOnError:bool,changeOnFocus:bool,colorTheme:string,error:oneOfType([bool,string]),focused:bool,Icon:elementType,inputStyle:shape({root:object}),shade:string,showOnlyOnError:bool};export default IconAdornment;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(o){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var r in e)({}).hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},_extends.apply(null,arguments)}import React from"react";import{shape,string,elementType,bool,oneOfType,object}from"prop-types";import UTIcon from"../../../UTIcon";import{isUTIcon}from"../../../../utils/componentUtils";import{ADORNMENT_ICON_SIZE,ADORNMENT_ICON_SIZE_CSS_VAR}from"../../constants";import{ERROR_ICON}from"./constants";import{getIconColorProps}from"./utils";const IconAdornment=o=>{var n;let{changeIconOnError:e=!0,changeOnError:r,changeOnFocus:t,colorTheme:c,error:l,focused:s,Icon:i,inputStyle:O,shade:I,showOnlyOnError:_}=o;const a=_||r;if(_&&!l)return null;const p=l&&e?ERROR_ICON:i;return p?isUTIcon(p)?React.createElement(UTIcon,_extends({name:p,size:ADORNMENT_ICON_SIZE_CSS_VAR},getIconColorProps(a,t,c,l,s,I))):React.createElement(i,{fill:null==O||null===(n=O.root)||void 0===n?void 0:n.color,size:ADORNMENT_ICON_SIZE,style:{fontSize:ADORNMENT_ICON_SIZE_CSS_VAR,height:ADORNMENT_ICON_SIZE_CSS_VAR,width:ADORNMENT_ICON_SIZE_CSS_VAR}}):null};IconAdornment.propTypes={changeIconOnError:bool,changeOnError:bool,changeOnFocus:bool,colorTheme:string,error:oneOfType([bool,string]),focused:bool,Icon:elementType,inputStyle:shape({root:object}),shade:string,showOnlyOnError:bool};export default IconAdornment;

package/dist/esm/components/UTBaseInputField/components/TooltipAdornment/index.js

@@ -1 +1 @@
-import React from"react";import{string}from"prop-types";import UTIcon from"../../../UTIcon";import UTTooltip from"../../../UTTooltip";import styles from"./styles.module.scss";const TooltipAdornment=t=>{let{contentDataTestId:o,dataTestId:e,tooltip:r}=t;return React.createElement(UTTooltip,{content:r,dataTestId:o,tippyProps:{appendTo:()=>document.body,interactive:!1}},React.createElement("div",{className:styles.tooltip,"data-testid":e},React.createElement(UTIcon,{name:"IconInfoCircle",colorTheme:"gray"})))};TooltipAdornment.propTypes={contentDataTestId:string,dataTestId:string,tooltip:string};export default TooltipAdornment;
+import React from"react";import{string}from"prop-types";import UTIcon from"../../../UTIcon";import UTTooltip from"../../../UTTooltip";import{ADORNMENT_ICON_SIZE_CSS_VAR}from"../../constants";import styles from"./styles.module.scss";const TooltipAdornment=t=>{let{contentDataTestId:o,dataTestId:e,tooltip:r}=t;return React.createElement(UTTooltip,{content:r,dataTestId:o,tippyProps:{appendTo:()=>document.body,interactive:!1}},React.createElement("div",{className:styles.tooltip,"data-testid":e},React.createElement(UTIcon,{name:"IconInfoCircle",colorTheme:"gray",size:ADORNMENT_ICON_SIZE_CSS_VAR})))};TooltipAdornment.propTypes={contentDataTestId:string,dataTestId:string,tooltip:string};export default TooltipAdornment;

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

@@ -1 +1 @@
-import{COLOR_THEMES}from"../../constants/Palette";import ActionAdornment from"./components/ActionAdornment";import BadgeAdornment from"./components/BadgeAdornment";import IconAdornment from"./components/IconAdornment";import PrefixAdornment from"./components/PrefixAdornment";import SuffixAdornment from"./components/SuffixAdornment";import TooltipAdornment from"./components/TooltipAdornment";export const COMPONENT_KEYS={ACTION:"Action",BADGE:"Badge",ICON:"Icon",PREFIX:"Prefix",SUFFIX:"Suffix",TOOLTIP:"Tooltip"};export const COMPONENTS_MAPPER={[COMPONENT_KEYS.ACTION]:ActionAdornment,[COMPONENT_KEYS.BADGE]:BadgeAdornment,[COMPONENT_KEYS.ICON]:IconAdornment,[COMPONENT_KEYS.PREFIX]:PrefixAdornment,[COMPONENT_KEYS.SUFFIX]:SuffixAdornment,[COMPONENT_KEYS.TOOLTIP]:TooltipAdornment};export const UT_BASE_INPUT_COLOR_BORDER_FOCUS="UT-baseInput-color-border-focus";export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.accent};
+import{COLOR_THEMES}from"../../constants/Palette";import ActionAdornment from"./components/ActionAdornment";import BadgeAdornment from"./components/BadgeAdornment";import IconAdornment from"./components/IconAdornment";import PrefixAdornment from"./components/PrefixAdornment";import SuffixAdornment from"./components/SuffixAdornment";import TooltipAdornment from"./components/TooltipAdornment";export const COMPONENT_KEYS={ACTION:"Action",BADGE:"Badge",ICON:"Icon",PREFIX:"Prefix",SUFFIX:"Suffix",TOOLTIP:"Tooltip"};export const COMPONENTS_MAPPER={[COMPONENT_KEYS.ACTION]:ActionAdornment,[COMPONENT_KEYS.BADGE]:BadgeAdornment,[COMPONENT_KEYS.ICON]:IconAdornment,[COMPONENT_KEYS.PREFIX]:PrefixAdornment,[COMPONENT_KEYS.SUFFIX]:SuffixAdornment,[COMPONENT_KEYS.TOOLTIP]:TooltipAdornment};export const UT_BASE_INPUT_COLOR_BORDER_FOCUS="UT-baseInput-color-border-focus";export const ADORNMENT_ICON_SIZE=20;export const ADORNMENT_ICON_SIZE_CSS_VAR="var(--UT-baseInput-adornment-size, 20px)";export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.accent};

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

@@ -1,26 +1,33 @@
 @use '../../scss/variables/mediaQueries.module.scss' as *;
 
-$big-icon: var(--UT-button-icon-size-md, 1.5rem);
-$small-icon: var(--UT-button-icon-size-sm, 1.25rem);
+$small-icon: var(--UT-button-icon-size-sm, 1rem);
+$medium-icon: var(--UT-button-icon-size-md, 1.125rem);
+$large-icon: var(--UT-button-icon-size-lg, 1.25rem);
+$big-icon: var(--UT-button-icon-size-xl, 1.5rem);
+
 
 .baseIcon {
   box-sizing: border-box;
   flex-shrink: 0;
 }
 
-.icon,
-.iconOnlySmall,
+.iconSmall,
 .adaptableIconSmall {
   font-size: $small-icon;
   height: $small-icon;
   width: $small-icon;
 }
 
-.iconOnlyLarge,
-.iconOnlyMedium {
-  font-size: $big-icon;
-  height: $big-icon;
-  width: $big-icon;
+.iconMedium {
+  font-size: $medium-icon;
+  height: $medium-icon;
+  width: $medium-icon;
+}
+
+.iconLarge {
+  font-size: $large-icon;
+  height: $large-icon;
+  width: $large-icon;
 }
 
 .adaptableIconLarge,

package/dist/esm/components/UTButton/utils.js

@@ -1 +1 @@
-import{COLOR_THEMES}from"../../constants/Palette";import{capitalize,isUTIcon}from"../../utils/componentUtils";import UTIcon from"../UTIcon";import{COLORS_MAPPER,ICON_PLACEMENTS,SIZES,VARIANTS_NAMES}from"./constants";import styles from"./styles.module.scss";const getButtonElementColorTheme=(e,o)=>o===VARIANTS_NAMES.filled?e===COLORS_MAPPER.negative?COLOR_THEMES.neutral:COLOR_THEMES.negative:COLORS_MAPPER[e],buildSingleIconProps=e=>{let{className:o,colorTheme:n,hideTextOnResponsive:t,Icon:c,size:l,variant:i}=e;return c?{IconComponent:isUTIcon(c)?UTIcon:c,className:"\n      ".concat(styles.baseIcon,"\n      ").concat(o,"\n      ").concat(styles.icon,"\n      ").concat(t?styles["adaptableIcon".concat(capitalize(l))]:"","\n    "),...isUTIcon(c)?{colorTheme:getButtonElementColorTheme(n,i),name:c}:{}}:null};export const getIconProps=e=>{let{className:o,colorTheme:n,hideTextOnResponsive:t,Icon:c,iconPlacement:l,LeftIcon:i,RightIcon:s,size:a,variant:r}=e;const m=i||(l!==ICON_PLACEMENTS.right?c:void 0),E=s||(l===ICON_PLACEMENTS.right?c:void 0),I={className:o,colorTheme:n,hideTextOnResponsive:t,size:a,variant:r},{IconComponent:T,...O}=buildSingleIconProps({...I,Icon:m})||{},{IconComponent:S,...C}=buildSingleIconProps({...I,Icon:E})||{};return{LeftIconComponent:T||null,leftIconProps:O,RightIconComponent:S||null,rightIconProps:C}};export const getLabelProps=(e,o,n)=>({colorTheme:getButtonElementColorTheme(e,o),variant:n===SIZES.small?"small":"body",weight:"medium"});export const getCounterColorTheme=(e,o)=>o===VARIANTS_NAMES.filled?e===COLOR_THEMES.negative?"dark":"negative":o===VARIANTS_NAMES.outlined?e===COLOR_THEMES.negative?"negative":e===COLOR_THEMES.primary?COLORS_MAPPER[e]:e===COLOR_THEMES.gray?"gray":"dark":e===COLOR_THEMES.gray?"gray":COLORS_MAPPER[e];
+import{COLOR_THEMES}from"../../constants/Palette";import{capitalize,isUTIcon}from"../../utils/componentUtils";import UTIcon from"../UTIcon";import{COLORS_MAPPER,ICON_PLACEMENTS,SIZES,VARIANTS_NAMES}from"./constants";import styles from"./styles.module.scss";const getButtonElementColorTheme=(e,o)=>o===VARIANTS_NAMES.filled?e===COLORS_MAPPER.negative?COLOR_THEMES.neutral:COLOR_THEMES.negative:COLORS_MAPPER[e],buildSingleIconProps=e=>{let{className:o,colorTheme:n,hideTextOnResponsive:t,Icon:c,size:i,variant:l}=e;return c?{IconComponent:isUTIcon(c)?UTIcon:c,className:"\n      ".concat(styles.baseIcon,"\n      ").concat(o,"\n      ").concat(styles["icon".concat(capitalize(i))],"\n      ").concat(t?styles["adaptableIcon".concat(capitalize(i))]:"","\n    "),...isUTIcon(c)?{colorTheme:getButtonElementColorTheme(n,l),name:c}:{}}:null};export const getIconProps=e=>{let{className:o,colorTheme:n,hideTextOnResponsive:t,Icon:c,iconPlacement:i,LeftIcon:l,RightIcon:a,size:s,variant:r}=e;const m=l||(i!==ICON_PLACEMENTS.right?c:void 0),E=a||(i===ICON_PLACEMENTS.right?c:void 0),I={className:o,colorTheme:n,hideTextOnResponsive:t,size:s,variant:r},{IconComponent:T,...O}=buildSingleIconProps({...I,Icon:m})||{},{IconComponent:S,...p}=buildSingleIconProps({...I,Icon:E})||{};return{LeftIconComponent:T||null,leftIconProps:O,RightIconComponent:S||null,rightIconProps:p}};export const getLabelProps=(e,o,n)=>({colorTheme:getButtonElementColorTheme(e,o),variant:n===SIZES.small?"small":"body",weight:"medium"});export const getCounterColorTheme=(e,o)=>o===VARIANTS_NAMES.filled?e===COLOR_THEMES.negative?"dark":"negative":o===VARIANTS_NAMES.outlined?e===COLOR_THEMES.negative?"negative":e===COLOR_THEMES.primary?COLORS_MAPPER[e]:e===COLOR_THEMES.gray?"gray":"dark":e===COLOR_THEMES.gray?"gray":COLORS_MAPPER[e];

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

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

package/dist/esm/components/UTStepper/components/Step/styles.module.scss

@@ -15,6 +15,7 @@ $vertical-label-offset: 10px;
   @extend %stepContainer;
   border-style: solid;
   border-width: 4px;
+  box-sizing: content-box;
   height: 8px;
   width: 8px;
 }

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

@@ -1 +1 @@
-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);
+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:m=!0,headerActions:p,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:k={},title:A,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=>{var t;!isEmpty(null==e?void 0:e.children)&&(null==e||null===(t=e.classList)||void 0===t||t.add(styles.formContainer))})};if(F||!m)return t();const n=new MutationObserver(()=>r());return n.observe(document.body,{childList:!0,subtree:!0}),r(),()=>{t(),n.disconnect()}},[c,l,m,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}),(A||B&&(g||C))&&React.createElement(UTHeader,{actions:[...p||[],...B?[g,C].filter(e=>e):[]],banner:A&&r,classNames:{outerContainer:"".concat(styles.headerContainer," ").concat(z.headerContainer),titles:z.titles},helpText:A&&u,helpTextDataTestId:f,isLastStep:j,requiredFieldInfo:A&&y,requiredFieldInfoDataTestId:S,subtitle:A&&w,subtitleDataTestId:N,tagline:A&&O,taglineDataTestId:D,taglineProps:k,title:A,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/deprecated/UTAttachment/theme.js

@@ -1 +1 @@
-import{getIn}from"seamless-immutable";export const retrieveStyle=e=>{let{theme:t}=e;return{container:{border:getIn(t,["UTAttachment","container","border"])},fileInputLabel:{color:getIn(t,["UTAttachment","label","color"])},icon:{"& g":{fill:getIn(t,["UTAttachment","icon","fill"])}}}};
+import{getIn}from"seamless-immutable";import{withImportant}from"../../utils/classesUtils";export const retrieveStyle=t=>{let{theme:i}=t;return{container:{alignItems:"center",backgroundColor:withImportant("var(--light01)"),border:getIn(i,["UTAttachment","container","border"])||withImportant("1px solid var(--light04)"),borderRadius:withImportant("var(--radius-md, 8px)"),boxShadow:withImportant("none"),display:"inline-flex",height:withImportant("38px"),justifyContent:"center",maxWidth:withImportant("none"),minWidth:withImportant("auto"),padding:withImportant("0 12px")},fileInputLabel:{color:getIn(i,["UTAttachment","label","color"]),fontSize:withImportant("var(--UT-label-size-body, 1rem)"),padding:withImportant("0")},icon:{height:withImportant("16px"),marginRight:withImportant("var(--gap-sm, 8px)"),padding:withImportant("0"),width:withImportant("16px"),"& path, & polygon":{fill:getIn(i,["UTAttachment","icon","fill"])||withImportant("var(--actionAccent04, #4d97fa)")}}}};

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

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

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

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

package/package.json

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