@mypatientspace/chatbot-widget 1.0.69 → 1.0.71

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.71"
         ] })
       ] })
     ] }),
@@ -14896,8 +14896,10 @@ const Ba = () => {
   background-color: ${({ theme: l }) => l.colors.background};
   border-bottom: 1px solid ${({ theme: l }) => l.colors.borderLight};
 
-  &:hover .close-button {
-    opacity: 1;
+  @media (hover: hover) {
+    &:hover .close-button {
+      opacity: 1;
+    }
   }
 `, v1 = U.button`
   position: absolute;
@@ -14918,9 +14920,15 @@ const Ba = () => {
   justify-content: center;
   z-index: 1;
 
-  &:hover {
-    color: ${({ theme: l }) => l.colors.text};
-    background-color: ${({ theme: l }) => l.colors.border};
+  @media (hover: hover) {
+    &:hover {
+      color: ${({ theme: l }) => l.colors.text};
+      background-color: ${({ theme: l }) => l.colors.border};
+    }
+  }
+
+  @media (hover: none) {
+    opacity: 1;
   }
 `, x1 = U.div`
   display: flex;
@@ -14950,10 +14958,12 @@ const Ba = () => {
   white-space: nowrap;
   transition: all 0.2s ease;
 
-  &:hover {
-    background-color: ${({ theme: l, isActive: u }) => u ? l.colors.primaryDark : l.colors.surface};
-    border-color: ${({ theme: l, isActive: u }) => u ? l.colors.primaryDark : l.colors.primary};
-    color: ${({ theme: l, isActive: u }) => u ? l.colors.white : l.colors.text};
+  @media (hover: hover) {
+    &:hover {
+      background-color: ${({ theme: l, isActive: u }) => u ? l.colors.primaryDark : l.colors.surface};
+      border-color: ${({ theme: l, isActive: u }) => u ? l.colors.primaryDark : l.colors.primary};
+      color: ${({ theme: l, isActive: u }) => u ? l.colors.white : l.colors.text};
+    }
   }
 
   &:active {
@@ -15364,9 +15374,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 +15391,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,13 +806,15 @@ 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.71"]})]})]}),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};
 
-  &:hover .close-button {
-    opacity: 1;
+  @media (hover: hover) {
+    &:hover .close-button {
+      opacity: 1;
+    }
   }
 `,B0=H.button`
   position: absolute;
@@ -833,9 +835,15 @@ Error generating stack: `+a.message+`
   justify-content: center;
   z-index: 1;
 
-  &:hover {
-    color: ${({theme:l})=>l.colors.text};
-    background-color: ${({theme:l})=>l.colors.border};
+  @media (hover: hover) {
+    &:hover {
+      color: ${({theme:l})=>l.colors.text};
+      background-color: ${({theme:l})=>l.colors.border};
+    }
+  }
+
+  @media (hover: none) {
+    opacity: 1;
   }
 `,R0=H.div`
   display: flex;
@@ -865,10 +873,12 @@ Error generating stack: `+a.message+`
   white-space: nowrap;
   transition: all 0.2s ease;
 
-  &:hover {
-    background-color: ${({theme:l,isActive:u})=>u?l.colors.primaryDark:l.colors.surface};
-    border-color: ${({theme:l,isActive:u})=>u?l.colors.primaryDark:l.colors.primary};
-    color: ${({theme:l,isActive:u})=>u?l.colors.white:l.colors.text};
+  @media (hover: hover) {
+    &:hover {
+      background-color: ${({theme:l,isActive:u})=>u?l.colors.primaryDark:l.colors.surface};
+      border-color: ${({theme:l,isActive:u})=>u?l.colors.primaryDark:l.colors.primary};
+      color: ${({theme:l,isActive:u})=>u?l.colors.white:l.colors.text};
+    }
   }
 
   &:active {
@@ -1103,9 +1113,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 +1130,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.71"
         ] })
       ] })
     ] }),
@@ -12789,8 +12789,10 @@ const Xp = [
   background-color: ${({ theme: n }) => n.colors.background};
   border-bottom: 1px solid ${({ theme: n }) => n.colors.borderLight};
 
-  &:hover .close-button {
-    opacity: 1;
+  @media (hover: hover) {
+    &:hover .close-button {
+      opacity: 1;
+    }
   }
 `, l1 = H.button`
   position: absolute;
@@ -12811,9 +12813,15 @@ const Xp = [
   justify-content: center;
   z-index: 1;
 
-  &:hover {
-    color: ${({ theme: n }) => n.colors.text};
-    background-color: ${({ theme: n }) => n.colors.border};
+  @media (hover: hover) {
+    &:hover {
+      color: ${({ theme: n }) => n.colors.text};
+      background-color: ${({ theme: n }) => n.colors.border};
+    }
+  }
+
+  @media (hover: none) {
+    opacity: 1;
   }
 `, a1 = H.div`
   display: flex;
@@ -12843,10 +12851,12 @@ const Xp = [
   white-space: nowrap;
   transition: all 0.2s ease;
 
-  &:hover {
-    background-color: ${({ theme: n, isActive: c }) => c ? n.colors.primaryDark : n.colors.surface};
-    border-color: ${({ theme: n, isActive: c }) => c ? n.colors.primaryDark : n.colors.primary};
-    color: ${({ theme: n, isActive: c }) => c ? n.colors.white : n.colors.text};
+  @media (hover: hover) {
+    &:hover {
+      background-color: ${({ theme: n, isActive: c }) => c ? n.colors.primaryDark : n.colors.surface};
+      border-color: ${({ theme: n, isActive: c }) => c ? n.colors.primaryDark : n.colors.primary};
+      color: ${({ theme: n, isActive: c }) => c ? n.colors.white : n.colors.text};
+    }
   }
 
   &:active {
@@ -13257,9 +13267,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 +13284,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,13 +82,15 @@ 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.71"]})]})]}),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};
 
-  &:hover .close-button {
-    opacity: 1;
+  @media (hover: hover) {
+    &:hover .close-button {
+      opacity: 1;
+    }
   }
 `,Tm=N.button`
   position: absolute;
@@ -109,9 +111,15 @@ Error generating stack: `+a.message+`
   justify-content: center;
   z-index: 1;
 
-  &:hover {
-    color: ${({theme:n})=>n.colors.text};
-    background-color: ${({theme:n})=>n.colors.border};
+  @media (hover: hover) {
+    &:hover {
+      color: ${({theme:n})=>n.colors.text};
+      background-color: ${({theme:n})=>n.colors.border};
+    }
+  }
+
+  @media (hover: none) {
+    opacity: 1;
   }
 `,Em=N.div`
   display: flex;
@@ -141,10 +149,12 @@ Error generating stack: `+a.message+`
   white-space: nowrap;
   transition: all 0.2s ease;
 
-  &:hover {
-    background-color: ${({theme:n,isActive:c})=>c?n.colors.primaryDark:n.colors.surface};
-    border-color: ${({theme:n,isActive:c})=>c?n.colors.primaryDark:n.colors.primary};
-    color: ${({theme:n,isActive:c})=>c?n.colors.white:n.colors.text};
+  @media (hover: hover) {
+    &:hover {
+      background-color: ${({theme:n,isActive:c})=>c?n.colors.primaryDark:n.colors.surface};
+      border-color: ${({theme:n,isActive:c})=>c?n.colors.primaryDark:n.colors.primary};
+      color: ${({theme:n,isActive:c})=>c?n.colors.white:n.colors.text};
+    }
   }
 
   &:active {
@@ -379,9 +389,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 +406,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.71",
   "description": "Embeddable healthcare chatbot widget for websites and mobile apps",
   "type": "module",
   "main": "dist/mypatientspace-widget.umd.js",