@procore/core-react 10.20.0-rc.21 → 10.20.0-rc.25

package/dist/esm/effects/Resize.d.ts

@@ -2,5 +2,5 @@ import { Config as EventListenerConfig } from './EventListener';
 interface Config extends EventListenerConfig {
     onResize: EventListenerConfig['handler'];
 }
-export declare function useResize({ onResize, scope }: Config): void;
+export declare function useResize({ onResize, scope, }: Omit<Config, 'event' | 'handler'>): void;
 export {};

package/dist/esm/effects/Resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resize.js","sourceRoot":"","sources":["../../../src/effects/Resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,GACjB,MAAM,iBAAiB,CAAA;AAMxB,MAAM,UAAU,SAAS,CAAC,EAAoC;QAAlC,QAAQ,cAAA,EAAE,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAClD,OAAO,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;AACxE,CAAC"}
+{"version":3,"file":"Resize.js","sourceRoot":"","sources":["../../../src/effects/Resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,GACjB,MAAM,iBAAiB,CAAA;AAMxB,MAAM,UAAU,SAAS,CAAC,EAGU;QAFlC,QAAQ,cAAA,EACR,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAEd,OAAO,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;AACxE,CAAC"}

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

@@ -24,5 +24,5 @@ export declare const DetailPage: React.ForwardRefExoticComponent<DetailPageProps
     FooterNotation: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
     Section: React.ForwardRefExoticComponent<import("../Section/Section.types").SectionProps & React.RefAttributes<HTMLDivElement>>;
     Body: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-    Aside: React.ForwardRefExoticComponent<import("../../utils/types").DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Aside: React.ForwardRefExoticComponent<import("../PageLayout/PageLayout.types").PageAsideProps & React.RefAttributes<HTMLDivElement>>;
 };

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

@@ -1,2 +1,2 @@
-export { DetailPage as NextDetailPage } from './NextDetailPage';
+export { DetailPage as NextDetailPage, ViewContext } from './NextDetailPage';
 export { DetailPageProps } from './NextDetailPage.types';

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

@@ -1,2 +1,2 @@
-export { DetailPage as NextDetailPage } from './NextDetailPage';
+export { DetailPage as NextDetailPage, ViewContext } from './NextDetailPage';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,8 +1,13 @@
 import React from 'react';
 import { Props } from '../../utils/types';
-import { PageComponentProps, PageHeaderProps } from './PageLayout.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 Page: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
     Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
@@ -12,7 +17,7 @@ export declare const Page: React.ForwardRefExoticComponent<DivAttributes & React
     Footer: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
     Body: React.ForwardRefExoticComponent<PageComponentProps & React.RefAttributes<HTMLDivElement>>;
     Main: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
-    Aside: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Aside: React.ForwardRefExoticComponent<PageAsideProps & React.RefAttributes<HTMLDivElement>>;
     Grid: {
         ({ gutterX, ...props }: NextGridProps): JSX.Element;
         displayName: string;

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

@@ -23,10 +23,17 @@ 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, StyledPanelContainer, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, } from './PageLayout.styles';
+import { StyledPageHeader, StyledBody, StyledFooter, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, } from './PageLayout.styles';
 import { useStickyFooter } from './useStickyPageFooter';
 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,
+});
 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));
@@ -38,34 +45,72 @@ var PageHeader = React.forwardRef(function PageHeader(_a, ref) {
 var PageBody = React.forwardRef(function PageBody(props, ref) {
     return React.createElement(StyledBody, __assign({}, props, { ref: ref }));
 });
-var PageFooter = React.forwardRef(function Footer(props, ref) {
+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;
     return (React.createElement(React.Fragment, null,
-        React.createElement(StyledFooter, __assign({}, props, { "$stickyWidth": stickyFooterWidth, "$sticky": isSticky, ref: mergeRefs(registerFooterEl, ref) })),
+        React.createElement(StyledFooter, __assign({}, props, { "$stickyWidth": stickyFooterWidth, "$sticky": isSticky, "$isAsideOpen": isAsideOpen, ref: mergeRefs(registerFooterEl, ref) })),
         placeholder));
 });
-var PageAside = React.forwardRef(function PanelContainer(props, ref) {
-    return React.createElement(StyledPanelContainer, __assign({}, props, { ref: ref }));
+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;
+    React.useEffect(function () {
+        if (controlledIsOpen) {
+            open();
+        }
+        else {
+            close();
+        }
+    }, [controlledIsOpen]);
+    var _c = React.useState(0), offsetTop = _c[0], setOffsetTop = _c[1];
+    function calculateTopOffset() {
+        var _a;
+        if (!anchorRef.current) {
+            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);
+    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;
 });
 var PageContainer = React.forwardRef(function PageContainer(props, ref) {
-    return React.createElement(StyledPageContainer, __assign({}, props, { ref: 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,
+        } },
+        React.createElement(StyledPageContainer, __assign({}, props, { ref: ref }))));
 });
-var PageMain = React.forwardRef(function PageContainer(props, ref) {
+var PageMain = React.forwardRef(function PageMain(props, ref) {
     var _a;
     var attrs = (_a = {}, _a[pageLayoutRootDataAttr] = true, _a);
     return (React.createElement(PageGrid, null,
         React.createElement(StyledPageMain, __assign({}, props, attrs, { ref: ref }))));
 });
-var PageBreadcrumbs = React.forwardRef(function Breadcrumbs(props, ref) {
+var PageBreadcrumbs = React.forwardRef(function PageBreadcrumbs(props, ref) {
     return React.createElement(StyledPageBreadcrumbs, __assign({ ref: ref }, props));
 });
-var PageBanner = React.forwardRef(function Banner(props, ref) {
+var PageBanner = React.forwardRef(function PageBanner(props, ref) {
     return React.createElement(StyledPageBanner, __assign({ ref: ref }, props));
 });
-var PageTitle = React.forwardRef(function Title(props, ref) {
+var PageTitle = React.forwardRef(function PageTitle(props, ref) {
     return React.createElement(StyledPageTitle, __assign({ ref: ref }, props));
 });
-var PageTabs = React.forwardRef(function Tabs(props, ref) {
+var PageTabs = React.forwardRef(function PageTabs(props, ref) {
     return React.createElement(StyledPageTabs, __assign({ ref: ref }, props));
 });
 PageGrid.displayName = 'Page.Grid';

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,IAAM,QAAQ,GAAG,UAAC,EAAoC;IAAlC,IAAA,OAAO,aAAA,EAAK,KAAK,cAAnB,WAAqB,CAAF;IACnC,OAAO,oBAAC,QAAQ,aAAC,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,IAAI,IAAM,KAAK,EAAI,CAAA;AAC1D,CAAC,CAAA;AAED,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,UAAU,CAAC,EAAyB,EAAE,GAAG;IAA5B,IAAA,WAAW,iBAAA,EAAK,KAAK,cAAvB,eAAyB,CAAF;IACzC,OAAO,oBAAC,gBAAgB,6BAAe,WAAW,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AAC7E,CAAC,CACF,CAAA;AAED,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC1B,OAAO,oBAAC,UAAU,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AAC5C,CAAC,CACF,CAAA;AAED,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IAClB,IAAA,KAKF,eAAe,EAAE,EAJnB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACF,WAAW,mBACP,CAAA;IAErB,OAAO,CACL;QACE,oBAAC,YAAY,eACP,KAAK,oBACK,iBAAiB,aACtB,QAAQ,EACjB,GAAG,EAAE,SAAS,CAAC,gBAAgB,EAAE,GAAG,CAAC,IACvB;QACf,WAAW,CACX,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAChC,OAAO,oBAAC,oBAAoB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AACtD,CAAC,CACF,CAAA;AAED,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;IAC/B,OAAO,oBAAC,mBAAmB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AACrD,CAAC,CACF,CAAA;AAED,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;;IAC/B,IAAM,KAAK,aAAK,GAAC,sBAAsB,IAAG,IAAI,KAAE,CAAA;IAChD,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,cAAc,eAAK,KAAK,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACzC,CACZ,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC7B,OAAO,oBAAC,qBAAqB,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AACvD,CAAC,CACF,CAAA;AAED,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAwB,SAAS,MAAM,CACxE,KAAK,EACL,GAAG;IAEH,OAAO,oBAAC,gBAAgB,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AAClD,CAAC,CAAC,CAAA;AAEF,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAwB,SAAS,KAAK,CACtE,KAAK,EACL,GAAG;IAEH,OAAO,oBAAC,eAAe,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AACjD,CAAC,CAAC,CAAA;AAEF,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAwB,SAAS,IAAI,CACpE,KAAK,EACL,GAAG;IAEH,OAAO,oBAAC,cAAc,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AAChD,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAA;AAClC,UAAU,CAAC,WAAW,GAAG,aAAa,CAAA;AACtC,UAAU,CAAC,WAAW,GAAG,aAAa,CAAA;AACtC,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAChD,SAAS,CAAC,WAAW,GAAG,YAAY,CAAA;AACpC,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAA;AAClC,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAA;AAClC,UAAU,CAAC,WAAW,GAAG,aAAa,CAAA;AACtC,SAAS,CAAC,WAAW,GAAG,YAAY,CAAA;AACpC,aAAa,CAAC,WAAW,GAAG,MAAM,CAAA;AAClC,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAA;AAElC,MAAM,CAAC,IAAM,IAAI,GAAG,gBAAgB,CAClC;IACE,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;IAEhB,iBAAiB;IACjB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,QAAQ,CAAC,GAAG;IACpB,GAAG,EAAE,QAAQ,CAAC,GAAG;CAClB,EACD,aAAa,CACd,CAAA"}
+{"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

@@ -12,8 +12,12 @@ export declare const StyledPageTabs: import("styled-components").StyledComponent
 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;
 }, never>;
-export declare const StyledPanelContainer: import("styled-components").StyledComponent<"div", any, {}, 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;
+}, 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

@@ -22,12 +22,26 @@ export var getActions = function () { return css(templateObject_7 || (templateOb
 export var StyledPageActions = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getActions());
 export var StyledPageTabs = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  margin-top: ", "px;\n"], ["\n  margin-top: ", "px;\n"])), spacing.sm);
 export var StyledBody = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin-top: ", "px;\n"], ["\n  margin-top: ", "px;\n"])), spacing.xl);
-export var StyledFooter = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: hsla(0, 0%, 100%, 0.7);\n  margin: 0 ", "px;\n\n  ", "\n"], ["\n  background-color: hsla(0, 0%, 100%, 0.7);\n  margin: 0 ", "px;\n\n  ", "\n"])), outerPageSpacing * -1, function (_a) {
+var panelWidth = 400;
+var zIndexes = {
+    panelWideScreen: 3,
+    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 && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      ", "\n      position: fixed;\n      bottom: 0;\n      width: ", "px;\n    "], ["\n      ", "\n      position: fixed;\n      bottom: 0;\n      width: ", "px;\n    "])), getShadow(2, 'top'), $stickyWidth);
+    return $sticky && getStickyFooterCSS($stickyWidth);
+}, 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));
+});
+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 StyledPanelContainer = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  flex: 0 0 400px;\n\n  @media (max-width: ", "px) {\n    flex-basis: 100%;\n  }\n"], ["\n  flex: 0 0 400px;\n\n  @media (max-width: ", "px) {\n    flex-basis: 100%;\n  }\n"])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd));
-export var StyledPageMain = styled.div(templateObject_14 || (templateObject_14 = __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_15 || (templateObject_15 = __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;
+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;
 //# 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/PageLayout.types.d.ts

@@ -1,5 +1,5 @@
 import React from '@storybook/api/node_modules/@types/react';
-import { DivAttributes } from '../../utils/types';
+import { DivAttributes, Props } from '../../utils/types';
 export interface PageComponentProps extends DivAttributes {
     children?: React.ReactNode;
 }
@@ -9,3 +9,9 @@ export interface PageHeaderProps extends PageComponentProps {
      */
     transparent?: boolean;
 }
+export interface PageAsideProps extends Props, DivAttributes {
+    /**
+     * @description If the aside block should be open
+     */
+    open?: boolean;
+}

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

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

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

@@ -1,2 +1,2 @@
-export { Page } from './PageLayout';
+export { Page, PageAsideContext } 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,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/core-react",
-  "version": "10.20.0-rc.21+00e6ec150",
+  "version": "10.20.0-rc.25+a9e0c4139",
   "description": "JSX implementations for core-css",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -100,9 +100,9 @@
     "yup": "0.32.9"
   },
   "dependencies": {
-    "@procore/core-css": "10.20.0-rc.21+00e6ec150",
-    "@procore/core-i18n-js": "10.20.0-rc.21+00e6ec150",
-    "@procore/core-icons": "10.20.0-rc.21+00e6ec150",
+    "@procore/core-css": "10.20.0-rc.25+a9e0c4139",
+    "@procore/core-i18n-js": "10.20.0-rc.25+a9e0c4139",
+    "@procore/core-icons": "10.20.0-rc.25+a9e0c4139",
     "@tinymce/tinymce-react": "3.13.0",
     "axios": "0.22.0",
     "classnames": "2.3.1",
@@ -125,5 +125,5 @@
     "react-dom": ">=16.8.0 < 18",
     "styled-components": ">= 5.1.1 < 6"
   },
-  "gitHead": "00e6ec150e0afc6fef4a2eda4d0c170a74bfad11"
+  "gitHead": "a9e0c413901a52565c0142f2d67b61f9e6fd17eb"
 }