@procore/core-react 12.53.0 → 12.53.2

package/dist/Popover/Popover.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Placement } from '../_utils/placement';
 export declare const popoverArrowSize = 6;
 interface StyledPopoverProps {
@@ -6,6 +5,10 @@ interface StyledPopoverProps {
     $fluid: boolean;
     $placement: Placement;
 }
-export declare const StyledPopoverContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledPopoverProps>> & string;
-export declare const StyledPopover: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPopoverContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledPopoverProps>> & string;
+export declare const StyledPopover: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
 export {};

package/dist/Popover/Popover.styles.js

@@ -5,7 +5,7 @@ import { getShadow } from '../_styles/shadows';
 export var popoverArrowSize = 6;
 export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledPopoverContent",
-  componentId: "core-12_53_0__sc-1cd0ihn-0"
+  componentId: "core-12_53_2__sc-1cd0ihn-0"
 })(["background-color:", ";border-radius:inherit;color:", ";display:inline-block;max-width:250px;position:relative;", ""], colors.white, colors.gray15, function (_ref) {
   var $block = _ref.$block,
     $fluid = _ref.$fluid;
@@ -15,6 +15,6 @@ export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPopover",
-  componentId: "core-12_53_0__sc-1cd0ihn-1"
+  componentId: "core-12_53_2__sc-1cd0ihn-1"
 })(["display:inline-block;border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], borderRadius.md, getShadow(3), colors.white);
 //# sourceMappingURL=Popover.styles.js.map

package/dist/Popover/Popover.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.js","names":["styled","css","borderRadius","colors","getShadow","popoverArrowSize","StyledPopoverContent","span","withConfig","displayName","componentId","white","gray15","_ref","$block","$fluid","StyledPopover","div","md"],"sources":["../../src/Popover/Popover.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport type { Placement } from '../_utils/placement'\n\nexport const popoverArrowSize = 6\n\ninterface StyledPopoverProps {\n  $block: boolean\n  $fluid: boolean\n  $placement: Placement\n}\n\nexport const StyledPopoverContent = styled.span<StyledPopoverProps>`\n  background-color: ${colors.white};\n  border-radius: inherit;\n\n  color: ${colors.gray15};\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ${({ $block, $fluid }) => {\n    if ($block || $fluid) {\n      return css`\n        max-width: none;\n      `\n    }\n  }}\n`\n\nexport const StyledPopover = styled.div`\n  display: inline-block;\n  border-radius: ${borderRadius.md}px;\n  ${getShadow(3)}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.white};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AAQjC,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HACzBP,MAAM,CAACQ,KAAK,EAGvBR,MAAM,CAACS,MAAM,EAKpB,UAAAC,IAAA,EAAwB;EAAA,IAArBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACjB,IAAID,MAAM,IAAIC,MAAM,EAAE;IACpB,OAAOd,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMe,aAAa,gBAAGhB,MAAM,CAACiB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAEpBR,YAAY,CAACgB,EAAE,EAC9Bd,SAAS,CAAC,CAAC,CAAC,EAGED,MAAM,CAACQ,KAAK,CAE7B"}
+{"version":3,"file":"Popover.styles.js","names":["styled","css","borderRadius","colors","getShadow","popoverArrowSize","StyledPopoverContent","span","withConfig","displayName","componentId","white","gray15","_ref","$block","$fluid","StyledPopover","div","md"],"sources":["../../src/Popover/Popover.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport type { Placement } from '../_utils/placement'\n\nexport const popoverArrowSize = 6\n\ninterface StyledPopoverProps {\n  $block: boolean\n  $fluid: boolean\n  $placement: Placement\n}\n\nexport const StyledPopoverContent = styled.span<StyledPopoverProps>`\n  background-color: ${colors.white};\n  border-radius: inherit;\n\n  color: ${colors.gray15};\n  display: inline-block;\n  max-width: 250px;\n  position: relative;\n\n  ${({ $block, $fluid }) => {\n    if ($block || $fluid) {\n      return css`\n        max-width: none;\n      `\n    }\n  }}\n`\n\nexport const StyledPopover = styled.div`\n  display: inline-block;\n  border-radius: ${borderRadius.md}px;\n  ${getShadow(3)}\n\n  & + [data-overlay-arrow] {\n    background: ${colors.white};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAG9C,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AAQjC,OAAO,IAAMC,oBAAoB,gBAAGN,MAAM,CAACO,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HACzBP,MAAM,CAACQ,KAAK,EAGvBR,MAAM,CAACS,MAAM,EAKpB,UAAAC,IAAA,EAAwB;EAAA,IAArBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACjB,IAAID,MAAM,IAAIC,MAAM,EAAE;IACpB,OAAOd,GAAG;EAGZ;AACF,CAAC,CACF;AAED,OAAO,IAAMe,aAAa,gBAAGhB,MAAM,CAACiB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAEpBR,YAAY,CAACgB,EAAE,EAC9Bd,SAAS,CAAC,CAAC,CAAC,EAGED,MAAM,CAACQ,KAAK,CAE7B","ignoreList":[]}

package/dist/Popover/Popover.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types';
 import type { BeforeCallback } from '../_hooks/DelayedCallback';
 import type { TriggerConfig } from '../_hooks/Trigger';
@@ -20,7 +19,7 @@ export interface PopoverContentProps {
      */
     placement?: Placement;
 }
-export declare type PopoverRole = 'dialog' | undefined;
+export type PopoverRole = 'dialog' | undefined;
 export interface PopoverBaseProps<Role extends PopoverRole = undefined> extends Props {
     /**
      * Whether to show the overlay on initial render
@@ -83,4 +82,4 @@ export interface PopoverBaseProps<Role extends PopoverRole = undefined> extends
      */
     beforeShow?: BeforeCallback;
 }
-export declare type PopoverProps<Role extends PopoverRole = undefined> = Role extends 'dialog' ? AriaLabelled<PopoverBaseProps<'dialog'>> : PopoverBaseProps<undefined>;
+export type PopoverProps<Role extends PopoverRole = undefined> = Role extends 'dialog' ? AriaLabelled<PopoverBaseProps<'dialog'>> : PopoverBaseProps<undefined>;

package/dist/Popover/Popover.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.js","names":[],"sources":["../../src/Popover/Popover.types.ts"],"sourcesContent":["import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerConfig } from '../_hooks/Trigger'\nimport type { Placement } from '../_utils/placement'\nimport type { AriaLabelled, Props } from '../_utils/types'\n\nexport interface PopoverContentProps {\n  /**\n   * @since 12.18.0\n   * */\n  block?: boolean\n  /**\n   * @since 10.19.0\n   * @deprecatedSince 12.18.0\n   * @deprecated Use `block` as a drop-in replacement\n   */\n  fluid?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement?: Placement\n}\n\nexport type PopoverRole = 'dialog' | undefined\n\nexport interface PopoverBaseProps<Role extends PopoverRole = undefined>\n  extends Props {\n  /**\n   * Whether to show the overlay on initial render\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  initialIsVisible?: boolean\n  /**\n   * The tip we want to display\n   * @since 10.19.0\n   */\n  overlay?: React.ReactElement<{ placement?: Placement }>\n  /**\n   * Determines the position of the arrow\n   * @defaultValue top\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * Return focus to the trigger after the Popover closes.\n   * @a11y Required for `role=\"dialog\"` (WCAG 2.4.3). Defaults to `true` when\n   *       `role=\"dialog\"`, `false` otherwise. Override only with intent.\n   * @defaultValue `true` when `role=\"dialog\"`, otherwise `false`\n   * @since 11.8.0\n   */\n  restoreFocusOnHide?: boolean\n  /**\n   * The event to trigger the overlay\n   * @defaultValue click\n   * @since 10.19.0\n   */\n  trigger?: TriggerConfig['trigger']\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n  /**\n   * @since 11.11.0\n   */\n  role?: Role\n\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeHide?: BeforeCallback\n\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeShow?: BeforeCallback\n}\n\nexport type PopoverProps<Role extends PopoverRole = undefined> =\n  Role extends 'dialog'\n    ? AriaLabelled<PopoverBaseProps<'dialog'>>\n    : PopoverBaseProps<undefined>\n"],"mappings":""}
+{"version":3,"file":"Popover.types.js","names":[],"sources":["../../src/Popover/Popover.types.ts"],"sourcesContent":["import type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerConfig } from '../_hooks/Trigger'\nimport type { Placement } from '../_utils/placement'\nimport type { AriaLabelled, Props } from '../_utils/types'\n\nexport interface PopoverContentProps {\n  /**\n   * @since 12.18.0\n   * */\n  block?: boolean\n  /**\n   * @since 10.19.0\n   * @deprecatedSince 12.18.0\n   * @deprecated Use `block` as a drop-in replacement\n   */\n  fluid?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement?: Placement\n}\n\nexport type PopoverRole = 'dialog' | undefined\n\nexport interface PopoverBaseProps<Role extends PopoverRole = undefined>\n  extends Props {\n  /**\n   * Whether to show the overlay on initial render\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  initialIsVisible?: boolean\n  /**\n   * The tip we want to display\n   * @since 10.19.0\n   */\n  overlay?: React.ReactElement<{ placement?: Placement }>\n  /**\n   * Determines the position of the arrow\n   * @defaultValue top\n   * @since 10.19.0\n   */\n  placement?: Placement\n  /**\n   * Return focus to the trigger after the Popover closes.\n   * @a11y Required for `role=\"dialog\"` (WCAG 2.4.3). Defaults to `true` when\n   *       `role=\"dialog\"`, `false` otherwise. Override only with intent.\n   * @defaultValue `true` when `role=\"dialog\"`, otherwise `false`\n   * @since 11.8.0\n   */\n  restoreFocusOnHide?: boolean\n  /**\n   * The event to trigger the overlay\n   * @defaultValue click\n   * @since 10.19.0\n   */\n  trigger?: TriggerConfig['trigger']\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n  /**\n   * @since 11.11.0\n   */\n  role?: Role\n\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeHide?: BeforeCallback\n\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 11.15.0\n   */\n  beforeShow?: BeforeCallback\n}\n\nexport type PopoverProps<Role extends PopoverRole = undefined> =\n  Role extends 'dialog'\n    ? AriaLabelled<PopoverBaseProps<'dialog'>>\n    : PopoverBaseProps<undefined>\n"],"mappings":"","ignoreList":[]}

package/dist/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Popover"],"sources":["../../src/Popover/index.ts"],"sourcesContent":["export { Popover } from './Popover'\nexport type { PopoverContentProps, PopoverProps } from './Popover.types'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW"}
+{"version":3,"file":"index.js","names":["Popover"],"sources":["../../src/Popover/index.ts"],"sourcesContent":["export { Popover } from './Popover'\nexport type { PopoverContentProps, PopoverProps } from './Popover.types'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW","ignoreList":[]}

package/dist/Portal/Portal.js

@@ -19,7 +19,7 @@ export function Portal(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var zIndexCtx = useZIndexContext();
   var globalPortalContainer = usePortalContainer();
-  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(StyledPortal, _extends({}, props, {
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement(StyledPortal, _extends({}, props, {
     style: {
       zIndex: zIndexCtx.value
     }

package/dist/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["React","ReactDOM","useZIndexContext","StyledPortal","usePortalContainer","Portal","_ref","children","container","props","_objectWithoutProperties","_excluded","zIndexCtx","globalPortalContainer","createPortal","createElement","_extends","style","zIndex","value","document","body"],"sources":["../../src/Portal/Portal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { StyledPortal } from './Portal.styles'\nimport type { PortalProps } from './Portal.types'\nimport { usePortalContainer } from './PortalProvider'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_coverage-portal--defaults)\n */\nexport function Portal({\n  children,\n  container,\n  ...props\n}: PortalProps): React.ReactPortal {\n  const zIndexCtx = useZIndexContext()\n  const globalPortalContainer = usePortalContainer()\n\n  return ReactDOM.createPortal(\n    <StyledPortal {...props} style={{ zIndex: zIndexCtx.value }}>\n      {children}\n    </StyledPortal>,\n    container || globalPortalContainer || document.body\n  )\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,kBAAkB,QAAQ,kBAAkB;;AAErD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAAC,IAAA,EAIa;EAAA,IAHjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACNC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAMC,SAAS,GAAGV,gBAAgB,CAAC,CAAC;EACpC,IAAMW,qBAAqB,GAAGT,kBAAkB,CAAC,CAAC;EAElD,oBAAOH,QAAQ,CAACa,YAAY,eAC1Bd,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAa,QAAA,KAAKP,KAAK;IAAEQ,KAAK,EAAE;MAAEC,MAAM,EAAEN,SAAS,CAACO;IAAM;EAAE,IACzDZ,QACW,CAAC,EACfC,SAAS,IAAIK,qBAAqB,IAAIO,QAAQ,CAACC,IACjD,CAAC;AACH"}
+{"version":3,"file":"Portal.js","names":["React","ReactDOM","useZIndexContext","StyledPortal","usePortalContainer","Portal","_ref","children","container","props","_objectWithoutProperties","_excluded","zIndexCtx","globalPortalContainer","createPortal","createElement","_extends","style","zIndex","value","document","body"],"sources":["../../src/Portal/Portal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { StyledPortal } from './Portal.styles'\nimport type { PortalProps } from './Portal.types'\nimport { usePortalContainer } from './PortalProvider'\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_coverage-portal--defaults)\n */\nexport function Portal({\n  children,\n  container,\n  ...props\n}: PortalProps): React.ReactPortal {\n  const zIndexCtx = useZIndexContext()\n  const globalPortalContainer = usePortalContainer()\n\n  return ReactDOM.createPortal(\n    <StyledPortal {...props} style={{ zIndex: zIndexCtx.value }}>\n      {children}\n    </StyledPortal>,\n    container || globalPortalContainer || document.body\n  )\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,SAASC,kBAAkB,QAAQ,kBAAkB;;AAErD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAAC,IAAA,EAIa;EAAA,IAHjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACNC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAMC,SAAS,GAAGV,gBAAgB,CAAC,CAAC;EACpC,IAAMW,qBAAqB,GAAGT,kBAAkB,CAAC,CAAC;EAElD,oBAAOH,QAAQ,CAACa,YAAY,cAC1Bd,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAa,QAAA,KAAKP,KAAK;IAAEQ,KAAK,EAAE;MAAEC,MAAM,EAAEN,SAAS,CAACO;IAAM;EAAE,IACzDZ,QACW,CAAC,EACfC,SAAS,IAAIK,qBAAqB,IAAIO,QAAQ,CAACC,IACjD,CAAC;AACH","ignoreList":[]}

package/dist/Portal/Portal.styles.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const StyledPortal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPortal: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/Portal/Portal.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledPortal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortal",
-  componentId: "core-12_53_0__sc-15o1h2-0"
+  componentId: "core-12_53_2__sc-15o1h2-0"
 })(["left:0;pointer-events:none;position:fixed;top:0;> *{pointer-events:all;}"]);
 //# sourceMappingURL=Portal.styles.js.map

package/dist/Portal/Portal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.styles.js","names":["styled","StyledPortal","div","withConfig","displayName","componentId"],"sources":["../../src/Portal/Portal.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledPortal = styled.div`\n  left: 0;\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n\n  > * {\n    pointer-events: all;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,IAAMC,YAAY,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gFASrC"}
+{"version":3,"file":"Portal.styles.js","names":["styled","StyledPortal","div","withConfig","displayName","componentId"],"sources":["../../src/Portal/Portal.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledPortal = styled.div`\n  left: 0;\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n\n  > * {\n    pointer-events: all;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,IAAMC,YAAY,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gFASrC","ignoreList":[]}

package/dist/Portal/Portal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.types.js","names":[],"sources":["../../src/Portal/Portal.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  container?: HTMLElement | ShadowRoot\n}\n"],"mappings":""}
+{"version":3,"file":"Portal.types.js","names":[],"sources":["../../src/Portal/Portal.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  container?: HTMLElement | ShadowRoot\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Portal/PortalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.js","names":["React","PortalContext","createContext","undefined","PortalProvider","_ref","children","container","createElement","Provider","value","usePortalContainer","useContext"],"sources":["../../src/Portal/PortalProvider.tsx"],"sourcesContent":["import React from 'react'\nimport type { PortalProviderProps } from './PortalProvider.types'\n\nexport const PortalContext = React.createContext<\n  HTMLElement | ShadowRoot | undefined\n>(undefined)\n\nexport function PortalProvider({ children, container }: PortalProviderProps) {\n  return (\n    <PortalContext.Provider value={container}>\n      {children}\n    </PortalContext.Provider>\n  )\n}\n\nexport function usePortalContainer(): HTMLElement | ShadowRoot | undefined {\n  const container = React.useContext(PortalContext)\n  return container\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAE9CC,SAAS,CAAC;AAEZ,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAA+C;EAAA,IAA5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAClD,oBACEP,KAAA,CAAAQ,aAAA,CAACP,aAAa,CAACQ,QAAQ;IAACC,KAAK,EAAEH;EAAU,GACtCD,QACqB,CAAC;AAE7B;AAEA,OAAO,SAASK,kBAAkBA,CAAA,EAAyC;EACzE,IAAMJ,SAAS,GAAGP,KAAK,CAACY,UAAU,CAACX,aAAa,CAAC;EACjD,OAAOM,SAAS;AAClB"}
+{"version":3,"file":"PortalProvider.js","names":["React","PortalContext","createContext","undefined","PortalProvider","_ref","children","container","createElement","Provider","value","usePortalContainer","useContext"],"sources":["../../src/Portal/PortalProvider.tsx"],"sourcesContent":["import React from 'react'\nimport type { PortalProviderProps } from './PortalProvider.types'\n\nexport const PortalContext = React.createContext<\n  HTMLElement | ShadowRoot | undefined\n>(undefined)\n\nexport function PortalProvider({ children, container }: PortalProviderProps) {\n  return (\n    <PortalContext.Provider value={container}>\n      {children}\n    </PortalContext.Provider>\n  )\n}\n\nexport function usePortalContainer(): HTMLElement | ShadowRoot | undefined {\n  const container = React.useContext(PortalContext)\n  return container\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAE9CC,SAAS,CAAC;AAEZ,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAA+C;EAAA,IAA5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAClD,oBACEP,KAAA,CAAAQ,aAAA,CAACP,aAAa,CAACQ,QAAQ;IAACC,KAAK,EAAEH;EAAU,GACtCD,QACqB,CAAC;AAE7B;AAEA,OAAO,SAASK,kBAAkBA,CAAA,EAAyC;EACzE,IAAMJ,SAAS,GAAGP,KAAK,CAACY,UAAU,CAACX,aAAa,CAAC;EACjD,OAAOM,SAAS;AAClB","ignoreList":[]}

package/dist/Portal/PortalProvider.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.types.js","names":[],"sources":["../../src/Portal/PortalProvider.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProviderProps extends Props {\n  container?: HTMLElement | ShadowRoot\n}\n"],"mappings":""}
+{"version":3,"file":"PortalProvider.types.js","names":[],"sources":["../../src/Portal/PortalProvider.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface PortalProviderProps extends Props {\n  container?: HTMLElement | ShadowRoot\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Portal","PortalProvider","usePortalContainer"],"sources":["../../src/Portal/index.ts"],"sourcesContent":["export { Portal } from './Portal'\nexport type { PortalProps } from './Portal.types'\nexport { PortalProvider, usePortalContainer } from './PortalProvider'\nexport type { PortalProviderProps } from './PortalProvider.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU;AAEjC,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,kBAAkB"}
+{"version":3,"file":"index.js","names":["Portal","PortalProvider","usePortalContainer"],"sources":["../../src/Portal/index.ts"],"sourcesContent":["export { Portal } from './Portal'\nexport type { PortalProps } from './Portal.types'\nexport { PortalProvider, usePortalContainer } from './PortalProvider'\nexport type { PortalProviderProps } from './PortalProvider.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU;AAEjC,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,kBAAkB","ignoreList":[]}

package/dist/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","clamp","maxProgressValue","minProgressValue","StyledProgressBar","StyledProgressBarLoader","finalAnimationDuration","ProgressBar","forwardRef","_ref","ref","_ref$animated","animated","value","props","_objectWithoutProperties","_excluded","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isFinalized","setFinalized","_React$useState3","_React$useState4","isProgressComplete","setProgressComplete","didMountRef","useRef","useEffect","current","timerId","window","setTimeout","clearTimeout","clampedValue","createElement","_extends","$complete","$finalized","role","displayName"],"sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader'\nimport {\n  StyledProgressBar,\n  StyledProgressBarLoader,\n} from './ProgressBar.styles'\nimport type { ProgressBarProps } from './ProgressBar.types'\n\nconst finalAnimationDuration = 900\n\n/**\n\n Progress bars visually show system loading progress, such as uploading a file\n or loading a page, as well as user progress, like filling out a form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-progressbar--demo)\n\n @see [Design Guidelines](https://design.procore.com/progress-bar)\n\n @a11y Please use an `aria-label`. The `aria-label` value should not include the term \"Progress Bar\" as a role already identifies it as such\n\n */\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n  function ProgressBar({ animated = false, value, ...props }, ref) {\n    const isProgressValueComplete = value >= maxProgressValue\n    const [isFinalized, setFinalized] = React.useState(false)\n    const [isProgressComplete, setProgressComplete] = React.useState(\n      isProgressValueComplete\n    )\n    const didMountRef = React.useRef(false)\n\n    React.useEffect(() => {\n      const isFinalized = didMountRef.current && isProgressValueComplete\n      const timerId: number | null = isFinalized\n        ? window.setTimeout(() => {\n            setFinalized(false)\n          }, finalAnimationDuration)\n        : null\n\n      setProgressComplete(isProgressValueComplete)\n      setFinalized(isFinalized)\n\n      if (!didMountRef.current) {\n        didMountRef.current = true\n      }\n\n      return () => {\n        timerId && clearTimeout(timerId)\n      }\n    }, [isProgressValueComplete])\n\n    const clampedValue = clamp(value)\n\n    return (\n      <StyledProgressBar\n        $complete={isProgressComplete}\n        $finalized={isFinalized}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={minProgressValue}\n        aria-valuemax={maxProgressValue}\n        {...props}\n        aria-valuetext={\n          typeof props['aria-valuetext'] === 'function'\n            ? props['aria-valuetext']({ value: clampedValue })\n            : props['aria-valuetext']\n        }\n      >\n        <StyledProgressBarLoader value={value} animated={animated} />\n      </StyledProgressBar>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,kBAAkB;AAC5E,SACEC,iBAAiB,EACjBC,uBAAuB,QAClB,sBAAsB;AAG7B,IAAMC,sBAAsB,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CACzC,SAASD,WAAWA,CAAAE,IAAA,EAAwCC,GAAG,EAAE;EAAA,IAAAC,aAAA,GAAAF,IAAA,CAA1CG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtD,IAAMC,uBAAuB,GAAGJ,KAAK,IAAIX,gBAAgB;EACzD,IAAAgB,eAAA,GAAoClB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAlDI,WAAW,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAChC,IAAAI,gBAAA,GAAkDxB,KAAK,CAACmB,QAAQ,CAC9DF,uBACF,CAAC;IAAAQ,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAFME,kBAAkB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAG9C,IAAMG,WAAW,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,KAAK,CAAC;EAEvC7B,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAMR,WAAW,GAAGM,WAAW,CAACG,OAAO,IAAId,uBAAuB;IAClE,IAAMe,OAAsB,GAAGV,WAAW,GACtCW,MAAM,CAACC,UAAU,CAAC,YAAM;MACtBX,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,EAAEjB,sBAAsB,CAAC,GAC1B,IAAI;IAERqB,mBAAmB,CAACV,uBAAuB,CAAC;IAC5CM,YAAY,CAACD,WAAW,CAAC;IAEzB,IAAI,CAACM,WAAW,CAACG,OAAO,EAAE;MACxBH,WAAW,CAACG,OAAO,GAAG,IAAI;IAC5B;IAEA,OAAO,YAAM;MACXC,OAAO,IAAIG,YAAY,CAACH,OAAO,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACf,uBAAuB,CAAC,CAAC;EAE7B,IAAMmB,YAAY,GAAGnC,KAAK,CAACY,KAAK,CAAC;EAEjC,oBACEb,KAAA,CAAAqC,aAAA,CAACjC,iBAAiB,EAAAkC,QAAA;IAChBC,SAAS,EAAEb,kBAAmB;IAC9Bc,UAAU,EAAElB,WAAY;IACxBZ,GAAG,EAAEA,GAAI;IACT+B,IAAI,EAAC,aAAa;IAClB,iBAAeL,YAAa;IAC5B,iBAAejC,gBAAiB;IAChC,iBAAeD;EAAiB,GAC5BY,KAAK;IACT,kBACE,OAAOA,KAAK,CAAC,gBAAgB,CAAC,KAAK,UAAU,GACzCA,KAAK,CAAC,gBAAgB,CAAC,CAAC;MAAED,KAAK,EAAEuB;IAAa,CAAC,CAAC,GAChDtB,KAAK,CAAC,gBAAgB;EAC3B,iBAEDd,KAAA,CAAAqC,aAAA,CAAChC,uBAAuB;IAACQ,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAC3C,CAAC;AAExB,CACF,CAAC;AAEDL,WAAW,CAACmC,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ProgressBar.js","names":["React","clamp","maxProgressValue","minProgressValue","StyledProgressBar","StyledProgressBarLoader","finalAnimationDuration","ProgressBar","forwardRef","_ref","ref","_ref$animated","animated","value","props","_objectWithoutProperties","_excluded","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isFinalized","setFinalized","_React$useState3","_React$useState4","isProgressComplete","setProgressComplete","didMountRef","useRef","useEffect","current","timerId","window","setTimeout","clearTimeout","clampedValue","createElement","_extends","$complete","$finalized","role","displayName"],"sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader'\nimport {\n  StyledProgressBar,\n  StyledProgressBarLoader,\n} from './ProgressBar.styles'\nimport type { ProgressBarProps } from './ProgressBar.types'\n\nconst finalAnimationDuration = 900\n\n/**\n\n Progress bars visually show system loading progress, such as uploading a file\n or loading a page, as well as user progress, like filling out a form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-progressbar--demo)\n\n @see [Design Guidelines](https://design.procore.com/progress-bar)\n\n @a11y Please use an `aria-label`. The `aria-label` value should not include the term \"Progress Bar\" as a role already identifies it as such\n\n */\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n  function ProgressBar({ animated = false, value, ...props }, ref) {\n    const isProgressValueComplete = value >= maxProgressValue\n    const [isFinalized, setFinalized] = React.useState(false)\n    const [isProgressComplete, setProgressComplete] = React.useState(\n      isProgressValueComplete\n    )\n    const didMountRef = React.useRef(false)\n\n    React.useEffect(() => {\n      const isFinalized = didMountRef.current && isProgressValueComplete\n      const timerId: number | null = isFinalized\n        ? window.setTimeout(() => {\n            setFinalized(false)\n          }, finalAnimationDuration)\n        : null\n\n      setProgressComplete(isProgressValueComplete)\n      setFinalized(isFinalized)\n\n      if (!didMountRef.current) {\n        didMountRef.current = true\n      }\n\n      return () => {\n        timerId && clearTimeout(timerId)\n      }\n    }, [isProgressValueComplete])\n\n    const clampedValue = clamp(value)\n\n    return (\n      <StyledProgressBar\n        $complete={isProgressComplete}\n        $finalized={isFinalized}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuenow={clampedValue}\n        aria-valuemin={minProgressValue}\n        aria-valuemax={maxProgressValue}\n        {...props}\n        aria-valuetext={\n          typeof props['aria-valuetext'] === 'function'\n            ? props['aria-valuetext']({ value: clampedValue })\n            : props['aria-valuetext']\n        }\n      >\n        <StyledProgressBarLoader value={value} animated={animated} />\n      </StyledProgressBar>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,kBAAkB;AAC5E,SACEC,iBAAiB,EACjBC,uBAAuB,QAClB,sBAAsB;AAG7B,IAAMC,sBAAsB,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CACzC,SAASD,WAAWA,CAAAE,IAAA,EAAwCC,GAAG,EAAE;EAAA,IAAAC,aAAA,GAAAF,IAAA,CAA1CG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtD,IAAMC,uBAAuB,GAAGJ,KAAK,IAAIX,gBAAgB;EACzD,IAAAgB,eAAA,GAAoClB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAlDI,WAAW,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAChC,IAAAI,gBAAA,GAAkDxB,KAAK,CAACmB,QAAQ,CAC9DF,uBACF,CAAC;IAAAQ,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAFME,kBAAkB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAG9C,IAAMG,WAAW,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,KAAK,CAAC;EAEvC7B,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAMR,WAAW,GAAGM,WAAW,CAACG,OAAO,IAAId,uBAAuB;IAClE,IAAMe,OAAsB,GAAGV,WAAW,GACtCW,MAAM,CAACC,UAAU,CAAC,YAAM;MACtBX,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,EAAEjB,sBAAsB,CAAC,GAC1B,IAAI;IAERqB,mBAAmB,CAACV,uBAAuB,CAAC;IAC5CM,YAAY,CAACD,WAAW,CAAC;IAEzB,IAAI,CAACM,WAAW,CAACG,OAAO,EAAE;MACxBH,WAAW,CAACG,OAAO,GAAG,IAAI;IAC5B;IAEA,OAAO,YAAM;MACXC,OAAO,IAAIG,YAAY,CAACH,OAAO,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACf,uBAAuB,CAAC,CAAC;EAE7B,IAAMmB,YAAY,GAAGnC,KAAK,CAACY,KAAK,CAAC;EAEjC,oBACEb,KAAA,CAAAqC,aAAA,CAACjC,iBAAiB,EAAAkC,QAAA;IAChBC,SAAS,EAAEb,kBAAmB;IAC9Bc,UAAU,EAAElB,WAAY;IACxBZ,GAAG,EAAEA,GAAI;IACT+B,IAAI,EAAC,aAAa;IAClB,iBAAeL,YAAa;IAC5B,iBAAejC,gBAAiB;IAChC,iBAAeD;EAAiB,GAC5BY,KAAK;IACT,kBACE,OAAOA,KAAK,CAAC,gBAAgB,CAAC,KAAK,UAAU,GACzCA,KAAK,CAAC,gBAAgB,CAAC,CAAC;MAAED,KAAK,EAAEuB;IAAa,CAAC,CAAC,GAChDtB,KAAK,CAAC,gBAAgB;EAC3B,iBAEDd,KAAA,CAAAqC,aAAA,CAAChC,uBAAuB;IAACQ,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAC3C,CAAC;AAExB,CACF,CAAC;AAEDL,WAAW,CAACmC,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/ProgressBar/ProgressBar.styles.d.ts

@@ -1,6 +1,9 @@
-/// <reference types="react" />
-export declare const StyledProgressBarLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Loader/Loader.types").LoaderProps, never>> & string & Omit<import("react").FC<import("../Loader/Loader.types").LoaderProps>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledProgressBarLoader: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("../Loader/Loader.types").LoaderProps, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").FC<import("../Loader/Loader.types").LoaderProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $complete: boolean;
     $finalized: boolean;
 }>> & string;

package/dist/ProgressBar/ProgressBar.styles.js

@@ -7,11 +7,11 @@ var animationDelay = '300ms';
 var fadeIn = /*#__PURE__*/keyframes(["from{opacity:1;}to{opacity:0;}"]);
 export var StyledProgressBarLoader = /*#__PURE__*/styled(Loader).withConfig({
   displayName: "StyledProgressBarLoader",
-  componentId: "core-12_53_0__sc-vdy2wl-0"
+  componentId: "core-12_53_2__sc-vdy2wl-0"
 })([""]);
 export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgressBar",
-  componentId: "core-12_53_0__sc-vdy2wl-1"
+  componentId: "core-12_53_2__sc-vdy2wl-1"
 })(["background-color:", ";border-radius:", "px;border:1px solid ", ";display:block;height:", "px;margin:", "px 0;overflow:hidden;position:relative;transition:background-color 0s linear;", " ", ";"], function (_ref) {
   var $complete = _ref.$complete;
   return $complete ? colors.blue50 : colors.gray94;

package/dist/ProgressBar/ProgressBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.styles.js","names":["styled","css","keyframes","Loader","colors","spacing","loaderGridUnit","sm","animationDelay","fadeIn","StyledProgressBarLoader","withConfig","displayName","componentId","StyledProgressBar","div","_ref","$complete","blue50","gray94","gray50","_ref2","$finalized","_ref3"],"sources":["../../src/ProgressBar/ProgressBar.styles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Loader } from '../Loader/Loader'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst loaderGridUnit = spacing.sm\n\nconst animationDelay = '300ms'\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n`\n\nexport const StyledProgressBarLoader = styled(Loader)``\n\nexport const StyledProgressBar = styled.div<{\n  $complete: boolean\n  $finalized: boolean\n}>`\n  background-color: ${({ $complete }) =>\n    $complete ? colors.blue50 : colors.gray94};\n  border-radius: ${loaderGridUnit * 2}px;\n  border: 1px solid ${colors.gray50};\n  display: block;\n  height: ${loaderGridUnit}px;\n  margin: ${loaderGridUnit * 2}px 0;\n  overflow: hidden;\n  position: relative;\n  transition: background-color 0s linear;\n\n  ${({ $finalized }) =>\n    $finalized &&\n    css`\n      transition-delay: ${animationDelay};\n\n      ${StyledProgressBarLoader} {\n        animation: ${fadeIn} 0 ease-out ${animationDelay} forwards;\n      }\n    `}\n\n  ${({ $complete, $finalized }) =>\n    $complete &&\n    !$finalized &&\n    css`\n      ${StyledProgressBarLoader} {\n        opacity: 0;\n      }\n    `};\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,cAAc,GAAGD,OAAO,CAACE,EAAE;AAEjC,IAAMC,cAAc,GAAG,OAAO;AAE9B,IAAMC,MAAM,gBAAGP,SAAS,oCAOvB;AAED,OAAO,IAAMQ,uBAAuB,gBAAGV,MAAM,CAACG,MAAM,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvD,OAAO,IAAMC,iBAAiB,gBAAGd,MAAM,CAACe,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wMAIrB,UAAAG,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAC9BA,SAAS,GAAGb,MAAM,CAACc,MAAM,GAAGd,MAAM,CAACe,MAAM;AAAA,GAC1Bb,cAAc,GAAG,CAAC,EACfF,MAAM,CAACgB,MAAM,EAEvBd,cAAc,EACdA,cAAc,GAAG,CAAC,EAK1B,UAAAe,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,IACVrB,GAAG,2EACmBO,cAAc,EAEhCE,uBAAuB,EACVD,MAAM,EAAeD,cAAc,CAEnD;AAAA,GAED,UAAAe,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;IAAEK,UAAU,GAAAC,KAAA,CAAVD,UAAU;EAAA,OACxBL,SAAS,IACT,CAACK,UAAU,IACXrB,GAAG,uBACCS,uBAAuB,CAG1B;AAAA,EACJ"}
+{"version":3,"file":"ProgressBar.styles.js","names":["styled","css","keyframes","Loader","colors","spacing","loaderGridUnit","sm","animationDelay","fadeIn","StyledProgressBarLoader","withConfig","displayName","componentId","StyledProgressBar","div","_ref","$complete","blue50","gray94","gray50","_ref2","$finalized","_ref3"],"sources":["../../src/ProgressBar/ProgressBar.styles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Loader } from '../Loader/Loader'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst loaderGridUnit = spacing.sm\n\nconst animationDelay = '300ms'\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n`\n\nexport const StyledProgressBarLoader = styled(Loader)``\n\nexport const StyledProgressBar = styled.div<{\n  $complete: boolean\n  $finalized: boolean\n}>`\n  background-color: ${({ $complete }) =>\n    $complete ? colors.blue50 : colors.gray94};\n  border-radius: ${loaderGridUnit * 2}px;\n  border: 1px solid ${colors.gray50};\n  display: block;\n  height: ${loaderGridUnit}px;\n  margin: ${loaderGridUnit * 2}px 0;\n  overflow: hidden;\n  position: relative;\n  transition: background-color 0s linear;\n\n  ${({ $finalized }) =>\n    $finalized &&\n    css`\n      transition-delay: ${animationDelay};\n\n      ${StyledProgressBarLoader} {\n        animation: ${fadeIn} 0 ease-out ${animationDelay} forwards;\n      }\n    `}\n\n  ${({ $complete, $finalized }) =>\n    $complete &&\n    !$finalized &&\n    css`\n      ${StyledProgressBarLoader} {\n        opacity: 0;\n      }\n    `};\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,cAAc,GAAGD,OAAO,CAACE,EAAE;AAEjC,IAAMC,cAAc,GAAG,OAAO;AAE9B,IAAMC,MAAM,gBAAGP,SAAS,oCAOvB;AAED,OAAO,IAAMQ,uBAAuB,gBAAGV,MAAM,CAACG,MAAM,CAAC,CAAAQ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvD,OAAO,IAAMC,iBAAiB,gBAAGd,MAAM,CAACe,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wMAIrB,UAAAG,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAC9BA,SAAS,GAAGb,MAAM,CAACc,MAAM,GAAGd,MAAM,CAACe,MAAM;AAAA,GAC1Bb,cAAc,GAAG,CAAC,EACfF,MAAM,CAACgB,MAAM,EAEvBd,cAAc,EACdA,cAAc,GAAG,CAAC,EAK1B,UAAAe,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,IACVrB,GAAG,2EACmBO,cAAc,EAEhCE,uBAAuB,EACVD,MAAM,EAAeD,cAAc,CAEnD;AAAA,GAED,UAAAe,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;IAAEK,UAAU,GAAAC,KAAA,CAAVD,UAAU;EAAA,OACxBL,SAAS,IACT,CAACK,UAAU,IACXrB,GAAG,uBACCS,uBAAuB,CAG1B;AAAA,EACJ","ignoreList":[]}

package/dist/ProgressBar/ProgressBar.types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { LoaderProps } from '../Loader/Loader.types';
-declare type ValueTextRender = (props: {
+type ValueTextRender = (props: {
     value: number;
 }) => string;
 export interface ProgressBarProps extends LoaderProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-valuetext' | 'role'> {

package/dist/ProgressBar/ProgressBar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.types.js","names":[],"sources":["../../src/ProgressBar/ProgressBar.types.ts"],"sourcesContent":["import type { LoaderProps } from '../Loader/Loader.types'\n\ntype ValueTextRender = (props: { value: number }) => string\n\n// TODO: add required 'aria-label' when closer to the major version\nexport interface ProgressBarProps\n  extends LoaderProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-valuetext' | 'role'> {\n  /**\n   * @a11y Assistive technologies often present the value of `aria-valuenow` as a percentage.\n   * If this would not be accurate, use this property to make the progress bar value understandable.\n   *\n   * @since 11.8.0\n   */\n  ['aria-valuetext']?: string | ValueTextRender\n}\n"],"mappings":""}
+{"version":3,"file":"ProgressBar.types.js","names":[],"sources":["../../src/ProgressBar/ProgressBar.types.ts"],"sourcesContent":["import type { LoaderProps } from '../Loader/Loader.types'\n\ntype ValueTextRender = (props: { value: number }) => string\n\n// TODO: add required 'aria-label' when closer to the major version\nexport interface ProgressBarProps\n  extends LoaderProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-valuetext' | 'role'> {\n  /**\n   * @a11y Assistive technologies often present the value of `aria-valuenow` as a percentage.\n   * If this would not be accurate, use this property to make the progress bar value understandable.\n   *\n   * @since 11.8.0\n   */\n  ['aria-valuetext']?: string | ValueTextRender\n}\n"],"mappings":"","ignoreList":[]}

package/dist/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ProgressBar"],"sources":["../../src/ProgressBar/index.ts"],"sourcesContent":["export { ProgressBar } from './ProgressBar'\nexport type { ProgressBarProps } from './ProgressBar.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe"}
+{"version":3,"file":"index.js","names":["ProgressBar"],"sources":["../../src/ProgressBar/index.ts"],"sourcesContent":["export { ProgressBar } from './ProgressBar'\nexport type { ProgressBarProps } from './ProgressBar.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}

package/dist/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["React","StyledRadioButton","StyledRadioButtonInput","StyledRadioButtonLabel","RadioButton","forwardRef","_ref","ref","children","className","_ref$error","error","style","props","_objectWithoutProperties","_excluded","createElement","$children","$error","_extends","undefined","type","displayName"],"sources":["../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledRadioButton,\n  StyledRadioButtonInput,\n  StyledRadioButtonLabel,\n} from './RadioButton.styles'\nimport type { RadioButtonProps } from './RadioButton.types'\n\n/**\n\n We use radio buttons to allow users to select a single, exclusive option from\n a list of multiple options.\n\n To present options in a dropdown, use a single select.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-radiobutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/radio-button)\n\n */\nexport const RadioButton = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & RadioButtonProps\n>(function RadioButton(\n  { children, className, error = false, style, ...props },\n  ref\n) {\n  return (\n    <StyledRadioButton\n      className={className}\n      style={style}\n      $children={children}\n      $error={error}\n    >\n      <StyledRadioButtonInput\n        aria-invalid={!error ? undefined : true}\n        type=\"radio\"\n        ref={ref}\n        {...props}\n      />\n      <StyledRadioButtonLabel>{children}</StyledRadioButtonLabel>\n    </StyledRadioButton>\n  )\n})\n\nRadioButton.displayName = 'RadioButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,sBAAsB;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGJ,KAAK,CAACK,UAAU,CAGzC,SAASD,WAAWA,CAAAE,IAAA,EAEpBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAEE,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGrD,oBACEf,KAAA,CAAAgB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAET,QAAS;IACpBU,MAAM,EAAEP;EAAM,gBAEdX,KAAA,CAAAgB,aAAA,CAACd,sBAAsB,EAAAiB,QAAA;IACrB,gBAAc,CAACR,KAAK,GAAGS,SAAS,GAAG,IAAK;IACxCC,IAAI,EAAC,OAAO;IACZd,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,eACFb,KAAA,CAAAgB,aAAA,CAACb,sBAAsB,QAAEK,QAAiC,CACzC,CAAC;AAExB,CAAC,CAAC;AAEFJ,WAAW,CAACkB,WAAW,GAAG,aAAa"}
+{"version":3,"file":"RadioButton.js","names":["React","StyledRadioButton","StyledRadioButtonInput","StyledRadioButtonLabel","RadioButton","forwardRef","_ref","ref","children","className","_ref$error","error","style","props","_objectWithoutProperties","_excluded","createElement","$children","$error","_extends","undefined","type","displayName"],"sources":["../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledRadioButton,\n  StyledRadioButtonInput,\n  StyledRadioButtonLabel,\n} from './RadioButton.styles'\nimport type { RadioButtonProps } from './RadioButton.types'\n\n/**\n\n We use radio buttons to allow users to select a single, exclusive option from\n a list of multiple options.\n\n To present options in a dropdown, use a single select.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-radiobutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/radio-button)\n\n */\nexport const RadioButton = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & RadioButtonProps\n>(function RadioButton(\n  { children, className, error = false, style, ...props },\n  ref\n) {\n  return (\n    <StyledRadioButton\n      className={className}\n      style={style}\n      $children={children}\n      $error={error}\n    >\n      <StyledRadioButtonInput\n        aria-invalid={!error ? undefined : true}\n        type=\"radio\"\n        ref={ref}\n        {...props}\n      />\n      <StyledRadioButtonLabel>{children}</StyledRadioButtonLabel>\n    </StyledRadioButton>\n  )\n})\n\nRadioButton.displayName = 'RadioButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,sBAAsB;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGJ,KAAK,CAACK,UAAU,CAGzC,SAASD,WAAWA,CAAAE,IAAA,EAEpBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAEE,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGrD,oBACEf,KAAA,CAAAgB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAET,QAAS;IACpBU,MAAM,EAAEP;EAAM,gBAEdX,KAAA,CAAAgB,aAAA,CAACd,sBAAsB,EAAAiB,QAAA;IACrB,gBAAc,CAACR,KAAK,GAAGS,SAAS,GAAG,IAAK;IACxCC,IAAI,EAAC,OAAO;IACZd,GAAG,EAAEA;EAAI,GACLM,KAAK,CACV,CAAC,eACFb,KAAA,CAAAgB,aAAA,CAACb,sBAAsB,QAAEK,QAAiC,CACzC,CAAC;AAExB,CAAC,CAAC;AAEFJ,WAAW,CAACkB,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/RadioButton/RadioButton.styles.d.ts

@@ -1,10 +1,15 @@
-/// <reference types="react" />
 export declare const dataQa: {
     focused: string;
 };
-export declare const StyledRadioButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+export declare const StyledRadioButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $children?: React.ReactNode;
-    $error?: boolean | undefined;
+    $error?: boolean;
 }>> & string;
-export declare const StyledRadioButtonLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledRadioButtonInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const StyledRadioButtonLabel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledRadioButtonInput: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/RadioButton/RadioButton.styles.js

@@ -9,7 +9,7 @@ export var dataQa = {
 var radioButtonSize = 20;
 export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
   displayName: "StyledRadioButton",
-  componentId: "core-12_53_0__sc-nd95zs-0"
+  componentId: "core-12_53_2__sc-nd95zs-0"
 })(["color:", ";display:flex;position:relative;vertical-align:middle;& + &{margin-top:", "px;}", " ", ""], colors.gray15, spacing.md, function (_ref) {
   var $error = _ref.$error;
   return $error && css(["", ":before,", ":checked:not(:disabled) + ", ":before{border-color:", ";}", ":checked:disabled + ", ":before{border-color:", ";}"], StyledRadioButtonLabel, StyledRadioButtonInput, StyledRadioButtonLabel, colors.red50, StyledRadioButtonInput, StyledRadioButtonLabel, colors.gray85);
@@ -19,10 +19,10 @@ export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
 });
 export var StyledRadioButtonLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRadioButtonLabel",
-  componentId: "core-12_53_0__sc-nd95zs-1"
+  componentId: "core-12_53_2__sc-nd95zs-1"
 })(["", ";cursor:default;display:flex;&:before{background:", ";border-radius:100%;border:2px solid ", ";content:'';display:inline-block;flex:0;height:", "px;min-width:", "px;width:", "px;}"], getTypographyIntent('body'), colors.white, colors.gray50, radioButtonSize, radioButtonSize, radioButtonSize);
 export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledRadioButtonInput",
-  componentId: "core-12_53_0__sc-nd95zs-2"
+  componentId: "core-12_53_2__sc-nd95zs-2"
 })(["left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;&:focus:not(:checked),&[data-qa=", "]:not(:checked){&:not(:disabled) + ", ":before{", "}}&:focus:checked:not(:disabled),&[data-qa=", "]:checked:not(:disabled){+ ", ":before{box-shadow:0 0 0 2px ", ";}}&:checked + ", ":before{border:6px solid ", ";}&:disabled + ", ":before{border-color:", ";}&:disabled:checked + ", ":before{border-color:", ";}"], dataQa.focused, StyledRadioButtonLabel, getFocus(), dataQa.focused, StyledRadioButtonLabel, colors.blue40, StyledRadioButtonLabel, colors.blue50, StyledRadioButtonLabel, colors.gray85, StyledRadioButtonLabel, colors.blue85);
 //# sourceMappingURL=RadioButton.styles.js.map

package/dist/RadioButton/RadioButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.styles.js","names":["styled","css","getTypographyIntent","colors","getFocus","spacing","dataQa","focused","radioButtonSize","StyledRadioButton","label","withConfig","displayName","componentId","gray15","md","_ref","$error","StyledRadioButtonLabel","StyledRadioButtonInput","red50","gray85","_ref2","$children","span","white","gray50","input","blue40","blue50","blue85"],"sources":["../../src/RadioButton/RadioButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const dataQa = {\n  focused: 'core-radio-focused',\n}\n\nconst radioButtonSize = 20\n\nexport const StyledRadioButton = styled.label<{\n  $children?: React.ReactNode\n  $error?: boolean\n}>`\n  color: ${colors.gray15};\n  display: flex;\n  position: relative;\n  vertical-align: middle;\n\n  & + & {\n    margin-top: ${spacing.md}px;\n  }\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      ${StyledRadioButtonLabel}:before,\n      ${StyledRadioButtonInput}:checked:not(:disabled) + ${StyledRadioButtonLabel}:before {\n        border-color: ${colors.red50};\n      }\n\n      ${StyledRadioButtonInput}:checked:disabled + ${StyledRadioButtonLabel}:before {\n        border-color: ${colors.gray85};\n      }\n    `}\n\n  ${({ $children }) =>\n    $children &&\n    css`\n      ${StyledRadioButtonLabel} {\n        &:before {\n          margin-right: ${spacing.md}px;\n        }\n      }\n    `}\n`\n\nexport const StyledRadioButtonLabel = styled.span`\n  ${getTypographyIntent('body')};\n\n  cursor: default;\n  display: flex;\n\n  &:before {\n    background: ${colors.white};\n    border-radius: 100%;\n    border: 2px solid ${colors.gray50};\n    content: '';\n    display: inline-block;\n    flex: 0;\n    height: ${radioButtonSize}px;\n    min-width: ${radioButtonSize}px;\n    width: ${radioButtonSize}px;\n  }\n`\n\nexport const StyledRadioButtonInput = styled.input`\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n\n  &:focus:not(:checked),\n  &[data-qa=${dataQa.focused}]:not(:checked) {\n    &:not(:disabled) + ${StyledRadioButtonLabel}:before {\n      ${getFocus()}\n    }\n  }\n\n  &:focus:checked:not(:disabled),\n  &[data-qa=${dataQa.focused}]:checked:not(:disabled) {\n    + ${StyledRadioButtonLabel}:before {\n      box-shadow: 0 0 0 2px ${colors.blue40};\n    }\n  }\n\n  &:checked + ${StyledRadioButtonLabel}:before {\n    border: 6px solid ${colors.blue50};\n  }\n\n  &:disabled + ${StyledRadioButtonLabel}:before {\n    border-color: ${colors.gray85};\n  }\n\n  &:disabled:checked + ${StyledRadioButtonLabel}:before {\n    border-color: ${colors.blue85};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,eAAe,GAAG,EAAE;AAE1B,OAAO,IAAMC,iBAAiB,gBAAGT,MAAM,CAACU,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2GAIlCV,MAAM,CAACW,MAAM,EAMNT,OAAO,CAACU,EAAE,EAGxB,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OACTA,MAAM,IACNhB,GAAG,uIACCiB,sBAAsB,EACtBC,sBAAsB,EAA6BD,sBAAsB,EACzDf,MAAM,CAACiB,KAAK,EAG5BD,sBAAsB,EAAuBD,sBAAsB,EACnDf,MAAM,CAACkB,MAAM,CAEhC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTtB,GAAG,2CACCiB,sBAAsB,EAEJb,OAAO,CAACU,EAAE,CAG/B;AAAA,EACJ;AAED,OAAO,IAAMG,sBAAsB,gBAAGlB,MAAM,CAACwB,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gMAC7CX,mBAAmB,CAAC,MAAM,CAAC,EAMbC,MAAM,CAACsB,KAAK,EAENtB,MAAM,CAACuB,MAAM,EAIvBlB,eAAe,EACZA,eAAe,EACnBA,eAAe,CAE3B;AAED,OAAO,IAAMW,sBAAsB,gBAAGnB,MAAM,CAAC2B,KAAK,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6ZASpCP,MAAM,CAACC,OAAO,EACHW,sBAAsB,EACvCd,QAAQ,CAAC,CAAC,EAKJE,MAAM,CAACC,OAAO,EACpBW,sBAAsB,EACAf,MAAM,CAACyB,MAAM,EAI3BV,sBAAsB,EACdf,MAAM,CAAC0B,MAAM,EAGpBX,sBAAsB,EACnBf,MAAM,CAACkB,MAAM,EAGRH,sBAAsB,EAC3Bf,MAAM,CAAC2B,MAAM,CAEhC"}
+{"version":3,"file":"RadioButton.styles.js","names":["styled","css","getTypographyIntent","colors","getFocus","spacing","dataQa","focused","radioButtonSize","StyledRadioButton","label","withConfig","displayName","componentId","gray15","md","_ref","$error","StyledRadioButtonLabel","StyledRadioButtonInput","red50","gray85","_ref2","$children","span","white","gray50","input","blue40","blue50","blue85"],"sources":["../../src/RadioButton/RadioButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const dataQa = {\n  focused: 'core-radio-focused',\n}\n\nconst radioButtonSize = 20\n\nexport const StyledRadioButton = styled.label<{\n  $children?: React.ReactNode\n  $error?: boolean\n}>`\n  color: ${colors.gray15};\n  display: flex;\n  position: relative;\n  vertical-align: middle;\n\n  & + & {\n    margin-top: ${spacing.md}px;\n  }\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      ${StyledRadioButtonLabel}:before,\n      ${StyledRadioButtonInput}:checked:not(:disabled) + ${StyledRadioButtonLabel}:before {\n        border-color: ${colors.red50};\n      }\n\n      ${StyledRadioButtonInput}:checked:disabled + ${StyledRadioButtonLabel}:before {\n        border-color: ${colors.gray85};\n      }\n    `}\n\n  ${({ $children }) =>\n    $children &&\n    css`\n      ${StyledRadioButtonLabel} {\n        &:before {\n          margin-right: ${spacing.md}px;\n        }\n      }\n    `}\n`\n\nexport const StyledRadioButtonLabel = styled.span`\n  ${getTypographyIntent('body')};\n\n  cursor: default;\n  display: flex;\n\n  &:before {\n    background: ${colors.white};\n    border-radius: 100%;\n    border: 2px solid ${colors.gray50};\n    content: '';\n    display: inline-block;\n    flex: 0;\n    height: ${radioButtonSize}px;\n    min-width: ${radioButtonSize}px;\n    width: ${radioButtonSize}px;\n  }\n`\n\nexport const StyledRadioButtonInput = styled.input`\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n\n  &:focus:not(:checked),\n  &[data-qa=${dataQa.focused}]:not(:checked) {\n    &:not(:disabled) + ${StyledRadioButtonLabel}:before {\n      ${getFocus()}\n    }\n  }\n\n  &:focus:checked:not(:disabled),\n  &[data-qa=${dataQa.focused}]:checked:not(:disabled) {\n    + ${StyledRadioButtonLabel}:before {\n      box-shadow: 0 0 0 2px ${colors.blue40};\n    }\n  }\n\n  &:checked + ${StyledRadioButtonLabel}:before {\n    border: 6px solid ${colors.blue50};\n  }\n\n  &:disabled + ${StyledRadioButtonLabel}:before {\n    border-color: ${colors.gray85};\n  }\n\n  &:disabled:checked + ${StyledRadioButtonLabel}:before {\n    border-color: ${colors.blue85};\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,eAAe,GAAG,EAAE;AAE1B,OAAO,IAAMC,iBAAiB,gBAAGT,MAAM,CAACU,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2GAIlCV,MAAM,CAACW,MAAM,EAMNT,OAAO,CAACU,EAAE,EAGxB,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OACTA,MAAM,IACNhB,GAAG,uIACCiB,sBAAsB,EACtBC,sBAAsB,EAA6BD,sBAAsB,EACzDf,MAAM,CAACiB,KAAK,EAG5BD,sBAAsB,EAAuBD,sBAAsB,EACnDf,MAAM,CAACkB,MAAM,CAEhC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTtB,GAAG,2CACCiB,sBAAsB,EAEJb,OAAO,CAACU,EAAE,CAG/B;AAAA,EACJ;AAED,OAAO,IAAMG,sBAAsB,gBAAGlB,MAAM,CAACwB,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gMAC7CX,mBAAmB,CAAC,MAAM,CAAC,EAMbC,MAAM,CAACsB,KAAK,EAENtB,MAAM,CAACuB,MAAM,EAIvBlB,eAAe,EACZA,eAAe,EACnBA,eAAe,CAE3B;AAED,OAAO,IAAMW,sBAAsB,gBAAGnB,MAAM,CAAC2B,KAAK,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6ZASpCP,MAAM,CAACC,OAAO,EACHW,sBAAsB,EACvCd,QAAQ,CAAC,CAAC,EAKJE,MAAM,CAACC,OAAO,EACpBW,sBAAsB,EACAf,MAAM,CAACyB,MAAM,EAI3BV,sBAAsB,EACdf,MAAM,CAAC0B,MAAM,EAGpBX,sBAAsB,EACnBf,MAAM,CAACkB,MAAM,EAGRH,sBAAsB,EAC3Bf,MAAM,CAAC2B,MAAM,CAEhC","ignoreList":[]}

package/dist/RadioButton/RadioButton.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.types.js","names":[],"sources":["../../src/RadioButton/RadioButton.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RadioButtonProps extends Props {\n  /**\n   * Selected state of the radio button\n   * @since 10.19.0\n   */\n  checked?: boolean\n\n  /**\n   * Disabled state of the radio button\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Error state of the radio button\n   * @since 10.19.0\n   */\n  error?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"RadioButton.types.js","names":[],"sources":["../../src/RadioButton/RadioButton.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RadioButtonProps extends Props {\n  /**\n   * Selected state of the radio button\n   * @since 10.19.0\n   */\n  checked?: boolean\n\n  /**\n   * Disabled state of the radio button\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Error state of the radio button\n   * @since 10.19.0\n   */\n  error?: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/RadioButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RadioButton"],"sources":["../../src/RadioButton/index.ts"],"sourcesContent":["export { RadioButton } from './RadioButton'\nexport type { RadioButtonProps } from './RadioButton.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe"}
+{"version":3,"file":"index.js","names":["RadioButton"],"sources":["../../src/RadioButton/index.ts"],"sourcesContent":["export { RadioButton } from './RadioButton'\nexport type { RadioButtonProps } from './RadioButton.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}

package/dist/Required/Required.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledRequiredContainer,\n  StyledRequiredMark,\n  StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n  (\n    { children, i18nScope = 'core.required', showLabel = false, ...props },\n    ref\n  ) => {\n    const I18n = useI18nContext()\n    const labelOrChildren = showLabel || Boolean(children)\n\n    return (\n      <StyledRequiredContainer {...props} ref={ref}>\n        <StyledRequiredMark aria-hidden $showLabel={labelOrChildren}>\n          *\n        </StyledRequiredMark>\n        {labelOrChildren ? (\n          <StyledRequiredText>\n            {children\n              ? children\n              : I18n.t('requiredFields', { scope: i18nScope })}\n          </StyledRequiredText>\n        ) : null}\n      </StyledRequiredContainer>\n    )\n  }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAAC,mBAAW;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAEzC,CAAC,EACpBA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU"}
+{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledRequiredContainer,\n  StyledRequiredMark,\n  StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n  (\n    { children, i18nScope = 'core.required', showLabel = false, ...props },\n    ref\n  ) => {\n    const I18n = useI18nContext()\n    const labelOrChildren = showLabel || Boolean(children)\n\n    return (\n      <StyledRequiredContainer {...props} ref={ref}>\n        <StyledRequiredMark aria-hidden $showLabel={labelOrChildren}>\n          *\n        </StyledRequiredMark>\n        {labelOrChildren ? (\n          <StyledRequiredText>\n            {children\n              ? children\n              : I18n.t('requiredFields', { scope: i18nScope })}\n          </StyledRequiredText>\n        ) : null}\n      </StyledRequiredContainer>\n    )\n  }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAAC,mBAAW;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAEzC,CAAC,EACpBA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/Required/Required.styles.d.ts

@@ -1,6 +1,11 @@
-/// <reference types="react" />
-export declare const StyledRequiredMark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const StyledRequiredMark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $showLabel: boolean;
 }>> & string;
-export declare const StyledRequiredContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledRequiredText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledRequiredContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledRequiredText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/Required/Required.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredMark",
-  componentId: "core-12_53_0__sc-bja1ql-0"
+  componentId: "core-12_53_2__sc-bja1ql-0"
 })(["color:", ";font-weight:bold;", ""], colors.red50, function (_ref) {
   var $showLabel = _ref.$showLabel;
   if ($showLabel) {
@@ -15,10 +15,10 @@ export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledRequiredContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredContainer",
-  componentId: "core-12_53_0__sc-bja1ql-1"
+  componentId: "core-12_53_2__sc-bja1ql-1"
 })(["display:inline-flex;", " ", " > &{margin-left:", "px;}"], getTypographyIntent('small'), StyledCheckboxLabel, spacing.xs);
 export var StyledRequiredText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredText",
-  componentId: "core-12_53_0__sc-bja1ql-2"
+  componentId: "core-12_53_2__sc-bja1ql-2"
 })(["font-style:italic;color:", ";margin-left:4px;"], colors.gray45);
 //# sourceMappingURL=Required.styles.js.map

package/dist/Required/Required.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.styles.js","names":["styled","css","StyledCheckboxLabel","getTypographyIntent","typographyWeights","colors","spacing","StyledRequiredMark","span","withConfig","displayName","componentId","red50","_ref","$showLabel","semibold","StyledRequiredContainer","xs","StyledRequiredText","gray45"],"sources":["../../src/Required/Required.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledRequiredMark = styled.span<{ $showLabel: boolean }>`\n  color: ${colors.red50};\n  font-weight: bold;\n\n  ${({ $showLabel }) => {\n    if ($showLabel) {\n      return\n    }\n\n    return css`\n      ${getTypographyIntent('body')}\n      font-weight: ${typographyWeights.semibold};\n    `\n  }}\n`\n\nexport const StyledRequiredContainer = styled.span`\n  display: inline-flex;\n\n  ${getTypographyIntent('small')}\n\n  ${StyledCheckboxLabel} > & {\n    margin-left: ${spacing.xs}px;\n  }\n`\n\nexport const StyledRequiredText = styled.span`\n  font-style: italic;\n  color: ${colors.gray45};\n  margin-left: 4px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAClCN,MAAM,CAACO,KAAK,EAGnB,UAAAC,IAAA,EAAoB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACb,IAAIA,UAAU,EAAE;IACd;EACF;EAEA,OAAOb,GAAG,6BACNE,mBAAmB,CAAC,MAAM,CAAC,EACdC,iBAAiB,CAACW,QAAQ;AAE7C,CAAC,CACF;AAED,OAAO,IAAMC,uBAAuB,gBAAGhB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAG9CR,mBAAmB,CAAC,OAAO,CAAC,EAE5BD,mBAAmB,EACJI,OAAO,CAACW,EAAE,CAE5B;AAED,OAAO,IAAMC,kBAAkB,gBAAGlB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAElCN,MAAM,CAACc,MAAM,CAEvB"}
+{"version":3,"file":"Required.styles.js","names":["styled","css","StyledCheckboxLabel","getTypographyIntent","typographyWeights","colors","spacing","StyledRequiredMark","span","withConfig","displayName","componentId","red50","_ref","$showLabel","semibold","StyledRequiredContainer","xs","StyledRequiredText","gray45"],"sources":["../../src/Required/Required.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledRequiredMark = styled.span<{ $showLabel: boolean }>`\n  color: ${colors.red50};\n  font-weight: bold;\n\n  ${({ $showLabel }) => {\n    if ($showLabel) {\n      return\n    }\n\n    return css`\n      ${getTypographyIntent('body')}\n      font-weight: ${typographyWeights.semibold};\n    `\n  }}\n`\n\nexport const StyledRequiredContainer = styled.span`\n  display: inline-flex;\n\n  ${getTypographyIntent('small')}\n\n  ${StyledCheckboxLabel} > & {\n    margin-left: ${spacing.xs}px;\n  }\n`\n\nexport const StyledRequiredText = styled.span`\n  font-style: italic;\n  color: ${colors.gray45};\n  margin-left: 4px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAClCN,MAAM,CAACO,KAAK,EAGnB,UAAAC,IAAA,EAAoB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACb,IAAIA,UAAU,EAAE;IACd;EACF;EAEA,OAAOb,GAAG,6BACNE,mBAAmB,CAAC,MAAM,CAAC,EACdC,iBAAiB,CAACW,QAAQ;AAE7C,CAAC,CACF;AAED,OAAO,IAAMC,uBAAuB,gBAAGhB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAG9CR,mBAAmB,CAAC,OAAO,CAAC,EAE5BD,mBAAmB,EACJI,OAAO,CAACW,EAAE,CAE5B;AAED,OAAO,IAAMC,kBAAkB,gBAAGlB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAElCN,MAAM,CAACc,MAAM,CAEvB","ignoreList":[]}

package/dist/Required/Required.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Props } from '../_utils/types';
 export interface RequiredProps extends Props {
     /**

package/dist/Required/Required.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.types.js","names":[],"sources":["../../src/Required/Required.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RequiredProps extends Props {\n  /**\n   * If provided, takes the place of label normally reading \"required fields\"\n   * @since 10.19.0\n   * @deprecated Required legend is a lock-up and should not be modified.\n   * @deprecatedSince 12.28.0\n   */\n  children?: React.ReactNode\n  /**\n   * Changes where I18n looks for the requiredFields key\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * Controls showing text reading \"required fields\"\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Required.types.js","names":[],"sources":["../../src/Required/Required.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RequiredProps extends Props {\n  /**\n   * If provided, takes the place of label normally reading \"required fields\"\n   * @since 10.19.0\n   * @deprecated Required legend is a lock-up and should not be modified.\n   * @deprecatedSince 12.28.0\n   */\n  children?: React.ReactNode\n  /**\n   * Changes where I18n looks for the requiredFields key\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * Controls showing text reading \"required fields\"\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Required/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Required"],"sources":["../../src/Required/index.ts"],"sourcesContent":["export { Required } from './Required'\nexport type { RequiredProps } from './Required.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY"}
+{"version":3,"file":"index.js","names":["Required"],"sources":["../../src/Required/index.ts"],"sourcesContent":["export { Required } from './Required'\nexport type { RequiredProps } from './Required.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/dist/Search/Search.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.hooks.js","names":["React","useSearch","_ref","_ref$onChange","onChange","externalOnChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","_ref$initialValue","initialValue","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","isEmpty","clear","target","submit","e","onKeyDown","key","stopPropagation","domHandlers"],"sources":["../../src/Search/Search.hooks.ts"],"sourcesContent":["import React from 'react'\nimport type { ChangeEvent } from '../_hooks/TextEntry'\nimport type { SearchHook, SearchHookConfig } from './Search.types'\n\n// TODO remove this and do a breaking change on Search to `useImperativeHandle`\n// to support controlled/uncontrolled behavior\nexport function useSearch({\n  onChange: externalOnChange = () => {},\n  onClear = () => {},\n  onSubmit = () => {},\n  initialValue = '',\n}: SearchHookConfig): SearchHook {\n  const [value, setValue] = React.useState(initialValue)\n\n  React.useEffect(() => {\n    setValue(initialValue)\n  }, [initialValue])\n\n  const isEmpty = value === ''\n\n  function clear() {\n    setValue('')\n    onChange({ target: { value: '' } } as ChangeEvent)\n    onClear()\n  }\n\n  function submit() {\n    onSubmit(value)\n  }\n\n  function onChange(e: ChangeEvent) {\n    setValue(e.target.value)\n\n    externalOnChange(e)\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      submit()\n    } else if (e.key === 'Escape' || e.key === 'Esc') {\n      // only let parent listeners (modal, overlay) know when empty\n      if (value) {\n        e.stopPropagation()\n      }\n      clear()\n    }\n  }\n\n  return {\n    clear,\n    domHandlers: {\n      onChange,\n      onKeyDown,\n    },\n    isEmpty,\n    submit,\n    value,\n  }\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB;AACA;AACA,OAAO,SAASC,SAASA,CAAAC,IAAA,EAKQ;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAJ/BE,QAAQ;IAAEC,gBAAgB,GAAAF,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAG,YAAA,GAAAJ,IAAA,CACrCK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAAAE,aAAA,GAAAN,IAAA,CAClBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAE,iBAAA,GAAAR,IAAA,CACnBS,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;EAEjB,IAAAE,eAAA,GAA0BZ,KAAK,CAACa,QAAQ,CAACF,YAAY,CAAC;IAAAG,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EAEtBd,KAAK,CAACkB,SAAS,CAAC,YAAM;IACpBD,QAAQ,CAACN,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAMQ,OAAO,GAAGH,KAAK,KAAK,EAAE;EAE5B,SAASI,KAAKA,CAAA,EAAG;IACfH,QAAQ,CAAC,EAAE,CAAC;IACZb,QAAQ,CAAC;MAAEiB,MAAM,EAAE;QAAEL,KAAK,EAAE;MAAG;IAAE,CAAgB,CAAC;IAClDT,OAAO,CAAC,CAAC;EACX;EAEA,SAASe,MAAMA,CAAA,EAAG;IAChBb,QAAQ,CAACO,KAAK,CAAC;EACjB;EAEA,SAASZ,QAAQA,CAACmB,CAAc,EAAE;IAChCN,QAAQ,CAACM,CAAC,CAACF,MAAM,CAACL,KAAK,CAAC;IAExBX,gBAAgB,CAACkB,CAAC,CAAC;EACrB;EAEA,SAASC,SAASA,CAACD,CAAwC,EAAE;IAC3D,IAAIA,CAAC,CAACE,GAAG,KAAK,OAAO,EAAE;MACrBH,MAAM,CAAC,CAAC;IACV,CAAC,MAAM,IAAIC,CAAC,CAACE,GAAG,KAAK,QAAQ,IAAIF,CAAC,CAACE,GAAG,KAAK,KAAK,EAAE;MAChD;MACA,IAAIT,KAAK,EAAE;QACTO,CAAC,CAACG,eAAe,CAAC,CAAC;MACrB;MACAN,KAAK,CAAC,CAAC;IACT;EACF;EAEA,OAAO;IACLA,KAAK,EAALA,KAAK;IACLO,WAAW,EAAE;MACXvB,QAAQ,EAARA,QAAQ;MACRoB,SAAS,EAATA;IACF,CAAC;IACDL,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA,MAAM;IACNN,KAAK,EAALA;EACF,CAAC;AACH"}
+{"version":3,"file":"Search.hooks.js","names":["React","useSearch","_ref","_ref$onChange","onChange","externalOnChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","_ref$initialValue","initialValue","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","isEmpty","clear","target","submit","e","onKeyDown","key","stopPropagation","domHandlers"],"sources":["../../src/Search/Search.hooks.ts"],"sourcesContent":["import React from 'react'\nimport type { ChangeEvent } from '../_hooks/TextEntry'\nimport type { SearchHook, SearchHookConfig } from './Search.types'\n\n// TODO remove this and do a breaking change on Search to `useImperativeHandle`\n// to support controlled/uncontrolled behavior\nexport function useSearch({\n  onChange: externalOnChange = () => {},\n  onClear = () => {},\n  onSubmit = () => {},\n  initialValue = '',\n}: SearchHookConfig): SearchHook {\n  const [value, setValue] = React.useState(initialValue)\n\n  React.useEffect(() => {\n    setValue(initialValue)\n  }, [initialValue])\n\n  const isEmpty = value === ''\n\n  function clear() {\n    setValue('')\n    onChange({ target: { value: '' } } as ChangeEvent)\n    onClear()\n  }\n\n  function submit() {\n    onSubmit(value)\n  }\n\n  function onChange(e: ChangeEvent) {\n    setValue(e.target.value)\n\n    externalOnChange(e)\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      submit()\n    } else if (e.key === 'Escape' || e.key === 'Esc') {\n      // only let parent listeners (modal, overlay) know when empty\n      if (value) {\n        e.stopPropagation()\n      }\n      clear()\n    }\n  }\n\n  return {\n    clear,\n    domHandlers: {\n      onChange,\n      onKeyDown,\n    },\n    isEmpty,\n    submit,\n    value,\n  }\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB;AACA;AACA,OAAO,SAASC,SAASA,CAAAC,IAAA,EAKQ;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAJ/BE,QAAQ;IAAEC,gBAAgB,GAAAF,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAG,YAAA,GAAAJ,IAAA,CACrCK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAAAE,aAAA,GAAAN,IAAA,CAClBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAE,iBAAA,GAAAR,IAAA,CACnBS,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;EAEjB,IAAAE,eAAA,GAA0BZ,KAAK,CAACa,QAAQ,CAACF,YAAY,CAAC;IAAAG,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EAEtBd,KAAK,CAACkB,SAAS,CAAC,YAAM;IACpBD,QAAQ,CAACN,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAMQ,OAAO,GAAGH,KAAK,KAAK,EAAE;EAE5B,SAASI,KAAKA,CAAA,EAAG;IACfH,QAAQ,CAAC,EAAE,CAAC;IACZb,QAAQ,CAAC;MAAEiB,MAAM,EAAE;QAAEL,KAAK,EAAE;MAAG;IAAE,CAAgB,CAAC;IAClDT,OAAO,CAAC,CAAC;EACX;EAEA,SAASe,MAAMA,CAAA,EAAG;IAChBb,QAAQ,CAACO,KAAK,CAAC;EACjB;EAEA,SAASZ,QAAQA,CAACmB,CAAc,EAAE;IAChCN,QAAQ,CAACM,CAAC,CAACF,MAAM,CAACL,KAAK,CAAC;IAExBX,gBAAgB,CAACkB,CAAC,CAAC;EACrB;EAEA,SAASC,SAASA,CAACD,CAAwC,EAAE;IAC3D,IAAIA,CAAC,CAACE,GAAG,KAAK,OAAO,EAAE;MACrBH,MAAM,CAAC,CAAC;IACV,CAAC,MAAM,IAAIC,CAAC,CAACE,GAAG,KAAK,QAAQ,IAAIF,CAAC,CAACE,GAAG,KAAK,KAAK,EAAE;MAChD;MACA,IAAIT,KAAK,EAAE;QACTO,CAAC,CAACG,eAAe,CAAC,CAAC;MACrB;MACAN,KAAK,CAAC,CAAC;IACT;EACF;EAEA,OAAO;IACLA,KAAK,EAALA,KAAK;IACLO,WAAW,EAAE;MACXvB,QAAQ,EAARA,QAAQ;MACRoB,SAAS,EAATA;IACF,CAAC;IACDL,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA,MAAM;IACNN,KAAK,EAALA;EACF,CAAC;AACH","ignoreList":[]}

package/dist/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","mergeProps","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","error","variant","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","t","domHandlers","type","$error","$variant","isEmpty","icon","size","disabled","onClick","clear","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport { mergeProps } from '@react-aria/utils'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n  StyledClearButton,\n  StyledInput,\n  StyledSearch,\n  StyledSearchButton,\n} from './Search.styles'\nimport type { SearchProps } from './Search.types'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-search--demo)\n\n @see [Design Guidelines](https://design.procore.com/search-component)\n\n */\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n  function Search(\n    {\n      onChange = () => {},\n      onClear = () => {},\n      onSubmit = () => {},\n      usingHook,\n      value = '',\n      error,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n    const search = usingHookOrDefault(\n      usingHook,\n      useSearch\n    )({\n      initialValue: value,\n      onChange,\n      onClear,\n      onSubmit,\n    })\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const setFocusToInput = () => {\n      if (inputRef.current) {\n        inputRef.current.focus()\n      }\n    }\n\n    return (\n      <StyledSearch>\n        <StyledInput\n          aria-label={i18n.t('core.search.label')}\n          {...mergeProps(props, search.domHandlers)}\n          data-qa=\"core-search-input\"\n          ref={mergeRefs(ref, inputRef)}\n          type=\"search\"\n          value={search.value}\n          $error={error}\n          $variant={variant}\n        />\n        {!search.isEmpty && (\n          <StyledClearButton\n            aria-label={i18n.t('core.search.clear')}\n            data-qa=\"core-search-clear-icon\"\n            icon={<Clear />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.clear()\n\n              setFocusToInput()\n            }}\n          />\n        )}\n        {\n          <StyledSearchButton\n            aria-label={i18n.t('core.search.goSearch')}\n            data-qa=\"core-search-search-icon\"\n            icon={<SearchIcon />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.submit()\n\n              setFocusToInput()\n            }}\n          />\n        }\n      </StyledSearch>\n    )\n  }\n)\n\nSearch.displayName = 'Search'\n"],"mappings":"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"}
+{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","mergeProps","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","error","variant","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","t","domHandlers","type","$error","$variant","isEmpty","icon","size","disabled","onClick","clear","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport { mergeProps } from '@react-aria/utils'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n  StyledClearButton,\n  StyledInput,\n  StyledSearch,\n  StyledSearchButton,\n} from './Search.styles'\nimport type { SearchProps } from './Search.types'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-search--demo)\n\n @see [Design Guidelines](https://design.procore.com/search-component)\n\n */\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n  function Search(\n    {\n      onChange = () => {},\n      onClear = () => {},\n      onSubmit = () => {},\n      usingHook,\n      value = '',\n      error,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n    const search = usingHookOrDefault(\n      usingHook,\n      useSearch\n    )({\n      initialValue: value,\n      onChange,\n      onClear,\n      onSubmit,\n    })\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const setFocusToInput = () => {\n      if (inputRef.current) {\n        inputRef.current.focus()\n      }\n    }\n\n    return (\n      <StyledSearch>\n        <StyledInput\n          aria-label={i18n.t('core.search.label')}\n          {...mergeProps(props, search.domHandlers)}\n          data-qa=\"core-search-input\"\n          ref={mergeRefs(ref, inputRef)}\n          type=\"search\"\n          value={search.value}\n          $error={error}\n          $variant={variant}\n        />\n        {!search.isEmpty && (\n          <StyledClearButton\n            aria-label={i18n.t('core.search.clear')}\n            data-qa=\"core-search-clear-icon\"\n            icon={<Clear />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.clear()\n\n              setFocusToInput()\n            }}\n          />\n        )}\n        {\n          <StyledSearchButton\n            aria-label={i18n.t('core.search.goSearch')}\n            data-qa=\"core-search-search-icon\"\n            icon={<SearchIcon />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.submit()\n\n              setFocusToInput()\n            }}\n          />\n        }\n      </StyledSearch>\n    )\n  }\n)\n\nSearch.displayName = 'Search'\n"],"mappings":"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","ignoreList":[]}