@mypatientspace/chatbot-widget 1.0.69 → 1.0.70

package/dist/mypatientspace-demo.es.js

@@ -14865,7 +14865,7 @@ const Ba = () => {
         /* @__PURE__ */ S.jsxs(g1, { fontFamily: s.fontFamily, children: [
           A,
           " v",
-          "1.0.69"
+          "1.0.70"
         ] })
       ] })
     ] }),
@@ -15364,9 +15364,16 @@ const Ba = () => {
   font-family: ${({ fontFamily: l }) => l};
   background-color: ${({ background: l }) => l};
 
-  /* Custom scrollbar with spacing from edge */
+  /* Thin scrollbar, visible only on hover */
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+
+  &:hover {
+    scrollbar-color: ${({ scrollbarThumb: l }) => l} transparent;
+  }
+
   &::-webkit-scrollbar {
-    width: 10px;
+    width: 6px;
   }
 
   &::-webkit-scrollbar-track {
@@ -15374,13 +15381,16 @@ const Ba = () => {
   }
 
   &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border-radius: 6px;
+    transition: background-color 0.2s ease;
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
     background-color: ${({ scrollbarThumb: l }) => l};
-    border-radius: 10px;
-    border: 2px solid transparent;
-    background-clip: padding-box;
   }
 
-  &::-webkit-scrollbar-thumb:hover {
+  &:hover::-webkit-scrollbar-thumb:hover {
     background-color: ${({ scrollbarThumbHover: l }) => l};
   }
 `, J1 = U.div`

package/dist/mypatientspace-demo.umd.js

@@ -806,7 +806,7 @@ Error generating stack: `+a.message+`
   display: flex;
   align-items: center;
   gap: 6px;
-`,$0=()=>{const{close:l,config:u,theme:s,assistant:r,isExpanded:d,toggleExpanded:h,startNewChat:y}=pa(),T=u.headerTitle||r?.chatUiConfig?.avatarTitle||"AI Doctor",S=u.headerIcon||r?.chatUiConfig?.avatarImage?.iconURL||r?.chatUiConfig?.avatarImage?.thumbnailURL||"https://web.mypatientspace.com/img/logo-symbol.png",g=u.headerSubtitle||r?.chatUiConfig?.headerSubtitle,A=u.brandingText||r?.chatUiConfig?.brandingText||"Developed by myPatientSpace";return x.jsxs(C0,{theme:s,children:[x.jsxs(T0,{children:[x.jsx(E0,{theme:s,hasCustomIcon:!0,children:x.jsx(z0,{src:S,alt:""})}),x.jsxs(A0,{children:[x.jsx(M0,{fontFamily:s.fontFamily,children:T}),g&&x.jsx(_0,{fontFamily:s.fontFamily,children:g}),x.jsxs(w0,{fontFamily:s.fontFamily,children:[A," v","1.0.69"]})]})]}),x.jsxs(O0,{children:[x.jsx(qu,{theme:s,onClick:y,"aria-label":"Start new chat",children:x.jsx($m,{size:16})}),x.jsx(qu,{theme:s,onClick:h,"aria-label":d?"Collapse chat":"Expand chat",children:d?x.jsx(Xs,{size:16}):x.jsx(Gs,{size:16})}),u.floatingMode&&x.jsx(qu,{theme:s,onClick:l,"aria-label":"Minimize chat",children:x.jsx(Ys,{size:16})})]})]})},D0=H.div`
+`,$0=()=>{const{close:l,config:u,theme:s,assistant:r,isExpanded:d,toggleExpanded:h,startNewChat:y}=pa(),T=u.headerTitle||r?.chatUiConfig?.avatarTitle||"AI Doctor",S=u.headerIcon||r?.chatUiConfig?.avatarImage?.iconURL||r?.chatUiConfig?.avatarImage?.thumbnailURL||"https://web.mypatientspace.com/img/logo-symbol.png",g=u.headerSubtitle||r?.chatUiConfig?.headerSubtitle,A=u.brandingText||r?.chatUiConfig?.brandingText||"Developed by myPatientSpace";return x.jsxs(C0,{theme:s,children:[x.jsxs(T0,{children:[x.jsx(E0,{theme:s,hasCustomIcon:!0,children:x.jsx(z0,{src:S,alt:""})}),x.jsxs(A0,{children:[x.jsx(M0,{fontFamily:s.fontFamily,children:T}),g&&x.jsx(_0,{fontFamily:s.fontFamily,children:g}),x.jsxs(w0,{fontFamily:s.fontFamily,children:[A," v","1.0.70"]})]})]}),x.jsxs(O0,{children:[x.jsx(qu,{theme:s,onClick:y,"aria-label":"Start new chat",children:x.jsx($m,{size:16})}),x.jsx(qu,{theme:s,onClick:h,"aria-label":d?"Collapse chat":"Expand chat",children:d?x.jsx(Xs,{size:16}):x.jsx(Gs,{size:16})}),u.floatingMode&&x.jsx(qu,{theme:s,onClick:l,"aria-label":"Minimize chat",children:x.jsx(Ys,{size:16})})]})]})},D0=H.div`
   position: relative;
   background-color: ${({theme:l})=>l.colors.background};
   border-bottom: 1px solid ${({theme:l})=>l.colors.borderLight};
@@ -1103,9 +1103,16 @@ Error generating stack: `+a.message+`
   font-family: ${({fontFamily:l})=>l};
   background-color: ${({background:l})=>l};
 
-  /* Custom scrollbar with spacing from edge */
+  /* Thin scrollbar, visible only on hover */
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+
+  &:hover {
+    scrollbar-color: ${({scrollbarThumb:l})=>l} transparent;
+  }
+
   &::-webkit-scrollbar {
-    width: 10px;
+    width: 6px;
   }
 
   &::-webkit-scrollbar-track {
@@ -1113,13 +1120,16 @@ Error generating stack: `+a.message+`
   }
 
   &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border-radius: 6px;
+    transition: background-color 0.2s ease;
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
     background-color: ${({scrollbarThumb:l})=>l};
-    border-radius: 10px;
-    border: 2px solid transparent;
-    background-clip: padding-box;
   }
 
-  &::-webkit-scrollbar-thumb:hover {
+  &:hover::-webkit-scrollbar-thumb:hover {
     background-color: ${({scrollbarThumbHover:l})=>l};
   }
 `,cy=H.div`

package/dist/mypatientspace-widget.es.js

@@ -12758,7 +12758,7 @@ const Xp = [
         /* @__PURE__ */ v.jsxs(Ip, { fontFamily: s.fontFamily, children: [
           O,
           " v",
-          "1.0.69"
+          "1.0.70"
         ] })
       ] })
     ] }),
@@ -13257,9 +13257,16 @@ const Xp = [
   font-family: ${({ fontFamily: n }) => n};
   background-color: ${({ background: n }) => n};
 
-  /* Custom scrollbar with spacing from edge */
+  /* Thin scrollbar, visible only on hover */
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+
+  &:hover {
+    scrollbar-color: ${({ scrollbarThumb: n }) => n} transparent;
+  }
+
   &::-webkit-scrollbar {
-    width: 10px;
+    width: 6px;
   }
 
   &::-webkit-scrollbar-track {
@@ -13267,13 +13274,16 @@ const Xp = [
   }
 
   &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border-radius: 6px;
+    transition: background-color 0.2s ease;
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
     background-color: ${({ scrollbarThumb: n }) => n};
-    border-radius: 10px;
-    border: 2px solid transparent;
-    background-clip: padding-box;
   }
 
-  &::-webkit-scrollbar-thumb:hover {
+  &:hover::-webkit-scrollbar-thumb:hover {
     background-color: ${({ scrollbarThumbHover: n }) => n};
   }
 `, R1 = H.div`

package/dist/mypatientspace-widget.umd.js

@@ -82,7 +82,7 @@ Error generating stack: `+a.message+`
   display: flex;
   align-items: center;
   gap: 6px;
-`,xm=()=>{const{close:n,config:c,theme:s,assistant:r,isExpanded:d,toggleExpanded:y,startNewChat:S}=Wl(),C=c.headerTitle||r?.chatUiConfig?.avatarTitle||"AI Doctor",x=c.headerIcon||r?.chatUiConfig?.avatarImage?.iconURL||r?.chatUiConfig?.avatarImage?.thumbnailURL||"https://web.mypatientspace.com/img/logo-symbol.png",m=c.headerSubtitle||r?.chatUiConfig?.headerSubtitle,_=c.brandingText||r?.chatUiConfig?.brandingText||"Developed by myPatientSpace";return v.jsxs(fm,{theme:s,children:[v.jsxs(dm,{children:[v.jsx(hm,{theme:s,hasCustomIcon:!0,children:v.jsx(ym,{src:x,alt:""})}),v.jsxs(mm,{children:[v.jsx(gm,{fontFamily:s.fontFamily,children:C}),m&&v.jsx(pm,{fontFamily:s.fontFamily,children:m}),v.jsxs(vm,{fontFamily:s.fontFamily,children:[_," v","1.0.69"]})]})]}),v.jsxs(bm,{children:[v.jsx(nc,{theme:s,onClick:S,"aria-label":"Start new chat",children:v.jsx(om,{size:16})}),v.jsx(nc,{theme:s,onClick:y,"aria-label":d?"Collapse chat":"Expand chat",children:d?v.jsx(gs,{size:16}):v.jsx(ys,{size:16})}),c.floatingMode&&v.jsx(nc,{theme:s,onClick:n,"aria-label":"Minimize chat",children:v.jsx(nm,{size:16})})]})]})},Sm=N.div`
+`,xm=()=>{const{close:n,config:c,theme:s,assistant:r,isExpanded:d,toggleExpanded:y,startNewChat:S}=Wl(),C=c.headerTitle||r?.chatUiConfig?.avatarTitle||"AI Doctor",x=c.headerIcon||r?.chatUiConfig?.avatarImage?.iconURL||r?.chatUiConfig?.avatarImage?.thumbnailURL||"https://web.mypatientspace.com/img/logo-symbol.png",m=c.headerSubtitle||r?.chatUiConfig?.headerSubtitle,_=c.brandingText||r?.chatUiConfig?.brandingText||"Developed by myPatientSpace";return v.jsxs(fm,{theme:s,children:[v.jsxs(dm,{children:[v.jsx(hm,{theme:s,hasCustomIcon:!0,children:v.jsx(ym,{src:x,alt:""})}),v.jsxs(mm,{children:[v.jsx(gm,{fontFamily:s.fontFamily,children:C}),m&&v.jsx(pm,{fontFamily:s.fontFamily,children:m}),v.jsxs(vm,{fontFamily:s.fontFamily,children:[_," v","1.0.70"]})]})]}),v.jsxs(bm,{children:[v.jsx(nc,{theme:s,onClick:S,"aria-label":"Start new chat",children:v.jsx(om,{size:16})}),v.jsx(nc,{theme:s,onClick:y,"aria-label":d?"Collapse chat":"Expand chat",children:d?v.jsx(gs,{size:16}):v.jsx(ys,{size:16})}),c.floatingMode&&v.jsx(nc,{theme:s,onClick:n,"aria-label":"Minimize chat",children:v.jsx(nm,{size:16})})]})]})},Sm=N.div`
   position: relative;
   background-color: ${({theme:n})=>n.colors.background};
   border-bottom: 1px solid ${({theme:n})=>n.colors.borderLight};
@@ -379,9 +379,16 @@ Error generating stack: `+a.message+`
   font-family: ${({fontFamily:n})=>n};
   background-color: ${({background:n})=>n};
 
-  /* Custom scrollbar with spacing from edge */
+  /* Thin scrollbar, visible only on hover */
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+
+  &:hover {
+    scrollbar-color: ${({scrollbarThumb:n})=>n} transparent;
+  }
+
   &::-webkit-scrollbar {
-    width: 10px;
+    width: 6px;
   }
 
   &::-webkit-scrollbar-track {
@@ -389,13 +396,16 @@ Error generating stack: `+a.message+`
   }
 
   &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border-radius: 6px;
+    transition: background-color 0.2s ease;
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
     background-color: ${({scrollbarThumb:n})=>n};
-    border-radius: 10px;
-    border: 2px solid transparent;
-    background-clip: padding-box;
   }
 
-  &::-webkit-scrollbar-thumb:hover {
+  &:hover::-webkit-scrollbar-thumb:hover {
     background-color: ${({scrollbarThumbHover:n})=>n};
   }
 `,Im=N.div`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mypatientspace/chatbot-widget",
-  "version": "1.0.69",
+  "version": "1.0.70",
   "description": "Embeddable healthcare chatbot widget for websites and mobile apps",
   "type": "module",
   "main": "dist/mypatientspace-widget.umd.js",