@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/layouts/NextGrid/NextGrid.types.d.ts

@@ -0,0 +1,79 @@
+import { Spacing } from '../../styles/spacing';
+import { DivAttributes } from '../../utils/types';
+declare type NextGridSpacing = Spacing | Partial<SpacingByBreakpoint>;
+export interface NextGridProps extends DivAttributes {
+    /**
+     * If given a spacing string value (e.g. "sm" or "none"), sets horizontal
+     * column spacing across all breakpoints.
+     *
+     * If given an object, sets horizontal column spacing for given breakpoints
+     * (keys in configuration object, e.g. {"tabletMd": "xs", "mobileLg": "none"}).
+     * @since 10.19.0
+     */
+    gutterX?: NextGridSpacing;
+    /**
+     * If given a spacing string value (e.g. "sm" or "none"), sets vertical
+     * column spacing across all breakpoints. Vertical spacing is only displayed
+     * when the columns are stacked (typically, on smaller breakpoints or
+     * as defined by "colStackCap").
+     *
+     * If given an object, sets vertical column spacing for given breakpoints
+     * (keys in configuration object, e.g. {"tabletMd": "xs", "mobileLg": "none"}).
+     * @since 10.19.0
+     */
+    gutterY?: NextGridSpacing;
+    /**
+     * Sets a breakpoing at which columns will start stacking on top of each other.
+     * E.g. if set to "tabletMd" - columns will stack on "tabletMd", "tabletSm"
+     * and "mobileLg" breakpoints.
+     * @since 10.19.0
+     */
+    colStackCap?: NextGridBreakpoint;
+}
+export interface NextGridContextShape {
+    /**
+     * @since 10.19.0
+     */
+    gutterX: NextGridSpacing;
+    /**
+     * @since 10.19.0
+     */
+    gutterY: NextGridSpacing;
+    /**
+     * @since 10.19.0
+     */
+    colStackCap: NextGridBreakpoint;
+}
+export interface NextGridRowProps extends DivAttributes {
+}
+export declare type NextGridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare type SpanByBreakpoint = Record<NextGridBreakpoint, NextGridColSpan>;
+export declare type GutterByBreakpoint = Record<NextGridBreakpoint, Spacing>;
+export declare type OffsetByBreakpoint = Record<NextGridBreakpoint, number>;
+export declare type SpacingByBreakpoint = Record<NextGridBreakpoint, Spacing>;
+export interface NextGridColProps extends DivAttributes {
+    /**
+     * @defaultValue auto
+     * If given a number value between 1 and 12, sets column width across all
+     * breakpoints.
+     *
+     * If given an object, sets column widths for given breakpoints
+     * (keys in configuration object, e.g. {"tabletMd": 10, "mobileLg": 5}).
+     *
+     * If set to "auto", the column will take all the available space
+     * @since 10.19.0
+     */
+    colWidth?: number | Partial<SpanByBreakpoint> | 'auto';
+    /**
+     * If given a number value between 1 and 12, sets start positions across all
+     * breakpoints.
+     * @since 10.19.0
+     *
+     * If given an object, sets start positions for given breakpoints
+     * (keys in configuration object, e.g. {"tabletMd": 10, "mobileLg": 5}).
+     * @since 10.19.0
+     */
+    colStart?: number | Partial<OffsetByBreakpoint>;
+}
+export declare type NextGridBreakpoint = 'mobileLg' | 'tabletSm' | 'tabletMd' | 'tabletLg' | 'desktopSm' | 'desktopMd';
+export {};

package/dist/esm/layouts/NextGrid/NextGrid.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NextGrid.types.js.map

package/dist/esm/layouts/NextGrid/NextGrid.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextGrid.types.js","sourceRoot":"","sources":["../../../../src/layouts/NextGrid/NextGrid.types.ts"],"names":[],"mappings":""}

package/dist/esm/layouts/NextGrid/NextGrid.utils.d.ts

@@ -0,0 +1 @@
+export declare const overrideIfNotDefined: <T>(blueprint: T, obj: Partial<T>) => T;

package/dist/esm/layouts/NextGrid/NextGrid.utils.js

@@ -0,0 +1,11 @@
+export var overrideIfNotDefined = function (blueprint, obj) {
+    var result = {};
+    Object.entries(blueprint).forEach(function (_a) {
+        var _b;
+        var key = _a[0], value = _a[1];
+        var key_ = key;
+        result[key_] = (_b = obj[key_]) !== null && _b !== void 0 ? _b : value;
+    });
+    return result;
+};
+//# sourceMappingURL=NextGrid.utils.js.map

package/dist/esm/layouts/NextGrid/NextGrid.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextGrid.utils.js","sourceRoot":"","sources":["../../../../src/layouts/NextGrid/NextGrid.utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAI,SAAY,EAAE,GAAe;IACnE,IAAM,MAAM,GAAG,EAAO,CAAA;IAEtB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAC5C,IAAM,IAAI,GAAG,GAAc,CAAA;QAC3B,MAAM,CAAC,IAAI,CAAC,GAAG,MAAA,GAAG,CAAC,IAAI,CAAC,mCAAI,KAAK,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+export { NextGrid } from './NextGrid';
+export { NextGridColProps, NextGridRowProps, NextGridProps, } from './NextGrid.types';

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

@@ -0,0 +1,2 @@
+export { NextGrid } from './NextGrid';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/NextGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const pageLayoutRootDataAttr = "data-core-page-layout-root";
+export declare const pageLayoutRootDataAttrName = "pageCoreLayoutRoot";

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

@@ -0,0 +1,3 @@
+export var pageLayoutRootDataAttr = 'data-core-page-layout-root';
+export var pageLayoutRootDataAttrName = 'pageCoreLayoutRoot';
+//# sourceMappingURL=PageLayout.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.constants.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,4BAA4B,CAAA;AAClE,MAAM,CAAC,IAAM,0BAA0B,GAAG,oBAAoB,CAAA"}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+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 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>>;
+    Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Breadcrumbs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Tabs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<PageComponentProps & React.RefAttributes<HTMLDivElement>>;
+    Main: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Aside: React.ForwardRefExoticComponent<PageAsideProps & React.RefAttributes<HTMLDivElement>>;
+    Grid: {
+        ({ gutterX, ...props }: NextGridProps): JSX.Element;
+        displayName: string;
+    };
+    Column: React.ForwardRefExoticComponent<import("../NextGrid").NextGridColProps & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<import("../NextGrid").NextGridRowProps & React.RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1,198 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { NextGrid } from '../NextGrid';
+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';
+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));
+};
+var PageHeader = React.forwardRef(function PageHeader(_a, ref) {
+    var transparent = _a.transparent, props = __rest(_a, ["transparent"]);
+    return React.createElement(StyledPageHeader, __assign({ "$transparent": transparent }, props, { ref: ref }));
+});
+var PageBody = React.forwardRef(function PageBody(props, 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 = 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, { "$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(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();
+        }
+        else {
+            close();
+        }
+    }, [controlledIsOpen]);
+    function calculateVerticalOffsets() {
+        var _a, _b, _c;
+        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;
+        }
+        var isIntersectingWithFooter = getIsIntersectingHorizontally(footerRef.current, innerRef.current);
+        var footerRect = footerRef.current.getBoundingClientRect();
+        var footerTop = (_c = footerRect.y) !== null && _c !== void 0 ? _c : footerRect.top;
+        if (isIntersectingWithFooter) {
+            // occasionally push from the sticky footer too, relevant on smaller screens
+            setBottomOffset(globalFooterOffset + viewportHeight - footerTop);
+            return;
+        }
+        // align with the sticky footer in the rest of use cases
+        setBottomOffset(viewportHeight - footerRect.bottom);
+    }
+    useScroll({ onScroll: calculateVerticalOffsets });
+    useResize({ onResize: calculateVerticalOffsets });
+    React.useEffect(function () {
+        if (isOpen) {
+            calculateVerticalOffsets();
+        }
+    }, [isOpen]);
+    return isOpen ? (React.createElement(React.Fragment, 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); };
+    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 }))));
+});
+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 PageBreadcrumbs(props, ref) {
+    return React.createElement(StyledPageBreadcrumbs, __assign({ ref: ref }, props));
+});
+var PageBanner = React.forwardRef(function PageBanner(props, ref) {
+    return React.createElement(StyledPageBanner, __assign({ ref: ref }, props));
+});
+var PageTitle = React.forwardRef(function PageTitle(props, ref) {
+    return React.createElement(StyledPageTitle, __assign({ ref: ref }, props));
+});
+var PageTabs = React.forwardRef(function PageTabs(props, ref) {
+    return React.createElement(StyledPageTabs, __assign({ ref: ref }, props));
+});
+PageGrid.displayName = 'Page.Grid';
+PageHeader.displayName = 'Page.Header';
+PageBanner.displayName = 'Page.Banner';
+PageBreadcrumbs.displayName = 'Page.Breadcrumbs';
+PageTitle.displayName = 'Page.Title';
+PageTabs.displayName = 'Page.Tabs';
+PageBody.displayName = 'Page.Body';
+PageFooter.displayName = 'Page.Footer';
+PageAside.displayName = 'Page.Aside';
+PageContainer.displayName = 'Page';
+PageMain.displayName = 'Page.Main';
+export var Page = addSubcomponents({
+    Header: PageHeader,
+    Banner: PageBanner,
+    Breadcrumbs: PageBreadcrumbs,
+    Title: PageTitle,
+    Tabs: PageTabs,
+    Footer: PageFooter,
+    Body: PageBody,
+    Main: PageMain,
+    Aside: PageAside,
+    // Grid utilities
+    Grid: PageGrid,
+    Column: NextGrid.Col,
+    Row: NextGrid.Row,
+}, PageContainer);
+//# sourceMappingURL=PageLayout.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+export declare const StyledPageHeader: import("styled-components").StyledComponent<"div", any, {
+    $transparent?: boolean | undefined;
+}, never>;
+export declare const StyledPageTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPageBreadcrumbs: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../components/Breadcrumbs").BreadcrumbProps & import("react").RefAttributes<HTMLElement>> & {
+    Crumb: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../components/Breadcrumbs").BreadcrumbCrumbProps & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {}, never>;
+export declare const StyledPageBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getActions: () => import("styled-components").FlattenSimpleInterpolation;
+export declare const StyledPageActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+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, {
+    $isAsideOpen: boolean;
+    $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;
+    $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

@@ -0,0 +1,46 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { Breadcrumbs } from '../../components/Breadcrumbs';
+import { colors } from '../../styles/colors';
+import { getShadow } from '../../styles/shadows';
+import { spacing } from '../../styles/spacing';
+import { breakpointRawMinWidthValues } from '../NextGrid/NextGrid.constants';
+var outerPageSpacing = spacing.xl;
+var adjustMaxWidth = function (breakpointMinWidth) { return breakpointMinWidth - 0.02; };
+var headerCSS = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  // use padding instead of margin to divide the headers to maintain the background color\n  padding-top: ", "px;\n\n  margin-left: ", "px;\n  margin-right: ", "px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n\n  ", "\n"], ["\n  // use padding instead of margin to divide the headers to maintain the background color\n  padding-top: ", "px;\n\n  margin-left: ", "px;\n  margin-right: ", "px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n\n  ", "\n"])), spacing.lg, outerPageSpacing * -1, outerPageSpacing * -1, outerPageSpacing, outerPageSpacing, function (_a) {
+    var $transparent = _a.$transparent;
+    return !$transparent && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n      background-color: ", ";\n    "], ["\n      ", "\n      background-color: ", ";\n    "])), getShadow(1.5), colors.white);
+});
+export var StyledPageHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), headerCSS);
+export var StyledPageTitle = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-top: ", "px;\n\n  &:last-child {\n    padding-bottom: ", "px;\n  }\n\n  &:first-child {\n    margin-top: 0;\n  }\n"], ["\n  margin-top: ", "px;\n\n  &:last-child {\n    padding-bottom: ", "px;\n  }\n\n  &:first-child {\n    margin-top: 0;\n  }\n"])), spacing.lg, spacing.lg);
+export var StyledPageBreadcrumbs = styled(Breadcrumbs)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-top: ", "px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n"], ["\n  margin-top: ", "px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n"])), spacing.lg);
+export var StyledPageBanner = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-top: ", "px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n"], ["\n  margin-top: ", "px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n"])), spacing.lg);
+export var getActions = function () { return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex-shrink: 0;\n  padding-left: ", "px;\n\n  > button,\n  > a {\n    &:first-child {\n      margin-left: 0;\n    }\n\n    margin-left: ", "px;\n  }\n"], ["\n  flex-shrink: 0;\n  padding-left: ", "px;\n\n  > button,\n  > a {\n    &:first-child {\n      margin-left: 0;\n    }\n\n    margin-left: ", "px;\n  }\n"])), spacing.xl, spacing.sm); };
+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);
+var panelWidth = 400;
+var zIndexes = {
+    panelWideScreen: 3,
+    panelNarrowScreen: 1,
+    footer: 2,
+};
+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;
+    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_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    right: 0;\n  }\n\n  border-left: 1px solid ", ";\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\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    right: 0;\n  }\n\n  border-left: 1px solid ", ";\n  width: ", "px;\n  position: fixed;\n  background-color: ", ";\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_16 || (templateObject_16 = __makeTemplateObject(["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n  background-color: ", ";\n"], ["\n  flex: 1 0 0%;\n  position: relative;\n  padding: 0 ", "px;\n  max-width: 100%;\n  background-color: ", ";\n"])), outerPageSpacing, colors.gray96);
+export var StyledPageContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n"])));
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DivAttributes, Props } from '../../utils/types';
+export interface PageComponentProps extends DivAttributes {
+    /**
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
+}
+export interface PageHeaderProps extends PageComponentProps {
+    /**
+     * @description If the header should have no background.
+     * @since 10.19.0
+     */
+    transparent?: boolean;
+}
+export interface PageAsideProps extends Props, DivAttributes {
+    /**
+     * @description If the aside block should be open
+     * @since 10.19.0
+     */
+    open?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PageLayout.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.types.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export declare function lookupParentElement(element: Element, dataAttr: string): HTMLElement | null | undefined;

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

@@ -0,0 +1,18 @@
+export function lookupParentElement(element, dataAttr) {
+    var depthLimit = 5;
+    var iteration = 0;
+    var element_ = element;
+    while (iteration++ < depthLimit) {
+        var parent_1 = element_.parentElement;
+        if (parent_1 === null || parent_1 === void 0 ? void 0 : parent_1.dataset[dataAttr]) {
+            return parent_1;
+        }
+        else if (parent_1) {
+            element_ = parent_1;
+        }
+        else {
+            return null;
+        }
+    }
+}
+//# sourceMappingURL=PageLayout.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.utils.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,OAAgB,EAAE,QAAgB;IACpE,IAAM,UAAU,GAAG,CAAC,CAAA;IACpB,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,QAAQ,GAAY,OAAO,CAAA;IAE/B,OAAO,SAAS,EAAE,GAAG,UAAU,EAAE;QAC/B,IAAM,QAAM,GAAG,QAAQ,CAAC,aAAa,CAAA;QACrC,IAAI,QAAM,aAAN,QAAM,uBAAN,QAAM,CAAE,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC7B,OAAO,QAAM,CAAA;SACd;aAAM,IAAI,QAAM,EAAE;YACjB,QAAQ,GAAG,QAAM,CAAA;SAClB;aAAM;YACL,OAAO,IAAI,CAAA;SACZ;KACF;AACH,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"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/esm/layouts/Section/Section.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SectionProps, SectionProviderProps } from './Section.types';
+export declare const LevelContext: React.Context<number>;
+export declare const SectionProvider: ({ children }: SectionProviderProps) => JSX.Element;
+export declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;