@awell-health/ui-library 0.1.107 → 0.1.109

package/dist/index.css

@@ -6687,17 +6687,15 @@ html {
   left: 0;
 }
 .awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint {
-  position: absolute;
+  position: fixed;
   bottom: var(--awell-mobile-footer-height);
   padding: var(--awell-spacing-2) 0;
   left: 0;
   display: flex;
   justify-content: center;
   width: 100%;
-  z-index: 1;
-  background: #fff;
+  z-index: 1001;
   transition: opacity 0.3s ease-in-out;
-  opacity: 1;
 }
 @media (min-width: 640px) {
   .awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint {
@@ -6705,12 +6703,6 @@ html {
     bottom: var(--awell-footer-height);
   }
 }
-.awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint.awell__hostedPageFooter_visible {
-  opacity: 1;
-}
-.awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint.awell__hostedPageFooter_hidden {
-  opacity: 0;
-}
 @import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap';
 :root {
   --awell-accent100: #fdb833;

package/dist/index.js

@@ -48541,7 +48541,7 @@ var     Kr=[{
 
     };
 
-    var classes$7 = {"footer":"awell__hostedPageFooter_footer","fixed":"awell__hostedPageFooter_fixed","scrollHint":"awell__hostedPageFooter_scrollHint","visible":"awell__hostedPageFooter_visible","hidden":"awell__hostedPageFooter_hidden"};
+    var classes$7 = {"footer":"awell__hostedPageFooter_footer","fixed":"awell__hostedPageFooter_fixed","scrollHint":"awell__hostedPageFooter_scrollHint"};
 
     var HostedPageFooter = function (_a) {
       var children = _a.children,_b = _a.showScrollHint,showScrollHint = _b === void 0 ? false : _b,_c = _a.fixPosition,fixPosition = _c === void 0 ? false : _c;
@@ -48550,8 +48550,8 @@ var     Kr=[{
         var handleScroll = function () {
           if (scrollIndicatorRef.current) {
             var _a = document.documentElement,scrollTop = _a.scrollTop,scrollHeight = _a.scrollHeight,clientHeight = _a.clientHeight;
-            var isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
-            scrollIndicatorRef.current.classList.toggle(classes$7.hidden, isAtBottom);
+            var isAtBottom = scrollTop + clientHeight >= scrollHeight - 2;
+            scrollIndicatorRef.current.style.opacity = isAtBottom ? '0' : '1';
           }
         };
         window.addEventListener('scroll', handleScroll);
@@ -48560,7 +48560,7 @@ var     Kr=[{
       var footerClass = fixPosition ?
       "".concat(classes$7.footer, " ").concat(classes$7.fixed) :
       classes$7.footer;
-      return jsxRuntime.exports.jsxs("footer", __assign({ className: footerClass }, { children: [showScrollHint && jsxRuntime.exports.jsx("div", __assign({ ref: scrollIndicatorRef, className: "".concat(classes$7.scrollHint, " ").concat(classes$7.visible), id: "awell__scroll_hint" }, { children: jsxRuntime.exports.jsx(ScrollIndicator, {}) })), children] }));
+      return jsxRuntime.exports.jsxs("footer", __assign({ className: footerClass }, { children: [showScrollHint && jsxRuntime.exports.jsx("div", __assign({ ref: scrollIndicatorRef, className: "".concat(classes$7.scrollHint), id: "awell__scroll_hint" }, { children: jsxRuntime.exports.jsx(ScrollIndicator, {}) })), children] }));
     };
 
     var classes$6 = {"container":"awell__checklist_container","awell_checklist":"awell__checklist_awell_checklist","title":"awell__checklist_title","checklist":"awell__checklist_checklist","checkboxListFormControl":"awell__checklist_checkboxListFormControl","button_wrapper":"awell__checklist_button_wrapper"};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.107",
+  "version": "0.1.109",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",