@procore/core-react 10.20.0-rc.87 → 10.20.0-rc.90

package/dist/esm/components/Panel/Panel.js

@@ -33,7 +33,13 @@ import { OverlayTrigger } from '../OverlayTrigger';
 import { Tooltip } from '../Tooltip';
 import { StyledBody, StyledFooter, StyledFooterActions, StyledFooterNotation, StyledHeader, StyledHeaderActions, StyledHeaderBackAction, StyledMoreMenu, StyledPanel, StyledTitle, StyledCloseButton, } from './Panel.styles';
 import { Section, SectionProvider, LevelContext } from '../../layouts/Section';
-import { useI18nContext } from '../..';
+import { useScroll } from '../../effects/Scroll';
+import { useResize } from '../../effects/Resize';
+import { useI18nContext } from '../../state/I18n';
+var PanelContext = React.createContext({
+    isFooterSticky: false,
+    setIsFooterSticky: function () { },
+});
 var maxVisibleIcons = 3;
 var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
     var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
@@ -90,9 +96,28 @@ var Header = React.forwardRef(function Header(_a, ref) {
 });
 var Body = React.forwardRef(function Body(_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
+    var bodyRef = React.useRef(null);
+    var setIsFooterSticky = React.useContext(PanelContext).setIsFooterSticky;
+    function calculateBodyScroll() {
+        if (!bodyRef.current) {
+            return;
+        }
+        var isScrollable = bodyRef.current.scrollHeight > bodyRef.current.clientHeight;
+        if (isScrollable) {
+            var isNotScrolledToBottom = bodyRef.current.scrollTop + bodyRef.current.clientHeight <
+                bodyRef.current.scrollHeight;
+            setIsFooterSticky(isNotScrolledToBottom);
+        }
+        else {
+            setIsFooterSticky(false);
+        }
+    }
+    React.useEffect(calculateBodyScroll, []);
+    useScroll({ onScroll: calculateBodyScroll, scope: bodyRef });
+    useResize({ onResize: calculateBodyScroll });
     return (React.createElement(SectionProvider, null,
         React.createElement(LevelContext.Provider, { value: 3 },
-            React.createElement(StyledBody, __assign({}, props, { ref: ref }), children))));
+            React.createElement(StyledBody, __assign({}, props, { ref: mergeRefs(ref, bodyRef, calculateBodyScroll) }), children))));
 });
 var FooterNotation = React.forwardRef(function FooterNotation(_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
@@ -104,11 +129,17 @@ var FooterActions = React.forwardRef(function FooterActions(_a, ref) {
 });
 var Footer = React.forwardRef(function Footer(_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledFooter, __assign({}, props, { ref: ref }), children));
+    var isFooterSticky = React.useContext(PanelContext).isFooterSticky;
+    return (React.createElement(StyledFooter, __assign({}, props, { ref: ref, "$hasShadow": isFooterSticky }), children));
 });
 var Panel_ = React.forwardRef(function Panel(_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledPanel, __assign({}, props, { ref: ref }), children));
+    var _b = React.useState(false), isFooterSticky = _b[0], setIsFooterSticky = _b[1];
+    return (React.createElement(PanelContext.Provider, { value: {
+            setIsFooterSticky: setIsFooterSticky,
+            isFooterSticky: isFooterSticky,
+        } },
+        React.createElement(StyledPanel, __assign({}, props, { ref: ref }), children)));
 });
 Panel_.displayName = 'Panel';
 Body.displayName = 'Panel.Body';

package/dist/esm/components/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Panel/Panel.styles.d.ts

@@ -12,4 +12,6 @@ export declare const StyledBody: import("styled-components").StyledComponent<"di
 export declare const StyledPanel: import("styled-components").StyledComponent<"aside", any, {}, never>;
 export declare const StyledFooterNotation: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledFooterActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {
+    $hasShadow: boolean;
+}, never>;

package/dist/esm/components/Panel/Panel.styles.js

@@ -8,10 +8,11 @@ import { spacing } from '../../styles/spacing';
 import { Card } from '../Card';
 import { Typography } from '../Typography/Typography';
 import { StyledSection, StyledSectionInner, } from '../../layouts/Section/Section.styles';
+import { getShadow } from '../../styles/shadows';
 var headerActionSize = 36;
 var buttonShadowWidth = 2;
 var gutter = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > * + * {\n    margin-left: ", "px;\n  }\n"], ["\n  > * + * {\n    margin-left: ", "px;\n  }\n"])), spacing.sm);
-var panel = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  min-height: 64px;\n  padding: ", "px;\n  background: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  min-height: 64px;\n  padding: ", "px;\n  background: ", ";\n"])), spacing.lg, colors.white);
+var panel = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ", "px;\n  background: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  padding: ", "px;\n  background: ", ";\n"])), spacing.lg, colors.white);
 export var StyledHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n\n  ", "\n"], ["\n  border-bottom: 1px solid ", ";\n\n  ", "\n"])), colors.gray85, panel);
 export var StyledTitle = styled(Typography)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex-grow: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n"], ["\n  flex-grow: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n"])));
 export var StyledHeaderBackAction = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ", "px;\n  margin-right: ", "px;\n  opacity: ", ";\n  transform: translateX(\n    ", "px\n  );\n"], ["\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ", "px;\n  margin-right: ", "px;\n  opacity: ", ";\n  transform: translateX(\n    ", "px\n  );\n"])), function (_a) {
@@ -37,6 +38,9 @@ export var StyledBody = styled.div(templateObject_9 || (templateObject_9 = __mak
 export var StyledPanel = styled.aside(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  overflow: hidden;\n"])), colors.white);
 export var StyledFooterNotation = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
 export var StyledFooterActions = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), gutter);
-export var StyledFooter = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  justify-content: flex-end;\n  border-top: 1px solid ", ";\n\n  ", "\n"], ["\n  justify-content: flex-end;\n  border-top: 1px solid ", ";\n\n  ", "\n"])), colors.gray85, panel);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+export var StyledFooter = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  justify-content: flex-end;\n  border-top: 1px solid ", ";\n\n  ", "\n\n  ", "\n"], ["\n  justify-content: flex-end;\n  border-top: 1px solid ", ";\n\n  ", "\n\n  ", "\n"])), colors.gray85, panel, function (_a) {
+    var $hasShadow = _a.$hasShadow;
+    return $hasShadow && css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      ", "\n      z-index: 1;\n    "], ["\n      ", "\n      z-index: 1;\n    "])), getShadow(2, 'top'));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
 //# sourceMappingURL=Panel.styles.js.map

package/dist/esm/components/Panel/Panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Panel/Panel.types.d.ts

@@ -29,3 +29,7 @@ export interface PanelBodyProps extends DivAttributes {
      */
     secondaryBgColor?: boolean;
 }
+export interface PanelContextShape {
+    isFooterSticky: boolean;
+    setIsFooterSticky: (v: boolean) => void;
+}

package/dist/esm/layouts/PageLayout/PageLayout.d.ts

@@ -3,10 +3,14 @@ import { Props } from '../../utils/types';
 import { PageAsideProps, PageComponentProps, PageHeaderProps } from './PageLayout.types';
 import { DivAttributes } from '../../utils/types';
 import { NextGridProps } from '../NextGrid/NextGrid.types';
-export declare const PageAsideContext: React.Context<{
-    open: () => void;
-    close: () => void;
-    isOpen: boolean;
+export declare const PageContext: React.Context<{
+    bodyRef: React.RefObject<HTMLDivElement>;
+    footerRef: React.RefObject<HTMLDivElement>;
+    aside: {
+        open: () => void;
+        close: () => void;
+        isOpen: boolean;
+    };
 }>;
 export declare const Page: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/layouts/PageLayout/PageLayout.js

@@ -23,17 +23,27 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { addSubcomponents } from '../../utils/addSubcomponents';
 import { NextGrid } from '../NextGrid';
-import { StyledPageHeader, StyledBody, StyledFooter, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, } from './PageLayout.styles';
-import { useStickyFooter } from './useStickyPageFooter';
+import { StyledPageHeader, StyledBody, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, StyledFooter, } from './PageLayout.styles';
 import { mergeRefs } from '../../effects/mergeRefs';
 import { pageLayoutRootDataAttr } from './PageLayout.constants';
 import { useResize } from '../../effects/Resize';
 import { useScroll } from '../../effects/Scroll';
-export var PageAsideContext = React.createContext({
-    open: function () { },
-    close: function () { },
-    isOpen: false,
+import Flex from '../Flex';
+export var PageContext = React.createContext({
+    bodyRef: React.createRef(),
+    footerRef: React.createRef(),
+    aside: {
+        open: function () { },
+        close: function () { },
+        isOpen: false,
+    },
 });
+function getIsIntersectingVertically(upperEl, lowerEl) {
+    return (upperEl.getBoundingClientRect().bottom > lowerEl.getBoundingClientRect().top);
+}
+function getIsIntersectingHorizontally(leftEl, rightEl) {
+    return (leftEl.getBoundingClientRect().right > rightEl.getBoundingClientRect().left);
+}
 var PageGrid = function (_a) {
     var gutterX = _a.gutterX, props = __rest(_a, ["gutterX"]);
     return React.createElement(NextGrid, __assign({ gutterX: gutterX !== null && gutterX !== void 0 ? gutterX : 'lg' }, props));
@@ -43,18 +53,33 @@ var PageHeader = React.forwardRef(function PageHeader(_a, ref) {
     return React.createElement(StyledPageHeader, __assign({ "$transparent": transparent }, props, { ref: ref }));
 });
 var PageBody = React.forwardRef(function PageBody(props, ref) {
-    return React.createElement(StyledBody, __assign({}, props, { ref: ref }));
+    var bodyRef = React.useContext(PageContext).bodyRef;
+    return React.createElement(StyledBody, __assign({}, props, { ref: mergeRefs(ref, bodyRef) }));
 });
 var PageFooter = React.forwardRef(function PageFooter(props, ref) {
-    var _a = useStickyFooter(), registerFooterEl = _a.registerFooterEl, isSticky = _a.isSticky, stickyFooterWidth = _a.stickyFooterWidth, placeholder = _a.placeholderEl;
-    var isAsideOpen = React.useContext(PageAsideContext).isOpen;
+    var _a = React.useContext(PageContext), bodyRef = _a.bodyRef, footerRef = _a.footerRef, aside = _a.aside;
+    var _b = React.useState(false), isIntersecting = _b[0], setIsIntersecting = _b[1];
+    function calculateIntersections() {
+        if (!footerRef.current || !bodyRef.current) {
+            return;
+        }
+        setIsIntersecting(getIsIntersectingVertically(bodyRef.current, footerRef.current));
+    }
+    React.useEffect(calculateIntersections, []);
+    useScroll({ onScroll: calculateIntersections });
+    useResize({ onResize: calculateIntersections });
     return (React.createElement(React.Fragment, null,
-        React.createElement(StyledFooter, __assign({}, props, { "$stickyWidth": stickyFooterWidth, "$sticky": isSticky, "$isAsideOpen": isAsideOpen, ref: mergeRefs(registerFooterEl, ref) })),
-        placeholder));
+        React.createElement(StyledFooter, __assign({}, props, { "$isAsideOpen": aside.isOpen, "$hasShadow": isIntersecting, ref: mergeRefs(ref, footerRef) }))));
 });
 var PageAside = React.forwardRef(function PageAside(_a, ref) {
     var children = _a.children, controlledIsOpen = _a.open, props = __rest(_a, ["children", "open"]);
-    var _b = React.useContext(PageAsideContext), isOpen = _b.isOpen, open = _b.open, close = _b.close;
+    var _b = React.useContext(PageContext).aside, isOpen = _b.isOpen, open = _b.open, close = _b.close;
+    var footerRef = React.useContext(PageContext).footerRef;
+    var innerRef = React.useRef(null);
+    var upperRef = React.useRef(null);
+    var lowerRef = React.useRef(null);
+    var _c = React.useState(0), topOffset = _c[0], setTopOffset = _c[1];
+    var _d = React.useState(0), bottomOffset = _d[0], setBottomOffset = _d[1];
     React.useEffect(function () {
         if (controlledIsOpen) {
             open();
@@ -63,35 +88,63 @@ var PageAside = React.forwardRef(function PageAside(_a, ref) {
             close();
         }
     }, [controlledIsOpen]);
-    var _c = React.useState(0), offsetTop = _c[0], setOffsetTop = _c[1];
-    function calculateTopOffset() {
-        var _a;
-        if (!anchorRef.current) {
+    function calculateVerticalOffsets() {
+        var _a, _b;
+        if (!innerRef.current || !upperRef.current) {
+            return;
+        }
+        // push from the global header
+        var upperRect = upperRef.current.getBoundingClientRect();
+        var viewportTopOffset = (_a = upperRect.y) !== null && _a !== void 0 ? _a : upperRect.top;
+        var upperTopOffset = Math.max(viewportTopOffset, 0);
+        setTopOffset(upperTopOffset);
+        if (!lowerRef.current) {
+            return;
+        }
+        // push from the global footer
+        var lowerRect = lowerRef.current.getBoundingClientRect();
+        var lowerTopOffset = (_b = lowerRect.y) !== null && _b !== void 0 ? _b : lowerRect.top;
+        var viewportHeight = document.documentElement.clientHeight;
+        var globalFooterOffset = Math.max(viewportHeight - lowerTopOffset, 0);
+        setBottomOffset(globalFooterOffset);
+        if (!footerRef.current) {
+            return;
+        }
+        // occasionally push from the sticky footer too, relevant on smaller screens
+        var isIntersectingWithFooter = getIsIntersectingHorizontally(footerRef.current, innerRef.current);
+        if (isIntersectingWithFooter) {
+            var footerHeight = footerRef.current.getBoundingClientRect().height;
+            setBottomOffset(globalFooterOffset + footerHeight);
             return;
         }
-        var rect = anchorRef.current.getBoundingClientRect();
-        // use "top" for IE11 compatibility
-        var viewportTopOffset = (_a = rect.y) !== null && _a !== void 0 ? _a : rect.top;
-        setOffsetTop(Math.max(viewportTopOffset, 0));
     }
-    useScroll({ onScroll: calculateTopOffset });
-    useResize({ onResize: calculateTopOffset });
-    var anchorRef = React.useRef(null);
+    useScroll({ onScroll: calculateVerticalOffsets });
+    useResize({ onResize: calculateVerticalOffsets });
+    React.useEffect(function () {
+        if (isOpen) {
+            calculateVerticalOffsets();
+        }
+    }, [isOpen]);
     return isOpen ? (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: anchorRef }),
-        React.createElement(StyledAside, __assign({}, props, { ref: mergeRefs(ref, calculateTopOffset) }),
-            React.createElement(StyledAsidePanel, { "$offsetTop": offsetTop }, children)))) : null;
+        React.createElement(Flex, { alignSelf: "flex-start", ref: upperRef }),
+        React.createElement(StyledAside, __assign({}, props, { ref: mergeRefs(ref, innerRef, calculateVerticalOffsets) }),
+            React.createElement(StyledAsidePanel, { "$offsetTop": topOffset, "$minusHeight": topOffset + bottomOffset }, children)),
+        React.createElement(Flex, { alignSelf: "flex-end", ref: lowerRef }))) : null;
 });
 var PageContainer = React.forwardRef(function PageContainer(props, ref) {
     var _a = React.useState(true), isAsideOpen = _a[0], setIsAsideOpen = _a[1];
     var openAside = function () { return setIsAsideOpen(true); };
     var closeAside = function () { return setIsAsideOpen(false); };
-    return (
-    // define Aside context on the top of the layout tree to enable access to it
-    React.createElement(PageAsideContext.Provider, { value: {
-            open: openAside,
-            close: closeAside,
-            isOpen: isAsideOpen,
+    var bodyRef = React.useRef(null);
+    var footerRef = React.useRef(null);
+    return (React.createElement(PageContext.Provider, { value: {
+            bodyRef: bodyRef,
+            footerRef: footerRef,
+            aside: {
+                open: openAside,
+                close: closeAside,
+                isOpen: isAsideOpen,
+            },
         } },
         React.createElement(StyledPageContainer, __assign({}, props, { ref: ref }))));
 });

package/dist/esm/layouts/PageLayout/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":"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"}

package/dist/esm/layouts/PageLayout/PageLayout.styles.d.ts

@@ -11,13 +11,13 @@ export declare const StyledPageActions: import("styled-components").StyledCompon
 export declare const StyledPageTabs: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {
-    $sticky: boolean;
     $isAsideOpen: boolean;
-    $stickyWidth: number;
+    $hasShadow: boolean;
 }, never>;
 export declare const StyledAside: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAsidePanel: import("styled-components").StyledComponent<"div", any, {
-    $offsetTop?: number | undefined;
+    $offsetTop: number;
+    $minusHeight: number;
 }, never>;
 export declare const StyledPageMain: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/layouts/PageLayout/PageLayout.styles.js

@@ -28,20 +28,19 @@ var zIndexes = {
     panelNarrowScreen: 1,
     footer: 2,
 };
-var getStickyFooterCSS = function (stickyWidth) { return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n  position: fixed;\n  bottom: 0;\n  width: ", "px;\n  z-index: ", ";\n"], ["\n  ", "\n  position: fixed;\n  bottom: 0;\n  width: ", "px;\n  z-index: ", ";\n"])), getShadow(2, 'top'), stickyWidth, zIndexes.footer); };
-export var StyledFooter = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background-color: hsla(0, 0%, 100%, 0.7);\n  margin: 0 ", "px;\n\n  ", "\n\n  ", "\n"], ["\n  background-color: hsla(0, 0%, 100%, 0.7);\n  margin: 0 ", "px;\n\n  ", "\n\n  ", "\n"])), outerPageSpacing * -1, function (_a) {
-    var $sticky = _a.$sticky, $stickyWidth = _a.$stickyWidth;
-    return $sticky && getStickyFooterCSS($stickyWidth);
+export var StyledFooter = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n  margin: 0 ", "px;\n\n  ", "\n\n  position: sticky;\n  bottom: 0;\n\n  ", "\n"], ["\n  background-color: ", ";\n  margin: 0 ", "px;\n\n  ", "\n\n  position: sticky;\n  bottom: 0;\n\n  ", "\n"])), colors.white, outerPageSpacing * -1, function (_a) {
+    var $hasShadow = _a.$hasShadow;
+    return $hasShadow && getShadow(2, 'top');
 }, function (_a) {
-    var $isAsideOpen = _a.$isAsideOpen, $stickyWidth = _a.$stickyWidth;
-    return $isAsideOpen && css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      @media (max-width: ", "px) {\n        ", "\n      }\n    "], ["\n      @media (max-width: ", "px) {\n        ", "\n      }\n    "])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), getStickyFooterCSS($stickyWidth));
+    var $isAsideOpen = _a.$isAsideOpen;
+    return $isAsideOpen && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      @media (max-width: ", "px) {\n        z-index: ", ";\n      }\n    "], ["\n      @media (max-width: ", "px) {\n        z-index: ", ";\n      }\n    "])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), zIndexes.footer);
 });
-export var StyledAside = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  flex: 0 0 ", "px;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media (max-width: ", "px) {\n    position: absolute;\n  }\n"], ["\n  flex: 0 0 ", "px;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media (max-width: ", "px) {\n    position: absolute;\n  }\n"])), panelWidth, adjustMaxWidth(breakpointRawMinWidthValues.tabletMd));
-export var StyledAsidePanel = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  // position panel behind the page sticky footer on smaller screens\n  @media (max-width: ", "px) {\n    z-index: ", ";\n  }\n\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n  right: 0;\n  ", "\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n"], ["\n  // position panel behind the page sticky footer on smaller screens\n  @media (max-width: ", "px) {\n    z-index: ", ";\n  }\n\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n  right: 0;\n  ", "\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n"])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), zIndexes.panelNarrowScreen, panelWidth, colors.gray96, getShadow(2), zIndexes.panelWideScreen, function (_a) {
-    var _b = _a.$offsetTop, $offsetTop = _b === void 0 ? 0 : _b;
-    return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      top: ", "px;\n      height: calc(100vh - ", "px);\n    "], ["\n      top: ", "px;\n      height: calc(100vh - ", "px);\n    "])), $offsetTop, $offsetTop);
+export var StyledAside = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  flex: 0 0 ", "px;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media (max-width: ", "px) {\n    position: absolute;\n  }\n"], ["\n  flex: 0 0 ", "px;\n\n  // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n  @media (max-width: ", "px) {\n    position: absolute;\n  }\n"])), panelWidth, adjustMaxWidth(breakpointRawMinWidthValues.tabletMd));
+export var StyledAsidePanel = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  // position panel behind the page sticky footer on smaller screens\n  @media (max-width: ", "px) {\n    ", "\n    border-left: 0;\n    z-index: ", ";\n  }\n\n  border-left: 1px solid ", ";\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n  right: 0;\n\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n"], ["\n  // position panel behind the page sticky footer on smaller screens\n  @media (max-width: ", "px) {\n    ", "\n    border-left: 0;\n    z-index: ", ";\n  }\n\n  border-left: 1px solid ", ";\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\n  right: 0;\n\n  overflow: auto;\n  z-index: ", ";\n\n  ", "\n"])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), getShadow(2), zIndexes.panelNarrowScreen, colors.gray85, panelWidth, colors.gray96, zIndexes.panelWideScreen, function (_a) {
+    var $offsetTop = _a.$offsetTop, $minusHeight = _a.$minusHeight;
+    return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      top: ", "px;\n      height: calc(100vh - ", "px);\n    "], ["\n      top: ", "px;\n      height: calc(100vh - ", "px);\n    "])), $offsetTop, $minusHeight);
 });
-export var StyledPageMain = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n"], ["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n"])), outerPageSpacing);
-export var StyledPageContainer = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  background-color: ", ";\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  background-color: ", ";\n"])), colors.gray96);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+export var StyledPageMain = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n"], ["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n"])), outerPageSpacing);
+export var StyledPageContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  background-color: ", ";\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  background-color: ", ";\n"])), colors.gray96);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
 //# sourceMappingURL=PageLayout.styles.js.map

package/dist/esm/layouts/PageLayout/PageLayout.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.styles.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageLayout.styles.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/layouts/PageLayout/index.d.ts

@@ -1 +1 @@
-export { Page, PageAsideContext } from './PageLayout';
+export { Page, PageContext } from './PageLayout';

package/dist/esm/layouts/PageLayout/index.js

@@ -1,2 +1,2 @@
-export { Page, PageAsideContext } from './PageLayout';
+export { Page, PageContext } from './PageLayout';
 //# sourceMappingURL=index.js.map

package/dist/esm/layouts/PageLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA"}

package/dist/props/Panel.json

@@ -1 +1 @@
-{"PanelBodyProps":[{"name":"secondaryBgColor","type":"boolean","required":false,"description":"Applies the gray secondary background color."}],"PanelHeaderActionProps":[{"name":"block","type":"boolean","required":false,"description":"Sets the button to be 100% of the width of its parent"},{"name":"icon","type":"ReactNode","required":false,"description":"string icons have been deprecated, please pass a component from `@procore/core-icons`\nThe icon to display on the left side of the label"},{"name":"iconRight","type":"ReactNode","required":false,"description":"The icon to display on the right side of the label"},{"name":"loading","type":"boolean","required":false,"description":"Shows the button spinner"},{"name":"size","type":"","required":false,"description":"The size of the button"},{"name":"title","type":"string","required":true,"description":"Tooltip/Overflow menu label text."},{"name":"variant","type":"","required":false,"description":"All variants except for primary, secondary, tertiary are DEPRECATED.\nAll will still be accepted, but deprecated ones will look like secondary"}],"PanelHeaderProps":[{"name":"onClickBack","type":"void","required":true,"description":"Controls visibility and behavior for the \"chevron-left\" icon on the left\nside of the title."},{"name":"onClose","type":"void","required":true}],"PanelQaTags":[{"name":"moreIcon","type":"string","required":false},{"name":"title","type":"string","required":false}],"PanelTitleTooltipProps":[{"name":"children","type":"ReactNode","required":true},{"name":"isVisible","type":"boolean","required":true},{"name":"overlay","type":"ReactNode","required":true}]}
+{"PanelBodyProps":[{"name":"secondaryBgColor","type":"boolean","required":false,"description":"Applies the gray secondary background color."}],"PanelContextShape":[{"name":"isFooterSticky","type":"boolean","required":true},{"name":"setIsFooterSticky","type":"void","required":true}],"PanelHeaderActionProps":[{"name":"block","type":"boolean","required":false,"description":"Sets the button to be 100% of the width of its parent"},{"name":"icon","type":"ReactNode","required":false,"description":"string icons have been deprecated, please pass a component from `@procore/core-icons`\nThe icon to display on the left side of the label"},{"name":"iconRight","type":"ReactNode","required":false,"description":"The icon to display on the right side of the label"},{"name":"loading","type":"boolean","required":false,"description":"Shows the button spinner"},{"name":"size","type":"","required":false,"description":"The size of the button"},{"name":"title","type":"string","required":true,"description":"Tooltip/Overflow menu label text."},{"name":"variant","type":"","required":false,"description":"All variants except for primary, secondary, tertiary are DEPRECATED.\nAll will still be accepted, but deprecated ones will look like secondary"}],"PanelHeaderProps":[{"name":"onClickBack","type":"void","required":true,"description":"Controls visibility and behavior for the \"chevron-left\" icon on the left\nside of the title."},{"name":"onClose","type":"void","required":true}],"PanelQaTags":[{"name":"moreIcon","type":"string","required":false},{"name":"title","type":"string","required":false}],"PanelTitleTooltipProps":[{"name":"children","type":"ReactNode","required":true},{"name":"isVisible","type":"boolean","required":true},{"name":"overlay","type":"ReactNode","required":true}]}