@procore/core-react 10.18.0-rc.9 → 10.18.0

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="secureLogin.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/.storybook/preview.js

@@ -2,6 +2,12 @@ import React from 'react'
 
 export const parameters = {
   layout: 'fullscreen',
+  options: {
+    storySort: {
+      method: 'alphabetical',
+      order: ['Introduction', '*', 'Demos', 'Coverage', 'Box'],
+    },
+  },
 }
 
 export const decorators = [

package/.storybook/secureLogin.js

@@ -0,0 +1,75 @@
+window.addEventListener('DOMContentLoaded', function () {
+  function clearSession() {
+    localStorage.removeItem('access_token')
+    localStorage.removeItem('id_token')
+    localStorage.removeItem('expires_at')
+  }
+
+  function setSession() {
+    var authResult =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}
+    var accessToken = authResult.accessToken,
+      idToken = authResult.idToken,
+      expiresIn = authResult.expiresIn
+
+    if (accessToken && idToken) {
+      var expiresAt = JSON.stringify(expiresIn * 1000 + new Date().getTime())
+      localStorage.setItem('access_token', accessToken)
+      localStorage.setItem('id_token', idToken)
+      localStorage.setItem('expires_at', expiresAt)
+    }
+  }
+
+  function isAuthExpired() {
+    return new Date().getTime() > JSON.parse(localStorage.getItem('expires_at'))
+  }
+
+  function needsAuth() {
+    if (window.location.hostname === 'localhost') {
+      return false
+    }
+
+    if (isAuthExpired()) {
+      clearSession()
+      return true
+    }
+
+    return false
+  }
+
+  function authUser() {
+    //remove storybook body while not logged in
+    document.body.innerHTML = ''
+    var lock = new Auth0Lock(
+      'z7X1PDj8xO6wld6wpiicmw7WbcLph9VF',
+      'procore.auth0.com',
+      {
+        autoclose: true,
+        allowSignUp: false,
+        auth: {
+          audience: 'https://procore.auth0.com/userinfo',
+          redirect: false,
+          responseType: 'token id_token',
+          params: {
+            scope: 'openid',
+          },
+        },
+        theme: {
+          logo: 'https://images-na.ssl-images-amazon.com/images/I/615dQnf0l1L.png',
+        },
+      }
+    )
+    lock.on('authenticated', function (authResult) {
+      setSession(authResult)
+      window.location.reload()
+    })
+    lock.on('authorization_error', function () {
+      clearSession()
+    })
+    lock.show()
+  }
+
+  if (needsAuth()) {
+    authUser()
+  }
+})

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.18.0](https://github.com/procore/core/compare/v10.17.0...v10.18.0) (2021-11-09)
+
+
+### Features
+
+* [FDN-1073] Storybook deploys for master + develop ([#9587](https://github.com/procore/core/issues/9587)) ([2c47de3](https://github.com/procore/core/commit/2c47de33db56916a7be66ea37c204365a54c6c26))
+* [UIF-1069] Toggle Button component ([#9607](https://github.com/procore/core/issues/9607)) ([1098c0a](https://github.com/procore/core/commit/1098c0a85f5ff008107ea509081e9a488cb62091))
+* [UIF-1323] Storybook Core Brand ([#9636](https://github.com/procore/core/issues/9636)) ([23c6095](https://github.com/procore/core/commit/23c60953283c78f9abab7d2614e2b2b6c5b63bbe))
+* add index file for DetailPage component ([#9639](https://github.com/procore/core/issues/9639)) ([2959392](https://github.com/procore/core/commit/2959392361a4e8125cc6abc5a77972259e8c90bc))
+* add panel close button ([#9606](https://github.com/procore/core/issues/9606)) ([5589735](https://github.com/procore/core/commit/55897356d2aad03dfc32b046c7da99fafb430043))
+* alphabetical sorting for storybook stories ([#9613](https://github.com/procore/core/issues/9613)) ([3437427](https://github.com/procore/core/commit/343742779ba89351533b6ce5450727802f964edc))
+* expose Section on Panel and Modal ([#9588](https://github.com/procore/core/issues/9588)) ([e94564f](https://github.com/procore/core/commit/e94564fcc555422e0dc320c37e1b8bcfd1dc8785))
+
+
+
+
+
 # [10.17.0](https://github.com/procore/core/compare/v10.16.0...v10.17.0) (2021-10-27)
 
 

package/dist/esm/components/Panel/Panel.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { ChevronLeft, EllipsisVertical } from '@procore/core-icons/dist';
+import { ChevronLeft, Clear, EllipsisVertical } from '@procore/core-icons/dist';
 import { mergeRefs } from '../../effects/mergeRefs';
 import { useOverflowObserver } from '../../effects/OverflowObserver';
 import { addSubcomponents } from '../../utils/addSubcomponents';
@@ -31,8 +31,9 @@ import { Button } from '../Button';
 import { Menu } from '../Menu';
 import { OverlayTrigger } from '../OverlayTrigger';
 import { Tooltip } from '../Tooltip';
-import { StyledBody, StyledFooter, StyledFooterActions, StyledFooterNotation, StyledHeader, StyledHeaderActions, StyledHeaderBackAction, StyledMoreMenu, StyledPanel, StyledTitle, } from './Panel.styles';
+import { StyledBody, StyledFooter, StyledFooterActions, StyledFooterNotation, StyledHeader, StyledHeaderActions, StyledHeaderBackAction, StyledMoreMenu, StyledPanel, StyledTitle, StyledCloseButton, } from './Panel.styles';
 import { Section, SectionProvider } from '../../layouts/Section';
+import { useI18nContext } from '../..';
 var maxVisibleIcons = 3;
 var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
     var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
@@ -78,11 +79,14 @@ var Title = React.forwardRef(function Title(_a, ref) {
         React.createElement(StyledTitle, __assign({}, props, { ref: mergeRefs(overflowRef, ref), intent: "h2", "data-qa": qa === null || qa === void 0 ? void 0 : qa.title }), children)));
 });
 var Header = React.forwardRef(function Header(_a, ref) {
-    var children = _a.children, onClickBack = _a.onClickBack, props = __rest(_a, ["children", "onClickBack"]);
+    var children = _a.children, onClickBack = _a.onClickBack, onClose = _a.onClose, props = __rest(_a, ["children", "onClickBack", "onClose"]);
+    var I18n = useI18nContext();
     return (React.createElement(StyledHeader, __assign({}, props, { ref: ref }),
         React.createElement(StyledHeaderBackAction, { active: onClickBack !== undefined },
             React.createElement(Button, { variant: "tertiary", onClick: onClickBack, icon: React.createElement(ChevronLeft, null) })),
-        children));
+        children,
+        typeof onClose === 'function' && (React.createElement(StyledCloseButton, null,
+            React.createElement(HeaderAction, { title: I18n.t('core.panel.close'), icon: React.createElement(Clear, null), onClick: onClose })))));
 });
 var Body = React.forwardRef(function Body(_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);

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

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

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

@@ -5,6 +5,7 @@ export declare const StyledHeaderBackAction: import("styled-components").StyledC
 }, never>;
 export declare const StyledMoreMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledHeaderActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {
     secondaryBgColor?: boolean | undefined;
 }, never>;

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

@@ -28,13 +28,14 @@ export var StyledHeaderBackAction = styled.div(templateObject_5 || (templateObje
 });
 export var StyledMoreMenu = styled(Card)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  max-height: 128px;\n"], ["\n  max-height: 128px;\n"])));
 export var StyledHeaderActions = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  margin-left: ", "px;\n  flex-shrink: 0;\n\n  ", "\n"], ["\n  display: flex;\n  margin-left: ", "px;\n  flex-shrink: 0;\n\n  ", "\n"])), spacing.lg, gutter);
-export var StyledBody = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: 100%;\n  background: ", ";\n  overflow-y: auto;\n"], ["\n  height: 100%;\n  background: ", ";\n  overflow-y: auto;\n"])), function (_a) {
+export var StyledCloseButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  margin-left: ", "px;\n"], ["\n  margin-left: ", "px;\n"])), spacing.sm);
+export var StyledBody = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: 100%;\n  background: ", ";\n  overflow-y: auto;\n"], ["\n  height: 100%;\n  background: ", ";\n  overflow-y: auto;\n"])), function (_a) {
     var secondaryBgColor = _a.secondaryBgColor;
     return secondaryBgColor ? colors.gray96 : colors.white;
 });
-export var StyledPanel = styled.aside(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  overflow: hidden;\n"])), colors.white);
-export var StyledFooterNotation = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-export var StyledFooterActions = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), gutter);
-export var StyledFooter = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  justify-content: flex-end;\n  border-top: 1px solid ", ";\n\n  ", "\n"], ["\n  justify-content: flex-end;\n  border-top: 1px solid ", ";\n\n  ", "\n"])), colors.gray85, panel);
-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;
+export var StyledPanel = styled.aside(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  overflow: hidden;\n"])), colors.white);
+export var StyledFooterNotation = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
+export var StyledFooterActions = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), gutter);
+export var StyledFooter = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  justify-content: flex-end;\n  border-top: 1px solid ", ";\n\n  ", "\n"], ["\n  justify-content: flex-end;\n  border-top: 1px solid ", ";\n\n  ", "\n"])), colors.gray85, panel);
+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;
 //# sourceMappingURL=Panel.styles.js.map

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

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

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

@@ -6,6 +6,7 @@ export interface PanelQaTags {
 }
 export interface PanelHeaderProps extends DivAttributes {
     onClickBack?: () => void;
+    onClose?: () => void;
 }
 export interface PanelTitleTooltipProps {
     children: React.ReactNode;

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';