@awell-health/ui-library 0.1.106 → 0.1.108

package/dist/index.css

@@ -6687,16 +6687,14 @@ 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;
-  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
+  z-index: 1001;
 }
 @media (min-width: 640px) {
   .awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint {
@@ -6705,14 +6703,12 @@ html {
   }
 }
 .awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint.awell__hostedPageFooter_visible {
-  visibility: visible;
   opacity: 1;
-  transition-delay: 0s;
+  transition: opacity 0.3s ease-in-out;
 }
 .awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint.awell__hostedPageFooter_hidden {
-  visibility: hidden;
   opacity: 0;
-  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
+  transition: opacity 0.3s ease-in-out;
 }
 @import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap';
 :root {

package/dist/index.js

@@ -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.style.opacity = isAtBottom ? '0' : '1';
+            var isAtBottom = scrollTop + clientHeight >= scrollHeight - 2;
+            scrollIndicatorRef.current.classList.toggle(classes$7.hidden, isAtBottom);
           }
         };
         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: [jsxRuntime.exports.jsx("div", __assign({ ref: scrollIndicatorRef, className: "".concat(classes$7.scrollHint, " ").concat(showScrollHint ? classes$7.visible : classes$7.hidden), id: "awell__form_scrollhint" }, { 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, " ").concat(classes$7.visible), 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.106",
+  "version": "0.1.108",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",