@procore/core-react 12.18.1 → 12.20.0

package/dist/MultiSelect/MultiSelect.styles.js

@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-12_18_1__sc-s9ym9q-0"
+  componentId: "core-12_20_0__sc-s9ym9q-0"
 })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-12_18_1__sc-s9ym9q-1"
+  componentId: "core-12_20_0__sc-s9ym9q-1"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
 export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledMultiSelectSearchInput",
-  componentId: "core-12_18_1__sc-s9ym9q-2"
+  componentId: "core-12_20_0__sc-s9ym9q-2"
 })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
   var $isNavigatingTokens = _ref.$isNavigatingTokens;
   return $isNavigatingTokens && css(["color:transparent;"]);
 }, colors.gray45);
 export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearch",
-  componentId: "core-12_18_1__sc-s9ym9q-3"
+  componentId: "core-12_20_0__sc-s9ym9q-3"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
 export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearchIcon",
-  componentId: "core-12_18_1__sc-s9ym9q-4"
+  componentId: "core-12_20_0__sc-s9ym9q-4"
 })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
 export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
 export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-12_18_1__sc-s9ym9q-5"
+  componentId: "core-12_20_0__sc-s9ym9q-5"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
   var $emptyValue = _ref2.$emptyValue;
   return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);

package/dist/NextMenu/NextMenu.styles.js

@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
 export var defaultMenuHeight = 64;
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_18_1__sc-3o6zya-0"
+  componentId: "core-12_20_0__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_18_1__sc-3o6zya-1"
+  componentId: "core-12_20_0__sc-3o6zya-1"
 })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-12_18_1__sc-3o6zya-2"
+  componentId: "core-12_20_0__sc-3o6zya-2"
 })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
 //# sourceMappingURL=NextMenu.styles.js.map

package/dist/Notation/Notation.js

@@ -14,7 +14,7 @@ var variantColorMap = {
 };
 var StyledNotation = /*#__PURE__*/styled.i.withConfig({
   displayName: "StyledNotation",
-  componentId: "core-12_18_1__sc-160q1m6-0"
+  componentId: "core-12_20_0__sc-160q1m6-0"
 })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
   var variant = _ref.variant;
   return variant ? colors[variantColorMap[variant]] : colors.gray15;

package/dist/NumberInput/NumberInput.styles.js

@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
 var inputBorder = "".concat(colors.gray70, " solid 1px");
 var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRootAddon",
-  componentId: "core-12_18_1__sc-1782nvg-0"
+  componentId: "core-12_20_0__sc-1782nvg-0"
 })(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? colors.gray70 : colors.gray45;
 }, getTypographyIntent('body'));
 export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledPrefix",
-  componentId: "core-12_18_1__sc-1782nvg-1"
+  componentId: "core-12_20_0__sc-1782nvg-1"
 })(["left:", "px;"], spacing.md);
 export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledSuffix",
-  componentId: "core-12_18_1__sc-1782nvg-2"
+  componentId: "core-12_20_0__sc-1782nvg-2"
 })(["right:", "px;"], function (_ref2) {
   var $withIncrementer = _ref2.$withIncrementer;
   return $withIncrementer ? spacing.md + incrementerWidth : spacing.md;
 });
 export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIncrementerWrapper",
-  componentId: "core-12_18_1__sc-1782nvg-3"
+  componentId: "core-12_20_0__sc-1782nvg-3"
 })(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
 export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledIncrementerButton",
-  componentId: "core-12_18_1__sc-1782nvg-4"
+  componentId: "core-12_20_0__sc-1782nvg-4"
 })(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray70, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
 export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_18_1__sc-1782nvg-5"
+  componentId: "core-12_20_0__sc-1782nvg-5"
 })([""]);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_18_1__sc-1782nvg-6"
+  componentId: "core-12_20_0__sc-1782nvg-6"
 })(["position:relative;", ""], function (_ref3) {
   var $hasIncrementer = _ref3.$hasIncrementer;
   return $hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);

package/dist/Overlay/OverlayArrow.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 export var arrowSize = 8;
 export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledArrow",
-  componentId: "core-12_18_1__sc-1epxw7u-0"
+  componentId: "core-12_20_0__sc-1epxw7u-0"
 })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
 //# sourceMappingURL=OverlayArrow.styles.js.map

package/dist/PageLayout/PageLayout.styles.js

@@ -11,52 +11,52 @@ var outerPageSpacing = spacing.lg;
 var outerPageSpacingSmaller = spacing.md;
 export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageHeader",
-  componentId: "core-12_18_1__sc-1cvdbsv-0"
+  componentId: "core-12_20_0__sc-1cvdbsv-0"
 })(["padding-top:", "px;padding-right:", "px;padding-left:", "px;@media ", "{padding-right:", "px;padding-left:", "px;}", ""], headerVerticalSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, function (_ref) {
   var $transparent = _ref.$transparent;
   return !$transparent && css(["", " background-color:", ";"], getShadow(1.5), colors.white);
 });
 var StyledPageHeaderItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageHeaderItem",
-  componentId: "core-12_18_1__sc-1cvdbsv-1"
+  componentId: "core-12_20_0__sc-1cvdbsv-1"
 })(["margin-top:", "px;&:first-child{margin-top:0;}"], headerVerticalSpacing);
 export var StyledPageTitle = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageTitle",
-  componentId: "core-12_18_1__sc-1cvdbsv-2"
+  componentId: "core-12_20_0__sc-1cvdbsv-2"
 })(["&:last-child{padding-bottom:", "px;}"], headerVerticalSpacing);
 export var StyledPageBreadcrumbs = /*#__PURE__*/styled(StyledPageHeaderItem).attrs({
   as: 'nav'
 }).withConfig({
   displayName: "StyledPageBreadcrumbs",
-  componentId: "core-12_18_1__sc-1cvdbsv-3"
+  componentId: "core-12_20_0__sc-1cvdbsv-3"
 })([""]);
 export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageBanner",
-  componentId: "core-12_18_1__sc-1cvdbsv-4"
+  componentId: "core-12_20_0__sc-1cvdbsv-4"
 })([""]);
 export var getActions = function getActions() {
   return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
 };
 export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageActions",
-  componentId: "core-12_18_1__sc-1cvdbsv-5"
+  componentId: "core-12_20_0__sc-1cvdbsv-5"
 })(["", ""], getActions());
 export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageTabs",
-  componentId: "core-12_18_1__sc-1cvdbsv-6"
+  componentId: "core-12_20_0__sc-1cvdbsv-6"
 })([""]);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_18_1__sc-1cvdbsv-7"
+  componentId: "core-12_20_0__sc-1cvdbsv-7"
 })(["padding-top:", "px;padding-left:", "px;padding-right:", "px;@media ", "{padding-top:", "px;padding-left:", "px;padding-right:", "px;}"], outerPageSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, outerPageSpacingSmaller);
 var navigationWidth = 200;
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_18_1__sc-1cvdbsv-8"
+  componentId: "core-12_20_0__sc-1cvdbsv-8"
 })(["float:left;max-height:100vh;min-width:", "px;overflow-y:auto;position:sticky;top:0;width:", "px;", "{padding:20px ", "px 0 0;}@media screen and (max-width:1024px){display:none;}"], navigationWidth, navigationWidth, StyledAnchorNavigation, spacing.sm);
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_18_1__sc-1cvdbsv-9"
+  componentId: "core-12_20_0__sc-1cvdbsv-9"
 })([""]);
 var panelWidth = 400;
 var zIndexes = {
@@ -69,7 +69,7 @@ export var animationDuration = {
 };
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_18_1__sc-1cvdbsv-10"
+  componentId: "core-12_20_0__sc-1cvdbsv-10"
 })(["background-color:", ";", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, function (_ref2) {
   var $hasShadow = _ref2.$hasShadow;
   return $hasShadow && getShadow(2, 'top');
@@ -79,7 +79,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledAside = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAside",
-  componentId: "core-12_18_1__sc-1cvdbsv-11"
+  componentId: "core-12_20_0__sc-1cvdbsv-11"
 })(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
   var $closed = _ref4.$closed,
     $open = _ref4.$open;
@@ -99,7 +99,7 @@ var getPanelAnimation = function getPanelAnimation() {
 };
 export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAsidePanel",
-  componentId: "core-12_18_1__sc-1cvdbsv-12"
+  componentId: "core-12_20_0__sc-1cvdbsv-12"
 })(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
   var $rightOffset = _ref7.$rightOffset;
   return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], mediaBreakpointsDown.tabletMd, getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
@@ -118,7 +118,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageMain",
-  componentId: "core-12_18_1__sc-1cvdbsv-13"
+  componentId: "core-12_20_0__sc-1cvdbsv-13"
 })(["position:relative;max-width:100%;background-color:", ";", " ", ""], colors.gray96, function () {
   return isIE11() && css(["flex:1 0 0%;"]);
 }, function (_ref12) {
@@ -133,13 +133,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageContainer",
-  componentId: "core-12_18_1__sc-1cvdbsv-14"
+  componentId: "core-12_20_0__sc-1cvdbsv-14"
 })(["display:grid;grid-template-columns:1fr auto;", ""], function () {
   return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
 });
 export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAsideFluidContainer",
-  componentId: "core-12_18_1__sc-1cvdbsv-15"
+  componentId: "core-12_20_0__sc-1cvdbsv-15"
 })(["", ""], function (_ref13) {
   var $closed = _ref13.$closed,
     $open = _ref13.$open;

package/dist/{PageFooterTemplate → PageTemplate/PageFooterTemplate}/PageFooterTemplate.js

@@ -3,9 +3,9 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
-import { Box } from '../Box';
-import { Required } from '../Required';
-import { Typography } from '../Typography';
+import { Box } from '../../Box';
+import { Required } from '../../Required';
+import { Typography } from '../../Typography';
 import { StyledPageFooter } from './PageFooterTemplate.styles';
 export var PageFooterTemplate = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var actions = _ref.actions,
@@ -13,7 +13,8 @@ export var PageFooterTemplate = /*#__PURE__*/React.forwardRef(function (_ref, re
     required = _ref.required,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledPageFooter, _extends({
-    ref: ref
+    ref: ref,
+    "data-core-react": "page-footer-template"
   }, props), /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -23,6 +24,9 @@ export var PageFooterTemplate = /*#__PURE__*/React.forwardRef(function (_ref, re
   }, typeof required === 'string' ? required : null), notation && /*#__PURE__*/React.createElement(Typography, {
     color: "gray15",
     intent: "small"
-  }, notation)), /*#__PURE__*/React.createElement(Box, null, actions));
+  }, notation)), /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    gap: "sm"
+  }, actions));
 });
 //# sourceMappingURL=PageFooterTemplate.js.map

package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooterTemplate.js","names":["React","Box","Required","Typography","StyledPageFooter","PageFooterTemplate","forwardRef","_ref","ref","actions","notation","required","props","_objectWithoutProperties","_excluded","createElement","_extends","display","flexDirection","gap","showLabel","color","intent"],"sources":["../../../src/PageTemplate/PageFooterTemplate/PageFooterTemplate.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../../Box'\nimport { Required } from '../../Required'\nimport { Typography } from '../../Typography'\nimport { StyledPageFooter } from './PageFooterTemplate.styles'\nimport type { PageFooterTemplateProps } from './PageFooterTemplate.types'\n\nexport const PageFooterTemplate = React.forwardRef<\n  HTMLElement,\n  PageFooterTemplateProps\n>(({ actions, notation, required, ...props }, ref) => (\n  <StyledPageFooter ref={ref} data-core-react=\"page-footer-template\" {...props}>\n    <Box display=\"flex\" flexDirection=\"column\" gap=\"xs\">\n      {required && (\n        <Required showLabel>\n          {typeof required === 'string' ? required : null}\n        </Required>\n      )}\n\n      {notation && (\n        <Typography color=\"gray15\" intent=\"small\">\n          {notation}\n        </Typography>\n      )}\n    </Box>\n\n    <Box display=\"flex\" gap=\"sm\">\n      {actions}\n    </Box>\n  </StyledPageFooter>\n))\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,WAAW;AAC/B,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,gBAAgB,QAAQ,6BAA6B;AAG9D,OAAO,IAAMC,kBAAkB,gBAAGL,KAAK,CAACM,UAAU,CAGhD,UAAAC,IAAA,EAA4CC,GAAG;EAAA,IAA5CC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAAA,oBACxCd,KAAA,CAAAe,aAAA,CAACX,gBAAgB,EAAAY,QAAA;IAACR,GAAG,EAAEA,GAAI;IAAC,mBAAgB;EAAsB,GAAKI,KAAK,gBAC1EZ,KAAA,CAAAe,aAAA,CAACd,GAAG;IAACgB,OAAO,EAAC,MAAM;IAACC,aAAa,EAAC,QAAQ;IAACC,GAAG,EAAC;EAAI,GAChDR,QAAQ,iBACPX,KAAA,CAAAe,aAAA,CAACb,QAAQ;IAACkB,SAAS;EAAA,GAChB,OAAOT,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAG,IACnC,CACX,EAEAD,QAAQ,iBACPV,KAAA,CAAAe,aAAA,CAACZ,UAAU;IAACkB,KAAK,EAAC,QAAQ;IAACC,MAAM,EAAC;EAAO,GACtCZ,QACS,CAEX,CAAC,eAENV,KAAA,CAAAe,aAAA,CAACd,GAAG;IAACgB,OAAO,EAAC,MAAM;IAACE,GAAG,EAAC;EAAI,GACzBV,OACE,CACW,CAAC;AAAA,CACpB,CAAC"}

package/dist/{PageFooterTemplate → PageTemplate/PageFooterTemplate}/PageFooterTemplate.styles.js

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
-import { colors } from '../_styles/colors';
-import { spacing } from '../_styles/spacing';
+import { colors } from '../../_styles/colors';
+import { spacing } from '../../_styles/spacing';
 export var StyledPageFooter = /*#__PURE__*/styled.footer.withConfig({
   displayName: "StyledPageFooter",
-  componentId: "core-12_18_1__sc-1sku1tz-0"
+  componentId: "core-12_20_0__sc-1f0zfyf-0"
 })(["display:flex;align-items:center;justify-content:space-between;background-color:", ";padding:", "px;width:100%;box-shadow:0 -2px 6px 0 rgba(0,0,0,0.1);position:sticky;bottom:0;"], colors.white, spacing.lg);
 //# sourceMappingURL=PageFooterTemplate.styles.js.map

package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooterTemplate.styles.js","names":["styled","colors","spacing","StyledPageFooter","footer","withConfig","displayName","componentId","white","lg"],"sources":["../../../src/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { colors } from '../../_styles/colors'\nimport { spacing } from '../../_styles/spacing'\n\nexport const StyledPageFooter = styled.footer`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: ${colors.white};\n  padding: ${spacing.lg}px;\n  width: 100%;\n  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);\n  position: sticky;\n  bottom: 0;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,gBAAgB,gBAAGH,MAAM,CAACI,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wLAIvBN,MAAM,CAACO,KAAK,EACrBN,OAAO,CAACO,EAAE,CAKtB"}

package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.types.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+export declare type PageFooterTemplateProps = {
+    /** Footer buttons zone
+     *
+     * @since 12.20.0
+     */
+    actions?: ReactNode;
+    /** Additional notation zone
+     *
+     * @since 12.20.0
+     */
+    notation?: string;
+    /** Required fields legend
+     *
+     * @since 12.20.0
+     */
+    required?: boolean | string;
+};

package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooterTemplate.types.js","names":[],"sources":["../../../src/PageTemplate/PageFooterTemplate/PageFooterTemplate.types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport type PageFooterTemplateProps = {\n  /** Footer buttons zone\n   *\n   * @since 12.20.0\n   */\n  actions?: ReactNode\n  /** Additional notation zone\n   *\n   * @since 12.20.0\n   */\n  notation?: string\n  /** Required fields legend\n   *\n   * @since 12.20.0\n   */\n  required?: boolean | string\n}\n"],"mappings":""}

package/dist/PageTemplate/PageFooterTemplate/index.d.ts

@@ -0,0 +1,2 @@
+export { PageFooterTemplate } from './PageFooterTemplate';
+export type { PageFooterTemplateProps } from './PageFooterTemplate.types';

package/dist/PageTemplate/PageFooterTemplate/index.js

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

package/dist/PageTemplate/PageFooterTemplate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PageFooterTemplate"],"sources":["../../../src/PageTemplate/PageFooterTemplate/index.ts"],"sourcesContent":["export { PageFooterTemplate } from './PageFooterTemplate'\nexport type { PageFooterTemplateProps } from './PageFooterTemplate.types'\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,sBAAsB"}

package/dist/{PageHeaderTemplate → PageTemplate/PageHeaderTemplate}/PageHeaderTemplate.js

@@ -1,13 +1,14 @@
 var _excluded = ["children"],
-  _excluded2 = ["actions", "banner", "beforeTitleZone", "breadcrumbs", "children", "heading", "subtext", "tabs", "toggleAction"];
+  _excluded2 = ["actions", "banner", "beforeTitleZone", "breadcrumbs", "children", "heading", "pills", "subheading", "tabs", "toggleAction"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
-import { Box } from '../Box';
-import { H1 } from '../Semantic';
-import { Typography } from '../Typography';
-import { spacing } from '../_styles/spacing';
+import { Box } from '../../Box';
+import { H1 } from '../../Semantic';
+import { Title } from '../../Title';
+import { Typography } from '../../Typography';
+import { spacing } from '../../_styles/spacing';
 import { StyledActions, StyledPageHeader, StyledToggleActionBox } from './PageHeaderTemplate.styles';
 import { usePageHeaderTemplateLayout } from './PageHeaderTemplate.utils';
 var PageHeaderTemplateActions = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -26,7 +27,8 @@ export var PageHeaderTemplate = /*#__PURE__*/React.forwardRef(function (_ref2, r
     breadcrumbs = _ref2.breadcrumbs,
     children = _ref2.children,
     heading = _ref2.heading,
-    subtext = _ref2.subtext,
+    pills = _ref2.pills,
+    subheading = _ref2.subheading,
     tabs = _ref2.tabs,
     toggleAction = _ref2.toggleAction,
     props = _objectWithoutProperties(_ref2, _excluded2);
@@ -43,10 +45,13 @@ export var PageHeaderTemplate = /*#__PURE__*/React.forwardRef(function (_ref2, r
     }
     return 'nowrap';
   }, [actionsPosition, breadcrumbs]);
+  var hasBottomRow = Boolean(tabs || toggleAction);
   return /*#__PURE__*/React.createElement(React.Suspense, {
-    fallback: "loading"
+    fallback: null
   }, /*#__PURE__*/React.createElement(StyledPageHeader, _extends({
-    ref: ref
+    ref: ref,
+    "data-core-react": "page-header-template",
+    $hasPaddingBottom: !hasBottomRow
   }, props), /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -72,21 +77,21 @@ export var PageHeaderTemplate = /*#__PURE__*/React.forwardRef(function (_ref2, r
     ref: breadcrumbsRef
   }, breadcrumbs), actionsPosition === 'top' && /*#__PURE__*/React.createElement(PageHeaderTemplateActions, {
     ref: actionsRef
-  }, actions)), /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    gap: "md",
+  }, actions)), /*#__PURE__*/React.createElement(Title, {
     ref: headingRef
-  }, beforeTitleZone, /*#__PURE__*/React.createElement(Box, null, heading && /*#__PURE__*/React.createElement(H1, null, heading), subtext && /*#__PURE__*/React.createElement(Typography, {
+  }, beforeTitleZone && /*#__PURE__*/React.createElement(Title.Assets, null, beforeTitleZone), heading && /*#__PURE__*/React.createElement(Title.Text, null, /*#__PURE__*/React.createElement(H1, null, heading)), pills && /*#__PURE__*/React.createElement(Title.Pills, null, pills), subheading && /*#__PURE__*/React.createElement(Title.Subtext, null, /*#__PURE__*/React.createElement(Typography, {
     color: "gray45"
-  }, subtext))), (!breadcrumbs || actionsPosition === 'bottom') && /*#__PURE__*/React.createElement(PageHeaderTemplateActions, {
+  }, subheading))), (!breadcrumbs || actionsPosition === 'bottom') && /*#__PURE__*/React.createElement(PageHeaderTemplateActions, {
     ref: actionsRef,
     flexWrap: flexWrap,
     marginTop: breadcrumbs && actionsPosition === 'bottom' ? 'md' : undefined
-  }, actions)), children, /*#__PURE__*/React.createElement(Box, {
+  }, actions)), hasBottomRow && /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     gap: "xs",
     alignItems: "flex-end",
     justifyContent: tabs ? 'space-between' : 'flex-end'
-  }, tabs, toggleAction && /*#__PURE__*/React.createElement(StyledToggleActionBox, null, toggleAction)))));
+  }, tabs, toggleAction && /*#__PURE__*/React.createElement(StyledToggleActionBox, {
+    $moveCloserToBottom: actionsPosition === 'bottom' || Boolean(actions && !breadcrumbs && !subheading)
+  }, toggleAction)))));
 });
 //# sourceMappingURL=PageHeaderTemplate.js.map

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderTemplate.js","names":["React","Box","H1","Title","Typography","spacing","StyledActions","StyledPageHeader","StyledToggleActionBox","usePageHeaderTemplateLayout","PageHeaderTemplateActions","forwardRef","_ref","ref","children","boxProps","_objectWithoutProperties","_excluded","createElement","_extends","display","gap","PageHeaderTemplate","_ref2","actions","banner","beforeTitleZone","breadcrumbs","heading","pills","subheading","tabs","toggleAction","props","_excluded2","_usePageHeaderTemplat","headerRef","breadcrumbsWrapperRef","breadcrumbsRef","actionsRef","headingRef","actionsPosition","flexWrap","useMemo","hasBottomRow","Boolean","Suspense","fallback","$hasPaddingBottom","flexDirection","justifyContent","undefined","style","minHeight","xl","marginBottom","Assets","Text","Pills","Subtext","color","marginTop","alignItems","$moveCloserToBottom"],"sources":["../../../src/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.tsx"],"sourcesContent":["import React from 'react'\nimport type { BoxProps } from '../../Box'\nimport { Box } from '../../Box'\nimport { H1 } from '../../Semantic'\nimport { Title } from '../../Title'\nimport { Typography } from '../../Typography'\nimport { spacing } from '../../_styles/spacing'\nimport {\n  StyledActions,\n  StyledPageHeader,\n  StyledToggleActionBox,\n} from './PageHeaderTemplate.styles'\nimport type { PageHeaderTemplateProps } from './PageHeaderTemplate.types'\nimport { usePageHeaderTemplateLayout } from './PageHeaderTemplate.utils'\n\nconst PageHeaderTemplateActions = React.forwardRef<\n  HTMLDivElement,\n  React.PropsWithChildren<Omit<BoxProps, 'as'>>\n>(({ children, ...boxProps }, ref) => (\n  <StyledActions {...boxProps} display=\"flex\" gap=\"sm\" ref={ref}>\n    {children}\n  </StyledActions>\n))\n\nexport const PageHeaderTemplate = React.forwardRef<\n  HTMLDivElement,\n  PageHeaderTemplateProps\n>(\n  (\n    {\n      actions,\n      banner,\n      beforeTitleZone,\n      breadcrumbs,\n      children,\n      heading,\n      pills,\n      subheading,\n      tabs,\n      toggleAction,\n      ...props\n    },\n    ref\n  ) => {\n    const {\n      headerRef,\n      breadcrumbsWrapperRef,\n      breadcrumbsRef,\n      actionsRef,\n      headingRef,\n      actionsPosition,\n    } = usePageHeaderTemplateLayout()\n\n    const flexWrap = React.useMemo((): BoxProps['flexWrap'] => {\n      if (actionsPosition === 'bottom') {\n        return 'wrap'\n      }\n\n      return 'nowrap'\n    }, [actionsPosition, breadcrumbs])\n\n    const hasBottomRow = Boolean(tabs || toggleAction)\n\n    return (\n      <React.Suspense fallback={null}>\n        <StyledPageHeader\n          ref={ref}\n          data-core-react=\"page-header-template\"\n          $hasPaddingBottom={!hasBottomRow}\n          {...props}\n        >\n          <Box display=\"flex\" flexDirection=\"column\" gap=\"md\">\n            {banner}\n\n            <Box\n              display=\"flex\"\n              justifyContent=\"space-between\"\n              flexDirection={breadcrumbs ? 'column' : 'row'}\n              gap={breadcrumbs ? undefined : 'md'}\n              flexWrap={flexWrap}\n              ref={headerRef}\n            >\n              {breadcrumbs && (\n                <Box\n                  display=\"flex\"\n                  justifyContent=\"space-between\"\n                  gap=\"lg\"\n                  flexWrap=\"wrap\"\n                  ref={breadcrumbsWrapperRef}\n                  style={{ minHeight: spacing.xl }}\n                >\n                  <Box marginBottom=\"md\" ref={breadcrumbsRef}>\n                    {breadcrumbs}\n                  </Box>\n\n                  {actionsPosition === 'top' && (\n                    <PageHeaderTemplateActions ref={actionsRef}>\n                      {actions}\n                    </PageHeaderTemplateActions>\n                  )}\n                </Box>\n              )}\n\n              <Title ref={headingRef}>\n                {beforeTitleZone && (\n                  <Title.Assets>{beforeTitleZone}</Title.Assets>\n                )}\n                {heading && (\n                  <Title.Text>\n                    <H1>{heading}</H1>\n                  </Title.Text>\n                )}\n                {pills && <Title.Pills>{pills}</Title.Pills>}\n                {subheading && (\n                  <Title.Subtext>\n                    <Typography color=\"gray45\">{subheading}</Typography>\n                  </Title.Subtext>\n                )}\n              </Title>\n\n              {(!breadcrumbs || actionsPosition === 'bottom') && (\n                <PageHeaderTemplateActions\n                  ref={actionsRef}\n                  flexWrap={flexWrap}\n                  marginTop={\n                    breadcrumbs && actionsPosition === 'bottom'\n                      ? 'md'\n                      : undefined\n                  }\n                >\n                  {actions}\n                </PageHeaderTemplateActions>\n              )}\n            </Box>\n\n            {/* 2025-3: Intentionally not supporting a generic zone with first release */}\n            {/* {children} */}\n\n            {hasBottomRow && (\n              <Box\n                display=\"flex\"\n                gap=\"xs\"\n                alignItems=\"flex-end\"\n                justifyContent={tabs ? 'space-between' : 'flex-end'}\n              >\n                {tabs}\n\n                {toggleAction && (\n                  <StyledToggleActionBox\n                    $moveCloserToBottom={\n                      actionsPosition === 'bottom' ||\n                      Boolean(actions && !breadcrumbs && !subheading)\n                    }\n                  >\n                    {toggleAction}\n                  </StyledToggleActionBox>\n                )}\n              </Box>\n            )}\n          </Box>\n        </StyledPageHeader>\n      </React.Suspense>\n    )\n  }\n)\n"],"mappings":"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"}

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const StyledPageHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../PageLayout").PageHeaderProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    /** The container wants to have equal padding around it,
+     * however some cases, like Tabs, do no want that padding. */
+    $hasPaddingBottom: boolean;
+}, never>;
+export declare const StyledActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").DivAttributes & import("../../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledToggleActionBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").DivAttributes & import("../../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    /** The toggle action adjusts the space underneath it.
+     * Use this when the toggle action could overlap on some
+     * content above it like actions or text. */
+    $moveCloserToBottom?: boolean | undefined;
+}, never>;

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js

@@ -0,0 +1,22 @@
+import styled from 'styled-components';
+import { Box } from '../../Box';
+import { Page } from '../../PageLayout';
+import { colors } from '../../_styles/colors';
+import { spacing } from '../../_styles/spacing';
+export var StyledPageHeader = /*#__PURE__*/styled(Page.Header).withConfig({
+  displayName: "StyledPageHeader",
+  componentId: "core-12_20_0__sc-1d5kop0-0"
+})(["border-bottom:1px solid ", ";padding-top:", "px;", ""], colors.gray85, spacing.lg, function (p) {
+  return p.$hasPaddingBottom && "padding-bottom: ".concat(spacing.lg, "px;");
+});
+export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "StyledActions",
+  componentId: "core-12_20_0__sc-1d5kop0-1"
+})(["width:fit-content;"]);
+export var StyledToggleActionBox = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "StyledToggleActionBox",
+  componentId: "core-12_20_0__sc-1d5kop0-2"
+})(["bottom:", "px;position:relative;padding-left:48px;"], function (p) {
+  return p.$moveCloserToBottom ? 6 : spacing.lg;
+});
+//# sourceMappingURL=PageHeaderTemplate.styles.js.map

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderTemplate.styles.js","names":["styled","Box","Page","colors","spacing","StyledPageHeader","Header","withConfig","displayName","componentId","gray85","lg","p","$hasPaddingBottom","concat","StyledActions","StyledToggleActionBox","$moveCloserToBottom"],"sources":["../../../src/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Box } from '../../Box'\nimport { Page } from '../../PageLayout'\nimport { colors } from '../../_styles/colors'\nimport { spacing } from '../../_styles/spacing'\n\nexport const StyledPageHeader = styled(Page.Header)<{\n  /** The container wants to have equal padding around it,\n   * however some cases, like Tabs, do no want that padding. */\n  $hasPaddingBottom: boolean\n}>`\n  border-bottom: 1px solid ${colors.gray85};\n  padding-top: ${spacing.lg}px;\n  ${(p) => p.$hasPaddingBottom && `padding-bottom: ${spacing.lg}px;`}\n`\n\nexport const StyledActions = styled(Box)`\n  width: fit-content;\n`\n\nexport const StyledToggleActionBox = styled(Box)<{\n  /** The toggle action adjusts the space underneath it.\n   * Use this when the toggle action could overlap on some\n   * content above it like actions or text. */\n  $moveCloserToBottom?: boolean\n}>`\n  /** bottom: 10px; is same as top: -10px; (negative value) */\n  bottom: ${(p) => (p.$moveCloserToBottom ? 6 : spacing.lg)}px;\n  position: relative;\n  padding-left: 48px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG,QAAQ,WAAW;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,gBAAgB,gBAAGL,MAAM,CAACE,IAAI,CAACI,MAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAKtBN,MAAM,CAACO,MAAM,EACzBN,OAAO,CAACO,EAAE,EACvB,UAACC,CAAC;EAAA,OAAKA,CAAC,CAACC,iBAAiB,uBAAAC,MAAA,CAAuBV,OAAO,CAACO,EAAE,QAAK;AAAA,EACnE;AAED,OAAO,IAAMI,aAAa,gBAAGf,MAAM,CAACC,GAAG,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAEvC;AAED,OAAO,IAAMO,qBAAqB,gBAAGhB,MAAM,CAACC,GAAG,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2DAOpC,UAACG,CAAC;EAAA,OAAMA,CAAC,CAACK,mBAAmB,GAAG,CAAC,GAAGb,OAAO,CAACO,EAAE;AAAA,CAAC,CAG1D"}

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.types.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+/**
+ * All the possible zones in a page header template.
+ * @since 12.20.0
+ */
+export declare type PageHeaderTemplateProps = {
+    /** A zone for buttons, dropdowns, etc. When there are multiple actions,
+     * start with a `React.Fragment` to enable better responsiveness.
+     *
+     * **This zone may change location** based on what other props are
+     * supplied, screen size, heading length, etc.
+     * @example actions={<><Button>1</Button><Button>2</Button></>}
+     */
+    actions?: ReactNode;
+    /** A zone to place a page level top banner. This is the second highest
+     * banner level possible, only the global banner from the global header
+     * could be above it.
+     */
+    banner?: ReactNode;
+    /**
+     * A generic zone that goes in front of the heading. Used for images and icons.
+     */
+    beforeTitleZone?: ReactNode;
+    /** A zone for `Breadcrumbs`. */
+    breadcrumbs?: ReactNode;
+    /**
+     * An extra zone for piloting designs. A 'replace me' if necessary zone.
+     */
+    /**
+     * Heading for the page. The H1 is handled for you.
+     */
+    heading?: string;
+    /** A zone for pills. When multiple pills, start with a `React.Fragment`
+     * @example pills={<><Pill>1</Pill><Pill>2</Pill></>}
+     */
+    pills?: ReactNode;
+    /** Text beneath the h1 heading. */
+    subheading?: string;
+    /** A zone for `Tabs`. */
+    tabs?: ReactNode;
+    /** A zone for a `ToggleAction` that manages a page level panel. */
+    toggleAction?: ReactNode;
+};

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderTemplate.types.js","names":[],"sources":["../../../src/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * All the possible zones in a page header template.\n * @since 12.20.0\n */\nexport type PageHeaderTemplateProps = {\n  /** A zone for buttons, dropdowns, etc. When there are multiple actions,\n   * start with a `React.Fragment` to enable better responsiveness.\n   *\n   * **This zone may change location** based on what other props are\n   * supplied, screen size, heading length, etc.\n   * @example actions={<><Button>1</Button><Button>2</Button></>}\n   */\n  actions?: ReactNode\n  /** A zone to place a page level top banner. This is the second highest\n   * banner level possible, only the global banner from the global header\n   * could be above it.\n   */\n  banner?: ReactNode\n  /**\n   * A generic zone that goes in front of the heading. Used for images and icons.\n   */\n  beforeTitleZone?: ReactNode\n  /** A zone for `Breadcrumbs`. */\n  breadcrumbs?: ReactNode\n  /**\n   * An extra zone for piloting designs. A 'replace me' if necessary zone.\n   */\n  /* 2025-3: Intentionally not supporting a generic zone with first release */\n  // children?: ReactNode\n  /**\n   * Heading for the page. The H1 is handled for you.\n   */\n  heading?: string\n  /** A zone for pills. When multiple pills, start with a `React.Fragment`\n   * @example pills={<><Pill>1</Pill><Pill>2</Pill></>}\n   */\n  pills?: ReactNode\n  /** Text beneath the h1 heading. */\n  subheading?: string\n  /** A zone for `Tabs`. */\n  tabs?: ReactNode\n  /** A zone for a `ToggleAction` that manages a page level panel. */\n  toggleAction?: ReactNode\n}\n"],"mappings":""}

package/dist/{PageHeaderTemplate → PageTemplate/PageHeaderTemplate}/PageHeaderTemplate.utils.js

@@ -5,8 +5,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React from 'react';
-import { useResizeObserver } from '../_hooks/ResizeObserver';
-import { useCurrentMedia } from '../_hooks/useCurrentMedia';
+import { useResizeObserver } from '../../_hooks/ResizeObserver';
+import { useCurrentMedia } from '../../_hooks/useCurrentMedia';
 var contentGap = 16;
 var pixelsToNumber = function pixelsToNumber(value) {
   return Number(value.slice(0, -2));

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderTemplate.utils.js","names":["React","useResizeObserver","useCurrentMedia","contentGap","pixelsToNumber","value","Number","slice","checkCollision","container","firstBlock","secondBlock","containerWidth","getComputedStyle","width","firstBlockWidth","secondBlockWidth","usePageHeaderTemplateLayout","_useCurrentMedia","isTabletLandscape","isDesktop","headerRef","useRef","breadcrumbsWrapperRef","breadcrumbsRef","actionsRef","headingRef","_React$useState","useState","_React$useState2","_slicedToArray","actionsPosition","setActionsPosition","handleResize","useCallback","header","current","breadcrumbsWrapper","breadcrumbs","actions","heading","hasCollision","observe","useEffect"],"sources":["../../../src/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.utils.ts"],"sourcesContent":["import React from 'react'\nimport { useResizeObserver } from '../../_hooks/ResizeObserver'\nimport { useCurrentMedia } from '../../_hooks/useCurrentMedia'\n\ntype ActionsPosition = 'top' | 'bottom'\n\nconst contentGap = 16\n\nconst pixelsToNumber = (value: string) => Number(value.slice(0, -2))\n\n/**\n * Returns `true` if first block collides with second block in the container, `false` otherwise\n * */\nconst checkCollision = (\n  container: HTMLElement,\n  firstBlock: HTMLElement,\n  secondBlock: HTMLElement\n): boolean => {\n  const containerWidth = pixelsToNumber(getComputedStyle(container).width)\n  const firstBlockWidth = pixelsToNumber(getComputedStyle(firstBlock).width)\n  const secondBlockWidth = pixelsToNumber(getComputedStyle(secondBlock).width)\n\n  return firstBlockWidth + contentGap + secondBlockWidth >= containerWidth\n}\n\nexport const usePageHeaderTemplateLayout = () => {\n  const { isTabletLandscape, isDesktop } = useCurrentMedia()\n\n  const headerRef = React.useRef<HTMLDivElement>(null)\n  const breadcrumbsWrapperRef = React.useRef<HTMLDivElement>(null)\n  const breadcrumbsRef = React.useRef<HTMLDivElement>(null)\n  const actionsRef = React.useRef<HTMLDivElement>(null)\n  const headingRef = React.useRef<HTMLDivElement>(null)\n\n  const [actionsPosition, setActionsPosition] =\n    React.useState<ActionsPosition>('top')\n\n  const handleResize = React.useCallback(() => {\n    const header = headerRef.current\n    const breadcrumbsWrapper = breadcrumbsWrapperRef.current\n    const breadcrumbs = breadcrumbsRef.current\n    const actions = actionsRef.current\n\n    if (!header || !actions) {\n      return\n    }\n\n    if (!breadcrumbs || !breadcrumbsWrapper) {\n      const heading = headingRef.current\n\n      if (!heading) {\n        return\n      }\n\n      if (isDesktop || isTabletLandscape) {\n        if (actionsPosition === 'bottom') {\n          setActionsPosition('top')\n        }\n        return\n      }\n\n      const hasCollision = checkCollision(header, heading, actions)\n\n      if (actionsPosition === 'top' && hasCollision) {\n        setActionsPosition('bottom')\n        return\n      }\n\n      if (actionsPosition === 'bottom' && !hasCollision) {\n        setActionsPosition('top')\n      }\n\n      return\n    }\n\n    const hasCollision = checkCollision(\n      breadcrumbsWrapper,\n      breadcrumbs,\n      actions\n    )\n\n    if (actionsPosition === 'top' && hasCollision) {\n      setActionsPosition('bottom')\n      return\n    }\n\n    if (actionsPosition === 'bottom' && !hasCollision) {\n      setActionsPosition('top')\n    }\n  }, [actionsPosition, isDesktop, isTabletLandscape])\n\n  const observe = useResizeObserver(handleResize)\n\n  React.useEffect(() => {\n    observe(headerRef.current)\n  }, [observe])\n\n  return {\n    headerRef,\n    breadcrumbsWrapperRef,\n    breadcrumbsRef,\n    actionsRef,\n    headingRef,\n\n    actionsPosition,\n  }\n}\n"],"mappings":"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"}

package/dist/PageTemplate/PageHeaderTemplate/index.d.ts

@@ -0,0 +1,2 @@
+export { PageHeaderTemplate } from './PageHeaderTemplate';
+export type { PageHeaderTemplateProps } from './PageHeaderTemplate.types';

package/dist/PageTemplate/PageHeaderTemplate/index.js

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

package/dist/PageTemplate/PageHeaderTemplate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PageHeaderTemplate"],"sources":["../../../src/PageTemplate/PageHeaderTemplate/index.ts"],"sourcesContent":["export { PageHeaderTemplate } from './PageHeaderTemplate'\nexport type { PageHeaderTemplateProps } from './PageHeaderTemplate.types'\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,sBAAsB"}

package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagePaneTemplate.js","names":["React","usePageTemplateContext","StyledModal","StyledPageAside","PagePaneTemplate","forwardRef","PagePane","props","ref","labelId","open","onClose","children","_usePageTemplateConte","isMobile","createElement","onClickOverlay","placement","role","width"],"sources":["../../../src/PageTemplate/PagePaneTemplate/PagePaneTemplate.tsx"],"sourcesContent":["import React from 'react'\nimport { usePageTemplateContext } from '../PageTemplate/usePageTemplateContext'\nimport { StyledModal, StyledPageAside } from './PagePaneTemplate.styles'\nimport type { PagePaneTemplateProps } from './PagePaneTemplate.types'\n\nexport const PagePaneTemplate = React.forwardRef<\n  HTMLDivElement,\n  PagePaneTemplateProps\n>(function PagePane(props, ref) {\n  const { labelId, open, onClose, children } = props\n  const { isMobile } = usePageTemplateContext()\n\n  if (isMobile) {\n    return (\n      <StyledModal\n        ref={ref}\n        aria-labelledby={labelId}\n        open={open}\n        onClickOverlay={onClose}\n        placement=\"center\"\n        role=\"dialog\"\n        width=\"md\"\n      >\n        {children}\n      </StyledModal>\n    )\n  }\n\n  return (\n    <StyledPageAside ref={ref} open={open}>\n      {children}\n    </StyledPageAside>\n  )\n})\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,QAAQ,wCAAwC;AAC/E,SAASC,WAAW,EAAEC,eAAe,QAAQ,2BAA2B;AAGxE,OAAO,IAAMC,gBAAgB,gBAAGJ,KAAK,CAACK,UAAU,CAG9C,SAASC,QAAQA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAC9B,IAAQC,OAAO,GAA8BF,KAAK,CAA1CE,OAAO;IAAEC,IAAI,GAAwBH,KAAK,CAAjCG,IAAI;IAAEC,OAAO,GAAeJ,KAAK,CAA3BI,OAAO;IAAEC,QAAQ,GAAKL,KAAK,CAAlBK,QAAQ;EACxC,IAAAC,qBAAA,GAAqBZ,sBAAsB,CAAC,CAAC;IAArCa,QAAQ,GAAAD,qBAAA,CAARC,QAAQ;EAEhB,IAAIA,QAAQ,EAAE;IACZ,oBACEd,KAAA,CAAAe,aAAA,CAACb,WAAW;MACVM,GAAG,EAAEA,GAAI;MACT,mBAAiBC,OAAQ;MACzBC,IAAI,EAAEA,IAAK;MACXM,cAAc,EAAEL,OAAQ;MACxBM,SAAS,EAAC,QAAQ;MAClBC,IAAI,EAAC,QAAQ;MACbC,KAAK,EAAC;IAAI,GAETP,QACU,CAAC;EAElB;EAEA,oBACEZ,KAAA,CAAAe,aAAA,CAACZ,eAAe;IAACK,GAAG,EAAEA,GAAI;IAACE,IAAI,EAAEA;EAAK,GACnCE,QACc,CAAC;AAEtB,CAAC,CAAC"}