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

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

@@ -0,0 +1,2 @@
+export { FlexList as default, FlexList } from './FlexList';
+export { FlexListProps } from './FlexList.types';

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

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

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

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

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

@@ -0,0 +1,65 @@
+/// <reference types="react-styled-flexboxgrid" />
+import React from 'react';
+import { DivAttributes } from '../../utils/types';
+interface Props {
+    children?: React.ReactNode;
+}
+export interface GridProps extends Props {
+    /**
+     * Allow the grid be infinitely wide
+     * @since 10.19.0
+     */
+    fluid?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    style?: React.CSSProperties;
+}
+export interface RowProps extends Props {
+}
+export interface ColProps extends Props {
+    /**
+     * Sets the width for extra small breakpoint
+     * @since 10.19.0
+     */
+    xs?: number;
+    /**
+     * Sets the width for small breakpoint
+     * @since 10.19.0
+     */
+    sm?: number;
+    /**
+     * Sets the width for medium breakpoint
+     * @since 10.19.0
+     */
+    md?: number;
+    /**
+     * Sets the width for large breakpoint
+     * @since 10.19.0
+     */
+    lg?: number;
+    /**
+     * Sets the same width across all breakpoints
+     * @since 10.19.0
+     */
+    span?: number;
+}
+export declare const Row: React.ForwardRefExoticComponent<DivAttributes & RowProps & React.RefAttributes<StyledComponent<"div", any, import("react-styled-flexboxgrid").ReactStyledFlexboxgrid.IRowProps, never>>>;
+export declare const Col: React.ForwardRefExoticComponent<DivAttributes & ColProps & React.RefAttributes<StyledComponent<"div", any, import("react-styled-flexboxgrid").ReactStyledFlexboxgrid.IColProps, never>>>;
+/**
+ * @deprecated
+ *
+ * The `Grid` component has been deprecated and will removed in a future version.
+ *
+ * Please use the `NextGrid` component instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/layout/next-grid/react/
+ * @since 10.19.0
+ */
+export declare const Grid: React.ForwardRefExoticComponent<DivAttributes & GridProps & React.RefAttributes<StyledComponent<"div", any, import("react-styled-flexboxgrid").ReactStyledFlexboxgrid.IGridProps, never>>> & {
+    Col: React.ForwardRefExoticComponent<DivAttributes & ColProps & React.RefAttributes<StyledComponent<"div", any, import("react-styled-flexboxgrid").ReactStyledFlexboxgrid.IColProps, never>>>;
+    Row: React.ForwardRefExoticComponent<DivAttributes & RowProps & React.RefAttributes<StyledComponent<"div", any, import("react-styled-flexboxgrid").ReactStyledFlexboxgrid.IRowProps, never>>>;
+};
+export default Grid;

package/dist/esm/layouts/Grid/Grid.js

@@ -0,0 +1,56 @@
+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 { Col as C, Grid as G, Row as R } from 'react-styled-flexboxgrid';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+var Grid_ = React.forwardRef(function Grid(_a, ref) {
+    var children = _a.children, _b = _a.fluid, fluid = _b === void 0 ? true : _b, _c = _a.style, style = _c === void 0 ? {} : _c, props = __rest(_a, ["children", "fluid", "style"]);
+    return (React.createElement(G, __assign({ ref: ref, fluid: fluid, style: __assign(__assign({}, style), { margin: fluid ? '0 -16px' : 0 }) }, props), children));
+});
+export var Row = React.forwardRef(function Row(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(R, __assign({ ref: ref }, props), children));
+});
+export var Col = React.forwardRef(function Col(_a, ref) {
+    var children = _a.children, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, span = _a.span, props = __rest(_a, ["children", "xs", "sm", "md", "lg", "span"]);
+    var spanActual = span || xs || sm || md || lg;
+    return (React.createElement(C, __assign({ ref: ref, xs: xs || spanActual, sm: sm || spanActual, md: md || spanActual, lg: lg || spanActual }, props), children));
+});
+/**
+ * @deprecated
+ *
+ * The `Grid` component has been deprecated and will removed in a future version.
+ *
+ * Please use the `NextGrid` component instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/layout/next-grid/react/
+ * @since 10.19.0
+ */
+export var Grid = addSubcomponents({
+    Col: Col,
+    Row: Row,
+}, Grid_);
+export default Grid;
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/layouts/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAiD/D,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,IAAI,CAAC,EAAgD,EAAE,GAAG;IAAnD,IAAA,QAAQ,cAAA,EAAE,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAK,KAAK,cAA9C,8BAAgD,CAAF;IAC1D,OAAO,CACL,oBAAC,CAAC,aACA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,wBAAO,KAAK,KAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAC5C,KAAK,GAER,QAAQ,CACP,CACL,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,GAAG,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC/B,OAAO,CACL,oBAAC,CAAC,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GACnB,QAAQ,CACP,CACL,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,GAAG,CAAC,EAA4C,EAAE,GAAG;IAA/C,IAAA,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA1C,4CAA4C,CAAF;IACrD,IAAM,UAAU,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;IAE/C,OAAO,CACL,oBAAC,CAAC,aACA,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IAAI,UAAU,EACpB,EAAE,EAAE,EAAE,IAAI,UAAU,EACpB,EAAE,EAAE,EAAE,IAAI,UAAU,EACpB,EAAE,EAAE,EAAE,IAAI,UAAU,IAChB,KAAK,GAER,QAAQ,CACP,CACL,CAAA;AACH,CAAC,CACF,CAAA;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,gBAAgB,CAClC;IACE,GAAG,KAAA;IACH,GAAG,KAAA;CACJ,EACD,KAAK,CACN,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -0,0 +1 @@
+export { Grid, Row, Col } from './Grid';

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { DivAttributes, Props } from '../../utils/types';
+interface IconLayoutProps extends Props {
+    /**
+     * The icon count
+     * @since 10.19.0
+     */
+    count?: number;
+}
+export declare const Icons: React.ForwardRefExoticComponent<DivAttributes & IconLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare const IconLayout: React.ForwardRefExoticComponent<DivAttributes & IconLayoutProps & React.RefAttributes<HTMLDivElement>> & {
+    Icons: React.ForwardRefExoticComponent<DivAttributes & IconLayoutProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default IconLayout;

package/dist/esm/layouts/IconLayout/IconLayout.js

@@ -0,0 +1,43 @@
+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 styles from '@procore/core-css/src/components/_input.scss';
+import React from 'react';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { FlexList } from '../FlexList';
+var classnames = require('classnames/bind');
+var cx = classnames.bind(styles);
+var IconLayout_ = React.forwardRef(function Iconlayout(_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.count, count = _b === void 0 ? 1 : _b, props = __rest(_a, ["className", "children", "count"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('icon-layout', "icon-layout--count-".concat(count), className) }, props), children));
+});
+export var Icons = React.forwardRef(function Icons(_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(FlexList, __assign({ ref: ref, alignItems: "center", className: cx('icon-layout__icons', className), size: "xs" }, props), children));
+});
+IconLayout_.displayName = 'IconLayout';
+Icons.displayName = 'IconLayout.Icons';
+export var IconLayout = addSubcomponents({
+    Icons: Icons,
+}, IconLayout_);
+export default IconLayout; // TODO remove in v11
+//# sourceMappingURL=IconLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconLayout.js","sourceRoot":"","sources":["../../../../src/layouts/IconLayout/IconLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,MAAM,8CAA8C,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,IAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAE7C,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAUlC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,UAAU,CAAC,EAA4C,EAAE,GAAG;IAA/C,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAK,KAAK,cAA1C,kCAA4C,CAAF;IAC9D,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,6BAAsB,KAAK,CAAE,EAAE,SAAS,CAAC,IAClE,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC9C,OAAO,CACL,oBAAC,QAAQ,aACP,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAC9C,IAAI,EAAC,IAAI,IACL,KAAK,GAER,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,YAAY,CAAA;AAEtC,KAAK,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,gBAAgB,CACxC;IACE,KAAK,OAAA;CACN,EACD,WAAW,CACZ,CAAA;AAED,eAAe,UAAU,CAAA,CAAC,qBAAqB"}

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

@@ -0,0 +1 @@
+export { IconLayout } from './IconLayout';

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

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

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

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

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { DivAttributes } from '../../utils/types';
+interface Props {
+    /**
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    className?: string;
+    /**
+     * @since 10.19.0
+     */
+    style?: object;
+}
+export interface DetailPageProps extends Props {
+    /**
+     * Sets the sidebar to be initially open
+     * @since 10.19.0
+     */
+    initialIsVisible: boolean;
+}
+export declare const Main: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Banner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Header: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Actions: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Title: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Subtabs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Sidebar: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const SidebarContent: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const SidebarFooter: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated
+ *
+ * This component has been deprecated and will be removed in a future version.
+ * Please use `NextDetailPage` instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/layout/next-detail-page/react/
+ * @since 10.19.0
+ */
+export declare const DetailPage: React.ForwardRefExoticComponent<DivAttributes & DetailPageProps & React.RefAttributes<HTMLDivElement>> & {
+    Actions: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Banner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Breadcrumbs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Consumer: React.Consumer<{
+        isVisible: boolean;
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+    }>;
+    Main: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Provider: React.Provider<{
+        isVisible: boolean;
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+    }>;
+    Sidebar: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    SidebarContent: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    SidebarFooter: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Subtabs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+};
+export default DetailPage;

package/dist/esm/layouts/LegacyDetailPage/LegacyDetailPage.js

@@ -0,0 +1,130 @@
+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 styles from '@procore/core-css/src/layouts/_legacy_detail_page.scss';
+import React from 'react';
+import { Icon } from '../../components/Icon';
+import { Visibility } from '../../state/Visibility';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+var classnames = require('classnames/bind');
+var cx = classnames.bind(styles);
+var _a = React.createContext({
+    isVisible: false,
+    show: function () { },
+    hide: function () { },
+    toggle: function () { },
+}), Provider = _a.Provider, Consumer = _a.Consumer;
+var DetailPage_ = React.forwardRef(function DetailPage(_a, ref) {
+    var children = _a.children, className = _a.className, initialIsVisible = _a.initialIsVisible, props = __rest(_a, ["children", "className", "initialIsVisible"]);
+    return (React.createElement(Visibility, { initialIsVisible: initialIsVisible }, function (visibility) { return (React.createElement(Provider, { value: visibility },
+        React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page', {
+                'l-detail-page--collapsed': !visibility.isVisible,
+            }, className) }, props), children))); }));
+});
+export var Main = React.forwardRef(function Main(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__main', className) }, props), children));
+});
+export var Banner = React.forwardRef(function Banner(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__banner', className) }, props), children));
+});
+export var Body = React.forwardRef(function Body(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__body', className) }, props),
+        React.createElement("div", { className: cx('l-detail-page__body__content') }, children)));
+});
+export var Header = React.forwardRef(function Header(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__header', className) }, props), children));
+});
+export var Breadcrumbs = React.forwardRef(function Breadcrumbs(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__breadcrumbs', className) }, props), children));
+});
+export var Actions = React.forwardRef(function Aactions(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__actions', className) }, props), children));
+});
+export var Title = React.forwardRef(function Title(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__title', className) }, props), children));
+});
+export var Subtabs = React.forwardRef(function Subtabs(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__subtabs', className) }, props), children));
+});
+export var Sidebar = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__sidebar', className) }, props), children));
+});
+export var SidebarContent = React.forwardRef(function Sidebar(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__sidebar__content', className) }, props), children));
+});
+export var SidebarFooter = React.forwardRef(function SidebarFooter(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(Consumer, null, function (visibility) { return (React.createElement("div", __assign({ ref: ref, className: cx('l-detail-page__sidebar__footer', className), onClick: visibility.toggle }, props),
+        React.createElement("div", { className: cx('l-detail-page__sidebar__footer__label') }, children),
+        React.createElement("div", { className: cx('l-detail-page__sidebar__footer__icon') },
+            React.createElement(Icon, { icon: "angle-double-left", clickable: true })))); }));
+});
+DetailPage_.displayName = 'LegacyDetailPage';
+Banner.displayName = 'LegacyDetailPage.Actions';
+Banner.displayName = 'LegacyDetailPage.Banner';
+Body.displayName = 'LegacyDetailPage.Body';
+Breadcrumbs.displayName = 'LegacyDetailPage.Breadcrumbs';
+Header.displayName = 'LegacyDetailPage.Header';
+Main.displayName = 'LegacyDetailPage.Main';
+Sidebar.displayName = 'LegacyDetailPage.Sidebar';
+SidebarContent.displayName = 'LegacyDetailPage.SidebarContent';
+SidebarFooter.displayName = 'LegacyDetailPage.SidebarFooter';
+Subtabs.displayName = 'LegacyDetailPage.Subtabs';
+Title.displayName = 'LegacyDetailPage.Title';
+/**
+ * @deprecated
+ *
+ * This component has been deprecated and will be removed in a future version.
+ * Please use `NextDetailPage` instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/layout/next-detail-page/react/
+ * @since 10.19.0
+ */
+export var DetailPage = addSubcomponents({
+    Actions: Actions,
+    Banner: Banner,
+    Body: Body,
+    Breadcrumbs: Breadcrumbs,
+    Header: Header,
+    Consumer: Consumer,
+    Main: Main,
+    Provider: Provider,
+    Sidebar: Sidebar,
+    SidebarContent: SidebarContent,
+    SidebarFooter: SidebarFooter,
+    Subtabs: Subtabs,
+    Title: Title,
+}, DetailPage_);
+export default DetailPage;
+//# sourceMappingURL=LegacyDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyDetailPage.js","sourceRoot":"","sources":["../../../../src/layouts/LegacyDetailPage/LegacyDetailPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,MAAM,wDAAwD,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,IAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAE7C,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAyB5B,IAAA,KAAyB,KAAK,CAAC,aAAa,CAAC;IACjD,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,cAAO,CAAC;IACd,IAAI,EAAE,cAAO,CAAC;IACd,MAAM,EAAE,cAAO,CAAC;CACjB,CAAC,EALM,QAAQ,cAAA,EAAE,QAAQ,cAKxB,CAAA;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,UAAU,CACnB,EAAmD,EACnD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,gBAAgB,sBAAA,EAAK,KAAK,cAAjD,6CAAmD,CAAF;IAGjD,OAAO,CACL,oBAAC,UAAU,IAAC,gBAAgB,EAAE,gBAAgB,IAC3C,UAAC,UAAU,IAAK,OAAA,CACf,oBAAC,QAAQ,IAAC,KAAK,EAAE,UAAU;QACzB,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,EACf;gBACE,0BAA0B,EAAE,CAAC,UAAU,CAAC,SAAS;aAClD,EACD,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACG,CACZ,EAhBgB,CAgBhB,CACU,CACd,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC3C,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAC3C,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,SAAS,MAAM,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC7C,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,IAC7C,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC3C,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,IAC3C,KAAK;QAET,6BAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,IAAG,QAAQ,CAAO,CAChE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,SAAS,MAAM,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC7C,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,IAC7C,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGzC,SAAS,WAAW,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACpD,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAClD,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC/C,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAC9C,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,KAAK,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC5C,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAC5C,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAC9C,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAC9C,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,UAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAAY,OAAA,CAC1C,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAC9C,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CACF,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,OAAO,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAChD,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,IACvD,KAAK,GAER,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,SAAS,aAAa,CAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACtD,OAAO,CACL,oBAAC,QAAQ,QACN,UAAC,UAAU,IAAK,OAAA,CACf,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,EAC1D,OAAO,EAAE,UAAU,CAAC,MAAM,IACtB,KAAK;QAET,6BAAK,SAAS,EAAE,EAAE,CAAC,uCAAuC,CAAC,IACxD,QAAQ,CACL;QACN,6BAAK,SAAS,EAAE,EAAE,CAAC,sCAAsC,CAAC;YACxD,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,SAAS,SAAG,CACvC,CACF,CACP,EAdgB,CAchB,CACQ,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAE5C,MAAM,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAE/C,MAAM,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAE9C,IAAI,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE1C,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAA;AAExD,MAAM,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAE9C,IAAI,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE1C,OAAO,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAEhD,cAAc,CAAC,WAAW,GAAG,iCAAiC,CAAA;AAE9D,aAAa,CAAC,WAAW,GAAG,gCAAgC,CAAA;AAE5D,OAAO,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAEhD,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAA;AAE5C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,gBAAgB,CACxC;IACE,OAAO,SAAA;IACP,MAAM,QAAA;IACN,IAAI,MAAA;IACJ,WAAW,aAAA;IACX,MAAM,QAAA;IACN,QAAQ,UAAA;IACR,IAAI,MAAA;IACJ,QAAQ,UAAA;IACR,OAAO,SAAA;IACP,cAAc,gBAAA;IACd,aAAa,eAAA;IACb,OAAO,SAAA;IACP,KAAK,OAAA;CACN,EACD,WAAW,CACZ,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1 @@
+export { DetailPage, DetailPageProps } from './LegacyDetailPage';

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

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

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Props } from '../../utils/types';
+import { ListPageControlProps } from './ListPage.types';
+export declare const ListPage_: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Main: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const ToolHeader: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const ContentControls: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Control: React.ForwardRefExoticComponent<ListPageControlProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ListPage: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
+    Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    ContentControls: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Control: React.ForwardRefExoticComponent<ListPageControlProps & React.RefAttributes<HTMLDivElement>>;
+    Main: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    ToolHeader: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+};
+export default ListPage;

package/dist/esm/layouts/ListPage/ListPage.js

@@ -0,0 +1,70 @@
+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 { StyledListPage, StyledListPageBanner, StyledListPageBody, StyledListPageBodyContent, StyledListPageContentControls, StyledListPageControl, StyledListPageMain, StyledListPageToolHeader, } from './ListPage.styles';
+export var ListPage_ = React.forwardRef(function ListPage(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledListPage, __assign({}, props, { ref: ref }), children));
+});
+export var Main = React.forwardRef(function Main(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledListPageMain, __assign({}, props, { ref: ref }), children));
+});
+export var Banner = React.forwardRef(function Banner(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledListPageBanner, __assign({}, props, { ref: ref }), children));
+});
+export var ToolHeader = React.forwardRef(function ToolHeader(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledListPageToolHeader, __assign({}, props, { ref: ref }), children));
+});
+export var ContentControls = React.forwardRef(function ContentControls(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledListPageContentControls, __assign({}, props, { ref: ref }), children));
+});
+export var Body = React.forwardRef(function Body(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledListPageBody, __assign({}, props, { ref: ref }),
+        React.createElement(StyledListPageBodyContent, null, children)));
+});
+export var Control = React.forwardRef(function Control(_a, ref) {
+    var _b = _a.alignRight, alignRight = _b === void 0 ? false : _b, _c = _a.block, block = _c === void 0 ? false : _c, children = _a.children, _d = _a.search, search = _d === void 0 ? false : _d, variant = _a.variant, props = __rest(_a, ["alignRight", "block", "children", "search", "variant"]);
+    return (React.createElement(StyledListPageControl, __assign({}, props, { "$alignRight": alignRight || variant === 'align-right', "$block": block || variant === 'block', "$search": search || variant === 'search', ref: ref }), children));
+});
+Banner.displayName = 'ListPage.Banner';
+Body.displayName = 'ListPage.Body';
+ContentControls.displayName = 'ListPage.ContentControls';
+Control.displayName = 'ListPage.Control';
+Main.displayName = 'ListPage.Main';
+ToolHeader.displayName = 'ListPage.ToolHeader';
+export var ListPage = addSubcomponents({
+    Banner: Banner,
+    Body: Body,
+    ContentControls: ContentControls,
+    Control: Control,
+    Main: Main,
+    ToolHeader: ToolHeader,
+}, ListPage_);
+export default ListPage;
+//# sourceMappingURL=ListPage.js.map

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

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

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

@@ -0,0 +1,14 @@
+export declare const StyledListPageMain: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledListPageBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledListPageToolHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledListPageControlProps {
+    $alignRight: boolean;
+    $block: boolean;
+    $search: boolean;
+}
+export declare const StyledListPageControl: import("styled-components").StyledComponent<"div", any, StyledListPageControlProps, never>;
+export declare const StyledListPageContentControls: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledListPageBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledListPageBodyContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledListPage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -0,0 +1,30 @@
+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 { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+export var StyledListPageMain = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex: 1 0 auto;\n  flex-direction: column;\n  min-width: 0;\n  padding: ", "px ", "px;\n  width: 100%;\n"], ["\n  display: flex;\n  flex: 1 0 auto;\n  flex-direction: column;\n  min-width: 0;\n  padding: ", "px ", "px;\n  width: 100%;\n"])), spacing.lg, spacing.xl);
+export var StyledListPageBanner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 0 0 auto;\n"], ["\n  flex: 0 0 auto;\n"])));
+export var StyledListPageToolHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  padding-bottom: ", "px;\n"], ["\n  flex: 0 0 auto;\n  padding-bottom: ", "px;\n"])), spacing.lg);
+export var StyledListPageControl = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  flex: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  flex: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var $block = _a.$block;
+    return ($block ? '1 0 auto' : '0 0 auto');
+}, function (_a) {
+    var $alignRight = _a.$alignRight;
+    if ($alignRight) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        margin-left: auto;\n      "], ["\n        margin-left: auto;\n      "])));
+    }
+}, function (_a) {
+    var $search = _a.$search;
+    if ($search) {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        width: 240px;\n      "], ["\n        width: 240px;\n      "])));
+    }
+});
+export var StyledListPageContentControls = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: space-between;\n  padding: ", "px 0;\n\n  ", " + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: space-between;\n  padding: ", "px 0;\n\n  ", " + ", " {\n    margin-left: ", "px;\n  }\n"])), spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
+export var StyledListPageBody = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex: 1 0 auto;\n  padding-top: ", "px;\n"], ["\n  display: flex;\n  flex: 1 0 auto;\n  padding-top: ", "px;\n"])), spacing.md);
+export var StyledListPageBodyContent = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  flex: 1 1 auto;\n"], ["\n  flex: 1 1 auto;\n"])));
+export var StyledListPage = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  width: 100%;\n\n  ", " + ", " {\n    padding-top: ", "px;\n  }\n\n  ", " + ", " {\n    border-top-color: ", ";\n    border-top-style: solid;\n    border-top-width: 1px;\n  }\n\n  ", " + ", ",\n  ", " + ", " {\n    border-top-color: ", ";\n    border-top-style: solid;\n    border-top-width: 1px;\n  }\n\n  ", " + ", " {\n    padding-top: 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  width: 100%;\n\n  ", " + ", " {\n    padding-top: ", "px;\n  }\n\n  ", " + ", " {\n    border-top-color: ", ";\n    border-top-style: solid;\n    border-top-width: 1px;\n  }\n\n  ", " + ", ",\n  ", " + ", " {\n    border-top-color: ", ";\n    border-top-style: solid;\n    border-top-width: 1px;\n  }\n\n  ", " + ", " {\n    padding-top: 0;\n  }\n"])), StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+//# sourceMappingURL=ListPage.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.styles.js","sourceRoot":"","sources":["../../../../src/layouts/ListPage/ListPage.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,mMAAA,gGAK/B,EAAU,KAAM,EAAU,uBAEtC,KAFY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CAEtC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,0FAAA,uBAE7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,qHAAA,yCAE9B,EAAU,OAC7B,KADmB,OAAO,CAAC,EAAE,CAC7B,CAAA;AAQD,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,0GAA4B,YACjE,EAAkD,SAExD,EAMD,QAEC,EAMD,IACF,KAjBS,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;AAAlC,CAAkC,EAExD,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,IAAI,WAAW,EAAE;QACf,OAAO,GAAG,yGAAA,sCAET,KAAA;KACF;AACH,CAAC,EAEC,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,EAAE;QACX,OAAO,GAAG,oGAAA,iCAET,KAAA;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,+OAAA,+GAK1C,EAAU,aAEnB,EAAqB,KAAM,EAAqB,uBACjC,EAAU,YAE5B,KALY,OAAO,CAAC,EAAE,EAEnB,qBAAqB,EAAM,qBAAqB,EACjC,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,oIAAA,wDAG3B,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,0FAAA,uBAElD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,ieAAA,mFAMpC,EAAoB,KAAM,EAAwB,uBACnC,EAAU,gBAGzB,EAA6B,KAAM,EAA6B,4BAC5C,EAAa,wEAKjC,EAAwB,KAAM,EAA6B,OAC3D,EAAwB,KAAM,EAAkB,4BAC5B,EAAa,wEAKjC,EAA6B,KAAM,EAAkB,gCAGxD,KApBG,oBAAoB,EAAM,wBAAwB,EACnC,OAAO,CAAC,EAAE,EAGzB,6BAA6B,EAAM,6BAA6B,EAC5C,MAAM,CAAC,MAAM,EAKjC,wBAAwB,EAAM,6BAA6B,EAC3D,wBAAwB,EAAM,kBAAkB,EAC5B,MAAM,CAAC,MAAM,EAKjC,6BAA6B,EAAM,kBAAkB,CAGxD,CAAA"}