@procore/core-react 11.31.0 → 11.32.0

package/dist/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["ChevronLeft","Clear","EllipsisVertical","React","Button","Menu","OverlayTrigger","LevelContext","Section","SectionProvider","Tooltip","useI18nContext","useOverflowObserver","useResize","useScroll","addSubcomponents","isReactElement","mergeRefs","partition","StyledBody","StyledCloseButton","StyledFooter","StyledFooterActions","StyledFooterNotation","StyledHeader","StyledHeaderActions","StyledHeaderBackAction","StyledMoreMenu","StyledPanel","StyledTitle","PanelContext","createContext","isFooterSticky","setIsFooterSticky","maxVisibleIcons","HeaderAction","forwardRef","_ref","ref","title","children","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","overlay","_extends","MoreMenu","_ref2","node","focus","Options","Children","map","child","Item","item","key","onClick","MoreIcon","_ref3","qa","trigger","placement","moreIcon","icon","HeaderActions","_ref4","_excluded2","iconsAmount","count","_ref5","_","index","toArray","_ref6","_slicedToArray","visibleIcons","hiddenIcons","length","TitleTooltip","_ref7","isVisible","Content","Title","_ref8","_excluded3","_useOverflowObserver","isOverflowingX","overflowRef","intent","Header","_ref9","onClickBack","onClose","_excluded4","I18n","active","undefined","t","Body","_ref10","_excluded5","bodyRef","useRef","_React$useContext","useContext","calculateBodyScroll","current","isScrollable","scrollHeight","clientHeight","isNotScrolledToBottom","scrollTop","useLayoutEffect","setTimeout","onScroll","scope","onResize","Provider","value","FooterNotation","_ref11","_excluded6","FooterActions","_ref12","_excluded7","Footer","_ref13","_excluded8","_React$useContext2","$hasShadow","Panel_","Panel","_ref14","_excluded9","_React$useState","useState","_React$useState2","displayName"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import { ChevronLeft, Clear, EllipsisVertical } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Menu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { LevelContext, Section, SectionProvider } from '../Section/Section'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport type { TypographyProps } from '../Typography/Typography.types'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useResize } from '../_hooks/Resize'\nimport { useScroll } from '../_hooks/Scroll'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { partition } from '../_utils/partition'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n  StyledBody,\n  StyledCloseButton,\n  StyledFooter,\n  StyledFooterActions,\n  StyledFooterNotation,\n  StyledHeader,\n  StyledHeaderActions,\n  StyledHeaderBackAction,\n  StyledMoreMenu,\n  StyledPanel,\n  StyledTitle,\n} from './Panel.styles'\nimport type {\n  PanelBodyProps,\n  PanelContextShape,\n  PanelHeaderActionProps,\n  PanelHeaderProps,\n  PanelProps,\n  PanelQaTags,\n  PanelTitleTooltipProps,\n} from './Panel.types'\n\nconst PanelContext = React.createContext<PanelContextShape>({\n  isFooterSticky: false,\n  setIsFooterSticky: () => {},\n})\n\nconst maxVisibleIcons = 3\n\nconst HeaderAction = React.forwardRef<HTMLSpanElement, PanelHeaderActionProps>(\n  function HeaderAction(\n    { title, children, variant = 'tertiary', ...props },\n    ref\n  ) {\n    return (\n      <Tooltip overlay={title} ref={ref}>\n        <Button {...props} variant={variant}>\n          {children}\n        </Button>\n      </Tooltip>\n    )\n  }\n)\n\nconst MoreMenu = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function MoreMenu({ children }, ref) {\n    return (\n      <StyledMoreMenu ref={ref}>\n        <Menu ref={(node) => node?.focus()}>\n          <Menu.Options>\n            {React.Children.map(children, (child) => {\n              if (isReactElement<PanelHeaderActionProps>(child)) {\n                return (\n                  <Menu.Item\n                    item={null}\n                    key={child.props.title}\n                    onClick={\n                      child.props.onClick as (e: React.MouseEvent) => void\n                    }\n                  >\n                    {child.props.title}\n                  </Menu.Item>\n                )\n              }\n            })}\n          </Menu.Options>\n        </Menu>\n      </StyledMoreMenu>\n    )\n  }\n)\n\nexport const MoreIcon: React.FC<\n  DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n> = ({ children, qa }) => {\n  return (\n    <OverlayTrigger\n      trigger=\"click\"\n      placement=\"bottom-right\"\n      overlay={<MoreMenu>{children}</MoreMenu>}\n    >\n      <Button\n        data-qa={qa?.moreIcon}\n        variant=\"tertiary\"\n        icon={<EllipsisVertical />}\n      />\n    </OverlayTrigger>\n  )\n}\n\nconst HeaderActions = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n>(function HeaderActions({ children, qa, ...props }, ref) {\n  const iconsAmount = React.Children.count(children)\n\n  const [visibleIcons, hiddenIcons] =\n    iconsAmount > maxVisibleIcons\n      ? partition(\n          (_, index) => index > iconsAmount - maxVisibleIcons,\n          React.Children.toArray(children)\n        )\n      : [children, []]\n\n  return (\n    <StyledHeaderActions {...props} ref={ref}>\n      {visibleIcons}\n      {hiddenIcons.length > 0 && <MoreIcon qa={qa}>{hiddenIcons}</MoreIcon>}\n    </StyledHeaderActions>\n  )\n})\n\nexport const TitleTooltip: React.FC<PanelTitleTooltipProps> = ({\n  children,\n  overlay,\n  isVisible,\n}) => {\n  if (!isVisible) {\n    return children as React.ReactElement\n  }\n\n  return (\n    <Tooltip\n      trigger=\"hover\"\n      overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n      placement=\"bottom\"\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nconst Title = React.forwardRef<\n  HTMLSpanElement,\n  TypographyProps & { qa?: Pick<PanelQaTags, 'title'> }\n>(function Title({ children, qa, ...props }, ref) {\n  const { isOverflowingX, ref: overflowRef } = useOverflowObserver()\n\n  return (\n    <TitleTooltip isVisible={isOverflowingX} overlay={children}>\n      <StyledTitle\n        {...props}\n        ref={mergeRefs(overflowRef, ref)}\n        intent=\"h2\"\n        data-qa={qa?.title}\n      >\n        {children}\n      </StyledTitle>\n    </TitleTooltip>\n  )\n})\n\nconst Header = React.forwardRef<HTMLDivElement, PanelHeaderProps>(\n  function Header({ children, onClickBack, onClose, ...props }, ref) {\n    const I18n = useI18nContext()\n    return (\n      <StyledHeader {...props} ref={ref}>\n        <StyledHeaderBackAction active={onClickBack !== undefined}>\n          <Button\n            aria-label={I18n.t('core.panel.goBack')}\n            variant=\"tertiary\"\n            onClick={onClickBack}\n            icon={<ChevronLeft />}\n          />\n        </StyledHeaderBackAction>\n        {children}\n        {typeof onClose === 'function' && (\n          <StyledCloseButton>\n            <HeaderAction\n              title={I18n.t('core.panel.close')}\n              icon={<Clear />}\n              onClick={onClose}\n            />\n          </StyledCloseButton>\n        )}\n      </StyledHeader>\n    )\n  }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, PanelBodyProps>(function Body(\n  { children, ...props },\n  ref\n) {\n  const bodyRef = React.useRef<HTMLDivElement>(null)\n  const { setIsFooterSticky } = React.useContext(PanelContext)\n\n  function calculateBodyScroll() {\n    if (!bodyRef.current) {\n      return\n    }\n    const isScrollable =\n      bodyRef.current.scrollHeight > bodyRef.current.clientHeight\n    if (isScrollable) {\n      const isNotScrolledToBottom =\n        bodyRef.current.scrollTop + bodyRef.current.clientHeight <\n        bodyRef.current.scrollHeight\n      setIsFooterSticky(isNotScrolledToBottom)\n    } else {\n      setIsFooterSticky(false)\n    }\n  }\n\n  React.useLayoutEffect(() => {\n    // allow browsers to recalculate the layout\n    setTimeout(() => {\n      calculateBodyScroll()\n    }, 0)\n  }, [])\n\n  useScroll({ onScroll: calculateBodyScroll, scope: bodyRef })\n\n  useResize({ onResize: calculateBodyScroll })\n\n  return (\n    <SectionProvider>\n      <LevelContext.Provider value={3}>\n        <StyledBody\n          {...props}\n          ref={mergeRefs(ref, bodyRef, calculateBodyScroll)}\n        >\n          {children}\n        </StyledBody>\n      </LevelContext.Provider>\n    </SectionProvider>\n  )\n})\n\nconst FooterNotation = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function FooterNotation({ children, ...props }, ref) {\n    return (\n      <StyledFooterNotation {...props} ref={ref}>\n        {children}\n      </StyledFooterNotation>\n    )\n  }\n)\n\nconst FooterActions = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function FooterActions({ children, ...props }, ref) {\n    return (\n      <StyledFooterActions {...props} ref={ref}>\n        {children}\n      </StyledFooterActions>\n    )\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, DivAttributes>(function Footer(\n  { children, ...props },\n  ref\n) {\n  const { isFooterSticky } = React.useContext(PanelContext)\n  return (\n    <StyledFooter {...props} ref={ref} $hasShadow={isFooterSticky}>\n      {children}\n    </StyledFooter>\n  )\n})\n\n/**\n\n Panels help users complete tasks or view additional information alongside the\n main content of a page.\n\n Panels are often initiated by clicking on an item somewhere on the main page,\n and they often contain additional information or options specific to that item.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-panel--demo)\n\n @see [Design Guidelines](https://design.procore.com/panel)\n\n */\nconst Panel_ = React.forwardRef<HTMLDivElement, PanelProps>(function Panel(\n  { children, ...props },\n  ref\n) {\n  const [isFooterSticky, setIsFooterSticky] = React.useState(false)\n\n  return (\n    <PanelContext.Provider\n      value={{\n        setIsFooterSticky,\n        isFooterSticky,\n      }}\n    >\n      <StyledPanel {...props} ref={ref}>\n        {children}\n      </StyledPanel>\n    </PanelContext.Provider>\n  )\n})\n\nPanel_.displayName = 'Panel'\nBody.displayName = 'Panel.Body'\nFooter.displayName = 'Panel.Footer'\nFooterActions.displayName = 'Panel.FooterActions'\nFooterNotation.displayName = 'Panel.FooterNotation'\nHeader.displayName = 'Panel.Header'\nHeaderAction.displayName = 'Panel.HeaderAction'\nHeaderActions.displayName = 'Panel.HeaderActions'\nTitle.displayName = 'Panel.Title'\n\nexport const Panel = addSubcomponents(\n  {\n    Body,\n    Footer,\n    FooterActions,\n    FooterNotation,\n    Header,\n    HeaderAction,\n    HeaderActions,\n    Section,\n    Title,\n  },\n  Panel_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Panel.js","names":["ChevronLeft","Clear","EllipsisVertical","React","Button","Menu","OverlayTrigger","LevelContext","Section","SectionProvider","Tooltip","useI18nContext","useOverflowObserver","useResize","useScroll","addSubcomponents","isReactElement","mergeRefs","partition","StyledBody","StyledCloseButton","StyledFooter","StyledFooterActions","StyledFooterNotation","StyledHeader","StyledHeaderActions","StyledHeaderBackAction","StyledMoreMenu","StyledPanel","StyledTitle","PanelContext","createContext","isFooterSticky","setIsFooterSticky","maxVisibleIcons","HeaderAction","forwardRef","_ref","ref","title","children","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","overlay","_extends","MoreMenu","_ref2","node","focus","Options","Children","map","child","Item","item","key","onClick","MoreIcon","_ref3","qa","trigger","placement","moreIcon","icon","HeaderActions","_ref4","_excluded2","iconsAmount","count","_ref5","_","index","toArray","_ref6","_slicedToArray","visibleIcons","hiddenIcons","length","TitleTooltip","_ref7","isVisible","Content","Title","_ref8","_excluded3","_useOverflowObserver","isOverflowingX","overflowRef","intent","Header","_ref9","onClickBack","onClose","_excluded4","I18n","active","undefined","t","Body","_ref10","_excluded5","bodyRef","useRef","_React$useContext","useContext","calculateBodyScroll","current","isScrollable","scrollHeight","clientHeight","isNotScrolledToBottom","scrollTop","useLayoutEffect","setTimeout","onScroll","scope","onResize","Provider","value","FooterNotation","_ref11","_excluded6","FooterActions","_ref12","_excluded7","Footer","_ref13","_excluded8","_React$useContext2","$hasShadow","Panel_","Panel","_ref14","_excluded9","_React$useState","useState","_React$useState2","displayName"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import { ChevronLeft, Clear, EllipsisVertical } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Menu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { LevelContext, Section, SectionProvider } from '../Section/Section'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport type { TypographyProps } from '../Typography/Typography.types'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useResize } from '../_hooks/Resize'\nimport { useScroll } from '../_hooks/Scroll'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { partition } from '../_utils/partition'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n  StyledBody,\n  StyledCloseButton,\n  StyledFooter,\n  StyledFooterActions,\n  StyledFooterNotation,\n  StyledHeader,\n  StyledHeaderActions,\n  StyledHeaderBackAction,\n  StyledMoreMenu,\n  StyledPanel,\n  StyledTitle,\n} from './Panel.styles'\nimport type {\n  PanelBodyProps,\n  PanelContextShape,\n  PanelHeaderActionProps,\n  PanelHeaderProps,\n  PanelProps,\n  PanelQaTags,\n  PanelTitleTooltipProps,\n} from './Panel.types'\n\nconst PanelContext = React.createContext<PanelContextShape>({\n  isFooterSticky: false,\n  setIsFooterSticky: () => {},\n})\n\nconst maxVisibleIcons = 3\n\nconst HeaderAction = React.forwardRef<HTMLSpanElement, PanelHeaderActionProps>(\n  function HeaderAction(\n    { title, children, variant = 'tertiary', ...props },\n    ref\n  ) {\n    return (\n      <Tooltip overlay={title} ref={ref}>\n        <Button {...props} variant={variant}>\n          {children}\n        </Button>\n      </Tooltip>\n    )\n  }\n)\n\nconst MoreMenu = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function MoreMenu({ children }, ref) {\n    return (\n      <StyledMoreMenu ref={ref}>\n        <Menu ref={(node) => node?.focus()}>\n          <Menu.Options>\n            {React.Children.map(children, (child) => {\n              if (isReactElement<PanelHeaderActionProps>(child)) {\n                return (\n                  <Menu.Item\n                    item={null}\n                    key={child.props.title}\n                    onClick={\n                      child.props.onClick as (e: React.MouseEvent) => void\n                    }\n                  >\n                    {child.props.title}\n                  </Menu.Item>\n                )\n              }\n            })}\n          </Menu.Options>\n        </Menu>\n      </StyledMoreMenu>\n    )\n  }\n)\n\nexport const MoreIcon: React.FC<\n  DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n> = ({ children, qa }) => {\n  return (\n    <OverlayTrigger\n      trigger=\"click\"\n      placement=\"bottom-right\"\n      overlay={<MoreMenu>{children}</MoreMenu>}\n    >\n      <Button\n        data-qa={qa?.moreIcon}\n        variant=\"tertiary\"\n        icon={<EllipsisVertical />}\n      />\n    </OverlayTrigger>\n  )\n}\n\nconst HeaderActions = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n>(function HeaderActions({ children, qa, ...props }, ref) {\n  const iconsAmount = React.Children.count(children)\n\n  const [visibleIcons, hiddenIcons] =\n    iconsAmount > maxVisibleIcons\n      ? partition(\n          (_, index) => index > iconsAmount - maxVisibleIcons,\n          React.Children.toArray(children)\n        )\n      : [children, []]\n\n  return (\n    <StyledHeaderActions {...props} ref={ref}>\n      {visibleIcons}\n      {hiddenIcons.length > 0 && <MoreIcon qa={qa}>{hiddenIcons}</MoreIcon>}\n    </StyledHeaderActions>\n  )\n})\n\nexport const TitleTooltip: React.FC<PanelTitleTooltipProps> = ({\n  children,\n  overlay,\n  isVisible,\n}) => {\n  if (!isVisible) {\n    return children as React.ReactElement\n  }\n\n  return (\n    <Tooltip\n      trigger=\"hover\"\n      overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n      placement=\"bottom\"\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nconst Title = React.forwardRef<\n  HTMLSpanElement,\n  TypographyProps & { qa?: Pick<PanelQaTags, 'title'> }\n>(function Title({ children, qa, ...props }, ref) {\n  const { isOverflowingX, ref: overflowRef } = useOverflowObserver()\n\n  return (\n    <TitleTooltip isVisible={isOverflowingX} overlay={children}>\n      <StyledTitle\n        {...props}\n        ref={mergeRefs(overflowRef, ref)}\n        intent=\"h2\"\n        data-qa={qa?.title}\n      >\n        {children}\n      </StyledTitle>\n    </TitleTooltip>\n  )\n})\n\nconst Header = React.forwardRef<HTMLDivElement, PanelHeaderProps>(\n  function Header({ children, onClickBack, onClose, ...props }, ref) {\n    const I18n = useI18nContext()\n    return (\n      <StyledHeader {...props} ref={ref}>\n        <StyledHeaderBackAction active={onClickBack !== undefined}>\n          <Button\n            aria-label={I18n.t('core.panel.goBack')}\n            variant=\"tertiary\"\n            onClick={onClickBack}\n            icon={<ChevronLeft />}\n          />\n        </StyledHeaderBackAction>\n        {children}\n        {typeof onClose === 'function' && (\n          <StyledCloseButton>\n            <HeaderAction\n              title={I18n.t('core.panel.close')}\n              icon={<Clear />}\n              onClick={onClose}\n            />\n          </StyledCloseButton>\n        )}\n      </StyledHeader>\n    )\n  }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, PanelBodyProps>(function Body(\n  { children, ...props },\n  ref\n) {\n  const bodyRef = React.useRef<HTMLDivElement>(null)\n  const { setIsFooterSticky } = React.useContext(PanelContext)\n\n  function calculateBodyScroll() {\n    if (!bodyRef.current) {\n      return\n    }\n    const isScrollable =\n      bodyRef.current.scrollHeight > bodyRef.current.clientHeight\n    if (isScrollable) {\n      const isNotScrolledToBottom =\n        bodyRef.current.scrollTop + bodyRef.current.clientHeight <\n        bodyRef.current.scrollHeight\n      setIsFooterSticky(isNotScrolledToBottom)\n    } else {\n      setIsFooterSticky(false)\n    }\n  }\n\n  React.useLayoutEffect(() => {\n    // allow browsers to recalculate the layout\n    setTimeout(() => {\n      calculateBodyScroll()\n    }, 0)\n  }, [])\n\n  useScroll({ onScroll: calculateBodyScroll, scope: bodyRef })\n\n  useResize({ onResize: calculateBodyScroll })\n\n  return (\n    <SectionProvider>\n      <LevelContext.Provider value={3}>\n        <StyledBody\n          {...props}\n          ref={mergeRefs(ref, bodyRef, calculateBodyScroll)}\n        >\n          {children}\n        </StyledBody>\n      </LevelContext.Provider>\n    </SectionProvider>\n  )\n})\n\nconst FooterNotation = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function FooterNotation({ children, ...props }, ref) {\n    return (\n      <StyledFooterNotation {...props} ref={ref}>\n        {children}\n      </StyledFooterNotation>\n    )\n  }\n)\n\nconst FooterActions = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function FooterActions({ children, ...props }, ref) {\n    return (\n      <StyledFooterActions {...props} ref={ref}>\n        {children}\n      </StyledFooterActions>\n    )\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, DivAttributes>(function Footer(\n  { children, ...props },\n  ref\n) {\n  const { isFooterSticky } = React.useContext(PanelContext)\n  return (\n    <StyledFooter {...props} ref={ref} $hasShadow={isFooterSticky}>\n      {children}\n    </StyledFooter>\n  )\n})\n\nconst Panel_ = React.forwardRef<HTMLDivElement, PanelProps>(function Panel(\n  { children, ...props },\n  ref\n) {\n  const [isFooterSticky, setIsFooterSticky] = React.useState(false)\n\n  return (\n    <PanelContext.Provider\n      value={{\n        setIsFooterSticky,\n        isFooterSticky,\n      }}\n    >\n      <StyledPanel {...props} ref={ref}>\n        {children}\n      </StyledPanel>\n    </PanelContext.Provider>\n  )\n})\n\nPanel_.displayName = 'Panel'\nBody.displayName = 'Panel.Body'\nFooter.displayName = 'Panel.Footer'\nFooterActions.displayName = 'Panel.FooterActions'\nFooterNotation.displayName = 'Panel.FooterNotation'\nHeader.displayName = 'Panel.Header'\nHeaderAction.displayName = 'Panel.HeaderAction'\nHeaderActions.displayName = 'Panel.HeaderActions'\nTitle.displayName = 'Panel.Title'\n\n/**\n\n Panels help users complete tasks or view additional information alongside the\n main content of a page.\n\n Panels are often initiated by clicking on an item somewhere on the main page,\n and they often contain additional information or options specific to that item.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-panel--demo)\n\n @see [Design Guidelines](https://design.procore.com/panel)\n\n */\nexport const Panel = addSubcomponents(\n  {\n    Body,\n    Footer,\n    FooterActions,\n    FooterNotation,\n    Header,\n    HeaderAction,\n    HeaderActions,\n    Section,\n    Title,\n  },\n  Panel_\n)\n"],"mappings":"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"}

package/dist/Panel/Panel.styles.js

@@ -11,15 +11,15 @@ var gutter = /*#__PURE__*/css(["> * + *{margin-left:", "px;}"], spacing.sm);
 var panel = /*#__PURE__*/css(["display:flex;align-items:center;padding:", "px;background:", ";"], spacing.lg, colors.white);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-11_31_0__sc-lidix2-0"
+  componentId: "core-11_32_0__sc-lidix2-0"
 })(["border-bottom:1px solid ", ";", ""], colors.gray85, panel);
 export var StyledTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTitle",
-  componentId: "core-11_31_0__sc-lidix2-1"
+  componentId: "core-11_32_0__sc-lidix2-1"
 })(["flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBackAction",
-  componentId: "core-11_31_0__sc-lidix2-2"
+  componentId: "core-11_32_0__sc-lidix2-2"
 })(["transition:all 300ms ease-out;flex-shrink:0;width:", "px;margin-right:", "px;opacity:", ";transform:translateX( ", "px );"], function (_ref) {
   var active = _ref.active;
   return active ? headerActionSize : 0;
@@ -35,38 +35,38 @@ export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledMoreMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledMoreMenu",
-  componentId: "core-11_31_0__sc-lidix2-3"
+  componentId: "core-11_32_0__sc-lidix2-3"
 })(["max-height:128px;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-11_31_0__sc-lidix2-4"
+  componentId: "core-11_32_0__sc-lidix2-4"
 })(["display:flex;margin-left:", "px;flex-shrink:0;", ""], spacing.lg, gutter);
 export var StyledCloseButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCloseButton",
-  componentId: "core-11_31_0__sc-lidix2-5"
+  componentId: "core-11_32_0__sc-lidix2-5"
 })(["margin-left:", "px;"], spacing.sm);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-11_31_0__sc-lidix2-6"
+  componentId: "core-11_32_0__sc-lidix2-6"
 })(["height:100%;background:", ";overflow-y:auto;> ", "{padding-left:", "px;padding-right:", "px;", "{padding-left:0;padding-right:0;}&:first-child > ", "{padding-top:", "px;}}"], function (_ref5) {
   var secondaryBgColor = _ref5.secondaryBgColor;
   return secondaryBgColor ? colors.gray96 : colors.white;
 }, StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
 export var StyledPanel = /*#__PURE__*/styled.aside.withConfig({
   displayName: "StyledPanel",
-  componentId: "core-11_31_0__sc-lidix2-7"
+  componentId: "core-11_32_0__sc-lidix2-7"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], colors.white);
 export var StyledFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooterNotation",
-  componentId: "core-11_31_0__sc-lidix2-8"
+  componentId: "core-11_32_0__sc-lidix2-8"
 })(["flex-grow:1;"]);
 export var StyledFooterActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooterActions",
-  componentId: "core-11_31_0__sc-lidix2-9"
+  componentId: "core-11_32_0__sc-lidix2-9"
 })(["", ""], gutter);
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-11_31_0__sc-lidix2-10"
+  componentId: "core-11_32_0__sc-lidix2-10"
 })(["border-top:1px solid ", ";justify-content:flex-end;", " ", ""], colors.gray85, panel, function (_ref6) {
   var $hasShadow = _ref6.$hasShadow;
   return $hasShadow && css(["", " z-index:1;"], getShadow(2, 'top'));

package/dist/Pill/Pill.styles.js

@@ -6,14 +6,14 @@ import { PillColorPalets } from './Pill.colorPalette';
 var pillButtonSize = 16;
 export var StyledPill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledPill",
-  componentId: "core-11_31_0__sc-99e1t5-0"
+  componentId: "core-11_32_0__sc-99e1t5-0"
 })(["", " display:inline-block;padding:1px ", "px;border:1px solid;border-radius:10px;font-weight:600;& + &{margin-left:", "px;}", ""], getTypographyIntent('small'), spacing.sm, spacing.xs, function (_ref) {
   var $color = _ref.$color;
   return css(["background-color:", ";border-color:", ";color:", ";"], PillColorPalets[$color].backgroundColor, PillColorPalets[$color].borderColor, PillColorPalets[$color].color);
 });
 export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-11_31_0__sc-99e1t5-1"
+  componentId: "core-11_32_0__sc-99e1t5-1"
 })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:", "px;margin:0 -", "px 0 ", "px;width:", "px;vertical-align:top;", ""], pillButtonSize, pillButtonSize / 2 - spacing.xxs, spacing.xxs, pillButtonSize, function (_ref2) {
   var $color = _ref2.$color;
   return css(["&:hover{background:", ";color:", ";}"], PillColorPalets[$color].color, PillColorPalets[$color].backgroundColor);

package/dist/PillSelect/PillSelect.styles.js

@@ -6,19 +6,19 @@ import { spacing } from '../_styles/spacing';
 var checkedIconPlaceholderWidth = 32;
 export var PillSelectOptionWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectOptionWrapper",
-  componentId: "core-11_31_0__sc-1ai2ze0-0"
+  componentId: "core-11_32_0__sc-1ai2ze0-0"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
 export var PillSelectCheckedContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectCheckedContainer",
-  componentId: "core-11_31_0__sc-1ai2ze0-1"
+  componentId: "core-11_32_0__sc-1ai2ze0-1"
 })(["align-items:center;color:", ";display:inline-flex;padding-left:", "px;width:", "px;"], colors.blue50, spacing.sm, checkedIconPlaceholderWidth);
 export var PillSelectLabel = /*#__PURE__*/styled(Pill).withConfig({
   displayName: "PillSelectLabel",
-  componentId: "core-11_31_0__sc-1ai2ze0-2"
+  componentId: "core-11_32_0__sc-1ai2ze0-2"
 })(["", ""], getEllipsis);
 export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectLabelWrapper",
-  componentId: "core-11_31_0__sc-1ai2ze0-3"
+  componentId: "core-11_32_0__sc-1ai2ze0-3"
 })(["display:flex;max-width:100%;pointer-events:auto;", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["pointer-events:none;"]);

package/dist/Popover/Popover.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { DivAttributes } from '../_utils/types';
 import type { PopoverContentProps, PopoverProps, PopoverRole } from './Popover.types';
+declare function PopoverInner<Role extends PopoverRole>({ children, initialIsVisible, restoreFocusOnHide, placement, overlay, overlayRef, role, ...props }: PopoverProps<Role>, ref: React.ForwardedRef<HTMLElement>): React.JSX.Element;
 /**
 
  We use popovers to display more of an item’s information or details on hover.
@@ -20,8 +21,7 @@ import type { PopoverContentProps, PopoverProps, PopoverRole } from './Popover.t
 
  @see [Design Guidelines](https://design.procore.com/popover)
 
- */
-declare function PopoverInner<Role extends PopoverRole>({ children, initialIsVisible, restoreFocusOnHide, placement, overlay, overlayRef, role, ...props }: PopoverProps<Role>, ref: React.ForwardedRef<HTMLElement>): React.JSX.Element;
+*/
 export declare const Popover: (<Role extends PopoverRole>(props: PopoverProps<Role>) => ReturnType<typeof PopoverInner>) & {
     Content: React.ForwardRefExoticComponent<DivAttributes & PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/Popover/Popover.js

@@ -28,28 +28,6 @@ var Content = /*#__PURE__*/React.forwardRef(function Content(_ref, ref) {
     $placement: placement
   }), children));
 });
-
-/**
-
- We use popovers to display more of an item’s information or details on hover.
- This may be used to show additional fields in an item’s form that aren’t shown
- by default in the UI. Oftentimes, there will be a visual queue to indicate that
- more information is available.
-
- Do not use popovers to display large amounts of information, perform data
- entry, or use as a replacement for an overflow, menu, or modal.
-
- If you want to show descriptive / educational information about an item,
- use a tooltip.
-
- @since 10.19.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)
-
- @see [Design Guidelines](https://design.procore.com/popover)
-
- */
-
 function PopoverInner(_ref2, ref) {
   var children = _ref2.children,
     _ref2$initialIsVisibl = _ref2.initialIsVisible,
@@ -82,6 +60,27 @@ var Popover_ = /*#__PURE__*/React.forwardRef(PopoverInner);
 // @ts-expect-error
 Popover_.displayName = 'Popover';
 Content.displayName = 'Popover.Content';
+
+/**
+
+ We use popovers to display more of an item’s information or details on hover.
+ This may be used to show additional fields in an item’s form that aren’t shown
+ by default in the UI. Oftentimes, there will be a visual queue to indicate that
+ more information is available.
+
+ Do not use popovers to display large amounts of information, perform data
+ entry, or use as a replacement for an overflow, menu, or modal.
+
+ If you want to show descriptive / educational information about an item,
+ use a tooltip.
+
+ @since 10.19.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)
+
+ @see [Design Guidelines](https://design.procore.com/popover)
+
+*/
 export var Popover = addSubcomponents({
   Content: Content
 }, Popover_);

package/dist/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$fluid","$placement","PopoverInner","_ref2","_ref2$initialIsVisibl","initialIsVisible","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$placement","overlay","overlayRef","role","_excluded2","overlayNode","cloneElement","Fragment","_objectSpread","shrinkOverlay","arrow","Popover_","displayName","Popover"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import React from 'react'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport type {\n  PopoverContentProps,\n  PopoverProps,\n  PopoverRole,\n} from './Popover.types'\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & PopoverContentProps\n>(function Content(\n  { children, fluid = false, placement = 'top', ...props },\n  ref\n) {\n  return (\n    <StyledPopover ref={ref}>\n      <StyledPopoverContent {...props} $fluid={fluid} $placement={placement}>\n        {children}\n      </StyledPopoverContent>\n    </StyledPopover>\n  )\n})\n\n/**\n\n We use popovers to display more of an item’s information or details on hover.\n This may be used to show additional fields in an item’s form that aren’t shown\n by default in the UI. Oftentimes, there will be a visual queue to indicate that\n more information is available.\n\n Do not use popovers to display large amounts of information, perform data\n entry, or use as a replacement for an overflow, menu, or modal.\n\n If you want to show descriptive / educational information about an item,\n use a tooltip.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\n\n */\n\nfunction PopoverInner<Role extends PopoverRole>(\n  {\n    children,\n    initialIsVisible = false,\n    restoreFocusOnHide = false,\n    placement = 'top',\n    overlay,\n    overlayRef,\n    role,\n    ...props\n  }: PopoverProps<Role>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const overlayNode = isReactElement(overlay) ? (\n    React.cloneElement(overlay, { placement })\n  ) : (\n    <React.Fragment />\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        role,\n        ref,\n        restoreFocusOnHide,\n        shrinkOverlay: true,\n        arrow: true,\n        overlayRef,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n}\n\nconst Popover_ = React.forwardRef(PopoverInner) as <Role extends PopoverRole>(\n  props: PopoverProps<Role>\n) => ReturnType<typeof PopoverInner>\n\n// @ts-expect-error\nPopover_.displayName = 'Popover'\n\nContent.displayName = 'Popover.Content'\n\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,aAAa,EAAEC,oBAAoB,QAAQ,kBAAkB;AAOtE,IAAMC,OAAO,gBAAGN,KAAK,CAACO,UAAU,CAG9B,SAASD,OAAOA,CAAAE,IAAA,EAEhBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGtD,oBACEjB,KAAA,CAAAkB,aAAA,CAACd,aAAa;IAACK,GAAG,EAAEA;EAAI,gBACtBT,KAAA,CAAAkB,aAAA,CAACb,oBAAoB,EAAAc,QAAA,KAAKJ,KAAK;IAAEK,MAAM,EAAER,KAAM;IAACS,UAAU,EAAEP;EAAU,IACnEJ,QACmB,CACT,CAAC;AAEpB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASY,YAAYA,CAAAC,KAAA,EAWnBd,GAAoC,EACpC;EAAA,IAVEC,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAAc,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAH,KAAA,CACxBI,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,eAAA,GAAAL,KAAA,CAC1BT,SAAS;IAATA,SAAS,GAAAc,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjBC,OAAO,GAAAN,KAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,KAAA,CAAVO,UAAU;IACVC,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACDhB,KAAK,GAAAC,wBAAA,CAAAO,KAAA,EAAAS,UAAA;EAIV,IAAMC,WAAW,GAAG9B,cAAc,CAAC0B,OAAO,CAAC,gBACzC7B,KAAK,CAACkC,YAAY,CAACL,OAAO,EAAE;IAAEf,SAAS,EAATA;EAAU,CAAC,CAAC,gBAE1Cd,KAAA,CAAAkB,aAAA,CAAClB,KAAK,CAACmC,QAAQ,MAAE,CAClB;EAED,oBACEnC,KAAA,CAAAkB,aAAA,CAACjB,cAAc,EAAAmC,aAAA,CAAAA,aAAA,KAERrB,KAAK;IACRU,gBAAgB,EAAhBA,gBAAgB;IAChBI,OAAO,EAAEI,WAAW;IACpBnB,SAAS,EAATA,SAAS;IACTiB,IAAI,EAAJA,IAAI;IACJtB,GAAG,EAAHA,GAAG;IACHkB,kBAAkB,EAAlBA,kBAAkB;IAClBU,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE,IAAI;IACXR,UAAU,EAAVA;EAAU,IAGXpB,QACa,CAAC;AAErB;AAEA,IAAM6B,QAAQ,gBAAGvC,KAAK,CAACO,UAAU,CAACe,YAAY,CAEV;;AAEpC;AACAiB,QAAQ,CAACC,WAAW,GAAG,SAAS;AAEhClC,OAAO,CAACkC,WAAW,GAAG,iBAAiB;AAEvC,OAAO,IAAMC,OAAO,GAAGvC,gBAAgB,CAAC;EAAEI,OAAO,EAAPA;AAAQ,CAAC,EAAEiC,QAAQ,CAAC"}
+{"version":3,"file":"Popover.js","names":["React","OverlayTrigger","addSubcomponents","isReactElement","StyledPopover","StyledPopoverContent","Content","forwardRef","_ref","ref","children","_ref$fluid","fluid","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","_extends","$fluid","$placement","PopoverInner","_ref2","_ref2$initialIsVisibl","initialIsVisible","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$placement","overlay","overlayRef","role","_excluded2","overlayNode","cloneElement","Fragment","_objectSpread","shrinkOverlay","arrow","Popover_","displayName","Popover"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import React from 'react'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledPopover, StyledPopoverContent } from './Popover.styles'\nimport type {\n  PopoverContentProps,\n  PopoverProps,\n  PopoverRole,\n} from './Popover.types'\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & PopoverContentProps\n>(function Content(\n  { children, fluid = false, placement = 'top', ...props },\n  ref\n) {\n  return (\n    <StyledPopover ref={ref}>\n      <StyledPopoverContent {...props} $fluid={fluid} $placement={placement}>\n        {children}\n      </StyledPopoverContent>\n    </StyledPopover>\n  )\n})\n\nfunction PopoverInner<Role extends PopoverRole>(\n  {\n    children,\n    initialIsVisible = false,\n    restoreFocusOnHide = false,\n    placement = 'top',\n    overlay,\n    overlayRef,\n    role,\n    ...props\n  }: PopoverProps<Role>,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const overlayNode = isReactElement(overlay) ? (\n    React.cloneElement(overlay, { placement })\n  ) : (\n    <React.Fragment />\n  )\n\n  return (\n    <OverlayTrigger\n      {...{\n        ...props,\n        initialIsVisible,\n        overlay: overlayNode,\n        placement,\n        role,\n        ref,\n        restoreFocusOnHide,\n        shrinkOverlay: true,\n        arrow: true,\n        overlayRef,\n      }}\n    >\n      {children}\n    </OverlayTrigger>\n  )\n}\n\nconst Popover_ = React.forwardRef(PopoverInner) as <Role extends PopoverRole>(\n  props: PopoverProps<Role>\n) => ReturnType<typeof PopoverInner>\n\n// @ts-expect-error\nPopover_.displayName = 'Popover'\n\nContent.displayName = 'Popover.Content'\n\n/**\n\n We use popovers to display more of an item’s information or details on hover.\n This may be used to show additional fields in an item’s form that aren’t shown\n by default in the UI. Oftentimes, there will be a visual queue to indicate that\n more information is available.\n\n Do not use popovers to display large amounts of information, perform data\n entry, or use as a replacement for an overflow, menu, or modal.\n\n If you want to show descriptive / educational information about an item,\n use a tooltip.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-popover--demo)\n\n @see [Design Guidelines](https://design.procore.com/popover)\n\n*/\nexport const Popover = addSubcomponents({ Content }, Popover_)\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,aAAa,EAAEC,oBAAoB,QAAQ,kBAAkB;AAOtE,IAAMC,OAAO,gBAAGN,KAAK,CAACO,UAAU,CAG9B,SAASD,OAAOA,CAAAE,IAAA,EAEhBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGtD,oBACEjB,KAAA,CAAAkB,aAAA,CAACd,aAAa;IAACK,GAAG,EAAEA;EAAI,gBACtBT,KAAA,CAAAkB,aAAA,CAACb,oBAAoB,EAAAc,QAAA,KAAKJ,KAAK;IAAEK,MAAM,EAAER,KAAM;IAACS,UAAU,EAAEP;EAAU,IACnEJ,QACmB,CACT,CAAC;AAEpB,CAAC,CAAC;AAEF,SAASY,YAAYA,CAAAC,KAAA,EAWnBd,GAAoC,EACpC;EAAA,IAVEC,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAAc,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAH,KAAA,CACxBI,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,eAAA,GAAAL,KAAA,CAC1BT,SAAS;IAATA,SAAS,GAAAc,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjBC,OAAO,GAAAN,KAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,KAAA,CAAVO,UAAU;IACVC,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACDhB,KAAK,GAAAC,wBAAA,CAAAO,KAAA,EAAAS,UAAA;EAIV,IAAMC,WAAW,GAAG9B,cAAc,CAAC0B,OAAO,CAAC,gBACzC7B,KAAK,CAACkC,YAAY,CAACL,OAAO,EAAE;IAAEf,SAAS,EAATA;EAAU,CAAC,CAAC,gBAE1Cd,KAAA,CAAAkB,aAAA,CAAClB,KAAK,CAACmC,QAAQ,MAAE,CAClB;EAED,oBACEnC,KAAA,CAAAkB,aAAA,CAACjB,cAAc,EAAAmC,aAAA,CAAAA,aAAA,KAERrB,KAAK;IACRU,gBAAgB,EAAhBA,gBAAgB;IAChBI,OAAO,EAAEI,WAAW;IACpBnB,SAAS,EAATA,SAAS;IACTiB,IAAI,EAAJA,IAAI;IACJtB,GAAG,EAAHA,GAAG;IACHkB,kBAAkB,EAAlBA,kBAAkB;IAClBU,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE,IAAI;IACXR,UAAU,EAAVA;EAAU,IAGXpB,QACa,CAAC;AAErB;AAEA,IAAM6B,QAAQ,gBAAGvC,KAAK,CAACO,UAAU,CAACe,YAAY,CAEV;;AAEpC;AACAiB,QAAQ,CAACC,WAAW,GAAG,SAAS;AAEhClC,OAAO,CAACkC,WAAW,GAAG,iBAAiB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAGvC,gBAAgB,CAAC;EAAEI,OAAO,EAAPA;AAAQ,CAAC,EAAEiC,QAAQ,CAAC"}

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-11_31_0__sc-1cd0ihn-0"
+  componentId: "core-11_32_0__sc-1cd0ihn-0"
 })(["background-color:", ";border-radius:", "px;color:", ";display:inline-block;max-width:250px;position:relative;", ""], colors.white, borderRadius.md, colors.gray15, function (_ref) {
   var $fluid = _ref.$fluid;
   if ($fluid) {
@@ -14,6 +14,6 @@ export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPopover",
-  componentId: "core-11_31_0__sc-1cd0ihn-1"
+  componentId: "core-11_32_0__sc-1cd0ihn-1"
 })(["display:inline-block;", " & + [data-overlay-arrow]{background:", ";}"], getShadow(3), colors.white);
 //# sourceMappingURL=Popover.styles.js.map

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-11_31_0__sc-15o1h2-0"
+  componentId: "core-11_32_0__sc-15o1h2-0"
 })(["left:0;pointer-events:none;position:fixed;top:0;> *{pointer-events:all;}"]);
 //# sourceMappingURL=Portal.styles.js.map

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-11_31_0__sc-vdy2wl-0"
+  componentId: "core-11_32_0__sc-vdy2wl-0"
 })([""]);
 export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgressBar",
-  componentId: "core-11_31_0__sc-vdy2wl-1"
+  componentId: "core-11_32_0__sc-vdy2wl-1"
 })(["overflow:hidden;position:relative;display:block;height:", "px;background-color:", ";border-radius:", "px;margin:", "px 0;transition:background-color 0s linear;", " ", ""], loaderGridUnit, function (_ref) {
   var $complete = _ref.$complete;
   return $complete ? colors.blue50 : colors.gray94;

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-11_31_0__sc-nd95zs-0"
+  componentId: "core-11_32_0__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-11_31_0__sc-nd95zs-1"
+  componentId: "core-11_32_0__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.gray70, radioButtonSize, radioButtonSize, radioButtonSize);
 export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledRadioButtonInput",
-  componentId: "core-11_31_0__sc-nd95zs-2"
+  componentId: "core-11_32_0__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/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-11_31_0__sc-bja1ql-0"
+  componentId: "core-11_32_0__sc-bja1ql-0"
 })(["color:", ";", ""], 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-11_31_0__sc-bja1ql-1"
+  componentId: "core-11_32_0__sc-bja1ql-1"
 })(["", " ", " > &{margin-left:", "px;}"], getTypographyIntent('small'), StyledCheckboxLabel, spacing.xs);
 export var StyledRequiredText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredText",
-  componentId: "core-11_31_0__sc-bja1ql-2"
+  componentId: "core-11_32_0__sc-bja1ql-2"
 })(["font-style:italic;color:", ";margin-left:4px;"], colors.gray45);
 //# sourceMappingURL=Required.styles.js.map

package/dist/Search/Search.styles.js

@@ -27,22 +27,22 @@ export function getSearchInputStyles() {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_31_0__sc-3j8khv-0"
+  componentId: "core-11_32_0__sc-3j8khv-0"
 })(["", ""], getSearchInputStyles);
 var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledButton",
-  componentId: "core-11_31_0__sc-3j8khv-1"
+  componentId: "core-11_32_0__sc-3j8khv-1"
 })(["position:absolute;top:", "px;"], buttonTop);
 export var StyledSearchButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledSearchButton",
-  componentId: "core-11_31_0__sc-3j8khv-2"
+  componentId: "core-11_32_0__sc-3j8khv-2"
 })([""]);
 export var StyledClearButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledClearButton",
-  componentId: "core-11_31_0__sc-3j8khv-3"
+  componentId: "core-11_32_0__sc-3j8khv-3"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-11_31_0__sc-3j8khv-4"
+  componentId: "core-11_32_0__sc-3j8khv-4"
 })(["position:relative;width:100%;", "{padding-right:", "px;}", "{right:", "px;}", "{right:", "px;}"], StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
 //# sourceMappingURL=Search.styles.js.map

package/dist/Section/Section.styles.js

@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledSectionInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionInner",
-  componentId: "core-11_31_0__sc-1lxbrwv-0"
+  componentId: "core-11_32_0__sc-1lxbrwv-0"
 })([""]);
 export var StyledSectionCollapseHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionCollapseHeading",
-  componentId: "core-11_31_0__sc-1lxbrwv-1"
+  componentId: "core-11_32_0__sc-1lxbrwv-1"
 })(["align-self:flex-start;margin-right:", "px;"], spacing.sm);
 export var sectionClassnames = {
   divide: 'section--divide',
@@ -20,11 +20,11 @@ export var sectionClassnames = {
 };
 export var StyledSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSection",
-  componentId: "core-11_31_0__sc-1lxbrwv-2"
+  componentId: "core-11_32_0__sc-1lxbrwv-2"
 })(["padding-left:", "px;padding-right:", "px;padding-bottom:", "px;& > ", "{padding-top:", "px;}&.", "{& > ", "{border-top:1px solid ", ";}}&:first-child > ", "{border-top:0;}& &{padding-left:0;padding-right:0;&:first-child > ", "{border-top:1px solid ", ";}&:last-child{padding-bottom:0;}}", ":last-of-type{margin-bottom:", "px;}", " + &&&{padding-top:", "px;}"], spacing.xl, spacing.xl, spacing.xl, StyledSectionInner, spacing.xl, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.xl * -1, StyledFormRow, spacing.xs);
 export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionContentRegion",
-  componentId: "core-11_31_0__sc-1lxbrwv-3"
+  componentId: "core-11_32_0__sc-1lxbrwv-3"
 })(["padding-top:20px;padding-bottom:", "px;", " ", " & > :not(", ") + ", "{padding-top:", "px;}", " ", " &:last-of-type{padding-bottom:0;}"], spacing.sm, function (_ref) {
   var $closed = _ref.$closed;
   return $closed && css(["padding-top:0;padding-bottom:0;"]);
@@ -34,10 +34,10 @@ export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
 }, StyledSection, StyledSection, spacing.xl, StyledSection, StyledSection);
 export var StyledSectionHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionHeader",
-  componentId: "core-11_31_0__sc-1lxbrwv-4"
+  componentId: "core-11_32_0__sc-1lxbrwv-4"
 })(["align-items:center;display:flex;min-height:36px;word-break:break-word;"]);
 export var StyledTitle = /*#__PURE__*/styled(Title).withConfig({
   displayName: "StyledTitle",
-  componentId: "core-11_31_0__sc-1lxbrwv-5"
+  componentId: "core-11_32_0__sc-1lxbrwv-5"
 })(["width:100%;"]);
 //# sourceMappingURL=Section.styles.js.map

package/dist/SegmentedController/SegmentedController.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-11_31_0__sc-ocai3-0"
+  componentId: "core-11_32_0__sc-ocai3-0"
 })(["align-items:center;display:", ";height:36px;justify-content:center;width:", ";"], function (_ref) {
   var block = _ref.block;
   return block ? 'flex' : 'inline-flex';
@@ -15,7 +15,7 @@ export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
   displayName: "StyledSegment",
-  componentId: "core-11_31_0__sc-ocai3-1"
+  componentId: "core-11_32_0__sc-ocai3-1"
 })(["align-items:center;border-radius:0;border:1px solid ", ";cursor:pointer;display:flex;flex:1 1 auto;height:100%;justify-content:center;min-width:0;outline:0;padding:0 ", "px;position:relative;background-color:", ";color:", ";&:hover{background-color:", ";border-color:", ";color:", ";}", " ", ";"], colors.gray85, spacing.md, colors.white, colors.gray45, colors.gray94, colors.gray85, colors.gray45, function (_ref3) {
   var _ref3$$focused = _ref3.$focused,
     $focused = _ref3$$focused === void 0 ? false : _ref3$$focused;
@@ -37,10 +37,10 @@ export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
 });
 export var StyledSegmentDisabledInteractiveWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSegmentDisabledInteractiveWrapper",
-  componentId: "core-11_31_0__sc-ocai3-2"
+  componentId: "core-11_32_0__sc-ocai3-2"
 })(["display:flex;flex:1 1 auto;min-width:0;height:100%;margin-right:-1px;&:first-child ", "{border-bottom-left-radius:", "px;border-top-left-radius:", "px;}&:last-child ", "{border-bottom-right-radius:", "px;border-top-right-radius:", "px;}"], StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md);
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-11_31_0__sc-ocai3-3"
+  componentId: "core-11_32_0__sc-ocai3-3"
 })(["", ";display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"], getTypographyIntent('body'));
 //# sourceMappingURL=SegmentedController.styles.js.map

package/dist/Select/Select.d.ts

@@ -4,6 +4,22 @@ import type { SelectButtonProps, SelectOptionProps, SelectProps } from './Select
 export declare const OptGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export declare const Option: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Button: React.ForwardRefExoticComponent<SelectButtonProps & React.RefAttributes<HTMLDivElement>>;
+/**
+
+ We use single selects to allow our users to choose a single option from a list,
+ presented in a dropdown. We typically see these selects on forms.
+
+ If you want users to select multiple options, use a multi select, group select,
+ and tiered select if you want users to select from a tiered set of options,
+ use a tiered select.
+
+ @since 10.19.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-select--demo)
+
+ @see [Design Guidelines](https://design.procore.com/select)
+
+ */
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>> & {
     Button: React.ForwardRefExoticComponent<SelectButtonProps & React.RefAttributes<HTMLDivElement>>;
     Option: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Select/Select.js

@@ -194,23 +194,6 @@ var SelectMenu = /*#__PURE__*/React.forwardRef(function SelectMenu(_ref5, ref) {
     variant: "pagination"
   }, emptyMessage)), footer && /*#__PURE__*/React.createElement(MenuImperative.Footer, null, footer)));
 });
-
-/**
-
- We use single selects to allow our users to choose a single option from a list,
- presented in a dropdown. We typically see these selects on forms.
-
- If you want users to select multiple options, use a multi select, group select,
- and tiered select if you want users to select from a tiered set of options,
- use a tiered select.
-
- @since 10.19.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-select--demo)
-
- @see [Design Guidelines](https://design.procore.com/select)
-
- */
 var Select_ = /*#__PURE__*/React.forwardRef(function Select(_ref6, forwardRef) {
   var _ref6$afterHide = _ref6.afterHide,
     afterHide_ = _ref6$afterHide === void 0 ? noop : _ref6$afterHide,
@@ -338,6 +321,23 @@ Select_.displayName = 'Select';
 Button.displayName = 'Select.Button';
 Option.displayName = 'Select.Option';
 OptGroup.displayName = 'Select.OptGroup';
+
+/**
+
+ We use single selects to allow our users to choose a single option from a list,
+ presented in a dropdown. We typically see these selects on forms.
+
+ If you want users to select multiple options, use a multi select, group select,
+ and tiered select if you want users to select from a tiered set of options,
+ use a tiered select.
+
+ @since 10.19.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-select--demo)
+
+ @see [Design Guidelines](https://design.procore.com/select)
+
+ */
 export var Select = addSubcomponents({
   Button: Button,
   Option: Option,