@procore/core-react 12.16.2 → 12.17.0

package/dist/ListPage/ListPage.styles.js

@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageMain",
-  componentId: "core-12_16_2__sc-1eq7fzi-0"
+  componentId: "core-12_17_0__sc-1eq7fzi-0"
 })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
 export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBanner",
-  componentId: "core-12_16_2__sc-1eq7fzi-1"
+  componentId: "core-12_17_0__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-12_16_2__sc-1eq7fzi-2"
+  componentId: "core-12_17_0__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-12_16_2__sc-1eq7fzi-3"
+  componentId: "core-12_17_0__sc-1eq7fzi-3"
 })(["flex:", ";", " ", ""], function (_ref) {
   var $block = _ref.$block;
   return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageContentControls",
-  componentId: "core-12_16_2__sc-1eq7fzi-4"
+  componentId: "core-12_17_0__sc-1eq7fzi-4"
 })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
 export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBody",
-  componentId: "core-12_16_2__sc-1eq7fzi-5"
+  componentId: "core-12_17_0__sc-1eq7fzi-5"
 })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
 export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBodyContent",
-  componentId: "core-12_16_2__sc-1eq7fzi-6"
+  componentId: "core-12_17_0__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-12_16_2__sc-1eq7fzi-7"
+  componentId: "core-12_17_0__sc-1eq7fzi-7"
 })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
 //# sourceMappingURL=ListPage.styles.js.map

package/dist/Loader/Loader.styles.js

@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
 var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
 export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoader",
-  componentId: "core-12_16_2__sc-wgvjj9-0"
+  componentId: "core-12_17_0__sc-wgvjj9-0"
 })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
 export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGradient",
-  componentId: "core-12_16_2__sc-wgvjj9-1"
+  componentId: "core-12_17_0__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["animation:", " 0.5s linear infinite;background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);

package/dist/MenuImperative/MenuImperative.styles.js

@@ -11,15 +11,15 @@ var optionMinHeight = 32;
 // Do not merge with StyledMenu, needed for max-height working in IE
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_16_2__sc-z984sz-0"
+  componentId: "core-12_17_0__sc-z984sz-0"
 })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
 export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMenu",
-  componentId: "core-12_16_2__sc-z984sz-1"
+  componentId: "core-12_17_0__sc-z984sz-1"
 })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_16_2__sc-z984sz-2"
+  componentId: "core-12_17_0__sc-z984sz-2"
 })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
   var _ref$$scrollable = _ref.$scrollable,
     $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm, getFocus());
 export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrip",
-  componentId: "core-12_16_2__sc-z984sz-3"
+  componentId: "core-12_17_0__sc-z984sz-3"
 })(["padding:0 2px;height:24px;visibility:hidden;"]);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-12_16_2__sc-z984sz-4"
+  componentId: "core-12_17_0__sc-z984sz-4"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-12_16_2__sc-z984sz-5"
+  componentId: "core-12_17_0__sc-z984sz-5"
 })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-12_16_2__sc-z984sz-6"
+  componentId: "core-12_17_0__sc-z984sz-6"
 })(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
   var $clickable = _ref2.$clickable;
   return $clickable ? 'pointer' : 'default';
 }, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_16_2__sc-z984sz-7"
+  componentId: "core-12_17_0__sc-z984sz-7"
 })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
   var as = _ref3.as;
   return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDroppable",
-  componentId: "core-12_16_2__sc-z984sz-8"
+  componentId: "core-12_17_0__sc-z984sz-8"
 })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
 export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_16_2__sc-z984sz-9"
+  componentId: "core-12_17_0__sc-z984sz-9"
 })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
 //# sourceMappingURL=MenuImperative.styles.js.map

package/dist/Modal/Modal.styles.js

@@ -31,15 +31,15 @@ var screenWidthPixelBreakpoints = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_16_2__sc-1ijdug2-0"
+  componentId: "core-12_17_0__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-12_16_2__sc-1ijdug2-1"
+  componentId: "core-12_17_0__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_16_2__sc-1ijdug2-2"
+  componentId: "core-12_17_0__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
   var $compact = _ref.$compact;
   if (!$compact) {
@@ -63,11 +63,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-12_16_2__sc-1ijdug2-3"
+  componentId: "core-12_17_0__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_16_2__sc-1ijdug2-4"
+  componentId: "core-12_17_0__sc-1ijdug2-4"
 })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, function (_ref4) {
   var $noSideSpacing = _ref4.$noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
@@ -84,7 +84,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_16_2__sc-1ijdug2-5"
+  componentId: "core-12_17_0__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
   var _ref7$$compact = _ref7.$compact,
     $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -95,11 +95,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-12_16_2__sc-1ijdug2-6"
+  componentId: "core-12_17_0__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_16_2__sc-1ijdug2-7"
+  componentId: "core-12_17_0__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
   var $compact = _ref8.$compact,
     $isBodyScrolled = _ref8.$isBodyScrolled;
@@ -117,7 +117,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-12_16_2__sc-1ijdug2-8"
+  componentId: "core-12_17_0__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref10) {
   var $compact = _ref10.$compact;
   return getTypographyIntent($compact ? 'h3' : 'h2');
@@ -133,18 +133,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-12_16_2__sc-1ijdug2-9"
+  componentId: "core-12_17_0__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-12_16_2__sc-1ijdug2-10"
+  componentId: "core-12_17_0__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-12_16_2__sc-1ijdug2-11"
+  componentId: "core-12_17_0__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-12_16_2__sc-1ijdug2-12"
+  componentId: "core-12_17_0__sc-1ijdug2-12"
 })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
 //# sourceMappingURL=Modal.styles.js.map

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_16_2__sc-s9ym9q-0"
+  componentId: "core-12_17_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_16_2__sc-s9ym9q-1"
+  componentId: "core-12_17_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_16_2__sc-s9ym9q-2"
+  componentId: "core-12_17_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_16_2__sc-s9ym9q-3"
+  componentId: "core-12_17_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_16_2__sc-s9ym9q-4"
+  componentId: "core-12_17_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_16_2__sc-s9ym9q-5"
+  componentId: "core-12_17_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_16_2__sc-3o6zya-0"
+  componentId: "core-12_17_0__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_16_2__sc-3o6zya-1"
+  componentId: "core-12_17_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_16_2__sc-3o6zya-2"
+  componentId: "core-12_17_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_16_2__sc-160q1m6-0"
+  componentId: "core-12_17_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_16_2__sc-1782nvg-0"
+  componentId: "core-12_17_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_16_2__sc-1782nvg-1"
+  componentId: "core-12_17_0__sc-1782nvg-1"
 })(["left:", "px;"], spacing.md);
 export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledSuffix",
-  componentId: "core-12_16_2__sc-1782nvg-2"
+  componentId: "core-12_17_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_16_2__sc-1782nvg-3"
+  componentId: "core-12_17_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_16_2__sc-1782nvg-4"
+  componentId: "core-12_17_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_16_2__sc-1782nvg-5"
+  componentId: "core-12_17_0__sc-1782nvg-5"
 })([""]);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_16_2__sc-1782nvg-6"
+  componentId: "core-12_17_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_16_2__sc-1epxw7u-0"
+  componentId: "core-12_17_0__sc-1epxw7u-0"
 })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
 //# sourceMappingURL=OverlayArrow.styles.js.map

package/dist/PageFooterTemplate/PageFooterTemplate.styles.js

@@ -3,6 +3,6 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledPageFooter = /*#__PURE__*/styled.footer.withConfig({
   displayName: "StyledPageFooter",
-  componentId: "core-12_16_2__sc-1sku1tz-0"
+  componentId: "core-12_17_0__sc-1sku1tz-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/PageHeaderTemplate/PageHeaderTemplate.styles.js

@@ -5,14 +5,14 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledPageHeader = /*#__PURE__*/styled(Page.Header).withConfig({
   displayName: "StyledPageHeader",
-  componentId: "core-12_16_2__sc-usghcn-0"
+  componentId: "core-12_17_0__sc-usghcn-0"
 })(["border-bottom:1px solid ", ";padding-top:", "px;"], colors.gray85, spacing.lg);
 export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_16_2__sc-usghcn-1"
+  componentId: "core-12_17_0__sc-usghcn-1"
 })(["width:fit-content;"]);
 export var StyledToggleActionBox = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledToggleActionBox",
-  componentId: "core-12_16_2__sc-usghcn-2"
+  componentId: "core-12_17_0__sc-usghcn-2"
 })(["top:-", "px;position:relative;padding-left:48px;"], spacing.lg);
 //# sourceMappingURL=PageHeaderTemplate.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_16_2__sc-1cvdbsv-0"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-1"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-2"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-3"
+  componentId: "core-12_17_0__sc-1cvdbsv-3"
 })([""]);
 export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageBanner",
-  componentId: "core-12_16_2__sc-1cvdbsv-4"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-5"
+  componentId: "core-12_17_0__sc-1cvdbsv-5"
 })(["", ""], getActions());
 export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageTabs",
-  componentId: "core-12_16_2__sc-1cvdbsv-6"
+  componentId: "core-12_17_0__sc-1cvdbsv-6"
 })([""]);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_16_2__sc-1cvdbsv-7"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-8"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-9"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-10"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-11"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-12"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-13"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-14"
+  componentId: "core-12_17_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_16_2__sc-1cvdbsv-15"
+  componentId: "core-12_17_0__sc-1cvdbsv-15"
 })(["", ""], function (_ref13) {
   var $closed = _ref13.$closed,
     $open = _ref13.$open;

package/dist/PagePaneTemplate/PagePaneTemplate.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { PagePaneTemplateProps } from './PagePaneTemplate.types';
+export declare const PagePaneTemplate: React.ForwardRefExoticComponent<PagePaneTemplateProps & React.RefAttributes<HTMLDivElement>>;

package/dist/PagePaneTemplate/PagePaneTemplate.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { usePageTemplateContext } from '../PageTemplate/usePageTemplateContext';
+import { StyledModal, StyledPageAside } from './PagePaneTemplate.styles';
+export var PagePaneTemplate = /*#__PURE__*/React.forwardRef(function PagePane(props, ref) {
+  var labelId = props.labelId,
+    open = props.open,
+    onClose = props.onClose,
+    children = props.children;
+  var _usePageTemplateConte = usePageTemplateContext(),
+    isMobile = _usePageTemplateConte.isMobile;
+  if (isMobile) {
+    return /*#__PURE__*/React.createElement(StyledModal, {
+      ref: ref,
+      "aria-labelledby": labelId,
+      open: open,
+      onClickOverlay: onClose,
+      placement: "center",
+      role: "dialog",
+      width: "md"
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(StyledPageAside, {
+    ref: ref,
+    open: open
+  }, children);
+});
+//# sourceMappingURL=PagePaneTemplate.js.map

package/dist/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/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"}

package/dist/PagePaneTemplate/PagePaneTemplate.styles.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const mobileBreakpoint = 440;
+export declare const StyledPageAside: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../PageLayout").PageAsideProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledModal: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Modal").ModalProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Body: import("react").ForwardRefExoticComponent<import("../Modal/Modal.types").ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+    Container: import("react").ForwardRefExoticComponent<import("../Modal/Modal.types").ModalContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("styled-components").StyledComponent<"div", any, {
+        $compact?: boolean | undefined;
+    }, never>;
+    Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
+    FooterButtons: import("react").ForwardRefExoticComponent<import("../Modal/Modal.types").ModalCloseableHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    FooterNotation: import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>;
+    FooterSummary: import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<import("../Modal/Modal.types").ModalCloseableHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Heading: typeof import("../Section/Section").Heading;
+    Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Scrim: import("styled-components").StyledComponent<"div", any, {}, never>;
+    State: (props: import("..").RenderProps) => import("react").JSX.Element;
+    Section: import("react").ForwardRefExoticComponent<import("../Section").SectionProps & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {}, never>;

package/dist/PagePaneTemplate/PagePaneTemplate.styles.js

@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+import { Modal } from '../Modal';
+import { StyledModalContent } from '../Modal/Modal.styles';
+import { Page } from '../PageLayout';
+import { StyledAsideFluidContainer, StyledAsidePanel } from '../PageLayout/PageLayout.styles';
+import { mediaBreakpointsDown } from '../PageLayout/PageLayout.utils';
+import { StyledFooter as StyledPanelFooter } from '../Panel/Panel.styles';
+import { spacing } from '../_styles/spacing';
+var panelWidthSmall = 360;
+export var mobileBreakpoint = 440;
+export var StyledPageAside = /*#__PURE__*/styled(Page.Aside).withConfig({
+  displayName: "StyledPageAside",
+  componentId: "core-12_17_0__sc-19vuov8-0"
+})(["position:sticky;top:0;right:0;max-height:100vh;width:100%;height:100%;@media ", "{position:sticky;max-width:", "px;flex-basis:", "px;}", "{@media ", "{max-width:", "px;}}", "{position:sticky;top:0;right:0;box-shadow:none;animation:none;padding-bottom:68px;@media ", "{width:", "px;}@media (max-width:", "px){padding-bottom:0;}}", "{position:fixed;bottom:0;display:flex;width:100%;max-width:400px;@media ", "{max-width:", "px;}}"], mediaBreakpointsDown.tabletLg, panelWidthSmall, panelWidthSmall, StyledAsideFluidContainer, mediaBreakpointsDown.tabletLg, panelWidthSmall, StyledAsidePanel, mediaBreakpointsDown.tabletLg, panelWidthSmall, mobileBreakpoint, StyledPanelFooter, mediaBreakpointsDown.tabletLg, panelWidthSmall);
+export var StyledModal = /*#__PURE__*/styled(Modal).withConfig({
+  displayName: "StyledModal",
+  componentId: "core-12_17_0__sc-19vuov8-1"
+})(["top:", "px;bottom:", "px;max-width:416px;transform:none;", "{max-height:100vh;}@media (max-width:", "px){top:0;bottom:0;left:0;right:0;max-width:100%;}"], spacing.md, spacing.md, StyledModalContent, mobileBreakpoint);
+//# sourceMappingURL=PagePaneTemplate.styles.js.map

package/dist/PagePaneTemplate/PagePaneTemplate.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagePaneTemplate.styles.js","names":["styled","Modal","StyledModalContent","Page","StyledAsideFluidContainer","StyledAsidePanel","mediaBreakpointsDown","StyledFooter","StyledPanelFooter","spacing","panelWidthSmall","mobileBreakpoint","StyledPageAside","Aside","withConfig","displayName","componentId","tabletLg","StyledModal","md"],"sources":["../../src/PagePaneTemplate/PagePaneTemplate.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Modal } from '../Modal'\nimport { StyledModalContent } from '../Modal/Modal.styles'\nimport { Page } from '../PageLayout'\nimport {\n  StyledAsideFluidContainer,\n  StyledAsidePanel,\n} from '../PageLayout/PageLayout.styles'\nimport { mediaBreakpointsDown } from '../PageLayout/PageLayout.utils'\nimport { StyledFooter as StyledPanelFooter } from '../Panel/Panel.styles'\nimport { spacing } from '../_styles/spacing'\n\nconst panelWidthSmall = 360\nexport const mobileBreakpoint = 440\n\nexport const StyledPageAside = styled(Page.Aside)`\n  position: sticky;\n  top: 0;\n  right: 0;\n  max-height: 100vh;\n  width: 100%;\n  height: 100%;\n\n  @media ${mediaBreakpointsDown.tabletLg} {\n    position: sticky;\n    max-width: ${panelWidthSmall}px;\n    flex-basis: ${panelWidthSmall}px;\n  }\n\n  ${StyledAsideFluidContainer} {\n    @media ${mediaBreakpointsDown.tabletLg} {\n      max-width: ${panelWidthSmall}px;\n    }\n  }\n\n  ${StyledAsidePanel} {\n    position: sticky;\n    top: 0;\n    right: 0;\n    box-shadow: none;\n    animation: none;\n    padding-bottom: 68px;\n\n    @media ${mediaBreakpointsDown.tabletLg} {\n      width: ${panelWidthSmall}px;\n    }\n\n    @media (max-width: ${mobileBreakpoint}px) {\n      padding-bottom: 0;\n    }\n  }\n\n  ${StyledPanelFooter} {\n    position: fixed;\n    bottom: 0;\n    display: flex;\n    width: 100%;\n    max-width: 400px;\n\n    @media ${mediaBreakpointsDown.tabletLg} {\n      max-width: ${panelWidthSmall}px;\n    }\n  }\n`\n\nexport const StyledModal = styled(Modal)`\n  top: ${spacing.md}px;\n  bottom: ${spacing.md}px;\n  max-width: 416px;\n  transform: none;\n\n  ${StyledModalContent} {\n    max-height: 100vh;\n  }\n\n  @media (max-width: ${mobileBreakpoint}px) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-width: 100%;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,IAAI,QAAQ,eAAe;AACpC,SACEC,yBAAyB,EACzBC,gBAAgB,QACX,iCAAiC;AACxC,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,SAASC,YAAY,IAAIC,iBAAiB,QAAQ,uBAAuB;AACzE,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,eAAe,GAAG,GAAG;AAC3B,OAAO,IAAMC,gBAAgB,GAAG,GAAG;AAEnC,OAAO,IAAMC,eAAe,gBAAGZ,MAAM,CAACG,IAAI,CAACU,KAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,obAQtCV,oBAAoB,CAACW,QAAQ,EAEvBP,eAAe,EACdA,eAAe,EAG7BN,yBAAyB,EAChBE,oBAAoB,CAACW,QAAQ,EACvBP,eAAe,EAI9BL,gBAAgB,EAQPC,oBAAoB,CAACW,QAAQ,EAC3BP,eAAe,EAGLC,gBAAgB,EAKrCH,iBAAiB,EAORF,oBAAoB,CAACW,QAAQ,EACvBP,eAAe,CAGjC;AAED,OAAO,IAAMQ,WAAW,gBAAGlB,MAAM,CAACC,KAAK,CAAC,CAAAa,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gKAC/BP,OAAO,CAACU,EAAE,EACPV,OAAO,CAACU,EAAE,EAIlBjB,kBAAkB,EAICS,gBAAgB,CAOtC"}

package/dist/PagePaneTemplate/PagePaneTemplate.types.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export interface PagePaneTemplateProps {
+    labelId: string;
+    open?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+}

package/dist/PagePaneTemplate/PagePaneTemplate.types.js

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

package/dist/PagePaneTemplate/PagePaneTemplate.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagePaneTemplate.types.js","names":[],"sources":["../../src/PagePaneTemplate/PagePaneTemplate.types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface PagePaneTemplateProps {\n  labelId: string\n  open?: boolean\n  onClose?: () => void\n  children?: ReactNode\n}\n"],"mappings":""}