groundfloor-react-ui 1.2.90 → 1.2.92

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as r,useEffect as i,createRef as a,Component as n,Fragment as c,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as u,css as b,keyframes as g,createGlobalStyle as f}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as y}from"react-popper-tooltip";import x from"react-phone-input-2";import v from"dayjs";import"dayjs/locale/es";import C from"react-datepicker";import A,{components as w}from"react-select";import S from"react-select/async";import k from"react-signature-pad-wrapper";import E from"react-data-table-component";import V from"react-modal";import{createPortal as M}from"react-dom";function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var o in l)Object.prototype.hasOwnProperty.call(l,o)&&(e[o]=l[o])}return e},z.apply(this,arguments)}const B={"primary-1":"#2A50FD","primary-2":"#081348"},L={error:"#DD0000",success:"#00B904 "},I={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},W={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},R={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},P={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:I["neutral-3"]},H={primary:{...B},ui:{...L},neutral:{...I},shade:{...W},graph:{...R},additional:{...P},variant:{...B,...L,...I,...W,...R,...P}},T={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${H.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},"progressBar-label":{display:"block","margin-bottom":"8px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${H.neutral["neutral-2"]}`},spinner:{"background-color":`${H.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"auto",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"12px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"16px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"18px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"16px","font-size":"16px"},avatarNameLG:{"margin-left":"16px","font-size":"16px"},"textbox-wrapper":{"border-radius":"4px",padding:"5.5px 7px",display:"flex","align-items":"center","line-height":".5rem",position:"relative"},"input-wrapper":{border:"0",outline:"0",margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"},"textarea-wrapper":{border:"0",outline:"0",color:`${H.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-style":"normal","font-weight":"normal","font-size":"14px",color:`${H.variant["neutral-2"]}`,display:"flex","align-items":"center","justify-content":"center",width:"max-content","background-color":"transparent","margin-bottom":"0px","padding-bottom":"0px"},image:{"border-radius":"0%",width:"100%",height:"100%"},imageAvatar:{"border-radius":"50%","box-sizing":"border-box",position:"absolute"},imageAvatarSM:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"30px",height:"30px"},imageAvatarMD:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"32px",height:"32px"},imageAvatarLG:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"0px",backgroundColor:"transparent"}},checkbox:{style:{maxHeight:"28px",maxWidth:"28px"}},headRow:{style:{background:`${H.variant["neutral-5"]}`,borderLeft:`1px solid ${H.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${H.variant["neutral-5"]}`,borderTop:`1px solid ${H.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${H.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${H.variant["neutral-5"]}`,borderRight:`1px solid ${H.variant["neutral-5"]}`,borderBottom:`1px solid ${H.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${H.variant["neutral-5"]}`}}},header:{display:"flex","justify-content":"space-between","align-items":"center",position:"fixed","z-index":"1000",top:"0",right:"0",left:"0","min-height":"56px","margin-left":"48px","font-size":"16px","background-color":`${H.additional.white}`,"border-bottom":`0.5px solid ${H.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"8px","padding-bottom":0,color:`${H.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"48px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${H.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${H.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${H.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${H.variant["neutral-2"]}`},"toggle-switch-wrapper":{display:"inline-flex","align-items":"center",width:"fit-content"},"dropzone-parent":{height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${H.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${H.textColor}`,"background-color":`${H.additional.white}`,"box-shadow":"0px 5px 15px rgba(33, 55, 71, 0.096946)","border-radius":"5.5px","margin-top":"5px"},"dropzone-text-div":{display:"flex","justify-content":"center","margin-left":"14px",color:`${H.textColor}`,"background-color":"transparent"},"dropzone-file-name":{"margin-left":"5px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap",padding:"2px","font-size":"14px",color:"#494949"},"signature-parent-div":{"border-radius":"5.5px","align-content":"flex-start","justify-content":"center",width:"inherit","max-width":"532px",height:"86px",display:"block","flex-flow":"column wrap","font-size":"17px",color:`${H.textColor}`,"background-color":`${H.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${H.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${H.additional.white}`,"font-family":"Beauty","background-clip":"padding-box",color:"#444444","font-style":"normal","font-weight":"normal","font-size":"47px","padding-left":"10px"},"modal-background":{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.6)","z-index":"2000"},"modal-wrapper":{position:"fixed",display:"flex","align-items":"flex-end","justify-content":"center","flex-direction":"column",background:"white",width:"fit-content",height:"fit-content",top:"50%",left:"50%",transform:"translate(-50%, -50%)","border-radius":"5px"},"modal-close-button":{cursor:"pointer",width:"fit-content",height:"fit-content",padding:"0","padding-right":"5px","padding-top":"5px",color:`${H.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"white","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"56px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${H.additional.white}`,"border-radius":"3.6px",border:`1px solid ${H.additional.white}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${H.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${H.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${H.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${H.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${H.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${H.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${H.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${H.additional.white} `,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${H.additional.white} `,"border-radius":"3.6px",border:`1px solid ${H.additional.white} `,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${H.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${H.variant["neutral-1"]} `,color:`${H.additional.white} `,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"background-color":"#2e56f4",position:"fixed",color:"white",display:"flex","flex-direction":"column","z-index":"999999"},"sidebar-container-open":{width:"256px"},"sidebar-container-close":{width:"48px"},"sidebar-container-mobile-open":{width:"256px","z-index":"9999999"},"sidebar-container-mobile-close":{width:"0px","z-index":"1001"},"sidebar-pusher":{"min-height":"100%",overflow:"hidden","background-color":"transparent",position:"fixed",transition:"width ease 400ms"},"sidebar-pusher-open":{width:"240px"},"sidebar-pusher-close":{width:"70px"},"sidebar-pusher-mobile":{width:"0px"},"modalComp-custom-style":{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",zIndex:"999"}},"modalComp-modal-close":{position:"absolute",top:"15px",right:"10px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"20px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px",padding:"1rem 3rem 0rem 3rem","&:before":{content:"",position:"fixed",display:"inline-block",left:0,right:0,"margin-top":"-0.9rem","z-index":-1},"selectComp-label-wrapper":{paddingBottom:"10px",display:"flex",width:"25vw"}},"popOver-Content":{padding:"16px",color:"white",width:"226px",borderRadius:"3.6px"},"popOver-header":{marginBottom:"8px",fontWeight:"600"},"popOver-body":{marginBottom:"11.5px"},ColorWrapper:{borderRadius:"4.87px",padding:"8px 21px",display:"flex"},"input-color":{borderRadius:"4px !important",width:"24px !important",height:"24px !important"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},j=(e,t)=>{if(e){let l={};if(e[t]){for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const t in e.common)l[t]=e.common[t]}return l}};function F(e,t){var l=parseInt(e.slice(1,3),16),o=parseInt(e.slice(3,5),16),r=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+o+", "+r+", "+t+")":"rgb("+l+", "+o+", "+r+")"}F("#FF0000",.5);const q=m.div`
   color: ${({activeTheme:e})=>e.additional["text-color"]};
-  padding-top: 25px;
-  padding-bottom: 25px;
+  padding-top: 24px;
+  padding-bottom: 24px;
   padding-left: 32px;
   padding-right: 32px;
   background-color: ${({activeTheme:e})=>e.additional.white};
@@ -13,7 +13,7 @@ import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as r,us
 
   // custom styles
   ${({customStyles:e})=>e};
-`,Z=({type:e,header:l,content:o,...r})=>{const i=u()||H;return t.createElement(q,z({activeTheme:i},r),l,o)};Z.propTypes={header:e.any,content:e.any};const O=m.div`
+`,Z=({type:e,header:l,content:o,customStyles:r,...i})=>{const a=u()||H;return t.createElement(q,z({activeTheme:a,customStyles:r},i),l,o)};Z.propTypes={header:e.any,content:e.any,customStyles:e.object};const O=m.div`
 
   color: ${({activeTheme:e})=>e.additional["text-color"]};
   padding-top: 25px;
@@ -777,11 +777,11 @@ ${({customTriggerStyle:e})=>e}
  position: relative;
 `,tt=({wrap:e,block:l,style:a,variant:n,variantSeparator:c,appLogo:s,separator:d,items:p,onClick:m,isPrimary:b,collapse:g,folderIcon:f,folderIconProps:h,iconMargin:y,...x})=>{const v=u()||H,C=o(null),[A,w]=r(void 0),S=()=>{w(C?.current?.scrollWidth<C?.current?.offsetWidth)};i((()=>{S()}),[p]),i((()=>{if(!e)return window.addEventListener("resize",S),()=>window.removeEventListener("resize",S)}),[]);const k=p.map(((e,l)=>t.createElement($e,{key:l},0!==l||s?t.createElement("div",{className:"breadcrumb-icon-separator"},d):null,t.createElement(_e,{id:e.id,theme:v,onClick:()=>{e.href&&m(e.href)},variant:n,href:e.href,"data-title":e.label},e.label))));let E,V;we().width<500?(E=2,V=p.slice(-1)):(E=4,V=p.slice(-3));const M=V.map(((e,l)=>t.createElement($e,{key:p.length-3},t.createElement("div",{className:"breadcrumb-icon-separator"},d),t.createElement(_e,{id:e.id,theme:v,onClick:()=>{e.href&&m(e.href)},variant:n,href:e.href,"data-title":e.label},e.label)))),B=p.slice(1,p.length-(E-1)).map(((e,l)=>t.createElement(et,{key:l},f?t.createElement("div",{style:{marginRight:"10px",marginTop:"2.3px"}},t.createElement($,z({icon:"folder-icon",size:17,transform:"translate(0px,-0.5px)"},h))):null,t.createElement(_e,{id:e.id,theme:v,onClick:()=>{e.href&&m(e.href)},variant:n,href:e.href,"data-title":e.label},e.label)))),L=p?1==g?p.length<=E?k:t.createElement(t.Fragment,null,t.createElement($e,{key:0},t.createElement("div",{className:"breadcrumb-icon-separator"},d),t.createElement(_e,{id:p[0].id,theme:v,onClick:()=>{p[0].href&&m(p[0].href)},variant:n,href:p[0].href,"data-title":p[0].label},p[0].label)),t.createElement($e,null,t.createElement("div",{className:"breadcrumb-icon-separator",style:{marginTop:"-3px"}},d),t.createElement(Qe,{contentTrigger:t.createElement($,{icon:"ellipses-horizontal",size:12,color:"#6B747F",style:{padding:"0 4px",paddingBottom:"6px",marginTop:"-5.5px"}}),customTriggerStyle:{cursor:"pointer",background:"#E2E6F5",borderRadius:"3px"},headerTooltip:"",customHeaderStyle:{marginBottom:"0px"},contentTooltip:t.createElement(t.Fragment,null,B),footerTooltip:"",popperOptionsP:{placement:"bottom"},customContentStyle:{width:"182px",backgroundColor:"white",color:"#6B747F",boxShadow:"0px 6px 40px rgba(56, 66, 100, 0.482627)",display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"16px",gap:"8px",position:"absolute",borderRadius:"3.6px",paddingBottom:"0px",marginTop:"-8.8px",marginLeft:"-6px"},customBodyStyle:{marginBottom:"0px"},customStylesTPArrow:{display:"none"},settings:{closeOnOutsideClick:!0,trigger:"click"}})),M):k:null;return t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"}},t.createElement("div",{style:{display:"flex",position:"absolute"}},t.createElement(Ke,z({theme:v,isWrap:e,ref:e?null:C,isBreadcrumbVisible:A,block:l,variant:n,variantSeparator:c,style:a,isPrimary:b,iconMargin:y},x),s&&t.createElement("div",{className:"breadcrumb-icon"},s),L)))};tt.propTypes={variant:e.string,variantSeparator:e.string,onClick:e.func,appLogo:e.any,separator:e.any,items:e.array,block:e.bool,wrap:e.bool,isPrimary:e.bool,collapse:e.bool,folderIcon:e.bool,iconMargin:e.string},tt.defaultProps={variant:"neutral-2",variantSeparator:"neutral-3",block:!1,onClick:void 0,wrap:!1,isPrimary:!0,collapse:!0,folderIcon:!0};const lt=m.label`
     //Set the styles from the default styles object
-    ${({theme:e,type:t})=>j(e,t)}
+    ${({inBuiltCss:e,type:t})=>j(e,t)}
         
     // custom styles
     ${({customStyles:e})=>e}
-`,ot=({customStyles:e,text:l,className:o,required:r,...i})=>{const a=u()||H;return t.createElement(lt,z({required:r,theme:a,customStyles:e,type:"label"},i),l,r&&t.createElement("div",{style:{marginLeft:"4px",color:`${a.variant.error}`}},"*"))};ot.propTypes={customStyles:e.object,text:e.string},ot.defaultProps={text:""};const rt=m.div`
+`,ot=({customStyles:e,text:l,className:o,required:r,...i})=>{const a=u()||H;return t.createElement(lt,z({required:r,inBuiltCss:T,customStyles:e,type:"label"},i),l,r&&t.createElement("div",{style:{marginLeft:"4px",color:`${a.variant.error}`}},"*"))};ot.propTypes={customStyles:e.object,text:e.string},ot.defaultProps={text:""};const rt=m.div`
   display: flex;
   flex-direction: column;
   ${({containerStyle:e})=>e};
@@ -1990,7 +1990,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
     margin-left: 56px;
   }
 `,bo=m.div`
-  margin: 0.75rem 0 0 3.5rem;
+  margin: 12px 0 0 56px;
   font-size: 16px;
   word-break: break-word;
   color: ${H.variant["graph-6"]};

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("react"),l=require("styled-components"),a=require("react-svg"),o=require("react-popper-tooltip"),r=require("react-phone-input-2"),i=require("dayjs");require("dayjs/locale/es");var n=require("react-datepicker"),c=require("react-select"),d=require("react-select/async"),s=require("react-signature-pad-wrapper"),u=require("react-data-table-component"),p=require("react-modal"),f=require("react-dom");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(e),g=m(t),h=m(l),y=m(r),x=m(i),v=m(n),C=m(c),A=m(d),w=m(s),S=m(u),k=m(p);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},E.apply(this,arguments)}const V={"primary-1":"#2A50FD","primary-2":"#081348"},M={error:"#DD0000",success:"#00B904 "},z={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},B={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},I={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},L={white:"#FFFFFF",black:"#000000","text-color":V["primary-2"],border:z["neutral-3"]},R={primary:{...V},ui:{...M},neutral:{...z},shade:{...B},graph:{...I},additional:{...L},variant:{...V,...M,...z,...B,...I,...L}},W={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${R.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},"progressBar-label":{display:"block","margin-bottom":"8px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.neutral["neutral-2"]}`},spinner:{"background-color":`${R.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"auto",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"12px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"16px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"18px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"16px","font-size":"16px"},avatarNameLG:{"margin-left":"16px","font-size":"16px"},"textbox-wrapper":{"border-radius":"4px",padding:"5.5px 7px",display:"flex","align-items":"center","line-height":".5rem",position:"relative"},"input-wrapper":{border:"0",outline:"0",margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"},"textarea-wrapper":{border:"0",outline:"0",color:`${R.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.variant["neutral-2"]}`,display:"flex","align-items":"center","justify-content":"center",width:"max-content","background-color":"transparent","margin-bottom":"0px","padding-bottom":"0px"},image:{"border-radius":"0%",width:"100%",height:"100%"},imageAvatar:{"border-radius":"50%","box-sizing":"border-box",position:"absolute"},imageAvatarSM:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"30px",height:"30px"},imageAvatarMD:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"32px",height:"32px"},imageAvatarLG:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"0px",backgroundColor:"transparent"}},checkbox:{style:{maxHeight:"28px",maxWidth:"28px"}},headRow:{style:{background:`${R.variant["neutral-5"]}`,borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${R.variant["neutral-5"]}`,borderTop:`1px solid ${R.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${R.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px solid ${R.variant["neutral-5"]}`,borderBottom:`1px solid ${R.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${R.variant["neutral-5"]}`}}},header:{display:"flex","justify-content":"space-between","align-items":"center",position:"fixed","z-index":"1000",top:"0",right:"0",left:"0","min-height":"56px","margin-left":"48px","font-size":"16px","background-color":`${R.additional.white}`,"border-bottom":`0.5px solid ${R.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"8px","padding-bottom":0,color:`${R.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"48px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${R.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${R.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${R.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${R.variant["neutral-2"]}`},"toggle-switch-wrapper":{display:"inline-flex","align-items":"center",width:"fit-content"},"dropzone-parent":{height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${R.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${R.textColor}`,"background-color":`${R.additional.white}`,"box-shadow":"0px 5px 15px rgba(33, 55, 71, 0.096946)","border-radius":"5.5px","margin-top":"5px"},"dropzone-text-div":{display:"flex","justify-content":"center","margin-left":"14px",color:`${R.textColor}`,"background-color":"transparent"},"dropzone-file-name":{"margin-left":"5px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap",padding:"2px","font-size":"14px",color:"#494949"},"signature-parent-div":{"border-radius":"5.5px","align-content":"flex-start","justify-content":"center",width:"inherit","max-width":"532px",height:"86px",display:"block","flex-flow":"column wrap","font-size":"17px",color:`${R.textColor}`,"background-color":`${R.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${R.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${R.additional.white}`,"font-family":"Beauty","background-clip":"padding-box",color:"#444444","font-style":"normal","font-weight":"normal","font-size":"47px","padding-left":"10px"},"modal-background":{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.6)","z-index":"2000"},"modal-wrapper":{position:"fixed",display:"flex","align-items":"flex-end","justify-content":"center","flex-direction":"column",background:"white",width:"fit-content",height:"fit-content",top:"50%",left:"50%",transform:"translate(-50%, -50%)","border-radius":"5px"},"modal-close-button":{cursor:"pointer",width:"fit-content",height:"fit-content",padding:"0","padding-right":"5px","padding-top":"5px",color:`${R.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"white","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"56px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${R.additional.white}`,"border-radius":"3.6px",border:`1px solid ${R.additional.white}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${R.additional.white} `,"border-radius":"3.6px",border:`1px solid ${R.additional.white} `,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${R.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${R.variant["neutral-1"]} `,color:`${R.additional.white} `,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"background-color":"#2e56f4",position:"fixed",color:"white",display:"flex","flex-direction":"column","z-index":"999999"},"sidebar-container-open":{width:"256px"},"sidebar-container-close":{width:"48px"},"sidebar-container-mobile-open":{width:"256px","z-index":"9999999"},"sidebar-container-mobile-close":{width:"0px","z-index":"1001"},"sidebar-pusher":{"min-height":"100%",overflow:"hidden","background-color":"transparent",position:"fixed",transition:"width ease 400ms"},"sidebar-pusher-open":{width:"240px"},"sidebar-pusher-close":{width:"70px"},"sidebar-pusher-mobile":{width:"0px"},"modalComp-custom-style":{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",zIndex:"999"}},"modalComp-modal-close":{position:"absolute",top:"15px",right:"10px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"20px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px",padding:"1rem 3rem 0rem 3rem","&:before":{content:"",position:"fixed",display:"inline-block",left:0,right:0,"margin-top":"-0.9rem","z-index":-1},"selectComp-label-wrapper":{paddingBottom:"10px",display:"flex",width:"25vw"}},"popOver-Content":{padding:"16px",color:"white",width:"226px",borderRadius:"3.6px"},"popOver-header":{marginBottom:"8px",fontWeight:"600"},"popOver-body":{marginBottom:"11.5px"},ColorWrapper:{borderRadius:"4.87px",padding:"8px 21px",display:"flex"},"input-color":{borderRadius:"4px !important",width:"24px !important",height:"24px !important"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},P=(e,t)=>{if(e){let l={};if(e[t]){for(const a in e[t])l[a]=e[t][a],delete e.common[a];for(const t in e.common)l[t]=e.common[t]}return l}};function T(e,t){var l=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+a+", "+o+", "+t+")":"rgb("+l+", "+a+", "+o+")"}T("#FF0000",.5);const H=h.default.div`
   color: ${({activeTheme:e})=>e.additional["text-color"]};
-  padding-top: 25px;
-  padding-bottom: 25px;
+  padding-top: 24px;
+  padding-bottom: 24px;
   padding-left: 32px;
   padding-right: 32px;
   background-color: ${({activeTheme:e})=>e.additional.white};
@@ -13,7 +13,7 @@
 
   // custom styles
   ${({customStyles:e})=>e};
-`,j=({type:e,header:t,content:a,...o})=>{const r=l.useTheme()||R;return g.default.createElement(H,E({activeTheme:r},o),t,a)};j.propTypes={header:b.default.any,content:b.default.any};const F=h.default.div`
+`,j=({type:e,header:t,content:a,customStyles:o,...r})=>{const i=l.useTheme()||R;return g.default.createElement(H,E({activeTheme:i,customStyles:o},r),t,a)};j.propTypes={header:b.default.any,content:b.default.any,customStyles:b.default.object};const F=h.default.div`
 
   color: ${({activeTheme:e})=>e.additional["text-color"]};
   padding-top: 25px;
@@ -777,11 +777,11 @@ ${({customTriggerStyle:e})=>e}
  position: relative;
 `,Ke=({wrap:e,block:a,style:o,variant:r,variantSeparator:i,appLogo:n,separator:c,items:d,onClick:s,isPrimary:u,collapse:p,folderIcon:f,folderIconProps:m,iconMargin:b,...h})=>{const y=l.useTheme()||R,x=t.useRef(null),[v,C]=t.useState(void 0),A=()=>{C(x?.current?.scrollWidth<x?.current?.offsetWidth)};t.useEffect((()=>{A()}),[d]),t.useEffect((()=>{if(!e)return window.addEventListener("resize",A),()=>window.removeEventListener("resize",A)}),[]);const w=d.map(((e,t)=>g.default.createElement(Ye,{key:t},0!==t||n?g.default.createElement("div",{className:"breadcrumb-icon-separator"},c):null,g.default.createElement(Ne,{id:e.id,theme:y,onClick:()=>{e.href&&s(e.href)},variant:r,href:e.href,"data-title":e.label},e.label))));let S,k;ve().width<500?(S=2,k=d.slice(-1)):(S=4,k=d.slice(-3));const V=k.map(((e,t)=>g.default.createElement(Ye,{key:d.length-3},g.default.createElement("div",{className:"breadcrumb-icon-separator"},c),g.default.createElement(Ne,{id:e.id,theme:y,onClick:()=>{e.href&&s(e.href)},variant:r,href:e.href,"data-title":e.label},e.label)))),M=d.slice(1,d.length-(S-1)).map(((e,t)=>g.default.createElement(Qe,{key:t},f?g.default.createElement("div",{style:{marginRight:"10px",marginTop:"2.3px"}},g.default.createElement(N,E({icon:"folder-icon",size:17,transform:"translate(0px,-0.5px)"},m))):null,g.default.createElement(Ne,{id:e.id,theme:y,onClick:()=>{e.href&&s(e.href)},variant:r,href:e.href,"data-title":e.label},e.label)))),z=d?1==p?d.length<=S?w:g.default.createElement(g.default.Fragment,null,g.default.createElement(Ye,{key:0},g.default.createElement("div",{className:"breadcrumb-icon-separator"},c),g.default.createElement(Ne,{id:d[0].id,theme:y,onClick:()=>{d[0].href&&s(d[0].href)},variant:r,href:d[0].href,"data-title":d[0].label},d[0].label)),g.default.createElement(Ye,null,g.default.createElement("div",{className:"breadcrumb-icon-separator",style:{marginTop:"-3px"}},c),g.default.createElement(Je,{contentTrigger:g.default.createElement(N,{icon:"ellipses-horizontal",size:12,color:"#6B747F",style:{padding:"0 4px",paddingBottom:"6px",marginTop:"-5.5px"}}),customTriggerStyle:{cursor:"pointer",background:"#E2E6F5",borderRadius:"3px"},headerTooltip:"",customHeaderStyle:{marginBottom:"0px"},contentTooltip:g.default.createElement(g.default.Fragment,null,M),footerTooltip:"",popperOptionsP:{placement:"bottom"},customContentStyle:{width:"182px",backgroundColor:"white",color:"#6B747F",boxShadow:"0px 6px 40px rgba(56, 66, 100, 0.482627)",display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"16px",gap:"8px",position:"absolute",borderRadius:"3.6px",paddingBottom:"0px",marginTop:"-8.8px",marginLeft:"-6px"},customBodyStyle:{marginBottom:"0px"},customStylesTPArrow:{display:"none"},settings:{closeOnOutsideClick:!0,trigger:"click"}})),V):w:null;return g.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"}},g.default.createElement("div",{style:{display:"flex",position:"absolute"}},g.default.createElement(Ue,E({theme:y,isWrap:e,ref:e?null:x,isBreadcrumbVisible:v,block:a,variant:r,variantSeparator:i,style:o,isPrimary:u,iconMargin:b},h),n&&g.default.createElement("div",{className:"breadcrumb-icon"},n),z)))};Ke.propTypes={variant:b.default.string,variantSeparator:b.default.string,onClick:b.default.func,appLogo:b.default.any,separator:b.default.any,items:b.default.array,block:b.default.bool,wrap:b.default.bool,isPrimary:b.default.bool,collapse:b.default.bool,folderIcon:b.default.bool,iconMargin:b.default.string},Ke.defaultProps={variant:"neutral-2",variantSeparator:"neutral-3",block:!1,onClick:void 0,wrap:!1,isPrimary:!0,collapse:!0,folderIcon:!0};const $e=h.default.label`
     //Set the styles from the default styles object
-    ${({theme:e,type:t})=>P(e,t)}
+    ${({inBuiltCss:e,type:t})=>P(e,t)}
         
     // custom styles
     ${({customStyles:e})=>e}
-`,_e=({customStyles:e,text:t,className:a,required:o,...r})=>{const i=l.useTheme()||R;return g.default.createElement($e,E({required:o,theme:i,customStyles:e,type:"label"},r),t,o&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${i.variant.error}`}},"*"))};_e.propTypes={customStyles:b.default.object,text:b.default.string},_e.defaultProps={text:""};const et=h.default.div`
+`,_e=({customStyles:e,text:t,className:a,required:o,...r})=>{const i=l.useTheme()||R;return g.default.createElement($e,E({required:o,inBuiltCss:W,customStyles:e,type:"label"},r),t,o&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${i.variant.error}`}},"*"))};_e.propTypes={customStyles:b.default.object,text:b.default.string},_e.defaultProps={text:""};const et=h.default.div`
   display: flex;
   flex-direction: column;
   ${({containerStyle:e})=>e};
@@ -1990,7 +1990,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
     margin-left: 56px;
   }
 `,da=h.default.div`
-  margin: 0.75rem 0 0 3.5rem;
+  margin: 12px 0 0 56px;
   font-size: 16px;
   word-break: break-word;
   color: ${R.variant["graph-6"]};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "groundfloor-react-ui",
   "description": "Official component library for Ground Floor",
-  "version": "1.2.90",
+  "version": "1.2.92",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,