@procore/core-react 10.18.0-rc.26 → 10.18.0-rc.31

package/.storybook/coreTheme.ts

@@ -0,0 +1,12 @@
+import { create } from '@storybook/theming'
+// @ts-ignore
+import coreLogo from './static/logo.png'
+
+const isLocal = () => window.location.hostname === 'localhost'
+
+export default create({
+  base: 'light',
+  brandTitle: 'Core',
+  brandUrl: isLocal() ? '/' : 'https://design.procore.com',
+  brandImage: coreLogo,
+})

package/.storybook/manager-head.html

@@ -1,2 +1,3 @@
 <script src="https://cdn.auth0.com/js/lock/11.21.0/lock.min.js"></script>
 <script type="text/javascript" src="/core/secureLogin.js"></script>
+<link rel='icon' href='favicon.ico'/>

package/.storybook/manager.js

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/addons'
+import theme from './coreTheme'
+
+addons.setConfig({
+  theme,
+})

package/dist/esm/components/Title/Title.js

@@ -23,7 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { addSubcomponents } from '../../utils/addSubcomponents';
 import { slotify } from '../../utils/slotify';
-import { StyledText, StyledSubtext, StyledTitle, StyledTitleActions, StyledAssets, StyledTitleContent, StyledTitlePill, } from './Title.styles';
+import { StyledText, StyledSubtext, StyledTitle, StyledTitleActions, StyledAssets, StyledTitlePill, StyledTitleContent, } from './Title.styles';
+function isValidElement(element) {
+    return Boolean(element);
+}
 var Title_ = React.forwardRef(function Title_(_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var _b = slotify(children, {
@@ -33,13 +36,22 @@ var Title_ = React.forwardRef(function Title_(_a, ref) {
         actions: TitleActions,
         assets: TitleAssets,
     }), pills = _b.pills, text = _b.text, subtext = _b.subtext, actions = _b.actions, assets = _b.assets;
+    var hasActions = isValidElement(actions.slotChildren);
+    var hasAssets = isValidElement(assets.slotChildren);
+    var hasPills = isValidElement(pills.slotChildren);
+    var hasText = isValidElement(text.slotChildren);
+    var hasSubtext = isValidElement(subtext.slotChildren);
+    var isEmpty = [hasActions, hasAssets, hasPills, hasText, hasSubtext].every(function (el) { return !el; });
+    if (isEmpty) {
+        return null;
+    }
     return (React.createElement(StyledTitle, __assign({ ref: ref }, props),
-        assets.slotChildren !== null && (React.createElement(StyledAssets, __assign({ ref: assets.slotRef }, assets.slotProps), assets.slotChildren)),
-        React.createElement(StyledTitleContent, null,
-            text.slotChildren !== null && (React.createElement(StyledText, __assign({ ref: text.slotRef }, text.slotProps), text.slotChildren)),
-            pills.slotChildren !== null && (React.createElement(StyledTitlePill, __assign({ ref: pills.slotRef }, pills.slotProps), pills.slotChildren)),
-            subtext.slotChildren !== null && (React.createElement(StyledSubtext, __assign({ ref: subtext.slotRef }, subtext.slotProps, { color: "gray45" }), subtext.slotChildren))),
-        actions.slotChildren !== null && (React.createElement(StyledTitleActions, __assign({ ref: actions.slotRef }, actions.slotProps), actions.slotChildren))));
+        hasAssets && (React.createElement(StyledAssets, __assign({ ref: assets.slotRef }, assets.slotProps), assets.slotChildren)),
+        React.createElement(StyledTitleContent, { "$hasActions": hasActions },
+            hasText && (React.createElement(StyledText, __assign({ ref: text.slotRef }, text.slotProps), text.slotChildren)),
+            hasPills && (React.createElement(StyledTitlePill, __assign({ ref: pills.slotRef }, pills.slotProps), pills.slotChildren)),
+            hasSubtext && (React.createElement(StyledSubtext, __assign({ ref: subtext.slotRef }, subtext.slotProps, { color: "gray45" }), subtext.slotChildren))),
+        hasActions && (React.createElement(StyledTitleActions, __assign({ ref: actions.slotRef }, actions.slotProps), actions.slotChildren))));
 });
 var TitlePills = React.forwardRef(function TitlePills() {
     return React.createElement("div", null);

package/dist/esm/components/Title/Title.js.map

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

package/dist/esm/components/Title/Title.styles.d.ts

@@ -1,6 +1,8 @@
 export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAssets: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTitleContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitleContent: import("styled-components").StyledComponent<"div", any, {
+    $hasActions: boolean;
+}, never>;
 export declare const StyledText: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StyledTitlePill: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StyledTitleActions: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/Title/Title.styles.js

@@ -2,17 +2,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { spacing } from '../../styles/spacing';
-import { StyledButton, StyledLinkButton } from '../Button/Button.styles';
 import { StyledPill } from '../Pill/Pill.styles';
 import { Typography } from '../Typography';
 export var StyledTitle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  align-items: flex-start;\n"])));
 export var StyledAssets = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacing.md);
-export var StyledTitleContent = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: auto 0;\n"], ["\n  margin: auto 0;\n"])));
-export var StyledText = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-right: ", "px;\n\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n"], ["\n  margin-right: ", "px;\n\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n"])), spacing.sm);
-export var StyledTitlePill = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", " {\n    vertical-align: text-top;\n  }\n\n  > ", " + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  ", " {\n    vertical-align: text-top;\n  }\n\n  > ", " + ", " {\n    margin-left: ", "px;\n  }\n"])), StyledPill, StyledPill, StyledPill, spacing.xs);
-export var StyledTitleActions = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  margin-top: 2px;\n  margin-left: auto;\n\n  > ", ", > ", " {\n    &:first-child {\n      margin-left: ", "px;\n    }\n\n    margin-left: ", "px;\n  }\n"], ["\n  display: flex;\n  margin-top: 2px;\n  margin-left: auto;\n\n  > ", ", > ", " {\n    &:first-child {\n      margin-left: ", "px;\n    }\n\n    margin-left: ", "px;\n  }\n"])), StyledButton, StyledLinkButton, spacing.lg, spacing.sm);
-export var StyledSubtext = styled(Typography)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+export var StyledTitleContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $hasActions = _a.$hasActions;
+    return $hasActions && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      margin-right: ", "px;\n    "], ["\n      margin-right: ", "px;\n    "])), spacing.lg);
+});
+export var StyledText = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-right: ", "px;\n\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n"], ["\n  margin-right: ", "px;\n\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n"])), spacing.sm);
+export var StyledTitlePill = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", " {\n    vertical-align: text-top;\n  }\n\n  > ", " + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  ", " {\n    vertical-align: text-top;\n  }\n\n  > ", " + ", " {\n    margin-left: ", "px;\n  }\n"])), StyledPill, StyledPill, StyledPill, spacing.xs);
+export var StyledTitleActions = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  margin-left: auto;\n\n  > * + * {\n    margin-left: ", "px;\n  }\n"], ["\n  display: flex;\n  margin-left: auto;\n\n  > * + * {\n    margin-left: ", "px;\n  }\n"])), spacing.sm);
+export var StyledSubtext = styled(Typography)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=Title.styles.js.map

package/dist/esm/components/Title/Title.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.styles.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qHAAA,kDAGpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,gGAAA,oBACpB,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,0FAAA,uBAE3C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,yJAAA,oBACnB,EAAU,gEAO3B,KAPiB,OAAO,CAAC,EAAE,CAO3B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,yKAAA,MACtC,EAAU,gDAIR,EAAU,KAAM,EAAU,uBACb,EAAU,YAE5B,KAPG,UAAU,EAIR,UAAU,EAAM,UAAU,EACb,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,kPAAA,sEAKtC,EAAY,MAAO,EAAgB,8CAEpB,EAAU,iCAGZ,EAAU,YAE5B,KAPK,YAAY,EAAO,gBAAgB,EAEpB,OAAO,CAAC,EAAE,EAGZ,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,0FAAA,uBAE9C,IAAA,CAAA"}
+{"version":3,"file":"Title.styles.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qHAAA,kDAGpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,gGAAA,oBACpB,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,+EAA0B,MAClE,EAIC,IACJ,KALG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,IACX,GAAG,wGAAA,wBACe,EAAU,WAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B;AAHD,CAGC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,yJAAA,oBACnB,EAAU,gEAO3B,KAPiB,OAAO,CAAC,EAAE,CAO3B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,yKAAA,MACtC,EAAU,gDAIR,EAAU,KAAM,EAAU,uBACb,EAAU,YAE5B,KAPG,UAAU,EAIR,UAAU,EAAM,UAAU,EACb,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6JAAA,4EAKzB,EAAU,YAE5B,KAFkB,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,0FAAA,uBAE9C,IAAA,CAAA"}

package/dist/esm/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ToggleButtonProps } from './ToggleButton.types';
+export declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,30 @@
+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 { StyledToggleButton } from './ToggleButton.styles';
+export var ToggleButton = React.forwardRef(function ToggleButton(_a, ref) {
+    var children = _a.children, _b = _a.selected, selected = _b === void 0 ? false : _b, icon = _a.icon, size = _a.size, props = __rest(_a, ["children", "selected", "icon", "size"]);
+    return (React.createElement(StyledToggleButton, __assign({}, props, { "$selected": selected, icon: icon, size: size, variant: "tertiary", ref: ref }), children || null));
+});
+ToggleButton.displayName = 'ToggleButton';
+//# sourceMappingURL=ToggleButton.js.map

package/dist/esm/components/ToggleButton/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAG1C,SAAS,YAAY,CACrB,EAAoD,EACpD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAlD,wCAAoD,CAAF;IAGlD,OAAO,CACL,oBAAC,kBAAkB,eACb,KAAK,iBACE,QAAQ,EACnB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,EAClB,GAAG,EAAE,GAAG,KAEP,QAAQ,IAAI,IAAI,CACE,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/esm/components/ToggleButton/ToggleButton.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    $selected: boolean;
+}, never>;

package/dist/esm/components/ToggleButton/ToggleButton.styles.js

@@ -0,0 +1,13 @@
+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 { Button } from '../Button';
+export var StyledToggleButton = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\n  ", "\n}\n"], ["\n\n  ", "\n}\n"])), function (_a) {
+    var $selected = _a.$selected;
+    return $selected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:focus {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:disabled {\n        background-color: ", ";\n        color: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      color: ", ";\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:focus {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:disabled {\n        background-color: ", ";\n        color: ", ";\n      }\n    "])), colors.blue50, colors.white, colors.blue40, colors.white, colors.blue50, colors.white, colors.blue85, colors.white);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ToggleButton.styles.js.map

package/dist/esm/components/ToggleButton/ToggleButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.styles.js","sourceRoot":"","sources":["../../../../src/components/ToggleButton/ToggleButton.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,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,oFAAwB,QAEpE,EAoBC,OAEJ,KAtBG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,0XAAA,4BACmB,EAAa,kBACxB,EAAY,kDAGC,EAAa,oBACxB,EAAY,2DAID,EAAa,oBACxB,EAAY,8DAID,EAAa,oBACxB,EAAY,kBAExB,KAjBqB,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,EAGC,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,EAID,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,EAID,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,CAExB;AAnBD,CAmBC,CAEJ,CAAA"}

package/dist/esm/components/ToggleButton/ToggleButton.types.d.ts

@@ -0,0 +1,7 @@
+import { ButtonAttributes } from '../../utils/types';
+import { ButtonSizes } from '../Button/Button.types';
+export interface ToggleButtonProps extends ButtonAttributes {
+    selected?: boolean;
+    icon?: string | React.ReactNode;
+    size?: ButtonSizes;
+}

package/dist/esm/components/ToggleButton/ToggleButton.types.js

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

package/dist/esm/components/ToggleButton/ToggleButton.types.js.map

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

package/dist/esm/components/ToggleButton/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleButton } from './ToggleButton';
+export { ToggleButtonProps } from './ToggleButton.types';

package/dist/esm/components/ToggleButton/index.js

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

package/dist/esm/components/ToggleButton/index.js.map

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

package/dist/esm/index.d.ts

@@ -4,6 +4,7 @@ export { default as Badge } from './components/Badge';
 export { ActionBanner, default as Banner, ErrorBanner, InfoBanner, SuccessBanner, } from './components/Banner';
 export { default as Breadcrumbs } from './components/Breadcrumbs';
 export { default as Button, LinkButton } from './components/Button';
+export { ToggleButton } from './components/ToggleButton';
 export { default as Calendar } from './components/Calendar';
 export { default as Card } from './components/Card';
 export { default as Checkbox } from './components/Checkbox';

package/dist/esm/index.js

@@ -5,6 +5,7 @@ export { default as Badge } from './components/Badge';
 export { ActionBanner, default as Banner, ErrorBanner, InfoBanner, SuccessBanner, } from './components/Banner';
 export { default as Breadcrumbs } from './components/Breadcrumbs';
 export { default as Button, LinkButton } from './components/Button';
+export { ToggleButton } from './components/ToggleButton';
 export { default as Calendar } from './components/Calendar';
 export { default as Card } from './components/Card';
 export { default as Checkbox } from './components/Checkbox';

package/dist/esm/index.js.map

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

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

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

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

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

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

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

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

@@ -23,9 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 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, StyledSectionActions, sectionClassnames, } from './Section.styles';
+import { StyledSection, StyledSectionInner, StyledSectionHeader, StyledSectionCollapseHeading, StyledSectionContentRegion, sectionClassnames, StyledTitle, } from './Section.styles';
 var isFunction = function (obj) { return typeof obj === 'function'; };
 // Header levels start at level 2
 var LevelContext = React.createContext(2);
@@ -57,7 +58,7 @@ export var SectionProvider = function (_a) {
 };
 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, props = __rest(_a, ["actions", "children", "className", "expandId", "heading", "initialIsOpen"]);
+    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 () {
@@ -90,10 +91,14 @@ export var Section = React.forwardRef(function Section(_a, ref) {
                 heading || actions ? (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 ? 'chevron-down' : 'chevron-right', onClick: toggleOpen, variant: "tertiary" }))) : null,
-                    React.createElement(Heading, { "aria-hidden": expandId ? true : false, id: headingTextId }, heading),
-                    actions ? (React.createElement(StyledSectionActions, { alignSelf: "flex-start", flexShrink: 0, marginLeft: "auto" }, isFunction(actions)
-                        ? actions({ open: open })
-                        : actions)) : null)) : 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" }, open ? children : null)))));
 });
 Section.displayName = 'Section';

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

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

@@ -3,7 +3,6 @@ export declare const sectionCollapseButtonMargin = 8;
 export declare const sectionContentMinMargin: number;
 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 StyledSectionActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledSectionContentRegion: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledSectionHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface StyledSectionProps {
@@ -16,4 +15,11 @@ export declare const sectionClassnames: {
     level: (num: number) => string;
 };
 export declare const StyledSection: import("styled-components").StyledComponent<"div", any, StyledSectionProps, 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>;
 export {};

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

@@ -6,26 +6,26 @@ import styled, { css } from 'styled-components';
 import { colors } from '../../styles/colors';
 import { StyledFormRow } from '../../components/Form/Form.styles';
 import { spacing } from '../../styles/spacing';
-import { Box } from '../Box';
+import { Title } from '../../components/Title';
 export var sectionCollapseButtonWidth = 36;
 export var sectionCollapseButtonMargin = 8;
 export var sectionContentMinMargin = sectionCollapseButtonWidth + sectionCollapseButtonMargin * 2;
 export var StyledSectionInner = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-bottom: ", "px;\n  padding-top: ", "px;\n"], ["\n  padding-bottom: ", "px;\n  padding-top: ", "px;\n"])), spacing.xxl, spacing.xxl);
-export var StyledSectionCollapseHeading = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  left: ", "px;\n  top: 0;\n"], ["\n  position: absolute;\n  left: ", "px;\n  top: 0;\n"])), -1 * (sectionCollapseButtonWidth + sectionCollapseButtonMargin));
-export var StyledSectionActions = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-shrink: 0;\n  padding-left: ", "px;\n\n  > button,\n  > a {\n    &:first-child {\n      margin-left: 0;\n    }\n\n    margin-left: ", "px;\n  }\n"], ["\n  flex-shrink: 0;\n  padding-left: ", "px;\n\n  > button,\n  > a {\n    &:first-child {\n      margin-left: 0;\n    }\n\n    margin-left: ", "px;\n  }\n"])), spacing.xl, spacing.sm);
-export var StyledSectionContentRegion = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
-export var StyledSectionHeader = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  position: relative;\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  & + ", " {\n    padding-top: 28px;\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  position: relative;\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  & + ", " {\n    padding-top: 28px;\n  }\n"])), StyledSectionContentRegion);
+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 StyledSectionContentRegion = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
+export var StyledSectionHeader = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  position: relative;\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  & + ", " {\n    padding-top: 28px;\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  position: relative;\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  & + ", " {\n    padding-top: 28px;\n  }\n"])), StyledSectionContentRegion);
 export var sectionClassnames = {
     divide: 'section--divide',
     levelAnonymous: 'section--level-anon',
     level: function (num) { return "section--level-" + num; },
 };
-export var StyledSection = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  padding-left: ", "px; // space for a collapse button\n  padding-right: ", "px;\n\n  &.", ":first-child > ", " {\n    border-top: 0px;\n  }\n\n  // Solving if a card starts with:\n  //  - a single anonymous section\n  // and is followed by:\n  //  - a named section\n  // then\n  //  - reduce the visual space\n  &.", ":first-child {\n    & + .", ", & + .", " {\n      & > ", " {\n        margin-top: ", "px;\n      }\n    }\n  }\n\n  &:first-child {\n    padding-top: ", "px;\n  }\n\n  &:last-child {\n    padding-bottom: ", "px;\n  }\n\n  ", " + & {\n    margin-top: ", "px;\n  }\n\n  ", ":last-of-type {\n    margin-bottom: -28px;\n  }\n\n  & & + & {\n    margin-top: 0;\n  }\n\n  & & {\n    margin-left: ", "px;\n    margin-right: ", "px;\n    margin-top: ", "px;\n    padding-top: 0;\n    padding-bottom: 0;\n\n    &:first-child,\n    & + & {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      & > ", " {\n        padding-bottom: 0;\n      }\n    }\n  }\n\n  ", "\n\n  ", "\n}\n"], ["\n  padding-left: ", "px; // space for a collapse button\n  padding-right: ", "px;\n\n  &.", ":first-child > ", " {\n    border-top: 0px;\n  }\n\n  // Solving if a card starts with:\n  //  - a single anonymous section\n  // and is followed by:\n  //  - a named section\n  // then\n  //  - reduce the visual space\n  &.", ":first-child {\n    & + .", ", & + .", " {\n      & > ", " {\n        margin-top: ", "px;\n      }\n    }\n  }\n\n  &:first-child {\n    padding-top: ", "px;\n  }\n\n  &:last-child {\n    padding-bottom: ", "px;\n  }\n\n  ", " + & {\n    margin-top: ", "px;\n  }\n\n  ", ":last-of-type {\n    margin-bottom: -28px;\n  }\n\n  & & + & {\n    margin-top: 0;\n  }\n\n  & & {\n    margin-left: ", "px;\n    margin-right: ", "px;\n    margin-top: ", "px;\n    padding-top: 0;\n    padding-bottom: 0;\n\n    &:first-child,\n    & + & {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      & > ", " {\n        padding-bottom: 0;\n      }\n    }\n  }\n\n  ", "\n\n  ", "\n}\n"])), sectionContentMinMargin, sectionContentMinMargin, sectionClassnames.divide, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), sectionClassnames.level(3), StyledSectionInner, spacing.xxl * -1, spacing.lg, spacing.lg, StyledFormRow, spacing.xs, StyledFormRow, sectionContentMinMargin * -1, sectionContentMinMargin * -1, spacing.xxl, StyledSectionInner, function (_a) {
+export var StyledSection = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding-left: ", "px; // space for a collapse button\n  padding-right: ", "px;\n\n  &.", ":first-child > ", " {\n    border-top: 0px;\n  }\n\n  // Solving if a card starts with:\n  //  - a single anonymous section\n  // and is followed by:\n  //  - a named section\n  // then\n  //  - reduce the visual space\n  &.", ":first-child {\n    & + .", ", & + .", " {\n      & > ", " {\n        margin-top: ", "px;\n      }\n    }\n  }\n\n  &:first-child {\n    padding-top: ", "px;\n  }\n\n  &:last-child {\n    padding-bottom: ", "px;\n  }\n\n  ", " + & {\n    margin-top: ", "px;\n  }\n\n  ", ":last-of-type {\n    margin-bottom: -28px;\n  }\n\n  & & + & {\n    margin-top: 0;\n  }\n\n  & & {\n    margin-top: ", "px;\n    padding: 0;\n\n    &:first-child,\n    & + & {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      & > ", " {\n        padding-bottom: 0;\n      }\n    }\n  }\n\n  ", "\n\n  ", "\n}\n"], ["\n  padding-left: ", "px; // space for a collapse button\n  padding-right: ", "px;\n\n  &.", ":first-child > ", " {\n    border-top: 0px;\n  }\n\n  // Solving if a card starts with:\n  //  - a single anonymous section\n  // and is followed by:\n  //  - a named section\n  // then\n  //  - reduce the visual space\n  &.", ":first-child {\n    & + .", ", & + .", " {\n      & > ", " {\n        margin-top: ", "px;\n      }\n    }\n  }\n\n  &:first-child {\n    padding-top: ", "px;\n  }\n\n  &:last-child {\n    padding-bottom: ", "px;\n  }\n\n  ", " + & {\n    margin-top: ", "px;\n  }\n\n  ", ":last-of-type {\n    margin-bottom: -28px;\n  }\n\n  & & + & {\n    margin-top: 0;\n  }\n\n  & & {\n    margin-top: ", "px;\n    padding: 0;\n\n    &:first-child,\n    & + & {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      & > ", " {\n        padding-bottom: 0;\n      }\n    }\n  }\n\n  ", "\n\n  ", "\n}\n"])), sectionContentMinMargin, sectionContentMinMargin, sectionClassnames.divide, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), sectionClassnames.level(3), StyledSectionInner, spacing.xxl * -1, spacing.lg, spacing.lg, StyledFormRow, spacing.xs, StyledFormRow, spacing.xxl, StyledSectionInner, function (_a) {
     var $closed = _a.$closed;
-    return $closed && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      ", " {\n        padding-top: 0;\n      }\n    "], ["\n      ", " {\n        padding-top: 0;\n      }\n    "])), StyledSectionContentRegion);
+    return $closed && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      ", " {\n        padding-top: 0;\n      }\n    "], ["\n      ", " {\n        padding-top: 0;\n      }\n    "])), StyledSectionContentRegion);
 }, function (_a) {
     var $divide = _a.$divide;
-    return $divide && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      & > ", " {\n        border-top: 1px solid ", ";\n      }\n    "], ["\n      & > ", " {\n        border-top: 1px solid ", ";\n      }\n    "])), StyledSectionInner, colors.gray85);
+    return $divide && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      & > ", " {\n        border-top: 1px solid ", ";\n      }\n    "], ["\n      & > ", " {\n        border-top: 1px solid ", ";\n      }\n    "])), StyledSectionInner, colors.gray85);
 });
+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

@@ -1 +1 @@
-{"version":3,"file":"Section.styles.js","sourceRoot":"","sources":["../../../../src/layouts/Section/Section.styles.ts"],"names":[],"mappings":"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"}
+{"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,0BAA0B,GAAG,EAAE,CAAA;AAC5C,MAAM,CAAC,IAAM,2BAA2B,GAAG,CAAC,CAAA;AAC5C,MAAM,CAAC,IAAM,uBAAuB,GAClC,0BAA0B,GAAG,2BAA2B,GAAG,CAAC,CAAA;AAE9D,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,0HAAA,sBACxB,EAAW,sBACd,EAAW,OAC3B,KAFmB,OAAO,CAAC,GAAG,EACd,OAAO,CAAC,GAAG,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,2HAAA,+CAEpC,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAEtD,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,gfAAA,wYAWrC,EAA0B,mCAGjC,KAHO,0BAA0B,CAGjC,CAAA;AAOD,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,iBAAiB;IACzB,cAAc,EAAE,qBAAqB;IACrC,KAAK,EAAE,UAAC,GAAW,IAAK,OAAA,oBAAkB,GAAK,EAAvB,CAAuB;CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,q9BAAoB,oBACzC,EAAuB,uDACtB,EAAuB,aAEpC,EAAwB,iBAAkB,EAAkB,+MAU5D,EAAgC,2BAC3B,EAA0B,SAAU,EAA0B,gBAC7D,EAAkB,0BACR,EAAgB,kEAMnB,EAAU,oDAIP,EAAU,gBAG5B,EAAa,0BACC,EAAU,gBAGxB,EAAa,sHASC,EAAW,wHASjB,EAAkB,2DAM1B,EAMC,QAED,EAMC,OAEJ,KAzEiB,uBAAuB,EACtB,uBAAuB,EAEpC,iBAAiB,CAAC,MAAM,EAAkB,kBAAkB,EAU5D,iBAAiB,CAAC,cAAc,EAC3B,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAU,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAC7D,kBAAkB,EACR,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,EAMnB,OAAO,CAAC,EAAE,EAIP,OAAO,CAAC,EAAE,EAG5B,aAAa,EACC,OAAO,CAAC,EAAE,EAGxB,aAAa,EASC,OAAO,CAAC,GAAG,EASjB,kBAAkB,EAM1B,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,GAAG,2HAAA,UACC,EAA0B,4CAG7B,KAHG,0BAA0B,CAG7B;AALD,CAKC,EAED,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,GAAG,2IAAA,cACK,EAAkB,oCACE,EAAa,kBAExC,KAHO,kBAAkB,EACE,MAAM,CAAC,MAAM,CAExC;AALD,CAKC,CAEJ,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEvC,IAAA,CAAA"}

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

@@ -1,3 +1,4 @@
+import React from '@storybook/api/node_modules/@types/react';
 import { Props } from '../../utils/types';
 export interface SectionProviderProps {
     children: React.ReactNode;
@@ -24,6 +25,18 @@ export interface SectionProps extends Props {
      * @description If expandable, start open or closed
      */
     initialIsOpen?: boolean;
+    /**
+     * @description Title assets
+     */
+    assets?: React.ReactNode;
+    /**
+     * @description Title pills
+     */
+    pills?: React.ReactNode;
+    /**
+     * @description Title subtext
+     */
+    subtext?: React.ReactNode;
 }
 export interface SectionContextAPI {
     open: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/core-react",
-  "version": "10.18.0-rc.26+343742779",
+  "version": "10.18.0-rc.31+2b7597293",
   "description": "JSX implementations for core-css",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -9,7 +9,7 @@
   "scripts": {
     "build": "yarn clean && yarn build:esm && yarn build:typedoc",
     "build:esm": "NODE_ENV=development tsc -p tsconfig.prod.json",
-    "build:storybook": "build-storybook",
+    "build:storybook": "build-storybook -s .storybook/static",
     "build:typedoc": "node typedoc.js",
     "clean": "rimraf dist",
     "dev": "NODE_ENV=development TZ_LOG=true yarn build:typedoc && yarn dev:ts",
@@ -19,7 +19,7 @@
     "typecheck": "tsc -p . --noEmit",
     "typecheck:watch": "tsc -p . --noEmit --watch",
     "snapshot": "percy storybook ./storybook-static",
-    "storybook": "start-storybook -p 9000 -s .storybook/public"
+    "storybook": "start-storybook -p 9000 -s .storybook/static"
   },
   "repository": {
     "type": "git",
@@ -51,7 +51,9 @@
     "@storybook/addon-a11y": "6.3.12",
     "@storybook/addon-essentials": "6.3.7",
     "@storybook/addon-storysource": "6.3.12",
+    "@storybook/addons": "6.3.12",
     "@storybook/react": "6.3.8",
+    "@storybook/theming": "6.3.12",
     "@testing-library/dom": "8.2.0",
     "@testing-library/jest-dom": "5.14.1",
     "@testing-library/react": "12.1.2",
@@ -98,9 +100,9 @@
     "yup": "0.32.9"
   },
   "dependencies": {
-    "@procore/core-css": "10.18.0-rc.26+343742779",
-    "@procore/core-i18n-js": "10.18.0-rc.26+343742779",
-    "@procore/core-icons": "10.18.0-rc.26+343742779",
+    "@procore/core-css": "10.18.0-rc.31+2b7597293",
+    "@procore/core-i18n-js": "10.18.0-rc.31+2b7597293",
+    "@procore/core-icons": "10.18.0-rc.31+2b7597293",
     "@tinymce/tinymce-react": "3.12.6",
     "axios": "0.22.0",
     "classnames": "2.3.1",
@@ -123,5 +125,5 @@
     "react-dom": ">=16.8.0 < 18",
     "styled-components": ">= 5.1.1 < 6"
   },
-  "gitHead": "343742779ba89351533b6ce5450727802f964edc"
+  "gitHead": "2b7597293b9f9e4cb43f76c8f97c2a494a210e30"
 }