@solace-health/ui 0.9.8 → 0.9.10

package/dist/index.js

@@ -405,6 +405,14 @@ var a1={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",
   }
 `,o2=({color:e=void 0,size:t="sm"})=>jsx(rt,{color:e,size:t,children:jsx("div",{className:"loader",children:jsx("svg",{className:"circular-loader",viewBox:"25 25 50 50",children:jsx("circle",{className:"loader-path",cx:"50",cy:"50",r:"20",fill:"none"})})})});var it=(o=>(o.LOADING_LISTINGS="loadingListings",o.LOADING_ACCOUNT="loadingAccount",o))(it||{}),r1=class{client;constructor(t){this.client=R5.createClient(t);}async getLottieFile({slug:t}){let n=(await this.client.getEntries({content_type:"lottie"})).items.find(i=>i.fields.slug===t);return n?n.fields.lottieFile:(console.warn(`Lottie file not found for slug ${t}`),null)}async getImage(t){let n=(await this.client.getEntries({content_type:"image"})).items.find(i=>i.fields.slug===t);return n?n.fields.image.fields.file.url:null}};var Ct=({animationData:e,height:t,width:o,loop:n})=>{let i=useSpring({from:{opacity:0},to:{opacity:1}});return jsx(animated.div,{style:i,children:jsx(lt,{loop:n,animationData:e,play:!0,style:{width:o,height:t},rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})})},mt=({height:e,width:t,loop:o,slug:n,contentfulConfig:i})=>{let[s,l]=useState();return useEffect(()=>{new r1(i).getLottieFile({slug:n}).then(a=>{l(a);});},[]),s?jsx(Ct,{animationData:s,height:e,width:t,loop:o}):null};var ut=r(Modal)`
   border-radius: 20px;
+
+  @media (min-width: 621px) {
+    .ant-modal-body {
+      max-height: 80dvh;
+      overflow-y: auto;
+    }
+  }
+
   @media (max-width: 620px) {
     max-width: 100dvw;
 
@@ -717,6 +725,8 @@ var a1={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",
 `,m8=C8;var f8=r.div`
   display: flex;
   flex-direction: column;
+  font-weight: 700;
+  padding: 10px;
 
   & div {
     display: flex;
@@ -739,7 +749,9 @@ var a1={colors:{primary:"#1D4339",secondaryGreen:"#285E50",lightGreen:"#BED3CC",
 
   transition: all 0.15s ease-in;
 `,u8=r.div`
+  color: #347866;
   width: 32px;
+  white-space: nowrap;
 `,h8=r.div`
   border: 1px solid #afc8bf;