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

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

@@ -0,0 +1,26 @@
+import { Props } from '../../utils/types';
+export declare type ControlVariant = 'align-right' | 'block' | 'search';
+export interface DivProps extends Props {
+}
+export interface ListPageControlProps extends Props {
+    /**
+     * Controls whether the contents will align to the right
+     * @since 10.19.0
+     */
+    alignRight?: boolean;
+    /**
+     * Controls whether the contents will attmpt to span the full width
+     * @since 10.19.0
+     */
+    block?: boolean;
+    /**
+     * Sets width to a specific size for Search to fit
+     * @since 10.19.0
+     */
+    search?: boolean;
+    /**
+     * @deprecated please use the equivalent boolean prop instead
+     * @since 10.19.0
+     */
+    variant?: ControlVariant;
+}

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

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

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

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

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

@@ -0,0 +1 @@
+export { ListPage, ListPage as default } from './ListPage';

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { OffsetByBreakpoint, SpanByBreakpoint } from '../NextGrid/NextGrid.types';
+import { DetailPageWidth } from './NextDetailPage.types';
+export declare const gridConfig: Record<DetailPageWidth, {
+    width: SpanByBreakpoint | number;
+    offset: OffsetByBreakpoint | number;
+}>;

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

@@ -0,0 +1,47 @@
+export var gridConfig = {
+    md: {
+        width: {
+            desktopMd: 8,
+            desktopSm: 8,
+            tabletLg: 8,
+            tabletMd: 10,
+            tabletSm: 12,
+            mobileLg: 12,
+        },
+        offset: {
+            desktopMd: 2,
+            desktopSm: 2,
+            tabletLg: 2,
+            tabletMd: 1,
+            tabletSm: 0,
+            mobileLg: 0,
+        },
+    },
+    lg: {
+        width: {
+            desktopMd: 10,
+            desktopSm: 10,
+            tabletLg: 10,
+            tabletMd: 10,
+            tabletSm: 12,
+            mobileLg: 12,
+        },
+        offset: {
+            desktopMd: 1,
+            desktopSm: 1,
+            tabletLg: 1,
+            tabletMd: 1,
+            tabletSm: 0,
+            mobileLg: 0,
+        },
+    },
+    xl: {
+        width: 12,
+        offset: 0,
+    },
+    block: {
+        width: 12,
+        offset: 0,
+    },
+};
+//# sourceMappingURL=NextDetailPage.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextDetailPage.constants.js","sourceRoot":"","sources":["../../../../src/layouts/NextDetailPage/NextDetailPage.constants.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,UAAU,GAGnB;IACF,EAAE,EAAE;QACF,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;SACZ;KACF;IACD,EAAE,EAAE;QACF,KAAK,EAAE;YACL,SAAS,EAAE,EAAE;YACb,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;SACZ;KACF;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;KACV;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;KACV;CACF,CAAA"}

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { DetailPageProps, DetailPageWidth } from './NextDetailPage.types';
+import { Props } from '../../utils/types';
+export declare const ViewContext: React.Context<{
+    width: DetailPageWidth;
+}>;
+export declare const Heading: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const FooterNotation: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const FooterActions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+/**
+
+ A detail page is used when an object is selected from a list page. The layout
+ can adhere to varying predefined widths depending on use case.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-nextdetailpage--edit)
+
+ @see [Design Guidelines](https://design.procore.com/detail)
+
+ */
+export declare const DetailPage: React.ForwardRefExoticComponent<DetailPageProps & React.RefAttributes<HTMLDivElement>> & {
+    Main: React.ForwardRefExoticComponent<import("../../utils/types").DivAttributes & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<import("../PageLayout/PageLayout.types").PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Breadcrumbs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Card: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Heading: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Tabs: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    FooterActions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+    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("../PageLayout/PageLayout.types").PageAsideProps & React.RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1,97 @@
+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 { H1 } from '../../components/Semantic';
+import { StyledDetailPageBody, StyledDetailPageFooterActions, StyledDetailPageFooterNotation, StyledDetailPageFooterContent, StyledDetailPageCard, StyledDetailPageFooter, } from './NextDetailPage.styles';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { Section, SectionProvider } from '../Section';
+import { NextGrid } from '../NextGrid';
+import { Page } from '../PageLayout';
+import { gridConfig } from './NextDetailPage.constants';
+export var ViewContext = React.createContext({
+    width: 'md',
+});
+var DetailPage_ = React.forwardRef(function DetailPage_(_a, ref) {
+    var _b = _a.width, width = _b === void 0 ? 'md' : _b, children = _a.children, props = __rest(_a, ["width", "children"]);
+    return (React.createElement(ViewContext.Provider, { value: { width: width } },
+        React.createElement(Page, __assign({ ref: ref }, props), children)));
+});
+export var Heading = React.forwardRef(function Heading(props, ref) {
+    return React.createElement(H1, __assign({ ref: ref }, props));
+});
+export var Body = React.forwardRef(function Body(props, ref) {
+    var width = React.useContext(ViewContext).width;
+    return (React.createElement(Page.Body, null,
+        React.createElement(NextGrid.Row, null,
+            React.createElement(NextGrid.Col, { colWidth: gridConfig[width].width, colStart: gridConfig[width].offset },
+                React.createElement(StyledDetailPageBody, __assign({ ref: ref }, props))))));
+});
+export var Footer = React.forwardRef(function Footer(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledDetailPageFooter, __assign({ ref: ref }, props),
+        React.createElement(StyledDetailPageFooterContent, null, children)));
+});
+export var FooterNotation = React.forwardRef(function FooterNotation(props, ref) {
+    return React.createElement(StyledDetailPageFooterNotation, __assign({ ref: ref }, props));
+});
+export var FooterActions = React.forwardRef(function Actions(props, ref) {
+    return React.createElement(StyledDetailPageFooterActions, __assign({ ref: ref }, props));
+});
+export var Card = React.forwardRef(function Card(props, ref) {
+    return (React.createElement(SectionProvider, null,
+        React.createElement(StyledDetailPageCard, __assign({ ref: ref }, props))));
+});
+DetailPage_.displayName = 'DetailPage';
+Heading.displayName = 'DetailPage.Heading';
+Body.displayName = 'DetailPage.Body';
+Footer.displayName = 'DetailPage.Footer';
+Card.displayName = 'DetailPage.Card';
+/**
+
+ A detail page is used when an object is selected from a list page. The layout
+ can adhere to varying predefined widths depending on use case.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-nextdetailpage--edit)
+
+ @see [Design Guidelines](https://design.procore.com/detail)
+
+ */
+export var DetailPage = addSubcomponents({
+    Main: Page.Main,
+    Header: Page.Header,
+    Breadcrumbs: Page.Breadcrumbs,
+    Card: Card,
+    Banner: Page.Banner,
+    Title: Page.Title,
+    Heading: Heading,
+    Tabs: Page.Tabs,
+    Footer: Footer,
+    FooterActions: FooterActions,
+    FooterNotation: FooterNotation,
+    Section: Section,
+    Body: Body,
+    Aside: Page.Aside,
+}, DetailPage_);
+//# sourceMappingURL=NextDetailPage.js.map

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

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

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

@@ -0,0 +1,7 @@
+export declare const StyledDetailPage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDetailPageBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDetailPageFooterNotation: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDetailPageFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDetailPageFooterActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDetailPageFooterContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDetailPageCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../components/Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

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

@@ -0,0 +1,22 @@
+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 from 'styled-components';
+import { Card } from '../../components/Card';
+import { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+import { Page } from '../PageLayout';
+import { StyledSection, sectionClassnames, StyledSectionInner, } from '../Section/Section.styles';
+import { Box } from '../Box';
+import { getActions, StyledPageBanner, StyledPageTitle, } from '../PageLayout/PageLayout.styles';
+export var StyledDetailPage = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  background-color: ", ";\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n"])), colors.gray96);
+export var StyledDetailPageBody = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-bottom: ", "px;\n\n  > ", ":first-child, > ", " {\n    margin-top: ", "px;\n  }\n"], ["\n  padding-bottom: ", "px;\n\n  > ", ":first-child, > ", " {\n    margin-top: ", "px;\n  }\n"])), spacing.xl, StyledPageBanner, StyledPageTitle, spacing.xl);
+export var StyledDetailPageFooterNotation = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n  z-index: 1;\n"], ["\n  flex-grow: 1;\n  z-index: 1;\n"])));
+export var StyledDetailPageFooter = styled(Page.Footer)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  padding: ", "px 0;\n  background-color: ", ";\n  justify-content: center;\n"], ["\n  display: flex;\n  padding: ", "px 0;\n  background-color: ", ";\n  justify-content: center;\n"])), spacing.lg, colors.white);
+export var StyledDetailPageFooterActions = styled(Box)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getActions());
+var maxFooterContentWidth = 1920;
+export var StyledDetailPageFooterContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ", "px;\n  max-width: ", "px;\n"], ["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ", "px;\n  max-width: ", "px;\n"])), spacing.xl, maxFooterContentWidth);
+export var StyledDetailPageCard = styled(Card)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-top: ", "px;\n  width: 100%;\n\n  & > ", " {\n    padding: ", "px ", "px 0 ", "px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ", " + ", " > ", " {\n    border-top: 0;\n  }\n\n  > .", ":first-child\n    + .", ",\n    > ", "\n    + .", "\n    + .", " {\n    margin-top: ", "px;\n  }\n"], ["\n  margin-top: ", "px;\n  width: 100%;\n\n  & > ", " {\n    padding: ", "px ", "px 0 ", "px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ", " + ", " > ", " {\n    border-top: 0;\n  }\n\n  > .", ":first-child\n    + .", ",\n    > ", "\n    + .", "\n    + .", " {\n    margin-top: ", "px;\n  }\n"])), spacing.xl, StyledPageBanner, spacing.xl, spacing.xl, spacing.xl, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=NextDetailPage.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextDetailPage.styles.js","sourceRoot":"","sources":["../../../../src/layouts/NextDetailPage/NextDetailPage.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,iCAAiC,CAAA;AAExC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kPAAA,wBACpB,EAAa,qJAOlC,KAPqB,MAAM,CAAC,MAAM,CAOlC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,kKAAA,sBAC1B,EAAU,aAExB,EAAgB,kBAAmB,EAAe,sBACtC,EAAU,YAE3B,KALmB,OAAO,CAAC,EAAE,EAExB,gBAAgB,EAAmB,eAAe,EACtC,OAAO,CAAC,EAAE,CAE3B,CAAA;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,uGAAA,oCAGvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,sKAAA,iCAE5C,EAAU,6BACD,EAAY,iCAEjC,KAHY,OAAO,CAAC,EAAE,EACD,MAAM,CAAC,KAAK,CAEjC,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAC,+EAAA,MACpD,EAAY,IACf,KADG,UAAU,EAAE,CACf,CAAA;AAED,IAAM,qBAAqB,GAAG,IAAI,CAAA;AAElC,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,2MAAA,yGAKxC,EAAU,oBACV,EAAqB,OACnC,KAFc,OAAO,CAAC,EAAE,EACV,qBAAqB,CACnC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,8YAAA,kBAChC,EAAU,+BAGlB,EAAgB,mBACT,EAAU,KAAM,EAAU,OAAQ,EAAU,qFAQnD,EAAgB,KAAM,EAAa,KAAM,EAAkB,sCAI5D,EAAgC,uBAC9B,EAA0B,WAC3B,EAAgB,WACf,EAAgC,WAChC,EAA0B,sBACjB,EAAgB,YAEjC,KAvBe,OAAO,CAAC,EAAE,EAGlB,gBAAgB,EACT,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAQ,OAAO,CAAC,EAAE,EAQnD,gBAAgB,EAAM,aAAa,EAAM,kBAAkB,EAI5D,iBAAiB,CAAC,cAAc,EAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAC3B,gBAAgB,EACf,iBAAiB,CAAC,cAAc,EAChC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EACjB,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAEjC,CAAA"}

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

@@ -0,0 +1,9 @@
+import { Props } from '../../utils/types';
+export declare type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block';
+export interface DetailPageProps extends Props {
+    /**
+     * @description Width of the content
+     * @since 10.19.0
+     */
+    width?: DetailPageWidth;
+}

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { H1, H2, H3 } from '../../components/Semantic';
+export declare const RankedHeadingContext: React.Context<{
+    rank: number;
+}>;
+export declare const headingsByRank: Record<number, typeof H1 | typeof H2 | typeof H3>;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { H1, H2, H3 } from '../../components/Semantic';
+export var RankedHeadingContext = React.createContext({
+    rank: 1,
+});
+export var headingsByRank = {
+    1: H1,
+    2: H2,
+    3: H3,
+    4: H3,
+    5: H3,
+    6: H3,
+};
+//# sourceMappingURL=RankedHeading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RankedHeading.js","sourceRoot":"","sources":["../../../../src/layouts/NextDetailPage/RankedHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAA;AAEtD,MAAM,CAAC,IAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACxE,IAAI,EAAE,CAAC;CACR,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,cAAc,GACzB;IACE,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACN,CAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"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/NextGrid/NextGrid.constants.d.ts

@@ -0,0 +1,4 @@
+import { NextGridBreakpoint } from './NextGrid.types';
+export declare const breakpointRawMinWidthValues: Record<NextGridBreakpoint, number>;
+export declare const breakpointMinWidthValues: Record<NextGridBreakpoint, string>;
+export declare const breakpointsSmallToLarge: NextGridBreakpoint[];

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

@@ -0,0 +1,25 @@
+export var breakpointRawMinWidthValues = {
+    mobileLg: 0,
+    tabletSm: 576,
+    tabletMd: 768,
+    tabletLg: 992,
+    desktopSm: 1200,
+    desktopMd: 1400,
+};
+export var breakpointMinWidthValues = {
+    mobileLg: "".concat(breakpointRawMinWidthValues.mobileLg, "px"),
+    tabletSm: "".concat(breakpointRawMinWidthValues.tabletSm, "px"),
+    tabletMd: "".concat(breakpointRawMinWidthValues.tabletMd, "px"),
+    tabletLg: "".concat(breakpointRawMinWidthValues.tabletLg, "px"),
+    desktopSm: "".concat(breakpointRawMinWidthValues.desktopSm, "px"),
+    desktopMd: "".concat(breakpointRawMinWidthValues.desktopMd, "px"),
+};
+export var breakpointsSmallToLarge = [
+    'mobileLg',
+    'tabletSm',
+    'tabletMd',
+    'tabletLg',
+    'desktopSm',
+    'desktopMd',
+];
+//# sourceMappingURL=NextGrid.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextGrid.constants.js","sourceRoot":"","sources":["../../../../src/layouts/NextGrid/NextGrid.constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,2BAA2B,GAAuC;IAC7E,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAuC;IAC1E,QAAQ,EAAE,UAAG,2BAA2B,CAAC,QAAQ,OAAI;IACrD,QAAQ,EAAE,UAAG,2BAA2B,CAAC,QAAQ,OAAI;IACrD,QAAQ,EAAE,UAAG,2BAA2B,CAAC,QAAQ,OAAI;IACrD,QAAQ,EAAE,UAAG,2BAA2B,CAAC,QAAQ,OAAI;IACrD,SAAS,EAAE,UAAG,2BAA2B,CAAC,SAAS,OAAI;IACvD,SAAS,EAAE,UAAG,2BAA2B,CAAC,SAAS,OAAI;CACxD,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAyB;IAC3D,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,WAAW;IACX,WAAW;CACZ,CAAA"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NextGridProps, NextGridRowProps, NextGridColProps } from './NextGrid.types';
+declare function BaseNextGrid({ gutterX, gutterY, colStackCap, ...props }: NextGridProps): JSX.Element;
+export declare const NextGrid: typeof BaseNextGrid & {
+    Row: React.ForwardRefExoticComponent<NextGridRowProps & React.RefAttributes<HTMLDivElement>>;
+    Col: React.ForwardRefExoticComponent<NextGridColProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

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

@@ -0,0 +1,55 @@
+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 { StyledNextGridRow, StyledNextGridCol } from './NextGrid.styles';
+import { overrideIfNotDefined } from './NextGrid.utils';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+var defaultContextShape = {
+    gutterX: 'none',
+    gutterY: 'none',
+    colStackCap: 'mobileLg',
+};
+var NextGridContext = React.createContext(defaultContextShape);
+function BaseNextGrid(_a) {
+    var gutterX = _a.gutterX, gutterY = _a.gutterY, colStackCap = _a.colStackCap, props = __rest(_a, ["gutterX", "gutterY", "colStackCap"]);
+    var gridContextValue = overrideIfNotDefined(defaultContextShape, {
+        gutterX: gutterX,
+        gutterY: gutterY,
+        colStackCap: colStackCap,
+    });
+    return React.createElement(NextGridContext.Provider, __assign({ value: gridContextValue }, props));
+}
+var NextGridRow = React.forwardRef(function NextGridRow(props, ref) {
+    var _a = React.useContext(NextGridContext), gutterX = _a.gutterX, gutterY = _a.gutterY;
+    return (React.createElement(StyledNextGridRow, __assign({}, props, { "$gutterX": gutterX, "$gutterY": gutterY, ref: ref })));
+});
+var NextGridCol = React.forwardRef(function NextGridCol(_a, ref) {
+    var _b = _a.colWidth, colWidth = _b === void 0 ? 'auto' : _b, offset = _a.colStart, props = __rest(_a, ["colWidth", "colStart"]);
+    var _c = React.useContext(NextGridContext), gutterX = _c.gutterX, gutterY = _c.gutterY, colStackBreakpoint = _c.colStackCap;
+    return (React.createElement(StyledNextGridCol, __assign({}, props, { ref: ref, "$span": colWidth, "$offset": offset, "$gutterX": gutterX, "$gutterY": gutterY, "$colStackBreakpoint": colStackBreakpoint })));
+});
+export var NextGrid = addSubcomponents({
+    Row: NextGridRow,
+    Col: NextGridCol,
+}, BaseNextGrid);
+//# sourceMappingURL=NextGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextGrid.js","sourceRoot":"","sources":["../../../../src/layouts/NextGrid/NextGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAOxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,IAAM,mBAAmB,GAAyB;IAChD,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,UAAU;CACxB,CAAA;AACD,IAAM,eAAe,GACnB,KAAK,CAAC,aAAa,CAAuB,mBAAmB,CAAC,CAAA;AAEhE,SAAS,YAAY,CAAC,EAKN;IAJd,IAAA,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACR,KAAK,cAJY,qCAKrB,CADS;IAER,IAAM,gBAAgB,GAAG,oBAAoB,CAAC,mBAAmB,EAAE;QACjE,OAAO,SAAA;QACP,OAAO,SAAA;QACP,WAAW,aAAA;KACZ,CAAC,CAAA;IACF,OAAO,oBAAC,eAAe,CAAC,QAAQ,aAAC,KAAK,EAAE,gBAAgB,IAAM,KAAK,EAAI,CAAA;AACzE,CAAC;AAED,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IACvB,IAAA,KAAuB,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,EAAtD,OAAO,aAAA,EAAE,OAAO,aAAsC,CAAA;IAC9D,OAAO,CACL,oBAAC,iBAAiB,eACZ,KAAK,gBACC,OAAO,cACP,OAAO,EACjB,GAAG,EAAE,GAAG,IACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,WAAW,CAAC,EAAiD,EAAE,GAAG;IAApD,IAAA,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EAAY,MAAM,cAAA,EAAK,KAAK,cAA/C,wBAAiD,CAAF;IAC5D,IAAA,KAIF,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,EAHnC,OAAO,aAAA,EACP,OAAO,aAAA,EACM,kBAAkB,iBACI,CAAA;IACrC,OAAO,CACL,oBAAC,iBAAiB,eACZ,KAAK,IACT,GAAG,EAAE,GAAG,WACD,QAAQ,aACN,MAAM,cACL,OAAO,cACP,OAAO,yBACI,kBAAkB,IACvC,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,gBAAgB,CACtC;IACE,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,WAAW;CACjB,EACD,YAAY,CACb,CAAA"}

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

@@ -0,0 +1,12 @@
+import { NextGridBreakpoint, NextGridColProps, NextGridProps } from './NextGrid.types';
+export declare const StyledNextGridRow: import("styled-components").StyledComponent<"div", any, {
+    $gutterX: NextGridProps['gutterX'];
+    $gutterY: NextGridProps['gutterY'];
+}, never>;
+export declare const StyledNextGridCol: import("styled-components").StyledComponent<"div", any, {
+    $offset?: NextGridColProps['colStart'];
+    $span?: NextGridColProps['colWidth'];
+    $gutterX: NextGridProps['gutterX'];
+    $gutterY: NextGridProps['gutterY'];
+    $colStackBreakpoint: NextGridBreakpoint;
+}, never>;

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

@@ -0,0 +1,102 @@
+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 { spacing } from '../../styles/spacing';
+import { breakpointsSmallToLarge, breakpointMinWidthValues, } from './NextGrid.constants';
+var gridColumns = 12;
+var getIsColStackActive = function (targetBreakpoint, colStackBreakpoint) {
+    var targetBrkIndex = breakpointsSmallToLarge.indexOf(targetBreakpoint);
+    var stackBrkIndex = breakpointsSmallToLarge.indexOf(colStackBreakpoint);
+    return targetBrkIndex <= stackBrkIndex;
+};
+var getSpanCSS = function (span, targetBreakpoint, colStackBreakpoint) {
+    if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
+    }
+    var spanValue = typeof span !== 'object' ? span : span[targetBreakpoint];
+    if (typeof spanValue === 'undefined') {
+        return '';
+    }
+    if (spanValue === 'auto') {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      flex: 1 1 0%;\n      max-width: 100%;\n    "], ["\n      flex: 1 1 0%;\n      max-width: 100%;\n    "])));
+    }
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    flex: 0 0 auto;\n    width: ", "%;\n  "], ["\n    flex: 0 0 auto;\n    width: ", "%;\n  "])), (spanValue / gridColumns) * 100);
+};
+var getOffsetCSS = function ($offset, targetBreakpoint, colStackBreakpoint) {
+    if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {
+        return '';
+    }
+    var offsetValue = typeof $offset === 'object' ? $offset[targetBreakpoint] : $offset;
+    if (typeof offsetValue === 'undefined' || offsetValue >= gridColumns) {
+        return '';
+    }
+    var ratio = offsetValue / gridColumns;
+    if (ratio === 0) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      margin-left: 0;\n    "], ["\n      margin-left: 0;\n    "])));
+    }
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-left: ", "%;\n  "], ["\n    margin-left: ", "%;\n  "])), ratio * 100);
+};
+var getColGutterXCSS = function (gutterX, breakpoint) {
+    var gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX;
+    if (typeof gutterKey === 'undefined') {
+        return '';
+    }
+    var gutterCSS = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding-right: ", "px;\n    padding-left: ", "px;\n  "], ["\n    padding-right: ", "px;\n    padding-left: ", "px;\n  "])), spacing[gutterKey] / 2, spacing[gutterKey] / 2);
+    return gutterCSS;
+};
+var getColGutterYCSS = function (gutterX, breakpoint) {
+    var gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX;
+    if (typeof gutterKey === 'undefined') {
+        return '';
+    }
+    var gutterCSS = css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    margin-top: ", "px;\n  "], ["\n    margin-top: ", "px;\n  "])), spacing[gutterKey]);
+    return gutterCSS;
+};
+var getRowGutterXCSS = function (gutterX, breakpoint) {
+    var gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX;
+    if (typeof gutterKey === 'undefined') {
+        return '';
+    }
+    var gutterCSS = css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    margin-right: ", "px;\n    margin-left: ", "px;\n  "], ["\n    margin-right: ", "px;\n    margin-left: ", "px;\n  "])), spacing[gutterKey] / -2, spacing[gutterKey] / -2);
+    if (breakpoint === 'mobileLg') {
+        return gutterCSS;
+    }
+    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "], ["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "])), breakpointMinWidthValues[breakpoint], gutterCSS);
+};
+var getRowGutterYCSS = function (gutterY, breakpoint) {
+    var gutterKey = typeof gutterY === 'object' ? gutterY[breakpoint] : gutterY;
+    if (typeof gutterKey === 'undefined') {
+        return '';
+    }
+    var gutterCSS = css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    margin-top: ", "px;\n  "], ["\n    margin-top: ", "px;\n  "])), spacing[gutterKey] * -1);
+    if (breakpoint === 'mobileLg') {
+        return gutterCSS;
+    }
+    return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "], ["\n    @media (min-width: ", ") {\n      ", "\n    }\n  "])), breakpointMinWidthValues[breakpoint], gutterCSS);
+};
+export var StyledNextGridRow = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n  display: flex;\n  flex-wrap: wrap;\n"], ["\n  ", "\n  display: flex;\n  flex-wrap: wrap;\n"])), function (_a) {
+    var $gutterX = _a.$gutterX, $gutterY = _a.$gutterY;
+    return breakpointsSmallToLarge.map(function (breakpoint) {
+        var gutterXCSS = getRowGutterXCSS($gutterX, breakpoint);
+        var gutterYCSS = getRowGutterYCSS($gutterY, breakpoint);
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        ", "\n        ", "\n      "], ["\n        ", "\n        ", "\n      "])), gutterXCSS, gutterYCSS);
+    });
+});
+export var StyledNextGridCol = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n\n  ", "\n"], ["\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n\n  ", "\n"])), function (_a) {
+    var $span = _a.$span, $offset = _a.$offset, $gutterX = _a.$gutterX, $gutterY = _a.$gutterY, $colStackBreakpoint = _a.$colStackBreakpoint;
+    return breakpointsSmallToLarge.map(function (breakpoint) {
+        var spanCSS = getSpanCSS($span, breakpoint, $colStackBreakpoint);
+        var offsetCSS = getOffsetCSS($offset, breakpoint, $colStackBreakpoint);
+        var gutterXCSS = getColGutterXCSS($gutterX, breakpoint);
+        var gutterYCSS = getColGutterYCSS($gutterY, breakpoint);
+        var resultCSS = css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        ", "\n        ", "\n        ", "\n        ", "\n      "], ["\n        ", "\n        ", "\n        ", "\n        ", "\n      "])), offsetCSS, gutterXCSS, gutterYCSS, spanCSS);
+        if (breakpoint === 'mobileLg') {
+            return resultCSS;
+        }
+        return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        @media (min-width: ", ") {\n          ", "\n        }\n      "], ["\n        @media (min-width: ", ") {\n          ", "\n        }\n      "])), breakpointMinWidthValues[breakpoint], resultCSS);
+    });
+});
+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;
+//# sourceMappingURL=NextGrid.styles.js.map

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

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