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

package/dist/esm/layouts/Section/Section.js

@@ -0,0 +1,110 @@
+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 { ChevronDown, ChevronRight } from '@procore/core-icons/dist';
+import cx from 'classnames';
+import React from 'react';
+import { ulid } from 'ulid';
+import { Title } from '../../components/Title';
+import { Button } from '../../components/Button';
+import { H2, H3 } from '../../components/Semantic';
+import { StyledSection, StyledSectionInner, StyledSectionHeader, StyledSectionCollapseHeading, StyledSectionContentRegion, sectionClassnames, StyledTitle, } from './Section.styles';
+function H4(props) {
+    return React.createElement(H3, __assign({ as: "h4" }, props));
+}
+var isFunction = function (obj) { return typeof obj === 'function'; };
+// Header levels start at level 2
+export var LevelContext = React.createContext(2);
+var SectionContext = React.createContext({
+    open: {},
+    setSection: function () { },
+    toggleSection: function () { },
+});
+export var SectionProvider = function (_a) {
+    var children = _a.children;
+    var _b = React.useState({}), open = _b[0], setSectionsOpen = _b[1];
+    var toggleSection = function (id) {
+        return setSectionsOpen(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[id] = !prev[id], _a)));
+        });
+    };
+    var setSection = function (id, open) {
+        return setSectionsOpen(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[id] = open, _a)));
+        });
+    };
+    return (React.createElement(SectionContext.Provider, { value: {
+            open: open,
+            toggleSection: toggleSection,
+            setSection: setSection,
+        } }, children));
+};
+export var Section = React.forwardRef(function Section(_a, ref) {
+    var _b;
+    var actions = _a.actions, children = _a.children, className = _a.className, expandId = _a.expandId, heading = _a.heading, _c = _a.initialIsOpen, initialIsOpen = _c === void 0 ? true : _c, pills = _a.pills, subtext = _a.subtext, assets = _a.assets, props = __rest(_a, ["actions", "children", "className", "expandId", "heading", "initialIsOpen", "pills", "subtext", "assets"]);
+    var level = React.useContext(LevelContext);
+    var sections = React.useContext(SectionContext);
+    var toggleOpen = React.useCallback(function () {
+        if (expandId) {
+            sections.toggleSection(expandId);
+        }
+    }, [expandId]);
+    var open = expandId ? sections.open[expandId] : true;
+    React.useEffect(function () {
+        if (expandId && open === undefined) {
+            sections.setSection(expandId, initialIsOpen);
+        }
+    }, []);
+    var _d = React.useMemo(function () {
+        return {
+            contentRegionId: "content-".concat(ulid()),
+            headingTextId: "heading-".concat(ulid()),
+        };
+    }, []), contentRegionId = _d.contentRegionId, headingTextId = _d.headingTextId;
+    var Heading = level === 2 ? H2 : level === 3 ? H3 : H4;
+    var expandClosed = !open || !children;
+    var divide = level >= 3 || !heading;
+    var hasHeader = heading || actions;
+    return (React.createElement(LevelContext.Provider, { value: level + 1 },
+        React.createElement(StyledSection, __assign({ ref: ref, className: cx(className, (_b = {},
+                _b[sectionClassnames.divide] = divide,
+                _b[sectionClassnames.levelAnonymous] = !heading,
+                _b[sectionClassnames.level(level)] = heading && level,
+                _b)) }, props),
+            React.createElement(StyledSectionInner, null,
+                hasHeader ? (React.createElement(StyledSectionHeader, null,
+                    expandId ? (React.createElement(StyledSectionCollapseHeading, { "aria-labelledby": headingTextId, "aria-level": level, role: "heading" },
+                        React.createElement(Button, { "aria-controls": contentRegionId, "aria-expanded": open, "aria-labelledby": headingTextId, icon: open ? React.createElement(ChevronDown, null) : React.createElement(ChevronRight, null), onClick: toggleOpen, variant: "tertiary" }))) : null,
+                    React.createElement(StyledTitle, null,
+                        React.createElement(Title.Text, null, heading && (React.createElement(Heading, { "aria-hidden": expandId ? true : false, id: headingTextId }, heading))),
+                        React.createElement(Title.Subtext, null, subtext),
+                        React.createElement(Title.Pills, null, pills),
+                        React.createElement(Title.Actions, null, isFunction(actions)
+                            ? actions({ open: open })
+                            : actions),
+                        React.createElement(Title.Assets, null, assets)))) : null,
+                React.createElement(StyledSectionContentRegion, { "aria-hidden": !open, id: contentRegionId, role: "region", "$closed": expandClosed, "$noHeader": !hasHeader }, open ? children : null)))));
+});
+Section.displayName = 'Section';
+//# sourceMappingURL=Section.js.map

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

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

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

@@ -0,0 +1,20 @@
+export declare const StyledSectionInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSectionCollapseHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const sectionClassnames: {
+    divide: string;
+    levelAnonymous: string;
+    level: (num: number) => string;
+};
+export declare const StyledSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSectionContentRegion: import("styled-components").StyledComponent<"div", any, {
+    $closed: boolean;
+    $noHeader: boolean;
+}, never>;
+export declare const StyledSectionHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>> & {
+    Pills: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Text: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Subtext: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Actions: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Assets: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {}, never>;

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

@@ -0,0 +1,28 @@
+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 { StyledFormRow } from '../../components/Form/Form.styles';
+import { spacing } from '../../styles/spacing';
+import { Title } from '../../components/Title';
+export var StyledSectionInner = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+export var StyledSectionCollapseHeading = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-self: flex-start;\n  margin-right: ", "px;\n"], ["\n  align-self: flex-start;\n  margin-right: ", "px;\n"])), spacing.sm);
+export var sectionClassnames = {
+    divide: 'section--divide',
+    levelAnonymous: 'section--level-anon',
+    level: function (num) { return "section--level-".concat(num); },
+};
+export var StyledSection = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-bottom: ", "px;\n\n  & > ", " {\n    padding-top: ", "px;\n  }\n\n  // horizontal divider\n  &.", " {\n    & > ", " {\n      border-top: 1px solid ", ";\n    }\n  }\n\n  // if leading, no horizontal divider\n  &:first-child > ", " {\n    border-top: 0;\n  }\n\n  & & {\n    padding-left: 0;\n    padding-right: 0;\n\n    // if leading in nested, add the division back\n    &:first-child > ", " {\n      border-top: 1px solid ", ";\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n\n  // form rows have trailing space for error message\n  ", ":last-of-type {\n    margin-bottom: ", "px;\n  }\n\n  // form rows have trailing space for error message\n  ", " + &&& {\n    padding-top: ", "px;\n  }\n"], ["\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-bottom: ", "px;\n\n  & > ", " {\n    padding-top: ", "px;\n  }\n\n  // horizontal divider\n  &.", " {\n    & > ", " {\n      border-top: 1px solid ", ";\n    }\n  }\n\n  // if leading, no horizontal divider\n  &:first-child > ", " {\n    border-top: 0;\n  }\n\n  & & {\n    padding-left: 0;\n    padding-right: 0;\n\n    // if leading in nested, add the division back\n    &:first-child > ", " {\n      border-top: 1px solid ", ";\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n\n  // form rows have trailing space for error message\n  ", ":last-of-type {\n    margin-bottom: ", "px;\n  }\n\n  // form rows have trailing space for error message\n  ", " + &&& {\n    padding-top: ", "px;\n  }\n"])), spacing.xl, spacing.xl, spacing.xl, StyledSectionInner, spacing.xl, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.xl * -1, StyledFormRow, spacing.xs);
+export var StyledSectionContentRegion = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  padding-top: 20px;\n  padding-bottom: ", "px;\n\n  ", "\n\n  ", "\n\n  // if a nested section isn't first\n  // Section\n  //   P\n  //   Section <-- space above\n  & > :not(", ") + ", " {\n    padding-top: ", "px;\n  }\n\n  // nested sections, the last one doesn't need more trailing space\n  ", " ", " &:last-of-type {\n    padding-bottom: 0;\n  }\n"], ["\n  padding-top: 20px;\n  padding-bottom: ", "px;\n\n  ", "\n\n  ", "\n\n  // if a nested section isn't first\n  // Section\n  //   P\n  //   Section <-- space above\n  & > :not(", ") + ", " {\n    padding-top: ", "px;\n  }\n\n  // nested sections, the last one doesn't need more trailing space\n  ", " ", " &:last-of-type {\n    padding-bottom: 0;\n  }\n"])), spacing.sm, function (_a) {
+    var $closed = _a.$closed;
+    return $closed && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      padding-top: 0;\n      padding-bottom: 0;\n    "], ["\n      padding-top: 0;\n      padding-bottom: 0;\n    "])));
+}, function (_a) {
+    var $noHeader = _a.$noHeader;
+    return $noHeader && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      padding-top: 0;\n    "], ["\n      padding-top: 0;\n    "])));
+}, StyledSection, StyledSection, spacing.xl, StyledSection, StyledSection);
+export var StyledSectionHeader = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  // min-height on header for alignment:\n  //  - when heading line height is less than the collapse button height\n  //  - when heading line height is less than the button size it will shift\n  //      the heading text when the section is opened and buttons appear\n  min-height: 36px;\n  word-break: break-word;\n"], ["\n  align-items: center;\n  display: flex;\n  // min-height on header for alignment:\n  //  - when heading line height is less than the collapse button height\n  //  - when heading line height is less than the button size it will shift\n  //      the heading text when the section is opened and buttons appear\n  min-height: 36px;\n  word-break: break-word;\n"])));
+export var StyledTitle = styled(Title)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=Section.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.styles.js","sourceRoot":"","sources":["../../../../src/layouts/Section/Section.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,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAE9C,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,2HAAA,+CAEpC,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,iBAAiB;IACzB,cAAc,EAAE,qBAAqB;IACrC,KAAK,EAAE,UAAC,GAAW,IAAK,OAAA,yBAAkB,GAAG,CAAE,EAAvB,CAAuB;CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,80BAAA,oBACrB,EAAU,wBACT,EAAU,yBACT,EAAU,eAEtB,EAAkB,uBACP,EAAU,2CAIvB,EAAwB,cACpB,EAAkB,kCACE,EAAa,6EAKvB,EAAkB,iKAShB,EAAkB,kCACV,EAAa,kIASvC,EAAa,sCACI,EAAe,sEAIhC,EAAa,6BACE,EAAU,YAE5B,KA3CiB,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,EAEtB,kBAAkB,EACP,OAAO,CAAC,EAAE,EAIvB,iBAAiB,CAAC,MAAM,EACpB,kBAAkB,EACE,MAAM,CAAC,MAAM,EAKvB,kBAAkB,EAShB,kBAAkB,EACV,MAAM,CAAC,MAAM,EASvC,aAAa,EACI,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAIhC,aAAa,EACE,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,waAGlD,4CAEkB,EAAU,WAE1B,EAKC,QAED,EAIC,+GAMQ,EAAa,MAAO,EAAa,uBAC3B,EAAU,qFAIzB,EAAa,GAAI,EAAa,kDAGjC,KA3BmB,OAAO,CAAC,EAAE,EAE1B,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,GAAG,4HAAA,yDAGF,IAAA;AAJD,CAIC,EAED,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,kGAAA,+BAEF,IAAA;AAHD,CAGC,EAMQ,aAAa,EAAO,aAAa,EAC3B,OAAO,CAAC,EAAE,EAIzB,aAAa,EAAI,aAAa,CAGjC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,4aAAA,yWAS5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEvC,IAAA,CAAA"}

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Props } from '../../utils/types';
+export interface SectionProviderProps {
+    /**
+     * @since 10.19.0
+     */
+    children: React.ReactNode;
+}
+export interface SectionProps extends Props {
+    /**
+     * @description Actions of Buttons and Dropdowns to render. If a function,
+     * the open state is provided as `open` key
+     * @since 10.19.0
+     */
+    actions?: React.ReactNode | ((section: {
+        open: boolean;
+    }) => React.ReactNode);
+    /**
+     * @description Enable the expand and collapse accordion feature.
+     *  Requires a unique ID across sections, unique within the provider (NextDetailPage.Card) and
+     *  requires a heading on the section. Closed sections will not render its children.
+     * @since 10.19.0
+     */
+    expandId?: string | number;
+    /**
+     * @description Heading text for the section
+     * @since 10.19.0
+     */
+    heading?: string;
+    /**
+     * @description If expandable, start open or closed
+     * @since 10.19.0
+     */
+    initialIsOpen?: boolean;
+    /**
+     * @description Title assets
+     * @since 10.19.0
+     */
+    assets?: React.ReactNode;
+    /**
+     * @description Title pills
+     * @since 10.19.0
+     */
+    pills?: React.ReactNode;
+    /**
+     * @description Title subtext
+     * @since 10.19.0
+     */
+    subtext?: React.ReactNode;
+}
+export interface SectionContextAPI {
+    /**
+     * @since 10.19.0
+     */
+    open: {
+        [id: string]: boolean;
+    };
+    /**
+     * @since 10.19.0
+     */
+    setSection: (id: string | number, open: boolean) => void;
+    /**
+     * @since 10.19.0
+     */
+    toggleSection: (id: string | number) => void;
+}

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

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

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

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

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

@@ -0,0 +1 @@
+export { Section, SectionProvider, LevelContext } from './Section';

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

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

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { AnchorAttributes, DivAttributes, HeadingAttributes, LiAttributes, OlAttributes, Props } from '../../utils/types';
+interface SidebarMenuItemProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    active?: boolean;
+}
+export declare const Sidebar_: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Divider: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Button: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Header: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const HeaderLabel: React.ForwardRefExoticComponent<HeadingAttributes & Props & React.RefAttributes<HTMLHeadingElement>>;
+export declare const HeaderAction: React.ForwardRefExoticComponent<AnchorAttributes & Props & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<OlAttributes & Props & React.RefAttributes<HTMLOListElement>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<LiAttributes & SidebarMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+export declare const Sidebar: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>> & {
+    Divider: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Button: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    HeaderLabel: React.ForwardRefExoticComponent<HeadingAttributes & Props & React.RefAttributes<HTMLHeadingElement>>;
+    HeaderAction: React.ForwardRefExoticComponent<AnchorAttributes & Props & React.RefAttributes<HTMLAnchorElement>>;
+    Menu: React.ForwardRefExoticComponent<OlAttributes & Props & React.RefAttributes<HTMLOListElement>>;
+    MenuItem: React.ForwardRefExoticComponent<LiAttributes & SidebarMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+};
+export default Sidebar;

package/dist/esm/layouts/Sidebar/Sidebar.js

@@ -0,0 +1,80 @@
+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/_sidebar.scss';
+import React from 'react';
+import { H2 } from '../../components/Semantic';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { StyledSidebar, StyledSidebarButton, StyledSidebarDivider, StyledSidebarHeader, StyledSidebarHeaderAction, StyledSidebarMenu, StyledSidebarMenuItem, } from './Sidebar.styles';
+var classnames = require('classnames/bind');
+var cx = classnames.bind(styles);
+export var Sidebar_ = React.forwardRef(function Sidebar(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebar, __assign({ ref: ref }, props), children));
+});
+export var Divider = React.forwardRef(function Divider(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return React.createElement(StyledSidebarDivider, __assign({}, props, { ref: ref }));
+});
+export var Button = React.forwardRef(function Button(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarButton, __assign({}, props, { ref: ref }), children));
+});
+export var Header = React.forwardRef(function Header(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarHeader, __assign({}, props, { ref: ref }), children));
+});
+export var HeaderLabel = React.forwardRef(function HeaderLabel(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(H2, __assign({}, props, { ref: ref }), children));
+});
+export var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarHeaderAction, __assign({}, props, { ref: ref }), children));
+});
+export var Menu = React.forwardRef(function Menu(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledSidebarMenu, __assign({}, props, { ref: ref }), children));
+});
+export var MenuItem = React.forwardRef(function MenuItem(_a, ref) {
+    var _b = _a.active, active = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["active", "children"]);
+    return (React.createElement(StyledSidebarMenuItem, __assign({}, props, { "$active": active, ref: ref }), children));
+});
+Sidebar_.displayName = 'Sidebar';
+Divider.displayName = 'Sidebar.Divider';
+Button.displayName = 'Sidebar.Button';
+Header.displayName = 'Sidebar.Header';
+HeaderLabel.displayName = 'Sidebar.HeaderLabel';
+HeaderAction.displayName = 'Sidebar.HeaderAction';
+Menu.displayName = 'Sidebar.Menu';
+MenuItem.displayName = 'Sidebar.MenuItem';
+export var Sidebar = addSubcomponents({
+    Divider: Divider,
+    Button: Button,
+    Header: Header,
+    HeaderLabel: HeaderLabel,
+    HeaderAction: HeaderAction,
+    Menu: Menu,
+    MenuItem: MenuItem,
+}, Sidebar_);
+export default Sidebar;
+//# sourceMappingURL=Sidebar.js.map

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

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

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

@@ -0,0 +1,9 @@
+export declare const StyledSidebar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSidebarButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSidebarDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSidebarHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSidebarHeaderAction: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const StyledSidebarMenu: import("styled-components").StyledComponent<"ol", any, {}, never>;
+export declare const StyledSidebarMenuItem: import("styled-components").StyledComponent<"li", any, {
+    $active: boolean;
+}, never>;

package/dist/esm/layouts/Sidebar/Sidebar.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, { css } from 'styled-components';
+import { getTypographyIntent } from '../../components/Typography/Typography.styles';
+import { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+export var StyledSidebar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  padding: ", "px 0;\n  position: relative;\n"], ["\n  background-color: ", ";\n  padding: ", "px 0;\n  position: relative;\n"])), colors.gray96, spacing.lg);
+export var StyledSidebarButton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0 ", "px;\n\n  & + & {\n    padding-top: ", "px;\n  }\n"], ["\n  padding: 0 ", "px;\n\n  & + & {\n    padding-top: ", "px;\n  }\n"])), spacing.lg, spacing.sm);
+export var StyledSidebarDivider = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: ", "px;\n  border-bottom: 1px solid ", ";\n  height: 1px;\n"], ["\n  margin: ", "px;\n  border-bottom: 1px solid ", ";\n  height: 1px;\n"])), spacing.xl, colors.gray90);
+export var StyledSidebarHeader = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px ", "px;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px ", "px;\n"])), spacing.xl, spacing.md);
+export var StyledSidebarHeaderAction = styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n\n  color: ", ";\n  cursor: pointer;\n"], ["\n  ", "\n\n  color: ", ";\n  cursor: pointer;\n"])), getTypographyIntent('small'), colors.orange50);
+export var StyledSidebarMenu = styled.ol(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n"], ["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n"])));
+export var StyledSidebarMenuItem = styled.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n  align-items: center;\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  padding: ", "px ", "px;\n  transition: all 0.2s ease-in-out;\n\n  &::after {\n    background-color: transparent;\n    content: '';\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    transition: all 0.2s ease-in-out;\n    width: 5px;\n  }\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n\n    &::after {\n      background-color: ", ";\n    }\n  }\n\n  ", "\n\n  &:active {\n    &::after {\n      background-color: ", ";\n    }\n  }\n"], ["\n  ", "\n  align-items: center;\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  padding: ", "px ", "px;\n  transition: all 0.2s ease-in-out;\n\n  &::after {\n    background-color: transparent;\n    content: '';\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    transition: all 0.2s ease-in-out;\n    width: 5px;\n  }\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n\n    &::after {\n      background-color: ", ";\n    }\n  }\n\n  ", "\n\n  &:active {\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), getTypographyIntent('small'), colors.gray50, spacing.sm, spacing.xl, colors.gray90, colors.gray15, colors.orange50, function (_a) {
+    var $active = _a.$active;
+    if ($active) {
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        &::after {\n          background-color: ", ";\n        }\n      "], ["\n        &::after {\n          background-color: ", ";\n        }\n      "])), colors.orange50);
+    }
+}, colors.orange50);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=Sidebar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.styles.js","sourceRoot":"","sources":["../../../../src/layouts/Sidebar/Sidebar.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+IAAA,wBACjB,EAAa,gBACtB,EAAU,gCAEtB,KAHqB,MAAM,CAAC,MAAM,EACtB,OAAO,CAAC,EAAE,CAEtB,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,yIAAA,iBAC9B,EAAU,qCAGN,EAAU,YAE5B,KALc,OAAO,CAAC,EAAE,EAGN,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,4IAAA,cAClC,EAAU,kCACO,EAAa,qBAEzC,KAHW,OAAO,CAAC,EAAE,EACO,MAAM,CAAC,MAAM,CAEzC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,iLAAA,8FAI9B,EAAU,KAAM,EAAU,OACxC,KADc,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CACxC,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,CAAC,qHAAA,MAC7C,EAA4B,eAErB,EAAe,yBAEzB,KAJG,mBAAmB,CAAC,OAAO,CAAC,EAErB,MAAM,CAAC,QAAQ,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,yHAAA,sDAIzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,8oBAAsB,MAChE,EAA4B,qCAErB,EAAa,6EAIX,EAAU,KAAM,EAAU,2RAef,EAAa,gBACxB,EAAa,+CAGA,EAAe,qBAIrC,EAQD,4DAIuB,EAAe,iBAGxC,KA5CG,mBAAmB,CAAC,OAAO,CAAC,EAErB,MAAM,CAAC,MAAM,EAIX,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAef,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,MAAM,EAGA,MAAM,CAAC,QAAQ,EAIrC,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,IAAI,OAAO,EAAE;QACX,OAAO,GAAG,+IAAA,oDAEc,EAAe,sBAEtC,KAFuB,MAAM,CAAC,QAAQ,EAEtC;KACF;AACH,CAAC,EAIuB,MAAM,CAAC,QAAQ,CAGxC,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { DivAttributes, Props } from '../../utils/types';
+import { ToolHeaderBadgeProps, ToolHeaderIconProps } from './ToolHeader.types';
+export declare const Icon: React.ForwardRefExoticComponent<DivAttributes & ToolHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Title: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../../utils/types").HeadingAttributes & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const Tabs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+/**
+ * @deprecated
+ *
+ * This `Badge` pattern is no longer supported and it is now recommended to use a `Pill` instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/components/pill/react/
+ */
+export declare const Badge: React.ForwardRefExoticComponent<DivAttributes & ToolHeaderBadgeProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ToolHeader: string & import("styled-components").StyledComponentBase<"div", any, {}, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
+    Icon: React.ForwardRefExoticComponent<DivAttributes & ToolHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
+    Title: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../../utils/types").HeadingAttributes & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+    Tabs: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Badge: React.ForwardRefExoticComponent<DivAttributes & ToolHeaderBadgeProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default ToolHeader;

package/dist/esm/layouts/ToolHeader/ToolHeader.js

@@ -0,0 +1,68 @@
+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 { Icon as IconBase } from '../../components/Icon';
+import { Tabs as TabsBase } from '../../components/Tabs';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { StyledHeaderActions, StyledHeaderBadge, StyledHeaderTabs, StyledToolHeader, StyledToolHeaderIconContainer, StyledToolHeaderTitle, } from './ToolHeader.styles';
+var ToolHeader_ = StyledToolHeader;
+export var Icon = React.forwardRef(function Icon(_a, ref) {
+    var className = _a.className, _b = _a.icon, icon = _b === void 0 ? 'cog' : _b, props = __rest(_a, ["className", "icon"]);
+    return (React.createElement(StyledToolHeaderIconContainer, { className: className, ref: ref },
+        React.createElement(IconBase, __assign({ icon: icon }, props, { size: "sm" }))));
+});
+export var Title = StyledToolHeaderTitle;
+export var Tabs = React.forwardRef(function Tabs(_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(StyledHeaderTabs, { className: className, ref: ref },
+        React.createElement(TabsBase, __assign({}, props), children)));
+});
+export var Actions = StyledHeaderActions;
+/**
+ * @deprecated
+ *
+ * This `Badge` pattern is no longer supported and it is now recommended to use a `Pill` instead.
+ *
+ * @deprecatedSince 10.20.0
+ *
+ * @see https://core.procore.com/latest/web/components/pill/react/
+ */
+export var Badge = React.forwardRef(function Badge(_a, ref) {
+    var children = _a.children, variant = _a.variant, props = __rest(_a, ["children", "variant"]);
+    return (React.createElement(StyledHeaderBadge, __assign({}, props, { "$variant": variant, ref: ref }), children));
+});
+ToolHeader_.displayName = 'ToolHeader';
+Icon.displayName = 'ToolHeader.Icon';
+Title.displayName = 'ToolHeader.Title';
+Tabs.displayName = 'ToolHeader.Tabs';
+Actions.displayName = 'ToolHeader.Actions';
+Badge.displayName = 'ToolHeader.Badge';
+export var ToolHeader = addSubcomponents({
+    Icon: Icon,
+    Title: Title,
+    Tabs: Tabs,
+    Actions: Actions,
+    Badge: Badge,
+}, ToolHeader_);
+export default ToolHeader;
+//# sourceMappingURL=ToolHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolHeader.js","sourceRoot":"","sources":["../../../../src/layouts/ToolHeader/ToolHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,6BAA6B,EAC7B,qBAAqB,GACtB,MAAM,qBAAqB,CAAA;AAG5B,IAAM,WAAW,GAAG,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAGlC,SAAS,IAAI,CAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,SAAS,eAAA,EAAE,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAnC,qBAAqC,CAAF;IACjD,OAAO,CACL,oBAAC,6BAA6B,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QAC3D,oBAAC,QAAQ,aAAC,IAAI,EAAE,IAAI,IAAM,KAAK,IAAE,IAAI,EAAC,IAAI,IAAG,CACf,CACjC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,qBAAqB,CAAA;AAE1C,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,oBAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QAC9C,oBAAC,QAAQ,eAAK,KAAK,GAAG,QAAQ,CAAY,CACzB,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,mBAAmB,CAAA;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAGnC,SAAS,KAAK,CAAC,EAA+B,EAAE,GAAG;IAAlC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IAC5C,OAAO,CACL,oBAAC,iBAAiB,eAAK,KAAK,gBAAY,OAAO,EAAE,GAAG,EAAE,GAAG,KACtD,QAAQ,CACS,CACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,YAAY,CAAA;AAEtC,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEpC,KAAK,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEtC,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEpC,OAAO,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAE1C,KAAK,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,gBAAgB,CACxC;IACE,IAAI,MAAA;IACJ,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,OAAO,SAAA;IACP,KAAK,OAAA;CACN,EACD,WAAW,CACZ,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,9 @@
+import { ToolHeaderBadgeVariant } from './ToolHeader.types';
+export declare const StyledHeaderBadge: import("styled-components").StyledComponent<"div", any, {
+    $variant: ToolHeaderBadgeVariant;
+}, never>;
+export declare const StyledToolHeaderIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeaderTabs: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeaderActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledToolHeaderTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").HeadingAttributes & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const StyledToolHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,24 @@
+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 { H1 } from '../../components/Semantic';
+import { getTypographyIntent } from '../../components/Typography/Typography.styles';
+import { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+export var StyledHeaderBadge = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  border-radius: 10px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-block;\n  margin-bottom: ", "px;\n  padding: 1px ", "px;\n\n  ", "\n"], ["\n  ", "\n  border-radius: 10px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-block;\n  margin-bottom: ", "px;\n  padding: 1px ", "px;\n\n  ", "\n"])), getTypographyIntent('small'), spacing.sm, spacing.sm, function (_a) {
+    var $variant = _a.$variant;
+    if ($variant) {
+        if ($variant === 'trial') {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        "])), colors.purple50, colors.purple50, colors.white);
+        }
+    }
+});
+export var StyledToolHeaderIconContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n"], ["\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n"])), colors.orange50);
+export var StyledHeaderTabs = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-self: flex-end;\n  flex: 1 1 auto;\n  min-width: 100px;\n  overflow: hidden;\n"], ["\n  align-self: flex-end;\n  flex: 1 1 auto;\n  min-width: 100px;\n  overflow: hidden;\n"])));
+export var StyledHeaderActions = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  margin-left: auto;\n  padding-left: ", "px;\n"], ["\n  flex: 0 0 auto;\n  margin-left: auto;\n  padding-left: ", "px;\n"])), spacing.lg);
+export var StyledToolHeaderTitle = styled(H1)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-right: ", "px;\n  white-space: nowrap;\n"], ["\n  margin-right: ", "px;\n  white-space: nowrap;\n"])), spacing.xl);
+export var StyledToolHeader = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ", " + ", ",\n  a + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  min-height: 36px;\n  width: 100%;\n\n  ", " + ", ",\n  a + ", " {\n    margin-left: ", "px;\n  }\n"])), StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=ToolHeader.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolHeader.styles.js","sourceRoot":"","sources":["../../../../src/layouts/ToolHeader/ToolHeader.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAG9C,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,2OAEzC,MACE,EAA4B,qHAKb,EAAU,sBACZ,EAAU,WAEvB,EAUD,IACF,KAnBG,mBAAmB,CAAC,OAAO,CAAC,EAKb,OAAO,CAAC,EAAE,EACZ,OAAO,CAAC,EAAE,EAEvB,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,IAAI,QAAQ,EAAE;QACZ,IAAI,QAAQ,KAAK,OAAO,EAAE;YACxB,OAAO,GAAG,yKAAA,gCACY,EAAe,6BACnB,EAAe,sBACtB,EAAY,aACtB,KAHqB,MAAM,CAAC,QAAQ,EACnB,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,KAAK,EACtB;SACF;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,uJAAA,aAC5C,EAAe,qEAIzB,KAJU,MAAM,CAAC,QAAQ,CAIzB,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,6JAAA,0FAKzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,yIAAA,6DAG3B,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,CAAC,wHAAA,oBAC7B,EAAU,+BAE3B,KAFiB,OAAO,CAAC,EAAE,CAE3B,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,qNAAA,uFAMtC,EAA6B,KAAM,EAAqB,WACpD,EAAqB,uBACV,EAAU,YAE5B,KAJG,6BAA6B,EAAM,qBAAqB,EACpD,qBAAqB,EACV,OAAO,CAAC,EAAE,CAE5B,CAAA"}

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

@@ -0,0 +1,17 @@
+import { Props } from '../../utils/types';
+export declare type ToolHeaderBadgeVariant = 'beta' | 'new' | 'trial';
+export interface ToolHeaderBadgeProps extends Props {
+    /**
+     * Controls the background/border/text colors of the Badge's pill
+     * @since 10.19.0
+     */
+    variant: ToolHeaderBadgeVariant;
+}
+export interface ToolHeaderIconProps extends Props {
+    /**
+     * @deprecated this will take an icon from '@procore/core-icons/dist' package
+     * in the near future. See Icon List page for further details
+     * @since 10.19.0
+     */
+    icon?: string;
+}

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

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