@procore/core-react 12.21.2 → 12.22.0

package/dist/MultiSelect/MultiSelect.styles.d.ts

@@ -1,16 +1,20 @@
 /// <reference types="react" />
-export declare const StyledMultiSelectValues: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMultiSelectToken: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMultiSelectSearchInput: import("styled-components").StyledComponent<"input", any, {
+export declare const StyledMultiSelectValues: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMultiSelectToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMultiSelectSearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
     $isNavigatingTokens?: boolean | undefined;
-}, never>;
-export declare const StyledMultiSelectSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMultiSelectSearchIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMultiSelectClearIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledMultiSelectArrowContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMultiSelectArrow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMultiSelectMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledMultiSelectButton: import("styled-components").StyledComponent<"div", any, {
+}>> & string;
+export declare const StyledMultiSelectSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMultiSelectSearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMultiSelectClearIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledMultiSelectArrowContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMultiSelectArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMultiSelectMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledMultiSelectButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled" | "$loading" | "$block" | "$error" | "$open" | "$placeholder" | "$hasClearIcon"> & {
     $block: boolean;
     $disabled: boolean;
     $error: boolean;
@@ -18,6 +22,8 @@ export declare const StyledMultiSelectButton: import("styled-components").Styled
     $open: boolean;
     $placeholder?: boolean | undefined;
     $hasClearIcon: boolean;
-} & {
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
     $emptyValue: boolean;
-}, never>;
+}>> & string;

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_21_2__sc-s9ym9q-0"
+  componentId: "core-12_22_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_21_2__sc-s9ym9q-1"
+  componentId: "core-12_22_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_21_2__sc-s9ym9q-2"
+  componentId: "core-12_22_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_21_2__sc-s9ym9q-3"
+  componentId: "core-12_22_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_21_2__sc-s9ym9q-4"
+  componentId: "core-12_22_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_21_2__sc-s9ym9q-5"
+  componentId: "core-12_22_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.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const optionMinHeight = 32;
 /** Large enough to fit one group and one item */
 export declare const defaultMenuHeight = 64;
-export declare const StyledOptions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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_21_2__sc-3o6zya-0"
+  componentId: "core-12_22_0__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_21_2__sc-3o6zya-1"
+  componentId: "core-12_22_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_21_2__sc-3o6zya-2"
+  componentId: "core-12_22_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

@@ -4,7 +4,7 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, 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 styled from 'styled-components';
-import { getTypographyIntent } from '../Typography/Typography.styles';
+import { getTypographyIntent } from '../Typography';
 import { useDeprecation } from '../_hooks/Deprecation';
 import { colors } from '../_styles/colors';
 var variantColorMap = {
@@ -14,10 +14,10 @@ var variantColorMap = {
 };
 var StyledNotation = /*#__PURE__*/styled.i.withConfig({
   displayName: "StyledNotation",
-  componentId: "core-12_21_2__sc-160q1m6-0"
+  componentId: "core-12_22_0__sc-160q1m6-0"
 })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
-  var variant = _ref.variant;
-  return variant ? colors[variantColorMap[variant]] : colors.gray15;
+  var $variant = _ref.$variant;
+  return $variant ? colors[variantColorMap[$variant]] : colors.gray15;
 });
 /**
  * @deprecated Please use `<Typography italic />` component for plain text
@@ -37,7 +37,7 @@ export var Notation = /*#__PURE__*/React.forwardRef(function Notation(_ref2, ref
     newThing: 'Typography or Required'
   });
   return /*#__PURE__*/React.createElement(StyledNotation, _extends({}, props, {
-    variant: variant,
+    $variant: variant,
     ref: ref
   }), children);
 });

package/dist/Notation/Notation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notation.js","names":["React","styled","getTypographyIntent","useDeprecation","colors","variantColorMap","required","error","pagination","StyledNotation","i","withConfig","displayName","componentId","_ref","variant","gray15","Notation","forwardRef","_ref2","ref","children","_ref2$variant","props","_objectWithoutProperties","_excluded","oldThing","newThing","createElement","_extends"],"sources":["../../src/Notation/Notation.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { colors } from '../_styles/colors'\nimport type { SpanAttributes } from '../_utils/types'\nimport type { NotationProps } from './Notation.types'\n\nconst variantColorMap = {\n  required: 'orange50',\n  error: 'red50',\n  pagination: 'gray45',\n} as const\n\nconst StyledNotation = styled.i<NotationProps>`\n  ${getTypographyIntent('small')}\n  color: ${({ variant }) =>\n    variant ? colors[variantColorMap[variant]] : colors.gray15};\n  font-style: italic;\n`\n/**\n * @deprecated Please use `<Typography italic />` component for plain text\n * notations or the `<Required />` component for required notations. `Notation`\n * will be removed in a future version.\n * @deprecatedSince 11\n *\n *  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_coverage-notation--basic-props)\n */\nexport const Notation = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & NotationProps\n>(function Notation({ children, variant = '', ...props }, ref) {\n  useDeprecation({ oldThing: 'Notation', newThing: 'Typography or Required' })\n\n  return (\n    <StyledNotation {...props} variant={variant} ref={ref}>\n      {children}\n    </StyledNotation>\n  )\n})\n\nNotation.displayName = 'Notation'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAI1C,IAAMC,eAAe,GAAG;EACtBC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,UAAU,EAAE;AACd,CAAU;AAEV,IAAMC,cAAc,gBAAGR,MAAM,CAACS,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAC3BX,mBAAmB,CAAC,OAAO,CAAC,EACrB,UAAAY,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OACjBA,OAAO,GAAGX,MAAM,CAACC,eAAe,CAACU,OAAO,CAAC,CAAC,GAAGX,MAAM,CAACY,MAAM;AAAA,EAE7D;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGjB,KAAK,CAACkB,UAAU,CAGtC,SAASD,QAAQA,CAAAE,KAAA,EAAuCC,GAAG,EAAE;EAAA,IAAzCC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,KAAA,CAAEJ,OAAO;IAAPA,OAAO,GAAAO,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,KAAA,EAAAM,SAAA;EACpDtB,cAAc,CAAC;IAAEuB,QAAQ,EAAE,UAAU;IAAEC,QAAQ,EAAE;EAAyB,CAAC,CAAC;EAE5E,oBACE3B,KAAA,CAAA4B,aAAA,CAACnB,cAAc,EAAAoB,QAAA,KAAKN,KAAK;IAAER,OAAO,EAAEA,OAAQ;IAACK,GAAG,EAAEA;EAAI,IACnDC,QACa,CAAC;AAErB,CAAC,CAAC;AAEFJ,QAAQ,CAACL,WAAW,GAAG,UAAU"}
+{"version":3,"file":"Notation.js","names":["React","styled","getTypographyIntent","useDeprecation","colors","variantColorMap","required","error","pagination","StyledNotation","i","withConfig","displayName","componentId","_ref","$variant","gray15","Notation","forwardRef","_ref2","ref","children","_ref2$variant","variant","props","_objectWithoutProperties","_excluded","oldThing","newThing","createElement","_extends"],"sources":["../../src/Notation/Notation.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { getTypographyIntent } from '../Typography'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { colors } from '../_styles/colors'\nimport type { SpanAttributes } from '../_utils/types'\nimport type { NotationProps } from './Notation.types'\n\nconst variantColorMap = {\n  required: 'orange50',\n  error: 'red50',\n  pagination: 'gray45',\n} as const\n\nconst StyledNotation = styled.i<{ $variant: NotationProps['variant'] }>`\n  ${getTypographyIntent('small')}\n  color: ${({ $variant }) =>\n    $variant ? colors[variantColorMap[$variant]] : colors.gray15};\n  font-style: italic;\n`\n/**\n * @deprecated Please use `<Typography italic />` component for plain text\n * notations or the `<Required />` component for required notations. `Notation`\n * will be removed in a future version.\n * @deprecatedSince 11\n *\n *  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_coverage-notation--basic-props)\n */\nexport const Notation = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & NotationProps\n>(function Notation({ children, variant = '', ...props }, ref) {\n  useDeprecation({ oldThing: 'Notation', newThing: 'Typography or Required' })\n\n  return (\n    <StyledNotation {...props} $variant={variant} ref={ref}>\n      {children}\n    </StyledNotation>\n  )\n})\n\nNotation.displayName = 'Notation'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAI1C,IAAMC,eAAe,GAAG;EACtBC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,UAAU,EAAE;AACd,CAAU;AAEV,IAAMC,cAAc,gBAAGR,MAAM,CAACS,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAC3BX,mBAAmB,CAAC,OAAO,CAAC,EACrB,UAAAY,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OAClBA,QAAQ,GAAGX,MAAM,CAACC,eAAe,CAACU,QAAQ,CAAC,CAAC,GAAGX,MAAM,CAACY,MAAM;AAAA,EAE/D;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGjB,KAAK,CAACkB,UAAU,CAGtC,SAASD,QAAQA,CAAAE,KAAA,EAAuCC,GAAG,EAAE;EAAA,IAAzCC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,KAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAN,KAAA,EAAAO,SAAA;EACpDvB,cAAc,CAAC;IAAEwB,QAAQ,EAAE,UAAU;IAAEC,QAAQ,EAAE;EAAyB,CAAC,CAAC;EAE5E,oBACE5B,KAAA,CAAA6B,aAAA,CAACpB,cAAc,EAAAqB,QAAA,KAAKN,KAAK;IAAET,QAAQ,EAAEQ,OAAQ;IAACH,GAAG,EAAEA;EAAI,IACpDC,QACa,CAAC;AAErB,CAAC,CAAC;AAEFJ,QAAQ,CAACL,WAAW,GAAG,UAAU"}

package/dist/NumberInput/NumberInput.hooks.d.ts

@@ -2,7 +2,7 @@ import type { InputValue, UseNumberFormatConfig } from './NumberInput.types';
 export declare function usePrevious<T>(value: T): T;
 export declare function useNumberFormat({ decimalScale: _decimalScale, fillDecimalScale, locale: _locale, }: UseNumberFormatConfig): {
     formatValue: (value: InputValue) => string;
-    getValueLengthInfo: (value: InputValue, isNumericString?: any) => {
+    getValueLengthInfo: (value: InputValue, isNumericString?: boolean) => {
         length: number;
         safeLength: number;
         isSafeLength: boolean;

package/dist/NumberInput/NumberInput.styles.d.ts

@@ -3,17 +3,23 @@ export declare const addonRootFontSize = "14px";
 export declare const addonRootFontFamily = "inherit";
 export declare const addonRootPadding: number;
 export declare const inputDefaultXPadding: number;
-export declare const StyledPrefix: import("styled-components").StyledComponent<"span", any, {
+export declare const StyledPrefix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "disabled"> & {
     disabled: boolean;
-}, never>;
-export declare const StyledSuffix: import("styled-components").StyledComponent<"span", any, {
+}, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, never>> & string;
+export declare const StyledSuffix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "disabled"> & {
     disabled: boolean;
-} & {
+}, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, {
     $withIncrementer: boolean;
-}, never>;
-export declare const StyledIncrementerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIncrementerButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").InputAttributes & import("..").InputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {
+}>> & string;
+export declare const StyledIncrementerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledIncrementerButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../_utils/types").InputAttributes & import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../_utils/types").InputAttributes & import("..").InputProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $hasIncrementer: boolean;
-}, never>;
+}>> & string;

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_21_2__sc-1782nvg-0"
+  componentId: "core-12_22_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_21_2__sc-1782nvg-1"
+  componentId: "core-12_22_0__sc-1782nvg-1"
 })(["left:", "px;"], spacing.md);
 export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledSuffix",
-  componentId: "core-12_21_2__sc-1782nvg-2"
+  componentId: "core-12_22_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_21_2__sc-1782nvg-3"
+  componentId: "core-12_22_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_21_2__sc-1782nvg-4"
+  componentId: "core-12_22_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_21_2__sc-1782nvg-5"
+  componentId: "core-12_22_0__sc-1782nvg-5"
 })([""]);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_21_2__sc-1782nvg-6"
+  componentId: "core-12_22_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.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const arrowSize = 8;
-export declare const StyledArrow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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_21_2__sc-1epxw7u-0"
+  componentId: "core-12_22_0__sc-1epxw7u-0"
 })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
 //# sourceMappingURL=OverlayArrow.styles.js.map

package/dist/OverlayTrigger/a11yPresets.d.ts

@@ -92,52 +92,52 @@ export declare function useLabelledPopup({ 'aria-describedby': ariaDescribedby,
     };
     popupProps: {
         "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
         "aria-describedby": string | undefined;
         "aria-description"?: string | undefined;
         "aria-details": string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined;
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
         "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
         "aria-setsize"?: number | undefined;
         "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
         "aria-valuemax"?: number | undefined;

package/dist/PageLayout/PageLayout.styles.d.ts

@@ -1,30 +1,39 @@
+/// <reference types="react" />
 import type { Placement } from '../Tearsheet/Tearsheet.types';
-export declare const StyledPageHeader: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledPageHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $transparent?: boolean | undefined;
-}, never>;
-export declare const StyledPageTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPageBreadcrumbs: import("styled-components").StyledComponent<"div", any, {
-    as: string;
-}, "as">;
-export declare const StyledPageBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const getActions: () => import("styled-components").FlattenSimpleInterpolation;
-export declare const StyledPageActions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPageTabs: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const StyledPageTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const StyledPageBreadcrumbs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const StyledPageBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const getActions: () => import("styled-components").RuleSet<object>;
+export declare const StyledPageActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPageTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const StyledBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledNavigation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const animationDuration: {
     panel: number;
 };
-export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isAsideOpen: boolean;
     $hasShadow: boolean;
-}, never>;
-export declare const StyledAside: import("styled-components").StyledComponent<"div", any, {
+}>> & string;
+export declare const StyledAside: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $open: boolean;
     $closed: boolean;
-}, never>;
-export declare const StyledAsidePanel: import("styled-components").StyledComponent<"div", any, {
+}>> & string;
+export declare const StyledAsidePanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $offsetTop: number | null;
     $minusHeight: number;
     $closing: boolean;
@@ -32,12 +41,12 @@ export declare const StyledAsidePanel: import("styled-components").StyledCompone
     $opening: boolean;
     $rightOffset: number;
     $altAnimation: boolean;
-}, never>;
-export declare const StyledPageMain: import("styled-components").StyledComponent<"div", any, {
+}>> & string;
+export declare const StyledPageMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $tearsheetPlacement: Placement | null;
-}, never>;
-export declare const StyledPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAsideFluidContainer: import("styled-components").StyledComponent<"div", any, {
+}>> & string;
+export declare const StyledPageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledAsideFluidContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $open: boolean;
     $closed: boolean;
-}, never>;
+}>> & string;

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_21_2__sc-1cvdbsv-0"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-1"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-2"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-3"
+  componentId: "core-12_22_0__sc-1cvdbsv-3"
 })([""]);
 export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageBanner",
-  componentId: "core-12_21_2__sc-1cvdbsv-4"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-5"
+  componentId: "core-12_22_0__sc-1cvdbsv-5"
 })(["", ""], getActions());
 export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageTabs",
-  componentId: "core-12_21_2__sc-1cvdbsv-6"
+  componentId: "core-12_22_0__sc-1cvdbsv-6"
 })([""]);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_21_2__sc-1cvdbsv-7"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-8"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-9"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-10"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-11"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-12"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-13"
+  componentId: "core-12_22_0__sc-1cvdbsv-13"
 })(["position:relative;max-width:100%;background-color:", ";", " ", ""], colors.gray96, function () {
   return isIE11() && css(["flex:1 0 0%;"]);
 }, function (_ref10) {
@@ -133,13 +133,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageContainer",
-  componentId: "core-12_21_2__sc-1cvdbsv-14"
+  componentId: "core-12_22_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_21_2__sc-1cvdbsv-15"
+  componentId: "core-12_22_0__sc-1cvdbsv-15"
 })(["", ""], function (_ref11) {
   var $closed = _ref11.$closed,
     $open = _ref11.$open;

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

@@ -1 +1,2 @@
-export declare const StyledPageFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledPageFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/PageTemplate/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_21_2__sc-1f0zfyf-0"
+  componentId: "core-12_22_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/PageHeaderTemplate/PageHeaderTemplate.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import type { PageHeaderTemplateProps } from './PageHeaderTemplate.types';
-export declare const PageHeaderTemplate: React.ForwardRefExoticComponent<PageHeaderTemplateProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PageHeaderTemplate: React.ForwardRefExoticComponent<PageHeaderTemplateProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;