@procore/core-react 12.49.1 → 12.50.1

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { View } from './Form.types';
-export declare const StyledFormikForm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<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>, "ref"> & {
+export declare const StyledFormikForm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<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" | "autoComplete" | "name" | "method" | "acceptCharset" | "action" | "encType" | "noValidate" | "onPointerEnterCapture" | "onPointerLeaveCapture"> & import("react").RefAttributes<HTMLFormElement>, "ref"> & {
     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>>;
+}, 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" | "autoComplete" | "name" | "method" | "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("react").HTMLAttributes<HTMLSpanElement> & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;

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_49_1__sc-1ks7m0l-0"
+  componentId: "core-12_50_1__sc-1ks7m0l-0"
 })(["", ""], formWrapper);
 
 /** @deprecated The traditional field layout is deprecated */
 export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTraditionalFormLabel",
-  componentId: "core-12_49_1__sc-1ks7m0l-1"
+  componentId: "core-12_50_1__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,15 +3,15 @@ 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_49_1__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) {
+  componentId: "core-12_50_1__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;@media (prefers-reduced-motion:reduce){animation:none;}"], shimmerAnimation, function (props) {
   return props.$startGradientColor;
 }, function (props) {
   return props.$endGradientColor;
 }, spacing.sm);
 export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
   displayName: "RoundPlaceholderItem",
-  componentId: "core-12_49_1__sc-1nja302-1"
+  componentId: "core-12_50_1__sc-1nja302-1"
 })(["width:", ";height:", ";border-radius:50%;"], function (props) {
   return props.$small ? '24px' : '40px';
 }, function (props) {

package/dist/GhostPlaceholder/GhostPlaceholder.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GhostPlaceholder.styles.js","names":["styled","keyframes","spacing","shimmerAnimation","PlaceholderItem","div","withConfig","displayName","componentId","props","$startGradientColor","$endGradientColor","sm","RoundPlaceholderItem","$small"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.styles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport type {\n  PlaceholderItemProps,\n  RoundPlaceholderItemProps,\n} from './GhostPlaceholder.types'\n\nconst shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 500px;\n  }\n  100% {\n    background-position: 1000px 500px;\n  }\n`\n\nexport const PlaceholderItem = styled.div<PlaceholderItemProps>`\n  width: 100%;\n  min-height: 24px;\n  padding: 10px 0;\n\n  animation: ${shimmerAnimation} 3s ease-out infinite;\n  background: radial-gradient(\n    ellipse at center,\n    ${(props) => props.$startGradientColor} 0%,\n    ${(props) => props.$endGradientColor} 50%\n  );\n  background-size: 2000px 2000px;\n  border-radius: ${spacing.sm}px;\n`\n\nexport const RoundPlaceholderItem = styled(\n  PlaceholderItem\n)<RoundPlaceholderItemProps>`\n  width: ${(props) => (props.$small ? '24px' : '40px')};\n  height: ${(props) => (props.$small ? '24px' : '40px')};\n  border-radius: 50%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAM5C,IAAMC,gBAAgB,gBAAGF,SAAS,mFAOjC;AAED,OAAO,IAAMG,eAAe,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2MAK1BL,gBAAgB,EAGzB,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,mBAAmB;AAAA,GACpC,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACE,iBAAiB;AAAA,GAGrBT,OAAO,CAACU,EAAE,CAC5B;AAED,OAAO,IAAMC,oBAAoB,gBAAGb,MAAM,CACxCI,eACF,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDACU,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAC1C,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAEtD"}
+{"version":3,"file":"GhostPlaceholder.styles.js","names":["styled","keyframes","spacing","shimmerAnimation","PlaceholderItem","div","withConfig","displayName","componentId","props","$startGradientColor","$endGradientColor","sm","RoundPlaceholderItem","$small"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.styles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport type {\n  PlaceholderItemProps,\n  RoundPlaceholderItemProps,\n} from './GhostPlaceholder.types'\n\nconst shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 500px;\n  }\n  100% {\n    background-position: 1000px 500px;\n  }\n`\n\nexport const PlaceholderItem = styled.div<PlaceholderItemProps>`\n  width: 100%;\n  min-height: 24px;\n  padding: 10px 0;\n\n  animation: ${shimmerAnimation} 3s ease-out infinite;\n  background: radial-gradient(\n    ellipse at center,\n    ${(props) => props.$startGradientColor} 0%,\n    ${(props) => props.$endGradientColor} 50%\n  );\n  background-size: 2000px 2000px;\n  border-radius: ${spacing.sm}px;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`\n\nexport const RoundPlaceholderItem = styled(\n  PlaceholderItem\n)<RoundPlaceholderItemProps>`\n  width: ${(props) => (props.$small ? '24px' : '40px')};\n  height: ${(props) => (props.$small ? '24px' : '40px')};\n  border-radius: 50%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAM5C,IAAMC,gBAAgB,gBAAGF,SAAS,mFAOjC;AAED,OAAO,IAAMG,eAAe,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQAK1BL,gBAAgB,EAGzB,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,mBAAmB;AAAA,GACpC,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACE,iBAAiB;AAAA,GAGrBT,OAAO,CAACU,EAAE,CAK5B;AAED,OAAO,IAAMC,oBAAoB,gBAAGb,MAAM,CACxCI,eACF,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDACU,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAC1C,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAEtD"}

package/dist/GhostPlaceholder/GhostPlaceholder.types.d.ts

@@ -1,6 +1,16 @@
 import type { ColorPaletteObject } from '../_styles/colors';
 import type { Props } from '../_utils/types';
 declare type Shape = 'default' | 'round';
+/**
+ * @a11y `GhostPlaceholder` is a decorative loading indicator. Wrap it (or the
+ * region it occupies) in a container with `aria-busy="true"` while content is
+ * loading, and set `aria-busy="false"` (or remove the attribute) once the real
+ * content has rendered. This is the primary way loading state is communicated
+ * to assistive technologies.
+ *
+ * The shimmer animation is automatically disabled for users who have
+ * `prefers-reduced-motion: reduce` set.
+ */
 export interface GhostPlaceholderProps extends Props {
     /**
      * Possible shapes are 'default' and 'round'

package/dist/GhostPlaceholder/GhostPlaceholder.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"GhostPlaceholder.types.js","names":[],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.types.tsx"],"sourcesContent":["import type { ColorPaletteObject } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\ntype Shape = 'default' | 'round'\n\nexport interface GhostPlaceholderProps extends Props {\n  /**\n   * Possible shapes are 'default' and 'round'\n   * @default 'default'\n   * @since 12.11.0\n   */\n  shape?: Shape\n  /**\n   * Will display smaller version of the placeholder instead of full width\n   * @default 'false'\n   * @since 12.11.0\n   */\n  small?: boolean\n  /**\n   * The starting color of the gradient\n   * @default gray94\n   * @since 12.11.0\n   */\n  startGradientColor?: ColorPaletteObject | string\n  /**\n   * The ending color of the gradient\n   * @default gray20\n   * @since 12.11.0\n   */\n  endGradientColor?: ColorPaletteObject | string\n}\n\nexport interface PlaceholderItemProps {\n  $startGradientColor?: GhostPlaceholderProps['startGradientColor']\n  $endGradientColor?: GhostPlaceholderProps['endGradientColor']\n}\n\nexport interface RoundPlaceholderItemProps extends PlaceholderItemProps {\n  $small?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"GhostPlaceholder.types.js","names":[],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.types.tsx"],"sourcesContent":["import type { ColorPaletteObject } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\ntype Shape = 'default' | 'round'\n\n/**\n * @a11y `GhostPlaceholder` is a decorative loading indicator. Wrap it (or the\n * region it occupies) in a container with `aria-busy=\"true\"` while content is\n * loading, and set `aria-busy=\"false\"` (or remove the attribute) once the real\n * content has rendered. This is the primary way loading state is communicated\n * to assistive technologies.\n *\n * The shimmer animation is automatically disabled for users who have\n * `prefers-reduced-motion: reduce` set.\n */\nexport interface GhostPlaceholderProps extends Props {\n  /**\n   * Possible shapes are 'default' and 'round'\n   * @default 'default'\n   * @since 12.11.0\n   */\n  shape?: Shape\n  /**\n   * Will display smaller version of the placeholder instead of full width\n   * @default 'false'\n   * @since 12.11.0\n   */\n  small?: boolean\n  /**\n   * The starting color of the gradient\n   * @default gray94\n   * @since 12.11.0\n   */\n  startGradientColor?: ColorPaletteObject | string\n  /**\n   * The ending color of the gradient\n   * @default gray20\n   * @since 12.11.0\n   */\n  endGradientColor?: ColorPaletteObject | string\n}\n\nexport interface PlaceholderItemProps {\n  $startGradientColor?: GhostPlaceholderProps['startGradientColor']\n  $endGradientColor?: GhostPlaceholderProps['endGradientColor']\n}\n\nexport interface RoundPlaceholderItemProps extends PlaceholderItemProps {\n  $small?: boolean\n}\n"],"mappings":""}

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_49_1__sc-8pinsp-0"
+  componentId: "core-12_50_1__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_49_1__sc-8pinsp-1"
+  componentId: "core-12_50_1__sc-8pinsp-1"
 })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
   var $span = _ref2.$span,
     $offset = _ref2.$offset,

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_49_1__sc-u5gu8j-0"
+  componentId: "core-12_50_1__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/Input/Input.styles.js

@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_49_1__sc-12sjkxg-0"
+  componentId: "core-12_50_1__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/Link/Link.styles.js

@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
 }
 export var StyledLink = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_49_1__sc-jfowrl-0"
+  componentId: "core-12_50_1__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/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_49_1__sc-1eq7fzi-0"
+  componentId: "core-12_50_1__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_49_1__sc-1eq7fzi-1"
+  componentId: "core-12_50_1__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-12_49_1__sc-1eq7fzi-2"
+  componentId: "core-12_50_1__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-12_49_1__sc-1eq7fzi-3"
+  componentId: "core-12_50_1__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_49_1__sc-1eq7fzi-4"
+  componentId: "core-12_50_1__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_49_1__sc-1eq7fzi-5"
+  componentId: "core-12_50_1__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_49_1__sc-1eq7fzi-6"
+  componentId: "core-12_50_1__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-12_49_1__sc-1eq7fzi-7"
+  componentId: "core-12_50_1__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_49_1__sc-wgvjj9-0"
+  componentId: "core-12_50_1__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_49_1__sc-wgvjj9-1"
+  componentId: "core-12_50_1__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["@media (prefers-reduced-motion:no-preference){animation:", " 0.5s linear infinite;}background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);

package/dist/MenuImperative/MenuImperative.styles.js

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

package/dist/Modal/Modal.styles.js

@@ -1,6 +1,7 @@
 import { Warning } from '@procore/core-icons';
 import styled, { css } from 'styled-components';
 import { Card } from '../Card/Card';
+import { StyledRequiredContainer } from '../Required/Required.styles';
 import { StyledSection, StyledSectionInner } from '../Section/Section.styles';
 import { Typography } from '../Typography/Typography';
 import { getTypographyIntent } from '../Typography/Typography.styles';
@@ -32,15 +33,15 @@ var screenWidthPixelBreakpoints = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_49_1__sc-1ijdug2-0"
+  componentId: "core-12_50_1__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-12_49_1__sc-1ijdug2-1"
+  componentId: "core-12_50_1__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_49_1__sc-1ijdug2-2"
+  componentId: "core-12_50_1__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
   var $compact = _ref.$compact;
   if (!$compact) {
@@ -64,28 +65,27 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-12_49_1__sc-1ijdug2-3"
-})(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
+  componentId: "core-12_50_1__sc-1ijdug2-3"
+})(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px;"], spacing.lg);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_49_1__sc-1ijdug2-4"
-})(["", " &:focus-visible{", "}box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), getFocusInset(), colors.gray15, function (_ref4) {
+  componentId: "core-12_50_1__sc-1ijdug2-4"
+})(["", " &:focus-visible{", "}box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}> ", "{margin-bottom:", "px;}", ""], getTypographyIntent('body'), getFocusInset(), colors.gray15, function (_ref4) {
   var $noSideSpacing = _ref4.$noSideSpacing;
-  return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
+  return css(["padding:", "px ", "px;"], spacing.lg, $noSideSpacing ? 0 : spacing.lg);
 }, function (_ref5) {
   var $compact = _ref5.$compact;
   if (!$compact) {
     // TODO deprecated, moving width up. delete line in breaking change
     return css(["max-width:", ";"], modalMaxWidth);
   }
-  return css(["padding:8px 16px;"]);
-}, StyledSection, StyledSectionInner, function (_ref6) {
+}, StyledSection, StyledSectionInner, StyledRequiredContainer, spacing.lg, function (_ref6) {
   var $isOverflowingY = _ref6.$isOverflowingY;
   return $isOverflowingY && css(["& + ", "{border-top-width:1px;border-top-style:solid;border-top-color:", ";", "{border-top:none;}}"], StyledModalFooter, colors.gray85, StyledModalFooterSummary);
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_49_1__sc-1ijdug2-5"
+  componentId: "core-12_50_1__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
   var _ref7$$compact = _ref7.$compact,
     $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -96,37 +96,30 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-12_49_1__sc-1ijdug2-6"
+  componentId: "core-12_50_1__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_49_1__sc-1ijdug2-7"
-})(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
+  componentId: "core-12_50_1__sc-1ijdug2-7"
+})(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " padding:", "px"], colors.gray10, function (_ref8) {
   var $compact = _ref8.$compact,
     $isBodyScrolled = _ref8.$isBodyScrolled;
   if ($compact) {
     return css(["border-bottom:1px solid ", ";"], colors.gray85);
   }
   return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
-}, function (_ref9) {
-  var $compact = _ref9.$compact;
-  var spacings = "".concat(spacing.xl, "px ").concat(spacing.xxl, "px");
-  if ($compact) {
-    spacings = "".concat(spacing.md, "px ").concat(spacing.lg, "px");
-  }
-  return css(["padding:", ";"], spacings);
-});
+}, spacing.lg);
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-12_49_1__sc-1ijdug2-8"
-})(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref0) {
-  var $compact = _ref0.$compact;
+  componentId: "core-12_50_1__sc-1ijdug2-8"
+})(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref9) {
+  var $compact = _ref9.$compact;
   return getTypographyIntent($compact ? 'h3' : 'h2');
+}, function (_ref0) {
+  var $compact = _ref0.$compact;
+  return $compact ? 36 : spacing.lg;
 }, function (_ref1) {
   var $compact = _ref1.$compact;
-  return $compact ? 36 : spacing.lg;
-}, function (_ref10) {
-  var $compact = _ref10.$compact;
   if (!$compact) {
     return '';
   }
@@ -134,18 +127,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-12_49_1__sc-1ijdug2-9"
+  componentId: "core-12_50_1__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-12_49_1__sc-1ijdug2-10"
+  componentId: "core-12_50_1__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-12_49_1__sc-1ijdug2-11"
+  componentId: "core-12_50_1__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-12_49_1__sc-1ijdug2-12"
-})(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
+  componentId: "core-12_50_1__sc-1ijdug2-12"
+})(["", " background-color:", ";border-bottom:1px solid ", ";border-top:1px solid ", ";color:", ";flex:1 1 100%;font-style:italic;margin:-", "px -", "px ", "px;padding:", "px;"], getTypographyIntent('small'), colors.gray98, colors.gray85, colors.gray85, colors.gray15, spacing.lg, spacing.lg, spacing.lg, spacing.lg);
 //# sourceMappingURL=Modal.styles.js.map

package/dist/Modal/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","names":["Warning","styled","css","Card","StyledSection","StyledSectionInner","Typography","getTypographyIntent","colors","getFocusInset","spacing","fadeInClassName","fadeOutClassName","modalMaxWidth","modalPixelGutter","xl","modalPixelWidths","sm","md","lg","compactModalFullscreenMaxHeight","screenWidthPixelBreakpoints","mobile","small","min","max","large","StyledModal","div","withConfig","displayName","componentId","StyledModalButtons","StyledModalContainer","_ref","$compact","_ref2","$placement","_ref3","$width","StyledModalBody","StyledModalFooter","xxl","gray15","_ref4","$noSideSpacing","_ref5","_ref6","$isOverflowingY","gray85","StyledModalFooterSummary","StyledModalContent","_ref7","_ref7$$compact","StyledModalFooterNotation","StyledModalHeader","gray10","_ref8","$isBodyScrolled","_ref9","spacings","concat","StyledModalHeading","_ref0","_ref1","_ref10","StyledModalCancel","StyledModalScrim","StyledModalWarningIcon","yellow40","gray98"],"sources":["../../src/Modal/Modal.styles.ts"],"sourcesContent":["import { Warning } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { Typography } from '../Typography/Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { ModalPlacement, ModalWidth } from './Modal.types'\n\nexport const fadeInClassName = 'fade-in'\nexport const fadeOutClassName = 'fade-out'\nexport const modalMaxWidth = '640px'\nexport const modalPixelGutter = spacing.xl\nexport const modalPixelWidths = {\n  sm: 432,\n  md: 688,\n  lg: 1152,\n  xl: 1920,\n}\n\nconst compactModalFullscreenMaxHeight = 940\nconst screenWidthPixelBreakpoints = {\n  mobile: {\n    small: {\n      min: 0,\n      max: 439,\n    },\n    large: {\n      min: 440,\n      max: 767,\n    },\n  },\n}\n\nexport const StyledModal = styled.div`\n  display: flex;\n  height: 100vh;\n  position: absolute;\n  opacity: 0;\n  transition: 0.3s opacity ease;\n  width: 100vw;\n  z-index: 0;\n  pointer-events: none;\n\n  &.${fadeInClassName} {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  &.${fadeOutClassName} {\n    opacity: 0;\n    pointer-events: none;\n  }\n`\n\nexport const StyledModalButtons = styled.div`\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ${spacing.lg}px;\n\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledModalContainer = styled(Card)<{\n  $compact: boolean\n  $placement: ModalPlacement\n  $width?: ModalWidth\n}>`\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      @media (max-width: ${screenWidthPixelBreakpoints.mobile.small\n          .max}px) and (max-height: ${compactModalFullscreenMaxHeight}px) {\n        border-radius: 0;\n        height: 100vh;\n        width: 100vw;\n      }\n      @media (min-width: ${screenWidthPixelBreakpoints.mobile.large\n          .min}px) and (max-width: ${screenWidthPixelBreakpoints.mobile.large\n          .max}px) {\n        max-height: calc(100vh - 24px);\n        width: 416px;\n      }\n      @media (min-height: ${compactModalFullscreenMaxHeight + 1}px) {\n        height: 916px;\n        max-width: 100vw;\n      }\n    `\n  }}\n\n  ${({ $placement }) => {\n    if ($placement === 'top') {\n      return css`\n        top: 5vh;\n      `\n    }\n\n    return css`\n      top: 50vh;\n      transform: translateY(-50%);\n    `\n  }}\n\n  ${({ $width, $placement }) => {\n    if ($width) {\n      return css`\n        left: ${modalPixelGutter}px;\n        right: ${modalPixelGutter}px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ${modalPixelWidths[$width]}px;\n\n        // TODO deprecated, moving width up. delete line in breaking change\n        ${StyledModalBody} {\n          max-width: none;\n        }\n      `\n    }\n    // TODO deprecated, uses new centering, required width\n    return css`\n      left: 50vw;\n      transform: translateX(-50%)\n        ${$placement === 'center' && 'translateY(-50%)'};\n    `\n  }}\n`\n\nexport const StyledModalFooter = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ${spacing.xl}px ${spacing.xxl}px ${spacing.xxl}px;\n`\n\nexport const StyledModalBody = styled.div<{\n  $compact: boolean\n  $isOverflowingY: boolean\n  $noSideSpacing: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  box-sizing: border-box;\n  color: ${colors.gray15};\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  ${({ $noSideSpacing }) => {\n    return css`\n      padding: ${spacing.xl}px ${$noSideSpacing ? 0 : spacing.xxl}px;\n    `\n  }}\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      // TODO deprecated, moving width up. delete line in breaking change\n      return css`\n        max-width: ${modalMaxWidth};\n      `\n    }\n\n    return css`\n      padding: 8px 16px;\n    `\n  }}\n\n  > ${StyledSection} {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: 0;\n    }\n  }\n\n  ${({ $isOverflowingY }) =>\n    $isOverflowingY &&\n    css`\n      & + ${StyledModalFooter} {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ${colors.gray85};\n        ${StyledModalFooterSummary} {\n          border-top: none;\n        }\n      }\n    `}\n`\n\nexport const StyledModalContent = styled.div<{ $compact?: boolean }>`\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n\n  ${({ $compact = false }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      max-height: unset;\n    `\n  }}\n`\n\nexport const StyledModalFooterNotation = styled(Typography)`\n  flex-grow: 1;\n`\n\nexport const StyledModalHeader = styled.div<{\n  $compact: boolean\n  $isBodyScrolled: boolean\n}>`\n  align-items: flex-start;\n  color: ${colors.gray10};\n  display: flex;\n  flex: 0 0 auto;\n  position: relative;\n  ${({ $compact, $isBodyScrolled }) => {\n    if ($compact) {\n      return css`\n        border-bottom: 1px solid ${colors.gray85};\n      `\n    }\n\n    return css`\n      border-bottom: 1px solid\n        ${$isBodyScrolled ? colors.gray85 : 'transparent'};\n    `\n  }}\n\n  ${({ $compact }) => {\n    let spacings = `${spacing.xl}px ${spacing.xxl}px`\n\n    if ($compact) {\n      spacings = `${spacing.md}px ${spacing.lg}px`\n    }\n\n    return css`\n      padding: ${spacings};\n    `\n  }}\n`\n\nexport const StyledModalHeading = styled.div<{ $compact: boolean }>`\n  ${({ $compact }) => getTypographyIntent($compact ? 'h3' : 'h2')}\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ${({ $compact }) => ($compact ? 36 : spacing.lg)}px;\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      min-height: unset;\n    `\n  }}\n`\n\nexport const StyledModalCancel = styled.div`\n  flex: 0 0 auto;\n`\n\nexport const StyledModalScrim = styled.div`\n  background: hsla(200, 8%, 10%, 0.6);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n`\n\nexport const StyledModalWarningIcon = styled(Warning)`\n  color: ${colors.yellow40};\n  margin-right: ${spacing.sm}px;\n`\nexport const StyledModalFooterSummary = styled.div`\n  ${getTypographyIntent('small')}\n  border-top: 1px solid ${colors.gray85};\n  border-bottom: 1px solid ${colors.gray85};\n  padding: ${spacing.md}px ${spacing.xxl}px;\n  color: ${colors.gray15};\n  font-style: italic;\n  background-color: ${colors.gray98};\n  margin: -${spacing.xl}px -${spacing.xxl}px ${spacing.xl}px -${spacing.xxl}px;\n  flex: 1 1 100%;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Modal.styles.js","names":["Warning","styled","css","Card","StyledRequiredContainer","StyledSection","StyledSectionInner","Typography","getTypographyIntent","colors","getFocusInset","spacing","fadeInClassName","fadeOutClassName","modalMaxWidth","modalPixelGutter","xl","modalPixelWidths","sm","md","lg","compactModalFullscreenMaxHeight","screenWidthPixelBreakpoints","mobile","small","min","max","large","StyledModal","div","withConfig","displayName","componentId","StyledModalButtons","StyledModalContainer","_ref","$compact","_ref2","$placement","_ref3","$width","StyledModalBody","StyledModalFooter","gray15","_ref4","$noSideSpacing","_ref5","_ref6","$isOverflowingY","gray85","StyledModalFooterSummary","StyledModalContent","_ref7","_ref7$$compact","StyledModalFooterNotation","StyledModalHeader","gray10","_ref8","$isBodyScrolled","StyledModalHeading","_ref9","_ref0","_ref1","StyledModalCancel","StyledModalScrim","StyledModalWarningIcon","yellow40","gray98"],"sources":["../../src/Modal/Modal.styles.ts"],"sourcesContent":["import { Warning } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { Typography } from '../Typography/Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { ModalPlacement, ModalWidth } from './Modal.types'\n\nexport const fadeInClassName = 'fade-in'\nexport const fadeOutClassName = 'fade-out'\nexport const modalMaxWidth = '640px'\nexport const modalPixelGutter = spacing.xl\nexport const modalPixelWidths = {\n  sm: 432,\n  md: 688,\n  lg: 1152,\n  xl: 1920,\n}\n\nconst compactModalFullscreenMaxHeight = 940\nconst screenWidthPixelBreakpoints = {\n  mobile: {\n    small: {\n      min: 0,\n      max: 439,\n    },\n    large: {\n      min: 440,\n      max: 767,\n    },\n  },\n}\n\nexport const StyledModal = styled.div`\n  display: flex;\n  height: 100vh;\n  position: absolute;\n  opacity: 0;\n  transition: 0.3s opacity ease;\n  width: 100vw;\n  z-index: 0;\n  pointer-events: none;\n\n  &.${fadeInClassName} {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  &.${fadeOutClassName} {\n    opacity: 0;\n    pointer-events: none;\n  }\n`\n\nexport const StyledModalButtons = styled.div`\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ${spacing.lg}px;\n\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledModalContainer = styled(Card)<{\n  $compact: boolean\n  $placement: ModalPlacement\n  $width?: ModalWidth\n}>`\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      @media (max-width: ${screenWidthPixelBreakpoints.mobile.small\n          .max}px) and (max-height: ${compactModalFullscreenMaxHeight}px) {\n        border-radius: 0;\n        height: 100vh;\n        width: 100vw;\n      }\n      @media (min-width: ${screenWidthPixelBreakpoints.mobile.large\n          .min}px) and (max-width: ${screenWidthPixelBreakpoints.mobile.large\n          .max}px) {\n        max-height: calc(100vh - 24px);\n        width: 416px;\n      }\n      @media (min-height: ${compactModalFullscreenMaxHeight + 1}px) {\n        height: 916px;\n        max-width: 100vw;\n      }\n    `\n  }}\n\n  ${({ $placement }) => {\n    if ($placement === 'top') {\n      return css`\n        top: 5vh;\n      `\n    }\n\n    return css`\n      top: 50vh;\n      transform: translateY(-50%);\n    `\n  }}\n\n  ${({ $width, $placement }) => {\n    if ($width) {\n      return css`\n        left: ${modalPixelGutter}px;\n        right: ${modalPixelGutter}px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ${modalPixelWidths[$width]}px;\n\n        // TODO deprecated, moving width up. delete line in breaking change\n        ${StyledModalBody} {\n          max-width: none;\n        }\n      `\n    }\n    // TODO deprecated, uses new centering, required width\n    return css`\n      left: 50vw;\n      transform: translateX(-50%)\n        ${$placement === 'center' && 'translateY(-50%)'};\n    `\n  }}\n`\n\nexport const StyledModalFooter = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ${spacing.lg}px;\n`\n\nexport const StyledModalBody = styled.div<{\n  $compact: boolean\n  $isOverflowingY: boolean\n  $noSideSpacing: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  box-sizing: border-box;\n  color: ${colors.gray15};\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n\n  ${({ $noSideSpacing }) => {\n    return css`\n      padding: ${spacing.lg}px ${$noSideSpacing ? 0 : spacing.lg}px;\n    `\n  }}\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      // TODO deprecated, moving width up. delete line in breaking change\n      return css`\n        max-width: ${modalMaxWidth};\n      `\n    }\n  }}\n\n  > ${StyledSection} {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: 0;\n    }\n  }\n\n  > ${StyledRequiredContainer} {\n    margin-bottom: ${spacing.lg}px;\n  }\n\n  ${({ $isOverflowingY }) =>\n    $isOverflowingY &&\n    css`\n      & + ${StyledModalFooter} {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ${colors.gray85};\n        ${StyledModalFooterSummary} {\n          border-top: none;\n        }\n      }\n    `}\n`\n\nexport const StyledModalContent = styled.div<{ $compact?: boolean }>`\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n\n  ${({ $compact = false }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      max-height: unset;\n    `\n  }}\n`\n\nexport const StyledModalFooterNotation = styled(Typography)`\n  flex-grow: 1;\n`\n\nexport const StyledModalHeader = styled.div<{\n  $compact: boolean\n  $isBodyScrolled: boolean\n}>`\n  align-items: flex-start;\n  color: ${colors.gray10};\n  display: flex;\n  flex: 0 0 auto;\n  position: relative;\n  ${({ $compact, $isBodyScrolled }) => {\n    if ($compact) {\n      return css`\n        border-bottom: 1px solid ${colors.gray85};\n      `\n    }\n\n    return css`\n      border-bottom: 1px solid\n        ${$isBodyScrolled ? colors.gray85 : 'transparent'};\n    `\n  }}\n\n  padding: ${spacing.lg}px\n`\n\nexport const StyledModalHeading = styled.div<{ $compact: boolean }>`\n  ${({ $compact }) => getTypographyIntent($compact ? 'h3' : 'h2')}\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ${({ $compact }) => ($compact ? 36 : spacing.lg)}px;\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      min-height: unset;\n    `\n  }}\n`\n\nexport const StyledModalCancel = styled.div`\n  flex: 0 0 auto;\n`\n\nexport const StyledModalScrim = styled.div`\n  background: hsla(200, 8%, 10%, 0.6);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n`\n\nexport const StyledModalWarningIcon = styled(Warning)`\n  color: ${colors.yellow40};\n  margin-right: ${spacing.sm}px;\n`\nexport const StyledModalFooterSummary = styled.div`\n  ${getTypographyIntent('small')}\n  background-color: ${colors.gray98};\n  border-bottom: 1px solid ${colors.gray85};\n  border-top: 1px solid ${colors.gray85};\n  color: ${colors.gray15};\n  flex: 1 1 100%;\n  font-style: italic;\n  margin: -${spacing.lg}px -${spacing.lg}px ${spacing.lg}px;\n  padding: ${spacing.lg}px;\n`\n"],"mappings":"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"}

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

@@ -17,7 +17,7 @@ export declare const StyledMultiSelectArrow: import("styled-components/dist/type
 export declare const StyledMultiSelectMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & 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("react").HTMLAttributes<HTMLDivElement> & 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>, "$loading" | "$block" | "$disabled" | "$error" | "$open" | "$placeholder" | "$hasClearIcon" | "$showClearIcon"> & {
+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>, "$error" | "$disabled" | "$loading" | "$block" | "$open" | "$placeholder" | "$hasClearIcon" | "$showClearIcon"> & {
     $block: boolean;
     $disabled: boolean;
     $error: boolean;