@procore/core-react 12.25.1 → 12.26.0

package/dist/Form/Form.styles.js

@@ -24,7 +24,7 @@ function applyStylesOnlyToIE11(styles) {
 }
 export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldMain",
-  componentId: "core-12_25_1__sc-ncj3pf-0"
+  componentId: "core-12_26_0__sc-ncj3pf-0"
 })(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
   var $colStart = _ref.$colStart,
     $colEnd = _ref.$colEnd,
@@ -36,15 +36,15 @@ export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
 }, applyStylesOnlyToIE11("\n      padding-left: ".concat(columnGutter, ";\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n  ")));
 export var StyledLabel = /*#__PURE__*/styled(Label).withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_25_1__sc-ncj3pf-1"
+  componentId: "core-12_26_0__sc-ncj3pf-1"
 })(["word-wrap:break-word;word-break:break-word;"]);
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_25_1__sc-ncj3pf-2"
+  componentId: "core-12_26_0__sc-ncj3pf-2"
 })(["", " color:", ";word-wrap:break-word;word-break:break-word;"], getTypographyIntent('body'), colors.gray45);
 export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescription).withConfig({
   displayName: "StyledCheckboxInlineDescription",
-  componentId: "core-12_25_1__sc-ncj3pf-3"
+  componentId: "core-12_26_0__sc-ncj3pf-3"
 })(["margin-top:", "px;", ""], spacing.xs, function (_ref3) {
   var $read = _ref3.$read;
   if (!$read) {
@@ -53,7 +53,7 @@ export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescripti
 });
 export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
   displayName: "StyledFormFieldHeader",
-  componentId: "core-12_25_1__sc-ncj3pf-4"
+  componentId: "core-12_26_0__sc-ncj3pf-4"
 })(["-ms-grid-row:1;grid-row:1;align-self:end;margin-bottom:", "px;", " ", " * + ", "{margin-top:", "px;}"], spacing.xs, function (_ref4) {
   var $colStart = _ref4.$colStart,
     $colEnd = _ref4.$colEnd,
@@ -62,7 +62,7 @@ export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withCo
 }, applyStylesOnlyToIE11("\n    padding-left: ".concat(columnGutter, ";\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    ").concat(StyledFormFieldMain, " {\n      padding-left: ").concat(columnGutter, ";\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n    }\n  ")), StyledDescription, spacing.xs);
 export var StyledFormFieldRequiredMark = /*#__PURE__*/styled(Required).withConfig({
   displayName: "StyledFormFieldRequiredMark",
-  componentId: "core-12_25_1__sc-ncj3pf-5"
+  componentId: "core-12_26_0__sc-ncj3pf-5"
 })(["padding-left:", "px;vertical-align:top;"], spacing.xs);
 export var dataQaFieldTooltipIcon = 'form-field-tooltip-icon';
 export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function () {
@@ -71,20 +71,20 @@ export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function
   };
 }).withConfig({
   displayName: "StyledFormFieldTooltipIcon",
-  componentId: "core-12_25_1__sc-ncj3pf-6"
+  componentId: "core-12_26_0__sc-ncj3pf-6"
 })(["margin-left:", "px;color:", ";vertical-align:middle;&:focus-visible{border-radius:50%;", " outline-offset:0;}"], spacing.sm, colors.gray45, getGapOutlineFocus);
 export var StyledFormFieldErrorIcon = /*#__PURE__*/styled(Error).withConfig({
   displayName: "StyledFormFieldErrorIcon",
-  componentId: "core-12_25_1__sc-ncj3pf-7"
+  componentId: "core-12_26_0__sc-ncj3pf-7"
 })(["vertical-align:sub;"]);
 export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldBanner",
-  componentId: "core-12_25_1__sc-ncj3pf-8"
+  componentId: "core-12_26_0__sc-ncj3pf-8"
 })(["display:flex;align-items:flex-start;min-height:22px;margin-top:", "px;margin-bottom:2px;word-break:break-word;word-wrap:break-word;color:", ";", ""], spacing.xs, colors.red50, getTypographyIntent('body'));
 /** @deprecated The traditional field layout is deprecated */
 export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTraditionalFormColumn",
-  componentId: "core-12_25_1__sc-ncj3pf-9"
+  componentId: "core-12_26_0__sc-ncj3pf-9"
 })(["padding:", ";align-self:center;height:100%;&:nth-child(1){-ms-grid-column:1;}&:nth-child(2){-ms-grid-column:2;}&:nth-child(3){-ms-grid-column:3;}&:nth-child(4){-ms-grid-column:4;}", " ", ""], traditionalPadding, function (_ref5) {
   var _ref5$$fullWidth = _ref5.$fullWidth,
     $fullWidth = _ref5$$fullWidth === void 0 ? false : _ref5$$fullWidth;
@@ -96,15 +96,15 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFormOutputTextArea",
-  componentId: "core-12_25_1__sc-ncj3pf-10"
+  componentId: "core-12_26_0__sc-ncj3pf-10"
 })(["white-space:pre-wrap;"]);
 export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
   displayName: "StyledFormOutputFiledset",
-  componentId: "core-12_25_1__sc-ncj3pf-11"
+  componentId: "core-12_26_0__sc-ncj3pf-11"
 })(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
 export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormRow",
-  componentId: "core-12_25_1__sc-ncj3pf-12"
+  componentId: "core-12_26_0__sc-ncj3pf-12"
 })(["", ""], function (_ref7) {
   var _ref7$$traditional = _ref7.$traditional,
     $traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
@@ -115,6 +115,6 @@ export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
 export var formWrapper = /*#__PURE__*/css(["display:inherit;flex-direction:inherit;height:inherit;max-height:inherit;"]);
 export var StyledForm = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledForm",
-  componentId: "core-12_25_1__sc-ncj3pf-13"
+  componentId: "core-12_26_0__sc-ncj3pf-13"
 })(["", ""], formWrapper);
 //# sourceMappingURL=Form.styles.js.map

package/dist/Form/StyledFormikForm.styles.d.ts

@@ -4,8 +4,8 @@ export declare const StyledFormikForm: import("styled-components/dist/types").IS
     ref?: ((instance: HTMLFormElement | null) => void) | import("react").RefObject<HTMLFormElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "is" | "children" | "translate" | "placeholder" | "defaultValue" | "slot" | "style" | "title" | "color" | "hidden" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "target" | "method" | "name" | "autoComplete" | "acceptCharset" | "action" | "encType" | "noValidate" | "onPointerEnterCapture" | "onPointerLeaveCapture"> & import("react").RefAttributes<HTMLFormElement>>, keyof import("react").Component<any, {}, any>>;
 /** @deprecated The traditional field layout is deprecated */
-export declare const StyledTraditionalFormLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+export declare const StyledTraditionalFormLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, {
     $view: View;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Form/StyledFormikForm.styles.js

@@ -5,13 +5,13 @@ import { spacing } from '../_styles/spacing';
 import { formWrapper } from './Form.styles';
 export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
   displayName: "StyledFormikForm",
-  componentId: "core-12_25_1__sc-1ks7m0l-0"
+  componentId: "core-12_26_0__sc-1ks7m0l-0"
 })(["", ""], formWrapper);
 
 /** @deprecated The traditional field layout is deprecated */
 export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTraditionalFormLabel",
-  componentId: "core-12_25_1__sc-1ks7m0l-1"
+  componentId: "core-12_26_0__sc-1ks7m0l-1"
 })(["display:inline-block;word-break:break-word;word-wrap:break-word;", ""], function (_ref) {
   var $view = _ref.$view;
   return ['create', 'update'].includes($view) && css(["padding-top:", "px;"], spacing.sm);

package/dist/GhostPlaceholder/GhostPlaceholder.styles.js

@@ -3,7 +3,7 @@ import { spacing } from '../_styles/spacing';
 var shimmerAnimation = /*#__PURE__*/keyframes(["0%{background-position:-1000px 500px;}100%{background-position:1000px 500px;}"]);
 export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "PlaceholderItem",
-  componentId: "core-12_25_1__sc-1nja302-0"
+  componentId: "core-12_26_0__sc-1nja302-0"
 })(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;"], shimmerAnimation, function (props) {
   return props.$startGradientColor;
 }, function (props) {
@@ -11,7 +11,7 @@ export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm);
 export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
   displayName: "RoundPlaceholderItem",
-  componentId: "core-12_25_1__sc-1nja302-1"
+  componentId: "core-12_26_0__sc-1nja302-1"
 })(["width:", ";height:", ";border-radius:50%;"], function (props) {
   return props.$small ? '24px' : '40px';
 }, function (props) {

package/dist/Grid/Grid.styles.js

@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
 };
 export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridRow",
-  componentId: "core-12_25_1__sc-8pinsp-0"
+  componentId: "core-12_26_0__sc-8pinsp-0"
 })(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
   var $gutterX = _ref.$gutterX,
     $gutterY = _ref.$gutterY;
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridCol",
-  componentId: "core-12_25_1__sc-8pinsp-1"
+  componentId: "core-12_26_0__sc-8pinsp-1"
 })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
   var $span = _ref2.$span,
     $offset = _ref2.$offset,

package/dist/Grid/Grid.types.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { Spacing } from '../_styles/spacing';
-import type { DivAttributes } from '../_utils/types';
 declare type GridSpacing = Spacing | Partial<SpacingByBreakpoint>;
-export interface GridProps extends DivAttributes {
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * If given a spacing string value (e.g. "sm" or "none"), sets horizontal
      * column spacing across all breakpoints. Horizontal gutters are ignored when columns are stacked.
@@ -42,14 +42,14 @@ export interface GridContextShape {
      */
     colStackCap: GridBreakpoint;
 }
-export interface GridRowProps extends DivAttributes {
+export interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export declare type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export declare type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>;
 export declare type GutterByBreakpoint = Record<GridBreakpoint, Spacing>;
 export declare type OffsetByBreakpoint = Record<GridBreakpoint, number>;
 export declare type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>;
-export interface GridColProps extends DivAttributes {
+export interface GridColProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * @defaultValue auto
      * If given a number value between 1 and 12, sets column width across all

package/dist/Grid/Grid.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.types.js","names":[],"sources":["../../src/Grid/Grid.types.ts"],"sourcesContent":["import type { Spacing } from '../_styles/spacing'\nimport type { DivAttributes } from '../_utils/types'\n\ntype GridSpacing = Spacing | Partial<SpacingByBreakpoint>\n\nexport interface GridProps extends DivAttributes {\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets horizontal\n   * column spacing across all breakpoints. Horizontal gutters are ignored when columns are stacked.\n   *\n   * If given an object, sets horizontal column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterX?: GridSpacing\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets vertical\n   * column spacing across all breakpoints.\n   *\n   * If given an object, sets vertical column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterY?: GridSpacing\n  /**\n   * Sets a breakpoing at which columns will start stacking on top of each other.\n   * E.g. if set to \"tabletMd\" - columns will stack on \"tabletMd\", \"tabletSm\"\n   * and \"mobileLg\" breakpoints.\n   * @since 10.19.0\n   */\n  colStackCap?: GridBreakpoint\n}\n\nexport interface GridContextShape {\n  /**\n   * @since 10.19.0\n   */\n  gutterX: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  gutterY: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  colStackCap: GridBreakpoint\n}\n\nexport interface GridRowProps extends DivAttributes {}\n\nexport type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>\n\nexport type GutterByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport type OffsetByBreakpoint = Record<GridBreakpoint, number>\n\nexport type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport interface GridColProps extends DivAttributes {\n  /**\n   * @defaultValue auto\n   * If given a number value between 1 and 12, sets column width across all\n   * breakpoints.\n   *\n   * If given an object, sets column widths for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   *\n   * If set to \"auto\", the column will take all the available space\n   * @since 10.19.0\n   */\n  colWidth?: number | Partial<SpanByBreakpoint> | 'auto'\n  /**\n   * If given a number value between 1 and 12, sets start positions across all\n   * breakpoints.\n   * @since 10.19.0\n   *\n   * If given an object, sets start positions for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   * @since 10.19.0\n   */\n  colStart?: number | Partial<OffsetByBreakpoint>\n}\n\nexport type GridBreakpoint =\n  | 'mobileLg'\n  | 'tabletSm'\n  | 'tabletMd'\n  | 'tabletLg'\n  | 'desktopSm'\n  | 'desktopMd'\n"],"mappings":""}
+{"version":3,"file":"Grid.types.js","names":[],"sources":["../../src/Grid/Grid.types.ts"],"sourcesContent":["import type { Spacing } from '../_styles/spacing'\n\ntype GridSpacing = Spacing | Partial<SpacingByBreakpoint>\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets horizontal\n   * column spacing across all breakpoints. Horizontal gutters are ignored when columns are stacked.\n   *\n   * If given an object, sets horizontal column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterX?: GridSpacing\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets vertical\n   * column spacing across all breakpoints.\n   *\n   * If given an object, sets vertical column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterY?: GridSpacing\n  /**\n   * Sets a breakpoing at which columns will start stacking on top of each other.\n   * E.g. if set to \"tabletMd\" - columns will stack on \"tabletMd\", \"tabletSm\"\n   * and \"mobileLg\" breakpoints.\n   * @since 10.19.0\n   */\n  colStackCap?: GridBreakpoint\n}\n\nexport interface GridContextShape {\n  /**\n   * @since 10.19.0\n   */\n  gutterX: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  gutterY: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  colStackCap: GridBreakpoint\n}\n\nexport interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>\n\nexport type GutterByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport type OffsetByBreakpoint = Record<GridBreakpoint, number>\n\nexport type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport interface GridColProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @defaultValue auto\n   * If given a number value between 1 and 12, sets column width across all\n   * breakpoints.\n   *\n   * If given an object, sets column widths for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   *\n   * If set to \"auto\", the column will take all the available space\n   * @since 10.19.0\n   */\n  colWidth?: number | Partial<SpanByBreakpoint> | 'auto'\n  /**\n   * If given a number value between 1 and 12, sets start positions across all\n   * breakpoints.\n   * @since 10.19.0\n   *\n   * If given an object, sets start positions for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   * @since 10.19.0\n   */\n  colStart?: number | Partial<OffsetByBreakpoint>\n}\n\nexport type GridBreakpoint =\n  | 'mobileLg'\n  | 'tabletSm'\n  | 'tabletMd'\n  | 'tabletLg'\n  | 'desktopSm'\n  | 'desktopMd'\n"],"mappings":""}

package/dist/GroupSelect/GroupSelect.styles.js

@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { colors } from '../_styles/colors';
 export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
   displayName: "StyledGroupSelectOption",
-  componentId: "core-12_25_1__sc-u5gu8j-0"
+  componentId: "core-12_26_0__sc-u5gu8j-0"
 })(["", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);

package/dist/GroupSelect/mocks/groupSelectMockData.d.ts

@@ -0,0 +1,18 @@
+export interface GroupSelectOption {
+    id: number;
+    label: string;
+    groupId?: string | number;
+}
+export interface GroupSelectGroupOption {
+    id: number;
+    label: string;
+    options: GroupSelectOption[];
+    groupId?: string | number;
+}
+export interface GroupSelectOptGroupOption {
+    id: string;
+    label: string;
+}
+export declare const fakeOptions: GroupSelectOption[];
+export declare const fakeGroups: GroupSelectGroupOption[];
+export declare const fakeOptGroups: GroupSelectOptGroupOption[];

package/dist/GroupSelect/mocks/groupSelectMockData.js

@@ -0,0 +1,122 @@
+export var fakeOptions = [{
+  id: 5139977,
+  label: 'Cat',
+  groupId: '2'
+}, {
+  id: 1037291,
+  label: 'Dog',
+  groupId: '2'
+}, {
+  id: 3733119,
+  label: 'Parrot',
+  groupId: '2'
+}, {
+  id: 1279548,
+  label: 'Cow',
+  groupId: '2'
+}, {
+  id: 5136274,
+  label: 'Lion',
+  groupId: '2'
+}, {
+  id: 1360365,
+  label: 'Wolf',
+  groupId: '2'
+}, {
+  id: 2142072,
+  label: 'Pig',
+  groupId: '2'
+}, {
+  id: 4177019,
+  label: 'Giraffe',
+  groupId: '2'
+}, {
+  id: 1819065,
+  label: 'Owl',
+  groupId: '2'
+}, {
+  id: 3116635,
+  label: 'Crocodile',
+  groupId: '2'
+}, {
+  id: 1987946,
+  label: 'Elephant',
+  groupId: '2'
+}, {
+  id: 1690,
+  label: 'Duck',
+  groupId: '2'
+}, {
+  id: 10338,
+  label: 'Frog',
+  groupId: '2'
+}, {
+  id: 1665038,
+  label: 'Fox',
+  groupId: '2'
+}];
+export var fakeGroups = [{
+  id: 180604,
+  label: 'Group #1',
+  options: [{
+    id: 5139977,
+    label: 'Cat',
+    groupId: '2'
+  }, {
+    id: 1037291,
+    label: 'Dog',
+    groupId: '2'
+  }, {
+    id: 1279548,
+    label: 'Cow',
+    groupId: '2'
+  }, {
+    id: 1690,
+    label: 'Duck',
+    groupId: '2'
+  }],
+  groupId: '1'
+}, {
+  id: 187138,
+  label: 'Group #2',
+  options: [{
+    id: 1665038,
+    label: 'Fox',
+    groupId: '2'
+  }, {
+    id: 10338,
+    label: 'Frog',
+    groupId: '2'
+  }],
+  groupId: '1'
+}, {
+  id: 127496,
+  label: 'Group #3',
+  options: [{
+    id: 1987946,
+    label: 'Elephant',
+    groupId: '2'
+  }, {
+    id: 1819065,
+    label: 'Owl',
+    groupId: '2'
+  }],
+  groupId: '1'
+}, {
+  id: 126261,
+  label: 'Group #4',
+  options: [{
+    id: 3116635,
+    label: 'Crocodile',
+    groupId: '2'
+  }],
+  groupId: '1'
+}];
+export var fakeOptGroups = [{
+  id: '1',
+  label: 'Distribution Group'
+}, {
+  id: '2',
+  label: 'Animals'
+}];
+//# sourceMappingURL=groupSelectMockData.js.map

package/dist/GroupSelect/mocks/groupSelectMockData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupSelectMockData.js","names":["fakeOptions","id","label","groupId","fakeGroups","options","fakeOptGroups"],"sources":["../../../src/GroupSelect/mocks/groupSelectMockData.ts"],"sourcesContent":["export interface GroupSelectOption {\n  id: number\n  label: string\n  groupId?: string | number\n}\nexport interface GroupSelectGroupOption {\n  id: number\n  label: string\n  options: GroupSelectOption[]\n  groupId?: string | number\n}\nexport interface GroupSelectOptGroupOption {\n  id: string\n  label: string\n}\n\nexport const fakeOptions: GroupSelectOption[] = [\n  {\n    id: 5139977,\n    label: 'Cat',\n    groupId: '2',\n  },\n  {\n    id: 1037291,\n    label: 'Dog',\n    groupId: '2',\n  },\n  {\n    id: 3733119,\n    label: 'Parrot',\n    groupId: '2',\n  },\n  {\n    id: 1279548,\n    label: 'Cow',\n    groupId: '2',\n  },\n  {\n    id: 5136274,\n    label: 'Lion',\n    groupId: '2',\n  },\n  {\n    id: 1360365,\n    label: 'Wolf',\n    groupId: '2',\n  },\n  {\n    id: 2142072,\n    label: 'Pig',\n    groupId: '2',\n  },\n  {\n    id: 4177019,\n    label: 'Giraffe',\n    groupId: '2',\n  },\n  {\n    id: 1819065,\n    label: 'Owl',\n    groupId: '2',\n  },\n  {\n    id: 3116635,\n    label: 'Crocodile',\n    groupId: '2',\n  },\n  {\n    id: 1987946,\n    label: 'Elephant',\n    groupId: '2',\n  },\n  {\n    id: 1690,\n    label: 'Duck',\n    groupId: '2',\n  },\n  {\n    id: 10338,\n    label: 'Frog',\n    groupId: '2',\n  },\n  {\n    id: 1665038,\n    label: 'Fox',\n    groupId: '2',\n  },\n]\n\nexport const fakeGroups: GroupSelectGroupOption[] = [\n  {\n    id: 180604,\n    label: 'Group #1',\n    options: [\n      {\n        id: 5139977,\n        label: 'Cat',\n        groupId: '2',\n      },\n      {\n        id: 1037291,\n        label: 'Dog',\n        groupId: '2',\n      },\n      {\n        id: 1279548,\n        label: 'Cow',\n        groupId: '2',\n      },\n      {\n        id: 1690,\n        label: 'Duck',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 187138,\n    label: 'Group #2',\n    options: [\n      {\n        id: 1665038,\n        label: 'Fox',\n        groupId: '2',\n      },\n      {\n        id: 10338,\n        label: 'Frog',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 127496,\n    label: 'Group #3',\n    options: [\n      {\n        id: 1987946,\n        label: 'Elephant',\n        groupId: '2',\n      },\n      {\n        id: 1819065,\n        label: 'Owl',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n  {\n    id: 126261,\n    label: 'Group #4',\n    options: [\n      {\n        id: 3116635,\n        label: 'Crocodile',\n        groupId: '2',\n      },\n    ],\n    groupId: '1',\n  },\n]\n\nexport const fakeOptGroups: GroupSelectOptGroupOption[] = [\n  {\n    id: '1',\n    label: 'Distribution Group',\n  },\n  {\n    id: '2',\n    label: 'Animals',\n  },\n]\n"],"mappings":"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"}

package/dist/Input/Input.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { InputAttributes } from '../_utils/types';
 import type { InputProps } from './Input.types';
 /**
 
@@ -10,4 +9,4 @@ import type { InputProps } from './Input.types';
  @see [Design Guidelines](https://design.procore.com/text-input)
 
  */
-export declare const Input: React.ForwardRefExoticComponent<InputAttributes & InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["React","StyledInput","Input","forwardRef","_ref","ref","children","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$error","$variant","displayName"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react'\nimport type { InputAttributes } from '../_utils/types'\nimport { StyledInput } from './Input.styles'\nimport type { InputProps } from './Input.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-input--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-input)\n\n */\nexport const Input = React.forwardRef<\n  HTMLInputElement,\n  InputAttributes & InputProps\n>(function Input({ children, error, variant, ...props }, ref) {\n  return <StyledInput {...props} $error={error} $variant={variant} ref={ref} />\n})\n\nInput.displayName = 'Input'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,gBAAgB;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGF,KAAK,CAACG,UAAU,CAGnC,SAASD,KAAKA,CAAAE,IAAA,EAAyCC,GAAG,EAAE;EAAA,IAA3CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACnD,oBAAOX,KAAA,CAAAY,aAAA,CAACX,WAAW,EAAAY,QAAA,KAAKJ,KAAK;IAAEK,MAAM,EAAEP,KAAM;IAACQ,QAAQ,EAAEP,OAAQ;IAACH,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC/E,CAAC,CAAC;AAEFH,KAAK,CAACc,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Input.js","names":["React","StyledInput","Input","forwardRef","_ref","ref","children","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$error","$variant","displayName"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledInput } from './Input.styles'\nimport type { InputProps } from './Input.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-input--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-input)\n\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input({ children, error, variant, ...props }, ref) {\n    return (\n      <StyledInput {...props} $error={error} $variant={variant} ref={ref} />\n    )\n  }\n)\n\nInput.displayName = 'Input'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,gBAAgB;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGF,KAAK,CAACG,UAAU,CACnC,SAASD,KAAKA,CAAAE,IAAA,EAAyCC,GAAG,EAAE;EAAA,IAA3CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACjD,oBACEX,KAAA,CAAAY,aAAA,CAACX,WAAW,EAAAY,QAAA,KAAKJ,KAAK;IAAEK,MAAM,EAAEP,KAAM;IAACQ,QAAQ,EAAEP,OAAQ;IAACH,GAAG,EAAEA;EAAI,EAAE,CAAC;AAE1E,CACF,CAAC;AAEDH,KAAK,CAACc,WAAW,GAAG,OAAO"}

package/dist/Input/Input.styles.js

@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_25_1__sc-12sjkxg-0"
+  componentId: "core-12_26_0__sc-12sjkxg-0"
 })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
 //# sourceMappingURL=Input.styles.js.map

package/dist/Input/Input.types.d.ts

@@ -1,5 +1,5 @@
-import type { InputAttributes } from '../_utils/types';
-export interface InputProps extends InputAttributes {
+/// <reference types="react" />
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /**
      * Controls the error state of the `Input`, changing the
      * background color and border colors to red

package/dist/Input/Input.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.types.js","names":[],"sources":["../../src/Input/Input.types.ts"],"sourcesContent":["import type { InputAttributes } from '../_utils/types'\n\nexport interface InputProps extends InputAttributes {\n  /**\n   * Controls the error state of the `Input`, changing the\n   * background color and border colors to red\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * @deprecated Use the `error` prop instead\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: 'error' | ''\n}\n"],"mappings":""}
+{"version":3,"file":"Input.types.js","names":[],"sources":["../../src/Input/Input.types.ts"],"sourcesContent":["export interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  /**\n   * Controls the error state of the `Input`, changing the\n   * background color and border colors to red\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * @deprecated Use the `error` prop instead\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: 'error' | ''\n}\n"],"mappings":""}

package/dist/Link/Link.styles.js

@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
 }
 export var StyledLink = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_25_1__sc-jfowrl-0"
+  componentId: "core-12_26_0__sc-jfowrl-0"
 })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
 //# sourceMappingURL=Link.styles.js.map

package/dist/Link/Link.types.d.ts

@@ -1,6 +1,6 @@
-import type { AnchorAttributes, Props } from '../_utils/types';
+/// <reference types="react" />
 export declare type LinkVariant = 'gray' | 'white';
-export interface LinkProps extends Props, AnchorAttributes {
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * The color variant of the link
      * @since 10.19.0

package/dist/Link/Link.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link/Link.types.ts"],"sourcesContent":["import type { AnchorAttributes, Props } from '../_utils/types'\n\nexport type LinkVariant = 'gray' | 'white'\n\nexport interface LinkProps extends Props, AnchorAttributes {\n  /**\n   * The color variant of the link\n   * @since 10.19.0\n   *\n   * @deprecated variant `gray` is deprecated and will be removed\n   * @deprecatedSince 12.18.0\n   */\n  variant?: LinkVariant\n}\n"],"mappings":""}
+{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link/Link.types.ts"],"sourcesContent":["export type LinkVariant = 'gray' | 'white'\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The color variant of the link\n   * @since 10.19.0\n   *\n   * @deprecated variant `gray` is deprecated and will be removed\n   * @deprecatedSince 12.18.0\n   */\n  variant?: LinkVariant\n}\n"],"mappings":""}

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_25_1__sc-1eq7fzi-0"
+  componentId: "core-12_26_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_25_1__sc-1eq7fzi-1"
+  componentId: "core-12_26_0__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-12_25_1__sc-1eq7fzi-2"
+  componentId: "core-12_26_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_25_1__sc-1eq7fzi-3"
+  componentId: "core-12_26_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_25_1__sc-1eq7fzi-4"
+  componentId: "core-12_26_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_25_1__sc-1eq7fzi-5"
+  componentId: "core-12_26_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_25_1__sc-1eq7fzi-6"
+  componentId: "core-12_26_0__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-12_25_1__sc-1eq7fzi-7"
+  componentId: "core-12_26_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_25_1__sc-wgvjj9-0"
+  componentId: "core-12_26_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_25_1__sc-wgvjj9-1"
+  componentId: "core-12_26_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/Menu/Menu.d.ts

@@ -1,20 +1,19 @@
 import React from 'react';
-import type { DivAttributes } from '../_utils/types';
 import type { ElementTypeChecker, MenuFooterProps, MenuGroupProps, MenuHeaderProps, MenuHook, MenuHookConfig, MenuItemProps, MenuOptionsProps, MenuProps, MenuSearchProps } from './Menu.types';
 export declare const isItem: ElementTypeChecker;
 export declare function useMenu({ isSelectable, keyHandlerRef: externalKeyHandlerRef, multiple, onScrollBottom, onSearch, onSelect, scrollable, }: MenuHookConfig): MenuHook;
 export declare const MenuHookContext: React.Context<MenuHook | null>;
 export declare function useMenuHookContext(): MenuHook;
 export declare const Menu_: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Group: React.ForwardRefExoticComponent<DivAttributes & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Item: React.ForwardRefExoticComponent<Omit<DivAttributes & MenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Group: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & MenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const Options: React.ForwardRefExoticComponent<MenuOptionsProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Search: {
     ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): React.JSX.Element;
     displayName: string;
 };
-export declare const Header: React.ForwardRefExoticComponent<DivAttributes & MenuHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Footer: React.ForwardRefExoticComponent<DivAttributes & MenuFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & MenuHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & MenuFooterProps & React.RefAttributes<HTMLDivElement>>;
 /**
 
  Menus are used in conjunction with components that contain dropdowns.
@@ -28,10 +27,10 @@ export declare const Footer: React.ForwardRefExoticComponent<DivAttributes & Men
 
  */
 export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>> & {
-    Footer: React.ForwardRefExoticComponent<DivAttributes & MenuFooterProps & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<DivAttributes & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<DivAttributes & MenuHeaderProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<DivAttributes & MenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & MenuFooterProps & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & MenuHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & MenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Options: React.ForwardRefExoticComponent<MenuOptionsProps & React.RefAttributes<HTMLDivElement>>;
     Search: {
         ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): React.JSX.Element;