@procore/core-react 12.52.0 → 12.53.1

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["Clear","EllipsisVertical","Error","Info","Warning","useId","partition","React","Button","Card","Flex","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","BannerA11yContext","createContext","defaultIcons","error","createElement","size","attention","info","UNSAFE_attention_emphasized","getBannerA11yProps","_ref","hasLabelProvided","defaultAriaLabel","role","titleId","landmarkProps","Banner_","forwardRef","Banner","_ref2","ref","children","_ref2$role","variant","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","setTitleId","_ref3","element","isValidElement","type","ExpandableContent","Children","toArray","_ref4","expandableContentNodes","content","isExpandable","length","iconElement","useMemo","find","child","Icon","hasCustomIcon","icon","defaultAriaLabelByVariant","t","_getBannerA11yProps","Boolean","a11yContextValue","Provider","value","_extends","$isExpandable","$variant","Fragment","justifyContent","alignItems","gap","grow","Content","_ref5","_excluded2","_ref6","_ref6$expanded","expanded","_ref6$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref7","overflowRef","isOverflowingY","onAnimationEnd","current","$isOverflowingY","$expandableContentMaxHeight","tabIndex","Title","_ref8","_props$id","_excluded4","generatedId","id","a11yContext","useContext","useEffect","undefined","Body","_ref9","_excluded5","Action","_ref0","_excluded6","ExpandActionButton","_ref1","isExpanded","onExpandChange","_excluded7","label","onClick","DropdownAction","_ref10","_excluded8","Item","item","Actions","_ref11","_excluded9","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","_ref14","_excluded0","Dismiss","_ref15","_excluded1","ErrorBanner","_ref16","_excluded10","InfoBanner","_ref17","_excluded11","AttentionBanner","_ref18","_excluded12","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref19","_ref19$variant","_excluded13","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n  Clear,\n  EllipsisVertical,\n  Error,\n  Info,\n  Warning,\n} from '@procore/core-icons/dist'\nimport { useId } from '@react-aria/utils'\nimport { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button'\nimport { Card } from '../Card'\nimport { Flex } from '../Flex'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledAction,\n  StyledActionsTrigger,\n  StyledBannerContainer,\n  StyledBody,\n  StyledContent,\n  StyledExpandableContent,\n  StyledExpandableContentContainer,\n  StyledIconContainer,\n  StyledMiniBannerContainer,\n  StyledTitle,\n} from './Banner.styles'\nimport type {\n  BannerExpandableContentProps,\n  BannerExpandActionButtonProps,\n  BannerIconProps,\n  BannerProps,\n  BannerVariant,\n} from './Banner.types'\n\ninterface BannerA11yContextValue {\n  setTitleId: (id: string | undefined) => void\n}\n\nconst BannerA11yContext = React.createContext<BannerA11yContextValue | null>(\n  null\n)\n\nconst defaultIcons: Record<BannerVariant, React.ReactNode> = {\n  error: <Error size=\"lg\" />,\n  attention: <Warning size=\"lg\" />,\n  info: <Info size=\"lg\" />,\n  UNSAFE_attention_emphasized: <Warning size=\"lg\" />,\n}\n\ninterface BannerLabelingArgs {\n  hasLabelProvided: boolean\n  defaultAriaLabel: string\n  role: React.AriaRole | undefined\n  titleId: string | undefined\n}\n\ninterface BannerLabeledNodes {\n  landmarkProps: Pick<\n    React.HTMLAttributes<HTMLDivElement>,\n    'role' | 'aria-label' | 'aria-labelledby'\n  >\n  // liveRegionProps: Pick<React.HTMLAttributes<HTMLDivElement>, 'role'>\n}\n\nfunction getBannerA11yProps({\n  hasLabelProvided,\n  defaultAriaLabel,\n  role,\n  titleId,\n}: BannerLabelingArgs): BannerLabeledNodes {\n  if (role !== 'region') {\n    return {\n      landmarkProps: { role },\n    }\n  }\n\n  if (hasLabelProvided) {\n    return {\n      landmarkProps: { role: 'region' },\n    }\n  }\n\n  if (titleId) {\n    return {\n      landmarkProps: {\n        role: 'region',\n        'aria-labelledby': titleId,\n      },\n    }\n  }\n\n  return {\n    landmarkProps: {\n      role: 'region',\n      'aria-label': defaultAriaLabel,\n    },\n  }\n}\n\nconst Banner_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & BannerProps\n>(function Banner({ children, role = 'region', variant, ...props }, ref) {\n  const I18n = useI18nContext()\n  const [titleId, setTitleId] = React.useState<string>()\n  const [expandableContentNodes, content] = partition(\n    (element: React.ReactNode) =>\n      React.isValidElement(element) && element.type === ExpandableContent,\n    React.Children.toArray(children)\n  ) as [React.ReactElement[], React.ReactElement[]]\n  const isExpandable = expandableContentNodes.length !== 0\n\n  const iconElement = React.useMemo(() => {\n    return React.Children.toArray(children).find(\n      (child) => React.isValidElement(child) && child.type === Icon\n    ) as React.ReactElement<BannerIconProps> | undefined\n  }, [children])\n\n  const hasCustomIcon = iconElement && iconElement.props.icon\n  const defaultAriaLabelByVariant: Record<BannerVariant, string> = {\n    error: I18n.t('core.banner.defaultLabels.error'),\n    attention: I18n.t('core.banner.defaultLabels.attention'),\n    info: I18n.t('core.banner.defaultLabels.info'),\n    UNSAFE_attention_emphasized: I18n.t(\n      'core.banner.defaultLabels.unsafeAttentionEmphasized'\n    ),\n  }\n\n  const { landmarkProps } = getBannerA11yProps({\n    hasLabelProvided: Boolean(props['aria-label'] || props['aria-labelledby']),\n    defaultAriaLabel: defaultAriaLabelByVariant[variant],\n    role,\n    titleId,\n  })\n\n  const a11yContextValue = React.useMemo(() => ({ setTitleId }), [setTitleId])\n\n  return (\n    <BannerA11yContext.Provider value={a11yContextValue}>\n      <StyledBannerContainer\n        ref={ref}\n        $isExpandable={isExpandable}\n        $variant={variant}\n        {...landmarkProps}\n        {...props}\n      >\n        {isExpandable ? (\n          <>\n            <StyledExpandableContentContainer\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              gap=\"lg\"\n            >\n              {!hasCustomIcon && <Icon icon={defaultIcons[variant]} />}\n              {content}\n            </StyledExpandableContentContainer>\n            {expandableContentNodes}\n          </>\n        ) : (\n          <Flex\n            justifyContent=\"flex-start\"\n            alignItems=\"center\"\n            gap=\"lg\"\n            grow=\"1\"\n          >\n            {!hasCustomIcon && <Icon icon={defaultIcons[variant]} />}\n            {content}\n          </Flex>\n        )}\n      </StyledBannerContainer>\n    </BannerA11yContext.Provider>\n  )\n})\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Props\n>(function Content({ children, ...props }, ref) {\n  return (\n    <StyledContent {...props} ref={ref}>\n      {children}\n    </StyledContent>\n  )\n})\n\nconst ExpandableContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & BannerExpandableContentProps\n>(function ExpandableContent(\n  { children, expanded = false, expandableContentMaxHeight = 120, ...props },\n  ref\n) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n\n  return expanded ? (\n    <OverflowObserver>\n      {({ ref: overflowRef, isOverflowingY }) => (\n        <StyledExpandableContent\n          ref={mergeRefs(ref, containerRef)}\n          data-qa=\"core-banner-expandable-content\"\n          onAnimationEnd={() => overflowRef(containerRef.current)}\n          $isOverflowingY={isOverflowingY}\n          $expandableContentMaxHeight={expandableContentMaxHeight}\n          {...props}\n          {...(isOverflowingY && { tabIndex: 0 })}\n        >\n          {children}\n        </StyledExpandableContent>\n      )}\n    </OverflowObserver>\n  ) : null\n})\n\nconst Title = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  }\n>(function Title({ children, ...props }, ref) {\n  const generatedId = useId()\n  const titleId = props.id ?? generatedId\n  const a11yContext = React.useContext(BannerA11yContext)\n\n  React.useEffect(() => {\n    a11yContext?.setTitleId(titleId)\n\n    return () => a11yContext?.setTitleId(undefined)\n  }, [a11yContext, titleId])\n\n  return (\n    <StyledTitle id={titleId} {...props} ref={ref}>\n      {children}\n    </StyledTitle>\n  )\n})\n\nconst Body = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function Body({ children, ...props }, ref) {\n  return (\n    <StyledBody {...props} ref={ref}>\n      {children}\n    </StyledBody>\n  )\n})\n\nconst Action = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function Action({ children, ...props }, ref) {\n  return (\n    <StyledAction {...props} ref={ref}>\n      {children}\n    </StyledAction>\n  )\n})\n\nconst ExpandActionButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement> & BannerExpandActionButtonProps\n>(function ExpandActionButton(\n  { isExpanded, onExpandChange, children, ...props },\n  ref\n) {\n  const I18n = useI18nContext()\n  const label =\n    children ??\n    (isExpanded ? I18n.t('core.banner.collapse') : I18n.t('core.banner.expand'))\n\n  return (\n    <Button\n      ref={ref}\n      type=\"button\"\n      aria-expanded={isExpanded}\n      onClick={() => onExpandChange(!isExpanded)}\n      {...props}\n    >\n      {label}\n    </Button>\n  )\n})\n\nconst DropdownAction = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function DropdownAction({ children, ...props }, ref) {\n  return (\n    <Menu.Item ref={ref} item={null} {...(props as any)}>\n      {children}\n    </Menu.Item>\n  )\n})\n\nconst Actions = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function Actions({ children, ...props }, ref) {\n  const actionButtons = React.Children.toArray(children).filter(\n    (element: React.ReactNode) =>\n      React.isValidElement(element) && element.type === Action\n  ) as React.ReactElement[]\n\n  return (\n    <OverlayTrigger\n      overlay={\n        <Card>\n          <Menu\n            ref={(node) => node?.focus()}\n            usingHook={useMenu({\n              isSelectable: ({ type }) => type === DropdownAction,\n            })}\n          >\n            <Menu.Options>\n              {actionButtons.map(({ props: actionButtonProps }, idx) => (\n                <DropdownAction key={idx} {...actionButtonProps} />\n              ))}\n            </Menu.Options>\n          </Menu>\n        </Card>\n      }\n      ref={ref}\n      placement=\"bottom-right\"\n    >\n      <StyledActionsTrigger\n        data-qa=\"core-banner-actions-trigger\"\n        variant=\"tertiary\"\n        arrow={false}\n        icon={<EllipsisVertical />}\n        {...props}\n      />\n    </OverlayTrigger>\n  )\n})\n\nconst Icon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & BannerIconProps\n>(function Icon({ children, icon, ...props }, ref) {\n  return (\n    <StyledIconContainer ref={ref} aria-hidden=\"true\" {...props}>\n      {icon}\n    </StyledIconContainer>\n  )\n})\n\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function Dismiss({ children, ...props }, ref) {\n  const I18n = useI18nContext()\n\n  return (\n    <Button\n      aria-label={I18n.t('core.banner.dismissAlert')}\n      ref={ref}\n      {...props}\n      icon={<Clear />}\n      variant=\"tertiary\"\n    />\n  )\n})\n\nexport const ErrorBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Omit<BannerProps, 'variant'>\n>(function ErrorBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"error\" {...props}>\n      <Icon icon={<Error size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\nexport const InfoBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Omit<BannerProps, 'variant'>\n>(function InfoBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"info\" {...props}>\n      <Icon icon={<Info size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\n/**\n * @since 11.26.0\n */\nexport const AttentionBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Omit<BannerProps, 'variant'>\n>(function AttentionBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"attention\" {...props}>\n      <Icon icon={<Warning size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n/**\n * @deprecated ActionBanner was renamed to AttentionBanner.\n * @deprecatedSince 11.26.0\n */\nexport const ActionBanner = AttentionBanner\n\nexport const UNSAFE_MiniBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { variant?: BannerVariant }\n>(function MiniBanner({ children, variant = 'info', ...props }, ref) {\n  return (\n    <StyledMiniBannerContainer ref={ref} variant={variant} {...props}>\n      {children}\n    </StyledMiniBannerContainer>\n  )\n})\n\nBanner_.displayName = 'Banner'\n\nBody.displayName = 'Banner.Body'\n\nContent.displayName = 'Banner.Content'\n\nExpandableContent.displayName = 'Banner.ExpandableContent'\n\nTitle.displayName = 'Banner.Title'\n\nAction.displayName = 'Banner.Action'\n\nExpandActionButton.displayName = 'Banner.ExpandActionButton'\n\nActions.displayName = 'Banner.Actions'\n\nDropdownAction.displayName = 'Banner.DropdownAction'\n\nIcon.displayName = 'Banner.Icon'\n\nDismiss.displayName = 'Banner.Dismiss'\n\nErrorBanner.displayName = 'ErrorBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\n\n/**\n\n\n We use banners to contextually convey complicated or supplemental information\n to a user. Depending on the type of banner, we can provide more information\n about a feature or page the user is on, an action the user needs to perform,\n or an error the user has encountered.\n\n Procore banners are informative and actionable. Always explain what the user\n needs to know (and in some cases, why they’re seeing the banner), and provide\n an actionable next step.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nexport const Banner = addSubcomponents(\n  {\n    Body,\n    Content,\n    ExpandableContent,\n    Title,\n    Action,\n    ExpandActionButton,\n    Actions,\n    Icon,\n    Dismiss,\n  },\n  Banner_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["Clear","EllipsisVertical","Error","Info","Warning","useId","partition","React","Button","Card","Flex","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","BannerA11yContext","createContext","defaultIcons","error","createElement","size","attention","info","UNSAFE_attention_emphasized","getBannerA11yProps","_ref","hasLabelProvided","defaultAriaLabel","role","titleId","landmarkProps","Banner_","forwardRef","Banner","_ref2","ref","children","_ref2$role","variant","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","setTitleId","_ref3","element","isValidElement","type","ExpandableContent","Children","toArray","_ref4","expandableContentNodes","content","isExpandable","length","iconElement","useMemo","find","child","Icon","hasCustomIcon","icon","defaultAriaLabelByVariant","t","_getBannerA11yProps","Boolean","a11yContextValue","Provider","value","_extends","$isExpandable","$variant","Fragment","justifyContent","alignItems","gap","grow","Content","_ref5","_excluded2","_ref6","_ref6$expanded","expanded","_ref6$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref7","overflowRef","isOverflowingY","onAnimationEnd","current","$isOverflowingY","$expandableContentMaxHeight","tabIndex","Title","_ref8","_props$id","_excluded4","generatedId","id","a11yContext","useContext","useEffect","undefined","Body","_ref9","_excluded5","Action","_ref0","_excluded6","ExpandActionButton","_ref1","isExpanded","onExpandChange","_excluded7","label","onClick","DropdownAction","_ref10","_excluded8","Item","item","Actions","_ref11","_excluded9","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","_ref14","_excluded0","Dismiss","_ref15","_excluded1","ErrorBanner","_ref16","_excluded10","InfoBanner","_ref17","_excluded11","AttentionBanner","_ref18","_excluded12","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref19","_ref19$variant","_excluded13","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n  Clear,\n  EllipsisVertical,\n  Error,\n  Info,\n  Warning,\n} from '@procore/core-icons/dist'\nimport { useId } from '@react-aria/utils'\nimport { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button'\nimport { Card } from '../Card'\nimport { Flex } from '../Flex'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledAction,\n  StyledActionsTrigger,\n  StyledBannerContainer,\n  StyledBody,\n  StyledContent,\n  StyledExpandableContent,\n  StyledExpandableContentContainer,\n  StyledIconContainer,\n  StyledMiniBannerContainer,\n  StyledTitle,\n} from './Banner.styles'\nimport type {\n  BannerExpandableContentProps,\n  BannerExpandActionButtonProps,\n  BannerIconProps,\n  BannerProps,\n  BannerVariant,\n} from './Banner.types'\n\ninterface BannerA11yContextValue {\n  setTitleId: (id: string | undefined) => void\n}\n\nconst BannerA11yContext = React.createContext<BannerA11yContextValue | null>(\n  null\n)\n\nconst defaultIcons: Record<BannerVariant, React.ReactNode> = {\n  error: <Error size=\"lg\" />,\n  attention: <Warning size=\"lg\" />,\n  info: <Info size=\"lg\" />,\n  UNSAFE_attention_emphasized: <Warning size=\"lg\" />,\n}\n\ninterface BannerLabelingArgs {\n  hasLabelProvided: boolean\n  defaultAriaLabel: string\n  role: React.AriaRole | undefined\n  titleId: string | undefined\n}\n\ninterface BannerLabeledNodes {\n  landmarkProps: Pick<\n    React.HTMLAttributes<HTMLDivElement>,\n    'role' | 'aria-label' | 'aria-labelledby'\n  >\n  // liveRegionProps: Pick<React.HTMLAttributes<HTMLDivElement>, 'role'>\n}\n\nfunction getBannerA11yProps({\n  hasLabelProvided,\n  defaultAriaLabel,\n  role,\n  titleId,\n}: BannerLabelingArgs): BannerLabeledNodes {\n  if (role !== 'region') {\n    return {\n      landmarkProps: { role },\n    }\n  }\n\n  if (hasLabelProvided) {\n    return {\n      landmarkProps: { role: 'region' },\n    }\n  }\n\n  if (titleId) {\n    return {\n      landmarkProps: {\n        role: 'region',\n        'aria-labelledby': titleId,\n      },\n    }\n  }\n\n  return {\n    landmarkProps: {\n      role: 'region',\n      'aria-label': defaultAriaLabel,\n    },\n  }\n}\n\nconst Banner_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & BannerProps\n>(function Banner({ children, role = 'region', variant, ...props }, ref) {\n  const I18n = useI18nContext()\n  const [titleId, setTitleId] = React.useState<string>()\n  const [expandableContentNodes, content] = partition(\n    (element: React.ReactNode) =>\n      React.isValidElement(element) && element.type === ExpandableContent,\n    React.Children.toArray(children)\n  ) as [React.ReactElement[], React.ReactElement[]]\n  const isExpandable = expandableContentNodes.length !== 0\n\n  const iconElement = React.useMemo(() => {\n    return React.Children.toArray(children).find(\n      (child) => React.isValidElement(child) && child.type === Icon\n    ) as React.ReactElement<BannerIconProps> | undefined\n  }, [children])\n\n  const hasCustomIcon = iconElement && iconElement.props.icon\n  const defaultAriaLabelByVariant: Record<BannerVariant, string> = {\n    error: I18n.t('core.banner.defaultLabels.error'),\n    attention: I18n.t('core.banner.defaultLabels.attention'),\n    info: I18n.t('core.banner.defaultLabels.info'),\n    UNSAFE_attention_emphasized: I18n.t(\n      'core.banner.defaultLabels.unsafeAttentionEmphasized'\n    ),\n  }\n\n  const { landmarkProps } = getBannerA11yProps({\n    hasLabelProvided: Boolean(props['aria-label'] || props['aria-labelledby']),\n    defaultAriaLabel: defaultAriaLabelByVariant[variant],\n    role,\n    titleId,\n  })\n\n  const a11yContextValue = React.useMemo(() => ({ setTitleId }), [setTitleId])\n\n  return (\n    <BannerA11yContext.Provider value={a11yContextValue}>\n      <StyledBannerContainer\n        ref={ref}\n        $isExpandable={isExpandable}\n        $variant={variant}\n        {...landmarkProps}\n        {...props}\n      >\n        {isExpandable ? (\n          <>\n            <StyledExpandableContentContainer\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              gap=\"lg\"\n            >\n              {!hasCustomIcon && <Icon icon={defaultIcons[variant]} />}\n              {content}\n            </StyledExpandableContentContainer>\n            {expandableContentNodes}\n          </>\n        ) : (\n          <Flex\n            justifyContent=\"flex-start\"\n            alignItems=\"center\"\n            gap=\"lg\"\n            grow=\"1\"\n          >\n            {!hasCustomIcon && <Icon icon={defaultIcons[variant]} />}\n            {content}\n          </Flex>\n        )}\n      </StyledBannerContainer>\n    </BannerA11yContext.Provider>\n  )\n})\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Props\n>(function Content({ children, ...props }, ref) {\n  return (\n    <StyledContent {...props} ref={ref}>\n      {children}\n    </StyledContent>\n  )\n})\n\nconst ExpandableContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & BannerExpandableContentProps\n>(function ExpandableContent(\n  { children, expanded = false, expandableContentMaxHeight = 120, ...props },\n  ref\n) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n\n  return expanded ? (\n    <OverflowObserver>\n      {({ ref: overflowRef, isOverflowingY }) => (\n        <StyledExpandableContent\n          ref={mergeRefs(ref, containerRef)}\n          data-qa=\"core-banner-expandable-content\"\n          onAnimationEnd={() => overflowRef(containerRef.current)}\n          $isOverflowingY={isOverflowingY}\n          $expandableContentMaxHeight={expandableContentMaxHeight}\n          {...props}\n          {...(isOverflowingY && { tabIndex: 0 })}\n        >\n          {children}\n        </StyledExpandableContent>\n      )}\n    </OverflowObserver>\n  ) : null\n})\n\nconst Title = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  }\n>(function Title({ children, ...props }, ref) {\n  const generatedId = useId()\n  const titleId = props.id ?? generatedId\n  const a11yContext = React.useContext(BannerA11yContext)\n\n  React.useEffect(() => {\n    a11yContext?.setTitleId(titleId)\n\n    return () => a11yContext?.setTitleId(undefined)\n  }, [a11yContext, titleId])\n\n  return (\n    <StyledTitle id={titleId} {...props} ref={ref}>\n      {children}\n    </StyledTitle>\n  )\n})\n\nconst Body = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function Body({ children, ...props }, ref) {\n  return (\n    <StyledBody {...props} ref={ref}>\n      {children}\n    </StyledBody>\n  )\n})\n\nconst Action = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function Action({ children, ...props }, ref) {\n  return (\n    <StyledAction {...props} ref={ref}>\n      {children}\n    </StyledAction>\n  )\n})\n\nconst ExpandActionButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement> & BannerExpandActionButtonProps\n>(function ExpandActionButton(\n  { isExpanded, onExpandChange, children, ...props },\n  ref\n) {\n  const I18n = useI18nContext()\n  const label =\n    children ??\n    (isExpanded ? I18n.t('core.banner.collapse') : I18n.t('core.banner.expand'))\n\n  return (\n    <Button\n      ref={ref}\n      type=\"button\"\n      aria-expanded={isExpanded}\n      onClick={() => onExpandChange(!isExpanded)}\n      {...props}\n    >\n      {label}\n    </Button>\n  )\n})\n\nconst DropdownAction = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function DropdownAction({ children, ...props }, ref) {\n  return (\n    <Menu.Item ref={ref} item={null} {...(props as any)}>\n      {children}\n    </Menu.Item>\n  )\n})\n\nconst Actions = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function Actions({ children, ...props }, ref) {\n  const actionButtons = React.Children.toArray(children).filter(\n    (element: React.ReactNode) =>\n      React.isValidElement(element) && element.type === Action\n  ) as React.ReactElement[]\n\n  return (\n    <OverlayTrigger\n      overlay={\n        <Card>\n          <Menu\n            ref={(node) => node?.focus()}\n            usingHook={useMenu({\n              isSelectable: ({ type }) => type === DropdownAction,\n            })}\n          >\n            <Menu.Options>\n              {actionButtons.map(({ props: actionButtonProps }, idx) => (\n                <DropdownAction key={idx} {...actionButtonProps} />\n              ))}\n            </Menu.Options>\n          </Menu>\n        </Card>\n      }\n      ref={ref}\n      placement=\"bottom-right\"\n    >\n      <StyledActionsTrigger\n        data-qa=\"core-banner-actions-trigger\"\n        variant=\"tertiary\"\n        arrow={false}\n        icon={<EllipsisVertical />}\n        {...props}\n      />\n    </OverlayTrigger>\n  )\n})\n\nconst Icon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & BannerIconProps\n>(function Icon({ children, icon, ...props }, ref) {\n  return (\n    <StyledIconContainer ref={ref} aria-hidden=\"true\" {...props}>\n      {icon}\n    </StyledIconContainer>\n  )\n})\n\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function Dismiss({ children, ...props }, ref) {\n  const I18n = useI18nContext()\n\n  return (\n    <Button\n      aria-label={I18n.t('core.banner.dismissAlert')}\n      ref={ref}\n      {...props}\n      icon={<Clear />}\n      variant=\"tertiary\"\n    />\n  )\n})\n\nexport const ErrorBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Omit<BannerProps, 'variant'>\n>(function ErrorBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"error\" {...props}>\n      <Icon icon={<Error size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\nexport const InfoBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Omit<BannerProps, 'variant'>\n>(function InfoBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"info\" {...props}>\n      <Icon icon={<Info size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\n/**\n * @since 11.26.0\n */\nexport const AttentionBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Omit<BannerProps, 'variant'>\n>(function AttentionBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"attention\" {...props}>\n      <Icon icon={<Warning size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n/**\n * @deprecated ActionBanner was renamed to AttentionBanner.\n * @deprecatedSince 11.26.0\n */\nexport const ActionBanner = AttentionBanner\n\nexport const UNSAFE_MiniBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { variant?: BannerVariant }\n>(function MiniBanner({ children, variant = 'info', ...props }, ref) {\n  return (\n    <StyledMiniBannerContainer ref={ref} variant={variant} {...props}>\n      {children}\n    </StyledMiniBannerContainer>\n  )\n})\n\nBanner_.displayName = 'Banner'\n\nBody.displayName = 'Banner.Body'\n\nContent.displayName = 'Banner.Content'\n\nExpandableContent.displayName = 'Banner.ExpandableContent'\n\nTitle.displayName = 'Banner.Title'\n\nAction.displayName = 'Banner.Action'\n\nExpandActionButton.displayName = 'Banner.ExpandActionButton'\n\nActions.displayName = 'Banner.Actions'\n\nDropdownAction.displayName = 'Banner.DropdownAction'\n\nIcon.displayName = 'Banner.Icon'\n\nDismiss.displayName = 'Banner.Dismiss'\n\nErrorBanner.displayName = 'ErrorBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\n\n/**\n\n\n We use banners to contextually convey complicated or supplemental information\n to a user. Depending on the type of banner, we can provide more information\n about a feature or page the user is on, an action the user needs to perform,\n or an error the user has encountered.\n\n Procore banners are informative and actionable. Always explain what the user\n needs to know (and in some cases, why they’re seeing the banner), and provide\n an actionable next step.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nexport const Banner = addSubcomponents(\n  {\n    Body,\n    Content,\n    ExpandableContent,\n    Title,\n    Action,\n    ExpandActionButton,\n    Actions,\n    Icon,\n    Dismiss,\n  },\n  Banner_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/Banner/Banner.styles.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 import type { FlexProps } from '../Flex';
 import type { BannerProps, BannerVariant } from './Banner.types';
-declare type StyledBannerContainerProps = {
+type StyledBannerContainerProps = {
     $isExpandable: boolean;
     $variant: BannerProps['variant'];
 } & Omit<BannerProps, 'variant'>;
 export declare const StyledBannerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBannerContainerProps>> & string;
 export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledExpandableContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledExpandableContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").HTMLAttributes<HTMLDivElement> & FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, FlexProps & {
     $isOverflowingY: boolean;
     $expandableContentMaxHeight: number;
@@ -20,7 +19,7 @@ export declare const StyledTitle: import("styled-components/dist/types").IStyled
 export declare const StyledBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledActionsTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Dropdown/Dropdown.types").DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Dropdown/Dropdown.types").DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMiniBannerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/Banner/Banner.styles.js

@@ -39,7 +39,7 @@ var expandContent = function expandContent(maxHeight) {
 };
 export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBannerContainer",
-  componentId: "core-12_52_0__sc-149wm7c-0"
+  componentId: "core-12_53_1__sc-149wm7c-0"
 })(["align-items:center;border-left:", "px solid;border-radius:", "px;color:", ";display:flex;justify-content:space-between;min-height:52px;padding:0 ", "px;", " ", " ", ""], bannerLeft, borderRadius.md, colors.gray15, spacing.lg, bannerShadow, function (_ref) {
   var $variant = _ref.$variant;
   var _bannerVariantColors$ = bannerVariantColors[$variant],
@@ -52,15 +52,15 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_52_0__sc-149wm7c-1"
+  componentId: "core-12_53_1__sc-149wm7c-1"
 })(["align-self:center;margin:", "px ", "px ", "px 0;width:100%;"], spacing.sm, spacing.lg, spacing.sm);
 export var StyledExpandableContentContainer = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledExpandableContentContainer",
-  componentId: "core-12_52_0__sc-149wm7c-2"
+  componentId: "core-12_53_1__sc-149wm7c-2"
 })(["color:", ";min-height:52px;padding:0 ", "px;position:relative;z-index:1;", ""], colors.gray15, spacing.lg, bannerShadow);
 export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledExpandableContent",
-  componentId: "core-12_52_0__sc-149wm7c-3"
+  componentId: "core-12_53_1__sc-149wm7c-3"
 })(["animation-duration:450ms;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:", ";box-sizing:border-box;font-size:14px;font-weight:500;letter-spacing:0.25px;line-height:20px;overflow-y:auto;padding:0 ", "px;position:relative;z-index:0;", " ", ""], colors.white, spacing.xl * 2 + spacing.sm, function (_ref3) {
   var $isOverflowingY = _ref3.$isOverflowingY;
   return $isOverflowingY && focusable;
@@ -70,23 +70,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_52_0__sc-149wm7c-4"
+  componentId: "core-12_53_1__sc-149wm7c-4"
 })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_52_0__sc-149wm7c-5"
+  componentId: "core-12_53_1__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_52_0__sc-149wm7c-6"
+  componentId: "core-12_53_1__sc-149wm7c-6"
 })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
 export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
   displayName: "StyledActionsTrigger",
-  componentId: "core-12_52_0__sc-149wm7c-7"
+  componentId: "core-12_53_1__sc-149wm7c-7"
 })(["flex-shrink:0;& + ", ",& + ", "{margin-left:-", "px;}"], StyledButton, StyledLinkButton, spacing.sm);
 export var StyledAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAction",
-  componentId: "core-12_52_0__sc-149wm7c-8"
+  componentId: "core-12_53_1__sc-149wm7c-8"
 })(["margin:", "px 0 ", "px -", "px;& + ", ",& + ", ",& + ", "{margin-left:-", "px;}", ",", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, spacing.sm, spacing.sm, StyledButton, StyledLinkButton, StyledActionsTrigger, spacing.sm, StyledButton, StyledLinkButton, colors.gray15, colors.gray85, colors.gray15);
 function getMiniBannerIconColor(_ref5) {
   var variant = _ref5.variant;
@@ -94,6 +94,6 @@ function getMiniBannerIconColor(_ref5) {
 }
 export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMiniBannerContainer",
-  componentId: "core-12_52_0__sc-149wm7c-9"
+  componentId: "core-12_53_1__sc-149wm7c-9"
 })(["align-items:center;background-color:", ";display:flex;justify-content:space-between;padding:0 ", "px;", " ", " & ", "{margin:", "px;}"], colors.gray96, spacing.md, getTypographyIntent('small'), getMiniBannerIconColor, StyledContent, spacing.sm);
 //# sourceMappingURL=Banner.styles.js.map

package/dist/Banner/Banner.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.styles.js","names":["styled","css","keyframes","StyledButton","StyledLinkButton","DropdownButton","Flex","getTypographyIntent","typographyWeights","borderRadius","colors","focusable","getShadow","spacing","bannerLeft","bannerVariantColors","attention","primary","yellow40","secondary","yellow94","error","red50","red98","info","blue50","blue96","UNSAFE_attention_emphasized","orange50","orange98","miniBannerVariantColors","yellow50","green50","bannerShadow","expandContent","maxHeight","sm","StyledBannerContainer","div","withConfig","displayName","componentId","md","gray15","lg","_ref","$variant","_bannerVariantColors$","StyledIconContainer","_ref2","$isExpandable","StyledContent","StyledExpandableContentContainer","StyledExpandableContent","white","xl","_ref3","$isOverflowingY","_ref4","$expandableContentMaxHeight","StyledTitle","semibold","StyledBody","StyledActionsTrigger","StyledAction","gray85","getMiniBannerIconColor","_ref5","variant","StyledMiniBannerContainer","gray96"],"sources":["../../src/Banner/Banner.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledButton, StyledLinkButton } from '../Button/Button.styles'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport type { FlexProps } from '../Flex'\nimport { Flex } from '../Flex'\nimport { getTypographyIntent, typographyWeights } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { focusable } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport type { BannerProps, BannerVariant } from './Banner.types'\n\ntype StyledBannerContainerProps = {\n  $isExpandable: boolean\n  $variant: BannerProps['variant']\n} & Omit<BannerProps, 'variant'>\n\nconst bannerLeft = 8\n\nconst bannerVariantColors = {\n  attention: {\n    primary: colors.yellow40,\n    secondary: colors.yellow94,\n  },\n  error: {\n    primary: colors.red50,\n    secondary: colors.red98,\n  },\n  info: {\n    primary: colors.blue50,\n    secondary: colors.blue96,\n  },\n  UNSAFE_attention_emphasized: {\n    primary: colors.orange50,\n    secondary: colors.orange98,\n  },\n} as const\n\nconst miniBannerVariantColors = {\n  attention: colors.yellow50,\n  error: colors.red50,\n  info: colors.blue50,\n  UNSAFE_attention_emphasized: colors.green50,\n}\n\nconst bannerShadow = getShadow(1, 'bottom')\n\nconst expandContent = (maxHeight: number) => keyframes`\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n    max-height: 0;\n    min-height: 0;\n    overflow-y: hidden;\n  }\n  to {\n    padding-top: ${spacing.sm}px;\n    padding-bottom: ${spacing.sm}px;\n    min-height: 32px;\n    max-height: ${maxHeight}px;\n    overflow-y: auto;\n  }\n`\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerProps>`\n  align-items: center;\n  border-left: ${bannerLeft}px solid;\n  border-radius: ${borderRadius.md}px;\n  color: ${colors.gray15};\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 ${spacing.lg}px;\n\n  ${bannerShadow}\n\n  ${({ $variant }) => {\n    const { primary, secondary } = bannerVariantColors[$variant]\n\n    return css`\n      border-left-color: ${primary};\n      background-color: ${secondary};\n\n      & ${StyledIconContainer} {\n        color: ${primary};\n      }\n    `\n  }}\n\n  ${({ $isExpandable }) =>\n    $isExpandable &&\n    css`\n      flex-direction: column;\n      align-items: stretch;\n      padding: 0;\n    `}\n`\n\nexport const StyledContent = styled.div`\n  align-self: center;\n  margin: ${spacing.sm}px ${spacing.lg}px ${spacing.sm}px 0;\n  width: 100%;\n`\n\nexport const StyledExpandableContentContainer = styled(Flex)`\n  color: ${colors.gray15};\n  min-height: 52px;\n  padding: 0 ${spacing.lg}px;\n  position: relative;\n  z-index: 1;\n\n  ${bannerShadow}\n`\n\nexport const StyledExpandableContent = styled(Flex)<\n  FlexProps & { $isOverflowingY: boolean; $expandableContentMaxHeight: number }\n>`\n  animation-duration: 450ms;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease-out;\n  background-color: ${colors.white};\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.25px;\n  line-height: 20px;\n  overflow-y: auto;\n  padding: 0 ${spacing.xl * 2 + spacing.sm}px;\n  position: relative;\n  z-index: 0;\n\n  ${({ $isOverflowingY }) => $isOverflowingY && focusable}\n  ${({ $expandableContentMaxHeight }) =>\n    css`\n      animation-name: ${expandContent($expandableContentMaxHeight)};\n    `}\n`\n\nexport const StyledTitle = styled.div`\n  ${getTypographyIntent('body')}\n  color: ${colors.gray15};\n  font-weight: ${typographyWeights.semibold};\n`\n\nexport const StyledBody = styled.div`\n  ${getTypographyIntent('body')}\n  color: ${colors.gray15};\n`\n\nexport const StyledIconContainer = styled.div`\n  flex: 0 0 auto;\n  margin: ${spacing.lg}px 0;\n`\n\nexport const StyledActionsTrigger = styled(DropdownButton)`\n  flex-shrink: 0;\n\n  & + ${StyledButton}, & + ${StyledLinkButton} {\n    margin-left: -${spacing.sm}px;\n  }\n`\n\nexport const StyledAction = styled.div`\n  margin: ${spacing.sm}px 0 ${spacing.sm}px -${spacing.sm}px;\n\n  & + ${StyledButton}, & + ${StyledLinkButton}, & + ${StyledActionsTrigger} {\n    margin-left: -${spacing.sm}px;\n  }\n\n  ${StyledButton}, ${StyledLinkButton} {\n    background: rgba(0, 0, 0, 0.05);\n    color: ${colors.gray15};\n\n    &:hover {\n      background: ${colors.gray85};\n      color: ${colors.gray15};\n    }\n  }\n`\n\nfunction getMiniBannerIconColor({ variant }: { variant: BannerVariant }) {\n  return css`\n    & ${StyledIconContainer} {\n      color: ${miniBannerVariantColors[variant]};\n    }\n  `\n}\n\nexport const StyledMiniBannerContainer = styled.div<{\n  variant: BannerVariant\n}>`\n  align-items: center;\n  background-color: ${colors.gray96};\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${spacing.md}px;\n\n  ${getTypographyIntent('small')}\n\n  ${getMiniBannerIconColor}\n\n  & ${StyledContent} {\n    margin: ${spacing.sm}px;\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"Banner.styles.js","names":["styled","css","keyframes","StyledButton","StyledLinkButton","DropdownButton","Flex","getTypographyIntent","typographyWeights","borderRadius","colors","focusable","getShadow","spacing","bannerLeft","bannerVariantColors","attention","primary","yellow40","secondary","yellow94","error","red50","red98","info","blue50","blue96","UNSAFE_attention_emphasized","orange50","orange98","miniBannerVariantColors","yellow50","green50","bannerShadow","expandContent","maxHeight","sm","StyledBannerContainer","div","withConfig","displayName","componentId","md","gray15","lg","_ref","$variant","_bannerVariantColors$","StyledIconContainer","_ref2","$isExpandable","StyledContent","StyledExpandableContentContainer","StyledExpandableContent","white","xl","_ref3","$isOverflowingY","_ref4","$expandableContentMaxHeight","StyledTitle","semibold","StyledBody","StyledActionsTrigger","StyledAction","gray85","getMiniBannerIconColor","_ref5","variant","StyledMiniBannerContainer","gray96"],"sources":["../../src/Banner/Banner.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { StyledButton, StyledLinkButton } from '../Button/Button.styles'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport type { FlexProps } from '../Flex'\nimport { Flex } from '../Flex'\nimport { getTypographyIntent, typographyWeights } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { focusable } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport type { BannerProps, BannerVariant } from './Banner.types'\n\ntype StyledBannerContainerProps = {\n  $isExpandable: boolean\n  $variant: BannerProps['variant']\n} & Omit<BannerProps, 'variant'>\n\nconst bannerLeft = 8\n\nconst bannerVariantColors = {\n  attention: {\n    primary: colors.yellow40,\n    secondary: colors.yellow94,\n  },\n  error: {\n    primary: colors.red50,\n    secondary: colors.red98,\n  },\n  info: {\n    primary: colors.blue50,\n    secondary: colors.blue96,\n  },\n  UNSAFE_attention_emphasized: {\n    primary: colors.orange50,\n    secondary: colors.orange98,\n  },\n} as const\n\nconst miniBannerVariantColors = {\n  attention: colors.yellow50,\n  error: colors.red50,\n  info: colors.blue50,\n  UNSAFE_attention_emphasized: colors.green50,\n}\n\nconst bannerShadow = getShadow(1, 'bottom')\n\nconst expandContent = (maxHeight: number) => keyframes`\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n    max-height: 0;\n    min-height: 0;\n    overflow-y: hidden;\n  }\n  to {\n    padding-top: ${spacing.sm}px;\n    padding-bottom: ${spacing.sm}px;\n    min-height: 32px;\n    max-height: ${maxHeight}px;\n    overflow-y: auto;\n  }\n`\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerProps>`\n  align-items: center;\n  border-left: ${bannerLeft}px solid;\n  border-radius: ${borderRadius.md}px;\n  color: ${colors.gray15};\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 ${spacing.lg}px;\n\n  ${bannerShadow}\n\n  ${({ $variant }) => {\n    const { primary, secondary } = bannerVariantColors[$variant]\n\n    return css`\n      border-left-color: ${primary};\n      background-color: ${secondary};\n\n      & ${StyledIconContainer} {\n        color: ${primary};\n      }\n    `\n  }}\n\n  ${({ $isExpandable }) =>\n    $isExpandable &&\n    css`\n      flex-direction: column;\n      align-items: stretch;\n      padding: 0;\n    `}\n`\n\nexport const StyledContent = styled.div`\n  align-self: center;\n  margin: ${spacing.sm}px ${spacing.lg}px ${spacing.sm}px 0;\n  width: 100%;\n`\n\nexport const StyledExpandableContentContainer = styled(Flex)`\n  color: ${colors.gray15};\n  min-height: 52px;\n  padding: 0 ${spacing.lg}px;\n  position: relative;\n  z-index: 1;\n\n  ${bannerShadow}\n`\n\nexport const StyledExpandableContent = styled(Flex)<\n  FlexProps & { $isOverflowingY: boolean; $expandableContentMaxHeight: number }\n>`\n  animation-duration: 450ms;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease-out;\n  background-color: ${colors.white};\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.25px;\n  line-height: 20px;\n  overflow-y: auto;\n  padding: 0 ${spacing.xl * 2 + spacing.sm}px;\n  position: relative;\n  z-index: 0;\n\n  ${({ $isOverflowingY }) => $isOverflowingY && focusable}\n  ${({ $expandableContentMaxHeight }) =>\n    css`\n      animation-name: ${expandContent($expandableContentMaxHeight)};\n    `}\n`\n\nexport const StyledTitle = styled.div`\n  ${getTypographyIntent('body')}\n  color: ${colors.gray15};\n  font-weight: ${typographyWeights.semibold};\n`\n\nexport const StyledBody = styled.div`\n  ${getTypographyIntent('body')}\n  color: ${colors.gray15};\n`\n\nexport const StyledIconContainer = styled.div`\n  flex: 0 0 auto;\n  margin: ${spacing.lg}px 0;\n`\n\nexport const StyledActionsTrigger = styled(DropdownButton)`\n  flex-shrink: 0;\n\n  & + ${StyledButton}, & + ${StyledLinkButton} {\n    margin-left: -${spacing.sm}px;\n  }\n`\n\nexport const StyledAction = styled.div`\n  margin: ${spacing.sm}px 0 ${spacing.sm}px -${spacing.sm}px;\n\n  & + ${StyledButton}, & + ${StyledLinkButton}, & + ${StyledActionsTrigger} {\n    margin-left: -${spacing.sm}px;\n  }\n\n  ${StyledButton}, ${StyledLinkButton} {\n    background: rgba(0, 0, 0, 0.05);\n    color: ${colors.gray15};\n\n    &:hover {\n      background: ${colors.gray85};\n      color: ${colors.gray15};\n    }\n  }\n`\n\nfunction getMiniBannerIconColor({ variant }: { variant: BannerVariant }) {\n  return css`\n    & ${StyledIconContainer} {\n      color: ${miniBannerVariantColors[variant]};\n    }\n  `\n}\n\nexport const StyledMiniBannerContainer = styled.div<{\n  variant: BannerVariant\n}>`\n  align-items: center;\n  background-color: ${colors.gray96};\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${spacing.md}px;\n\n  ${getTypographyIntent('small')}\n\n  ${getMiniBannerIconColor}\n\n  & ${StyledContent} {\n    margin: ${spacing.sm}px;\n  }\n`\n"],"mappings":"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","ignoreList":[]}

package/dist/Banner/Banner.types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { Props } from '../_utils/types';
-export declare type BannerVariant = 'attention' | 'error' | 'info' | 'UNSAFE_attention_emphasized';
+export type BannerVariant = 'attention' | 'error' | 'info' | 'UNSAFE_attention_emphasized';
 export interface BannerProps extends Props {
     /**
      * @a11y Useful when no `Banner.Title` is present. Prefer a brief visible labels.

package/dist/Banner/Banner.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.types.js","names":[],"sources":["../../src/Banner/Banner.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type BannerVariant =\n  | 'attention'\n  | 'error'\n  | 'info'\n  | 'UNSAFE_attention_emphasized'\n\nexport interface BannerProps extends Props {\n  /**\n   * @a11y Useful when no `Banner.Title` is present. Prefer a brief visible labels.\n   */\n  'aria-label'?: string\n  /**\n   * Sets the banner's role. Is it present on load or does it appear during a workflow?\n   *\n   * @a11y Banners can act as landmarks or live regions. Roles:\n   * - `region` (default) a landmark already present and persists or is dismissed. `Banner.Title` provides the label.\n   * - `alert` for urgent, time-sensitive messages that should announce immediately.\n   * - `status` for non-urgent live updates that will be announced.\n   * - `none` Regular presentation\n   *\n   * @since 12.49.0\n   */\n  role?: React.AriaRole\n  /**\n   * Sets the banner's variant.\n   *\n   * @since 10.19.0\n   */\n  variant: BannerVariant\n}\n\nexport interface BannerIconProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n}\n\nexport interface BannerExpandableContentProps extends Props {\n  /**\n   * Expands banner content\n   * @since 10.19.0\n   */\n  expanded: boolean\n  /**\n   * Max height for the expanded content pane. (Optional)\n   * Defaults to 120.\n   *\n   * @since 11.5.*\n   */\n  expandableContentMaxHeight?: number\n}\n\nexport interface BannerExpandActionButtonProps {\n  /** Whether the expandable content is currently expanded */\n  isExpanded: boolean\n  /** Called when the user toggles expand/collapse; receives the new expanded value. Use with any state (useState, useReducer, URL, etc.). */\n  onExpandChange: (expanded: boolean) => void\n}\n"],"mappings":""}
+{"version":3,"file":"Banner.types.js","names":[],"sources":["../../src/Banner/Banner.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type BannerVariant =\n  | 'attention'\n  | 'error'\n  | 'info'\n  | 'UNSAFE_attention_emphasized'\n\nexport interface BannerProps extends Props {\n  /**\n   * @a11y Useful when no `Banner.Title` is present. Prefer a brief visible labels.\n   */\n  'aria-label'?: string\n  /**\n   * Sets the banner's role. Is it present on load or does it appear during a workflow?\n   *\n   * @a11y Banners can act as landmarks or live regions. Roles:\n   * - `region` (default) a landmark already present and persists or is dismissed. `Banner.Title` provides the label.\n   * - `alert` for urgent, time-sensitive messages that should announce immediately.\n   * - `status` for non-urgent live updates that will be announced.\n   * - `none` Regular presentation\n   *\n   * @since 12.49.0\n   */\n  role?: React.AriaRole\n  /**\n   * Sets the banner's variant.\n   *\n   * @since 10.19.0\n   */\n  variant: BannerVariant\n}\n\nexport interface BannerIconProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n}\n\nexport interface BannerExpandableContentProps extends Props {\n  /**\n   * Expands banner content\n   * @since 10.19.0\n   */\n  expanded: boolean\n  /**\n   * Max height for the expanded content pane. (Optional)\n   * Defaults to 120.\n   *\n   * @since 11.5.*\n   */\n  expandableContentMaxHeight?: number\n}\n\nexport interface BannerExpandActionButtonProps {\n  /** Whether the expandable content is currently expanded */\n  isExpanded: boolean\n  /** Called when the user toggles expand/collapse; receives the new expanded value. Use with any state (useState, useReducer, URL, etc.). */\n  onExpandChange: (expanded: boolean) => void\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Banner/index.d.ts

@@ -1,2 +1,2 @@
 export { ActionBanner, AttentionBanner, Banner, ErrorBanner, InfoBanner, UNSAFE_MiniBanner, } from './Banner';
-export type { BannerExpandableContentProps, BannerExpandActionButtonProps, BannerIconProps, BannerProps, } from './Banner.types';
+export type { BannerExpandActionButtonProps, BannerExpandableContentProps, BannerIconProps, BannerProps, } from './Banner.types';

package/dist/Banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ActionBanner","AttentionBanner","Banner","ErrorBanner","InfoBanner","UNSAFE_MiniBanner"],"sources":["../../src/Banner/index.ts"],"sourcesContent":["export {\n  ActionBanner,\n  AttentionBanner,\n  Banner,\n  ErrorBanner,\n  InfoBanner,\n  UNSAFE_MiniBanner,\n} from './Banner'\nexport type {\n  BannerExpandableContentProps,\n  BannerExpandActionButtonProps,\n  BannerIconProps,\n  BannerProps,\n} from './Banner.types'\n"],"mappings":"AAAA,SACEA,YAAY,EACZC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,iBAAiB,QACZ,UAAU"}
+{"version":3,"file":"index.js","names":["ActionBanner","AttentionBanner","Banner","ErrorBanner","InfoBanner","UNSAFE_MiniBanner"],"sources":["../../src/Banner/index.ts"],"sourcesContent":["export {\n  ActionBanner,\n  AttentionBanner,\n  Banner,\n  ErrorBanner,\n  InfoBanner,\n  UNSAFE_MiniBanner,\n} from './Banner'\nexport type {\n  BannerExpandActionButtonProps,\n  BannerExpandableContentProps,\n  BannerIconProps,\n  BannerProps,\n} from './Banner.types'\n"],"mappings":"AAAA,SACEA,YAAY,EACZC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,iBAAiB,QACZ,UAAU","ignoreList":[]}

package/dist/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","names":["React","StyledBox","getLegacyDisplayAndDirection","d","display","direction","includes","undefined","Box","forwardRef","_ref","ref","as","alignContent","alignItems","alignSelf","children","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","gap","justifyContent","margin","marginBottom","marginLeft","marginRight","marginTop","order","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","textAlign","props","_objectWithoutProperties","_excluded","legacyProps","createElement","_extends","$alignContent","$alignItems","$alignSelf","$display","$flex","$flexBasis","$flexDirection","$flexGrow","$flexShrink","$flexWrap","$gap","$justifyContent","$margin","$marginBottom","$marginLeft","$marginRight","$marginTop","$order","$padding","$paddingBottom","$paddingLeft","$paddingRight","$paddingTop","$textAlign","displayName"],"sources":["../../src/Box/Box.tsx"],"sourcesContent":["import * as React from 'react'\nimport { StyledBox } from './Box.styles'\nimport type { BoxProps, Display, FlexDirection } from './Box.types'\n\n// TODO remove this after we decommission the LegacyDisplay type\nfunction getLegacyDisplayAndDirection(d?: Display) {\n  if (!d) {\n    return {}\n  }\n\n  let display = d\n\n  let direction: FlexDirection | undefined = display.includes('flex')\n    ? 'row'\n    : undefined\n\n  if (d.includes('flex-inline') || d.includes('inline-flex')) {\n    display = 'inline-flex'\n  } else if (d.includes('flex')) {\n    display = 'flex'\n  }\n\n  if (d.includes('column-reverse')) {\n    direction = 'column-reverse'\n  } else if (d.includes('column')) {\n    direction = 'column'\n  }\n\n  if (d.includes('row-reverse')) {\n    direction = 'row-reverse'\n  } else if (d.includes('row')) {\n    direction = 'row'\n  }\n\n  return {\n    display,\n    direction,\n  }\n}\n\n/**\n * `Box` is a general layout utility for CSS properties like `display`, `text-align`,\n * flex, spacing, and layout properties.\n */\nexport const Box = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & BoxProps\n>(function Box(\n  {\n    as,\n    alignContent,\n    alignItems,\n    alignSelf,\n    children,\n    display,\n    flex,\n    flexBasis,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    gap,\n    justifyContent,\n    margin,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    marginTop,\n    order,\n    padding,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingTop,\n    textAlign,\n    ...props\n  },\n  ref\n) {\n  const legacyProps = getLegacyDisplayAndDirection(display)\n\n  return (\n    <StyledBox\n      {...props}\n      ref={ref}\n      as={as}\n      $alignContent={alignContent}\n      $alignItems={alignItems}\n      $alignSelf={alignSelf}\n      $display={legacyProps.display}\n      $flex={flex}\n      $flexBasis={flexBasis}\n      $flexDirection={flexDirection ?? legacyProps.direction}\n      $flexGrow={flexGrow}\n      $flexShrink={flexShrink}\n      $flexWrap={flexWrap}\n      $gap={gap}\n      $justifyContent={justifyContent}\n      $margin={margin}\n      $marginBottom={marginBottom}\n      $marginLeft={marginLeft}\n      $marginRight={marginRight}\n      $marginTop={marginTop}\n      $order={order}\n      $padding={padding}\n      $paddingBottom={paddingBottom}\n      $paddingLeft={paddingLeft}\n      $paddingRight={paddingRight}\n      $paddingTop={paddingTop}\n      $textAlign={textAlign}\n    >\n      {children}\n    </StyledBox>\n  )\n})\n\nBox.displayName = 'Box'\n"],"mappings":"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"}
+{"version":3,"file":"Box.js","names":["React","StyledBox","getLegacyDisplayAndDirection","d","display","direction","includes","undefined","Box","forwardRef","_ref","ref","as","alignContent","alignItems","alignSelf","children","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","gap","justifyContent","margin","marginBottom","marginLeft","marginRight","marginTop","order","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","textAlign","props","_objectWithoutProperties","_excluded","legacyProps","createElement","_extends","$alignContent","$alignItems","$alignSelf","$display","$flex","$flexBasis","$flexDirection","$flexGrow","$flexShrink","$flexWrap","$gap","$justifyContent","$margin","$marginBottom","$marginLeft","$marginRight","$marginTop","$order","$padding","$paddingBottom","$paddingLeft","$paddingRight","$paddingTop","$textAlign","displayName"],"sources":["../../src/Box/Box.tsx"],"sourcesContent":["import * as React from 'react'\nimport { StyledBox } from './Box.styles'\nimport type { BoxProps, Display, FlexDirection } from './Box.types'\n\n// TODO remove this after we decommission the LegacyDisplay type\nfunction getLegacyDisplayAndDirection(d?: Display) {\n  if (!d) {\n    return {}\n  }\n\n  let display = d\n\n  let direction: FlexDirection | undefined = display.includes('flex')\n    ? 'row'\n    : undefined\n\n  if (d.includes('flex-inline') || d.includes('inline-flex')) {\n    display = 'inline-flex'\n  } else if (d.includes('flex')) {\n    display = 'flex'\n  }\n\n  if (d.includes('column-reverse')) {\n    direction = 'column-reverse'\n  } else if (d.includes('column')) {\n    direction = 'column'\n  }\n\n  if (d.includes('row-reverse')) {\n    direction = 'row-reverse'\n  } else if (d.includes('row')) {\n    direction = 'row'\n  }\n\n  return {\n    display,\n    direction,\n  }\n}\n\n/**\n * `Box` is a general layout utility for CSS properties like `display`, `text-align`,\n * flex, spacing, and layout properties.\n */\nexport const Box = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & BoxProps\n>(function Box(\n  {\n    as,\n    alignContent,\n    alignItems,\n    alignSelf,\n    children,\n    display,\n    flex,\n    flexBasis,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    gap,\n    justifyContent,\n    margin,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    marginTop,\n    order,\n    padding,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingTop,\n    textAlign,\n    ...props\n  },\n  ref\n) {\n  const legacyProps = getLegacyDisplayAndDirection(display)\n\n  return (\n    <StyledBox\n      {...props}\n      ref={ref}\n      as={as}\n      $alignContent={alignContent}\n      $alignItems={alignItems}\n      $alignSelf={alignSelf}\n      $display={legacyProps.display}\n      $flex={flex}\n      $flexBasis={flexBasis}\n      $flexDirection={flexDirection ?? legacyProps.direction}\n      $flexGrow={flexGrow}\n      $flexShrink={flexShrink}\n      $flexWrap={flexWrap}\n      $gap={gap}\n      $justifyContent={justifyContent}\n      $margin={margin}\n      $marginBottom={marginBottom}\n      $marginLeft={marginLeft}\n      $marginRight={marginRight}\n      $marginTop={marginTop}\n      $order={order}\n      $padding={padding}\n      $paddingBottom={paddingBottom}\n      $paddingLeft={paddingLeft}\n      $paddingRight={paddingRight}\n      $paddingTop={paddingTop}\n      $textAlign={textAlign}\n    >\n      {children}\n    </StyledBox>\n  )\n})\n\nBox.displayName = 'Box'\n"],"mappings":"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","ignoreList":[]}

package/dist/Box/Box.styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { $BoxProps } from './Box.types';
 export declare const StyledBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, $BoxProps>> & string;

package/dist/Box/Box.styles.js

@@ -21,7 +21,7 @@ function sizeToPx(size) {
 }
 export var StyledBox = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBox",
-  componentId: "core-12_52_0__sc-fgsy0p-0"
+  componentId: "core-12_53_1__sc-fgsy0p-0"
 })(["", " ", ""], function (_ref) {
   var as = _ref.as;
   if (as === 'ol' || as === 'ul') {

package/dist/Box/Box.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.styles.js","names":["styled","css","spacing","appendPx","value","concat","sizeStrToPx","str","undefined","shorthandSizeToPx","shorthand","split","map","join","sizeToPx","size","StyledBox","div","withConfig","displayName","componentId","_ref","as","p","$alignContent","$alignItems","$alignSelf","$display","$flexBasis","$flexDirection","$flexGrow","$flexShrink","$flexWrap","$flex","$gap","$justifyContent","$margin","$marginBottom","$marginLeft","$marginRight","$marginTop","$order","$padding","$paddingBottom","$paddingLeft","$paddingRight","$paddingTop","$textAlign"],"sources":["../../src/Box/Box.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { Spacing } from '../_styles/spacing'\nimport { spacing } from '../_styles/spacing'\nimport type { $BoxProps, MarginSize, PaddingSize } from './Box.types'\n\nfunction appendPx(value?: number | string): string | undefined {\n  if (!value) {\n    return\n  }\n\n  return typeof value === 'string' ? value : `${value}px`\n}\n\nfunction sizeStrToPx(str?: string): string | undefined {\n  /**\n   * hacky usage of \"as\" here, but since we have a default fallback if the\n   * lookup fails it should be fine\n   */\n  return spacing[str as Spacing] !== undefined\n    ? `${spacing[str as Spacing]}px`\n    : str\n}\n\nfunction shorthandSizeToPx(shorthand?: string): string | undefined {\n  return shorthand?.split(' ').map(sizeStrToPx).join(' ')\n}\n\nfunction sizeToPx(size?: MarginSize | PaddingSize): string | undefined {\n  return sizeStrToPx(size) || size\n}\n\nexport const StyledBox = styled.div<$BoxProps>`\n  ${({ as }) => {\n    if (as === 'ol' || as === 'ul') {\n      return css`\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      `\n    }\n  }}\n  ${(p) => css`\n    align-content: ${p.$alignContent};\n    align-items: ${p.$alignItems};\n    align-self: ${p.$alignSelf};\n    display: ${p.$display};\n    flex-basis: ${p.$flexBasis};\n    flex-direction: ${p.$flexDirection};\n    flex-grow: ${p.$flexGrow};\n    flex-shrink: ${p.$flexShrink};\n    flex-wrap: ${p.$flexWrap};\n    flex: ${p.$flex};\n    gap: ${shorthandSizeToPx(p.$gap)};\n    justify-content: ${p.$justifyContent};\n    margin: ${shorthandSizeToPx(p.$margin)};\n    margin-bottom: ${sizeToPx(p.$marginBottom)};\n    margin-left: ${sizeToPx(p.$marginLeft)};\n    margin-right: ${sizeToPx(p.$marginRight)};\n    margin-top: ${sizeToPx(p.$marginTop)};\n    order: ${p.$order};\n    padding: ${shorthandSizeToPx(p.$padding)};\n    padding-bottom: ${sizeToPx(p.$paddingBottom)};\n    padding-left: ${sizeToPx(p.$paddingLeft)};\n    padding-right: ${sizeToPx(p.$paddingRight)};\n    padding-top: ${sizeToPx(p.$paddingTop)};\n    text-align: ${p.$textAlign};\n  `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,SAASC,QAAQA,CAACC,KAAuB,EAAsB;EAC7D,IAAI,CAACA,KAAK,EAAE;IACV;EACF;EAEA,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,MAAAC,MAAA,CAAMD,KAAK,OAAI;AACzD;AAEA,SAASE,WAAWA,CAACC,GAAY,EAAsB;EACrD;AACF;AACA;AACA;EACE,OAAOL,OAAO,CAACK,GAAG,CAAY,KAAKC,SAAS,MAAAH,MAAA,CACrCH,OAAO,CAACK,GAAG,CAAY,UAC1BA,GAAG;AACT;AAEA,SAASE,iBAAiBA,CAACC,SAAkB,EAAsB;EACjE,OAAOA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACN,WAAW,CAAC,CAACO,IAAI,CAAC,GAAG,CAAC;AACzD;AAEA,SAASC,QAAQA,CAACC,IAA+B,EAAsB;EACrE,OAAOT,WAAW,CAACS,IAAI,CAAC,IAAIA,IAAI;AAClC;AAEA,OAAO,IAAMC,SAAS,gBAAGhB,MAAM,CAACiB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B,UAAAC,IAAA,EAAY;EAAA,IAATC,EAAE,GAAAD,IAAA,CAAFC,EAAE;EACL,IAAIA,EAAE,KAAK,IAAI,IAAIA,EAAE,KAAK,IAAI,EAAE;IAC9B,OAAOrB,GAAG;EAKZ;AACF,CAAC,EACC,UAACsB,CAAC;EAAA,OAAKtB,GAAG,uYACOsB,CAAC,CAACC,aAAa,EACjBD,CAAC,CAACE,WAAW,EACdF,CAAC,CAACG,UAAU,EACfH,CAAC,CAACI,QAAQ,EACPJ,CAAC,CAACK,UAAU,EACRL,CAAC,CAACM,cAAc,EACrBN,CAAC,CAACO,SAAS,EACTP,CAAC,CAACQ,WAAW,EACfR,CAAC,CAACS,SAAS,EAChBT,CAAC,CAACU,KAAK,EACRxB,iBAAiB,CAACc,CAAC,CAACW,IAAI,CAAC,EACbX,CAAC,CAACY,eAAe,EAC1B1B,iBAAiB,CAACc,CAAC,CAACa,OAAO,CAAC,EACrBtB,QAAQ,CAACS,CAAC,CAACc,aAAa,CAAC,EAC3BvB,QAAQ,CAACS,CAAC,CAACe,WAAW,CAAC,EACtBxB,QAAQ,CAACS,CAAC,CAACgB,YAAY,CAAC,EAC1BzB,QAAQ,CAACS,CAAC,CAACiB,UAAU,CAAC,EAC3BjB,CAAC,CAACkB,MAAM,EACNhC,iBAAiB,CAACc,CAAC,CAACmB,QAAQ,CAAC,EACtB5B,QAAQ,CAACS,CAAC,CAACoB,cAAc,CAAC,EAC5B7B,QAAQ,CAACS,CAAC,CAACqB,YAAY,CAAC,EACvB9B,QAAQ,CAACS,CAAC,CAACsB,aAAa,CAAC,EAC3B/B,QAAQ,CAACS,CAAC,CAACuB,WAAW,CAAC,EACxBvB,CAAC,CAACwB,UAAU;AAAA,CAC3B,CACF"}
+{"version":3,"file":"Box.styles.js","names":["styled","css","spacing","appendPx","value","concat","sizeStrToPx","str","undefined","shorthandSizeToPx","shorthand","split","map","join","sizeToPx","size","StyledBox","div","withConfig","displayName","componentId","_ref","as","p","$alignContent","$alignItems","$alignSelf","$display","$flexBasis","$flexDirection","$flexGrow","$flexShrink","$flexWrap","$flex","$gap","$justifyContent","$margin","$marginBottom","$marginLeft","$marginRight","$marginTop","$order","$padding","$paddingBottom","$paddingLeft","$paddingRight","$paddingTop","$textAlign"],"sources":["../../src/Box/Box.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { Spacing } from '../_styles/spacing'\nimport { spacing } from '../_styles/spacing'\nimport type { $BoxProps, MarginSize, PaddingSize } from './Box.types'\n\nfunction appendPx(value?: number | string): string | undefined {\n  if (!value) {\n    return\n  }\n\n  return typeof value === 'string' ? value : `${value}px`\n}\n\nfunction sizeStrToPx(str?: string): string | undefined {\n  /**\n   * hacky usage of \"as\" here, but since we have a default fallback if the\n   * lookup fails it should be fine\n   */\n  return spacing[str as Spacing] !== undefined\n    ? `${spacing[str as Spacing]}px`\n    : str\n}\n\nfunction shorthandSizeToPx(shorthand?: string): string | undefined {\n  return shorthand?.split(' ').map(sizeStrToPx).join(' ')\n}\n\nfunction sizeToPx(size?: MarginSize | PaddingSize): string | undefined {\n  return sizeStrToPx(size) || size\n}\n\nexport const StyledBox = styled.div<$BoxProps>`\n  ${({ as }) => {\n    if (as === 'ol' || as === 'ul') {\n      return css`\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      `\n    }\n  }}\n  ${(p) => css`\n    align-content: ${p.$alignContent};\n    align-items: ${p.$alignItems};\n    align-self: ${p.$alignSelf};\n    display: ${p.$display};\n    flex-basis: ${p.$flexBasis};\n    flex-direction: ${p.$flexDirection};\n    flex-grow: ${p.$flexGrow};\n    flex-shrink: ${p.$flexShrink};\n    flex-wrap: ${p.$flexWrap};\n    flex: ${p.$flex};\n    gap: ${shorthandSizeToPx(p.$gap)};\n    justify-content: ${p.$justifyContent};\n    margin: ${shorthandSizeToPx(p.$margin)};\n    margin-bottom: ${sizeToPx(p.$marginBottom)};\n    margin-left: ${sizeToPx(p.$marginLeft)};\n    margin-right: ${sizeToPx(p.$marginRight)};\n    margin-top: ${sizeToPx(p.$marginTop)};\n    order: ${p.$order};\n    padding: ${shorthandSizeToPx(p.$padding)};\n    padding-bottom: ${sizeToPx(p.$paddingBottom)};\n    padding-left: ${sizeToPx(p.$paddingLeft)};\n    padding-right: ${sizeToPx(p.$paddingRight)};\n    padding-top: ${sizeToPx(p.$paddingTop)};\n    text-align: ${p.$textAlign};\n  `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,SAASC,QAAQA,CAACC,KAAuB,EAAsB;EAC7D,IAAI,CAACA,KAAK,EAAE;IACV;EACF;EAEA,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,MAAAC,MAAA,CAAMD,KAAK,OAAI;AACzD;AAEA,SAASE,WAAWA,CAACC,GAAY,EAAsB;EACrD;AACF;AACA;AACA;EACE,OAAOL,OAAO,CAACK,GAAG,CAAY,KAAKC,SAAS,MAAAH,MAAA,CACrCH,OAAO,CAACK,GAAG,CAAY,UAC1BA,GAAG;AACT;AAEA,SAASE,iBAAiBA,CAACC,SAAkB,EAAsB;EACjE,OAAOA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACN,WAAW,CAAC,CAACO,IAAI,CAAC,GAAG,CAAC;AACzD;AAEA,SAASC,QAAQA,CAACC,IAA+B,EAAsB;EACrE,OAAOT,WAAW,CAACS,IAAI,CAAC,IAAIA,IAAI;AAClC;AAEA,OAAO,IAAMC,SAAS,gBAAGhB,MAAM,CAACiB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B,UAAAC,IAAA,EAAY;EAAA,IAATC,EAAE,GAAAD,IAAA,CAAFC,EAAE;EACL,IAAIA,EAAE,KAAK,IAAI,IAAIA,EAAE,KAAK,IAAI,EAAE;IAC9B,OAAOrB,GAAG;EAKZ;AACF,CAAC,EACC,UAACsB,CAAC;EAAA,OAAKtB,GAAG,uYACOsB,CAAC,CAACC,aAAa,EACjBD,CAAC,CAACE,WAAW,EACdF,CAAC,CAACG,UAAU,EACfH,CAAC,CAACI,QAAQ,EACPJ,CAAC,CAACK,UAAU,EACRL,CAAC,CAACM,cAAc,EACrBN,CAAC,CAACO,SAAS,EACTP,CAAC,CAACQ,WAAW,EACfR,CAAC,CAACS,SAAS,EAChBT,CAAC,CAACU,KAAK,EACRxB,iBAAiB,CAACc,CAAC,CAACW,IAAI,CAAC,EACbX,CAAC,CAACY,eAAe,EAC1B1B,iBAAiB,CAACc,CAAC,CAACa,OAAO,CAAC,EACrBtB,QAAQ,CAACS,CAAC,CAACc,aAAa,CAAC,EAC3BvB,QAAQ,CAACS,CAAC,CAACe,WAAW,CAAC,EACtBxB,QAAQ,CAACS,CAAC,CAACgB,YAAY,CAAC,EAC1BzB,QAAQ,CAACS,CAAC,CAACiB,UAAU,CAAC,EAC3BjB,CAAC,CAACkB,MAAM,EACNhC,iBAAiB,CAACc,CAAC,CAACmB,QAAQ,CAAC,EACtB5B,QAAQ,CAACS,CAAC,CAACoB,cAAc,CAAC,EAC5B7B,QAAQ,CAACS,CAAC,CAACqB,YAAY,CAAC,EACvB9B,QAAQ,CAACS,CAAC,CAACsB,aAAa,CAAC,EAC3B/B,QAAQ,CAACS,CAAC,CAACuB,WAAW,CAAC,EACxBvB,CAAC,CAACwB,UAAU;AAAA,CAC3B,CACF","ignoreList":[]}

package/dist/Box/Box.types.d.ts

@@ -6,17 +6,17 @@ import type { Props, Size } from '../_utils/types';
  *
  * @deprecatedSince 10.20.0
  */
-export declare type DeprecatedDisplay = 'flex-column-reverse' | 'flex-column' | 'flex-inline-column-reverse' | 'flex-inline-column' | 'flex-inline-row-reverse' | 'flex-inline-row' | 'flex-row-reverse' | 'flex-row';
-export declare type Display = DeprecatedDisplay | 'block' | 'flex' | 'inline' | 'inline-block' | 'inline-flex';
-export declare type FlexAlign = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'normal' | 'stretch';
-export declare type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse';
-export declare type FlexJustify = 'center' | 'flex-end' | 'flex-start' | 'normal' | 'space-around' | 'space-between' | 'space-evenly';
-export declare type FlexAlignContent = FlexJustify | 'stretch';
-export declare type FlexWrap = 'nowrap' | 'wrap-reverse' | 'wrap';
-export declare type TextAlign = 'center' | 'left' | 'right';
-export declare type MarginSize = Extract<Size, 'auto' | 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
-export declare type PaddingSize = Extract<Size, 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
-export declare type BoxSize = MarginSize | PaddingSize | undefined;
+export type DeprecatedDisplay = 'flex-column-reverse' | 'flex-column' | 'flex-inline-column-reverse' | 'flex-inline-column' | 'flex-inline-row-reverse' | 'flex-inline-row' | 'flex-row-reverse' | 'flex-row';
+export type Display = DeprecatedDisplay | 'block' | 'flex' | 'inline' | 'inline-block' | 'inline-flex';
+export type FlexAlign = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'normal' | 'stretch';
+export type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse';
+export type FlexJustify = 'center' | 'flex-end' | 'flex-start' | 'normal' | 'space-around' | 'space-between' | 'space-evenly';
+export type FlexAlignContent = FlexJustify | 'stretch';
+export type FlexWrap = 'nowrap' | 'wrap-reverse' | 'wrap';
+export type TextAlign = 'center' | 'left' | 'right';
+export type MarginSize = Extract<Size, 'auto' | 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
+export type PaddingSize = Extract<Size, 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
+export type BoxSize = MarginSize | PaddingSize | undefined;
 export interface MarginOptions {
     /**
      * @since 10.19.0

package/dist/Box/Box.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.types.js","names":[],"sources":["../../src/Box/Box.types.ts"],"sourcesContent":["import type { Props, Size } from '../_utils/types'\n\n/**\n * @deprecated\n *\n * These display modes are no longer valid, please use `direction` prop\n *\n * @deprecatedSince 10.20.0\n */\nexport type DeprecatedDisplay =\n  | 'flex-column-reverse'\n  | 'flex-column'\n  | 'flex-inline-column-reverse'\n  | 'flex-inline-column'\n  | 'flex-inline-row-reverse'\n  | 'flex-inline-row'\n  | 'flex-row-reverse'\n  | 'flex-row'\n\nexport type Display =\n  | DeprecatedDisplay\n  | 'block'\n  | 'flex'\n  | 'inline'\n  | 'inline-block'\n  | 'inline-flex'\n\nexport type FlexAlign =\n  | 'baseline'\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'stretch'\n\nexport type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse'\n\nexport type FlexJustify =\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly'\n\nexport type FlexAlignContent = FlexJustify | 'stretch'\n\nexport type FlexWrap = 'nowrap' | 'wrap-reverse' | 'wrap'\n\nexport type TextAlign = 'center' | 'left' | 'right'\n\nexport type MarginSize = Extract<\n  Size,\n  'auto' | 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type PaddingSize = Extract<\n  Size,\n  'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type BoxSize = MarginSize | PaddingSize | undefined\n\nexport interface MarginOptions {\n  /**\n   * @since 10.19.0\n   */\n  margin?: MarginSize | string\n  /**\n   * @since 10.19.0\n   */\n  marginBottom?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginLeft?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginRight?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginTop?: MarginSize\n}\n\nexport interface PaddingOptions {\n  /**\n   * @since 10.19.0\n   */\n  padding?: PaddingSize | string\n  /**\n   * @since 10.19.0\n   */\n  paddingBottom?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingLeft?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingRight?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingTop?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n}\n\nexport interface FlexOptions {\n  /**\n   * @since 10.19.0\n   */\n  alignContent?: FlexAlignContent\n  /**\n   * @since 10.19.0\n   */\n  alignItems?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  alignSelf?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  justifyContent?: FlexJustify\n}\n\nexport interface BoxProps\n  extends Props,\n    FlexOptions,\n    MarginOptions,\n    PaddingOptions {\n  /**\n   * Render semantic HTML tags with browser reset and normalize CSS\n   * @since 10.19.0\n   */\n  as?: 'ul' | 'ol' | 'li'\n  /**\n   * @since 10.19.0\n   */\n  display?: Display\n\n  /**\n   * Alias to the `flex` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flex?: string | number\n\n  /**\n   * Alias to the `basis` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexBasis?: string | number\n\n  /**\n   * Alias to the `direction` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexDirection?: FlexDirection\n\n  /**\n   * Alias to the `grow` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexGrow?: string | number\n\n  /**\n   * Alias to the `shrink` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexShrink?: string | number\n\n  /**\n   * Alias to the `wrap` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexWrap?: FlexWrap\n\n  /**\n   * * Alias to the `gap` property on a flexbox child.\n   * @since 11.3.0\n   */\n  gap?: MarginSize | string\n\n  /**\n   * Alias to the `order` property on a flexbox child.\n   * @since 10.19.0\n   */\n  order?: number\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * @since 10.19.0\n   */\n  textAlign?: TextAlign\n}\n\nexport interface $BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  as?: BoxProps['as']\n  /**\n   * @since 10.19.0\n   */\n  $alignContent?: BoxProps['alignContent']\n  /**\n   * @since 10.19.0\n   */\n  $alignItems?: BoxProps['alignItems']\n  /**\n   * @since 10.19.0\n   */\n  $alignSelf?: BoxProps['alignSelf']\n  /**\n   * @since 10.19.0\n   */\n  $display?: BoxProps['display']\n  /**\n   * @since 10.19.0\n   */\n  $flex?: BoxProps['flex']\n  /**\n   * @since 10.19.0\n   */\n  $flexBasis?: BoxProps['flexBasis']\n  /**\n   * @since 10.19.0\n   */\n  $flexDirection?: BoxProps['flexDirection']\n  /**\n   * @since 10.19.0\n   */\n  $flexGrow?: BoxProps['flexGrow']\n  /**\n   * @since 10.19.0\n   */\n  $flexShrink?: BoxProps['flexShrink']\n  /**\n   * @since 10.19.0\n   */\n  $flexWrap?: BoxProps['flexWrap']\n  /**\n   * @since 11.3.0\n   */\n  $gap?: BoxProps['gap']\n  /**\n  /**\n   * @since 10.19.0\n   */\n  $justifyContent?: BoxProps['justifyContent']\n  /**\n   * @since 10.19.0\n   */\n  $margin?: BoxProps['margin']\n  /**\n   * @since 10.19.0\n   */\n  $marginBottom?: BoxProps['marginBottom']\n  /**\n   * @since 10.19.0\n   */\n  $marginLeft?: BoxProps['marginLeft']\n  /**\n   * @since 10.19.0\n   */\n  $marginRight?: BoxProps['marginRight']\n  /**\n   * @since 10.19.0\n   */\n  $marginTop?: BoxProps['marginTop']\n  /**\n   * @since 10.19.0\n   */\n  $order?: BoxProps['order']\n  /**\n   * @since 10.19.0\n   */\n  $padding?: BoxProps['padding']\n  /**\n   * @since 10.19.0\n   */\n  $paddingBottom?: BoxProps['paddingBottom']\n  /**\n   * @since 10.19.0\n   */\n  $paddingLeft?: BoxProps['paddingLeft']\n  /**\n   * @since 10.19.0\n   */\n  $paddingRight?: BoxProps['paddingRight']\n  /**\n   * @since 10.19.0\n   */\n  $paddingTop?: BoxProps['paddingTop']\n  /**\n   * @since 10.19.0\n   */\n  $textAlign?: BoxProps['textAlign']\n}\n"],"mappings":""}
+{"version":3,"file":"Box.types.js","names":[],"sources":["../../src/Box/Box.types.ts"],"sourcesContent":["import type { Props, Size } from '../_utils/types'\n\n/**\n * @deprecated\n *\n * These display modes are no longer valid, please use `direction` prop\n *\n * @deprecatedSince 10.20.0\n */\nexport type DeprecatedDisplay =\n  | 'flex-column-reverse'\n  | 'flex-column'\n  | 'flex-inline-column-reverse'\n  | 'flex-inline-column'\n  | 'flex-inline-row-reverse'\n  | 'flex-inline-row'\n  | 'flex-row-reverse'\n  | 'flex-row'\n\nexport type Display =\n  | DeprecatedDisplay\n  | 'block'\n  | 'flex'\n  | 'inline'\n  | 'inline-block'\n  | 'inline-flex'\n\nexport type FlexAlign =\n  | 'baseline'\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'stretch'\n\nexport type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse'\n\nexport type FlexJustify =\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly'\n\nexport type FlexAlignContent = FlexJustify | 'stretch'\n\nexport type FlexWrap = 'nowrap' | 'wrap-reverse' | 'wrap'\n\nexport type TextAlign = 'center' | 'left' | 'right'\n\nexport type MarginSize = Extract<\n  Size,\n  'auto' | 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type PaddingSize = Extract<\n  Size,\n  'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type BoxSize = MarginSize | PaddingSize | undefined\n\nexport interface MarginOptions {\n  /**\n   * @since 10.19.0\n   */\n  margin?: MarginSize | string\n  /**\n   * @since 10.19.0\n   */\n  marginBottom?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginLeft?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginRight?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginTop?: MarginSize\n}\n\nexport interface PaddingOptions {\n  /**\n   * @since 10.19.0\n   */\n  padding?: PaddingSize | string\n  /**\n   * @since 10.19.0\n   */\n  paddingBottom?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingLeft?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingRight?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingTop?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n}\n\nexport interface FlexOptions {\n  /**\n   * @since 10.19.0\n   */\n  alignContent?: FlexAlignContent\n  /**\n   * @since 10.19.0\n   */\n  alignItems?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  alignSelf?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  justifyContent?: FlexJustify\n}\n\nexport interface BoxProps\n  extends Props,\n    FlexOptions,\n    MarginOptions,\n    PaddingOptions {\n  /**\n   * Render semantic HTML tags with browser reset and normalize CSS\n   * @since 10.19.0\n   */\n  as?: 'ul' | 'ol' | 'li'\n  /**\n   * @since 10.19.0\n   */\n  display?: Display\n\n  /**\n   * Alias to the `flex` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flex?: string | number\n\n  /**\n   * Alias to the `basis` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexBasis?: string | number\n\n  /**\n   * Alias to the `direction` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexDirection?: FlexDirection\n\n  /**\n   * Alias to the `grow` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexGrow?: string | number\n\n  /**\n   * Alias to the `shrink` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexShrink?: string | number\n\n  /**\n   * Alias to the `wrap` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexWrap?: FlexWrap\n\n  /**\n   * * Alias to the `gap` property on a flexbox child.\n   * @since 11.3.0\n   */\n  gap?: MarginSize | string\n\n  /**\n   * Alias to the `order` property on a flexbox child.\n   * @since 10.19.0\n   */\n  order?: number\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * @since 10.19.0\n   */\n  textAlign?: TextAlign\n}\n\nexport interface $BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  as?: BoxProps['as']\n  /**\n   * @since 10.19.0\n   */\n  $alignContent?: BoxProps['alignContent']\n  /**\n   * @since 10.19.0\n   */\n  $alignItems?: BoxProps['alignItems']\n  /**\n   * @since 10.19.0\n   */\n  $alignSelf?: BoxProps['alignSelf']\n  /**\n   * @since 10.19.0\n   */\n  $display?: BoxProps['display']\n  /**\n   * @since 10.19.0\n   */\n  $flex?: BoxProps['flex']\n  /**\n   * @since 10.19.0\n   */\n  $flexBasis?: BoxProps['flexBasis']\n  /**\n   * @since 10.19.0\n   */\n  $flexDirection?: BoxProps['flexDirection']\n  /**\n   * @since 10.19.0\n   */\n  $flexGrow?: BoxProps['flexGrow']\n  /**\n   * @since 10.19.0\n   */\n  $flexShrink?: BoxProps['flexShrink']\n  /**\n   * @since 10.19.0\n   */\n  $flexWrap?: BoxProps['flexWrap']\n  /**\n   * @since 11.3.0\n   */\n  $gap?: BoxProps['gap']\n  /**\n  /**\n   * @since 10.19.0\n   */\n  $justifyContent?: BoxProps['justifyContent']\n  /**\n   * @since 10.19.0\n   */\n  $margin?: BoxProps['margin']\n  /**\n   * @since 10.19.0\n   */\n  $marginBottom?: BoxProps['marginBottom']\n  /**\n   * @since 10.19.0\n   */\n  $marginLeft?: BoxProps['marginLeft']\n  /**\n   * @since 10.19.0\n   */\n  $marginRight?: BoxProps['marginRight']\n  /**\n   * @since 10.19.0\n   */\n  $marginTop?: BoxProps['marginTop']\n  /**\n   * @since 10.19.0\n   */\n  $order?: BoxProps['order']\n  /**\n   * @since 10.19.0\n   */\n  $padding?: BoxProps['padding']\n  /**\n   * @since 10.19.0\n   */\n  $paddingBottom?: BoxProps['paddingBottom']\n  /**\n   * @since 10.19.0\n   */\n  $paddingLeft?: BoxProps['paddingLeft']\n  /**\n   * @since 10.19.0\n   */\n  $paddingRight?: BoxProps['paddingRight']\n  /**\n   * @since 10.19.0\n   */\n  $paddingTop?: BoxProps['paddingTop']\n  /**\n   * @since 10.19.0\n   */\n  $textAlign?: BoxProps['textAlign']\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Box/index.js.map

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

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types';
-declare type NavCrumbProps = React.LiHTMLAttributes<HTMLLIElement> & BreadcrumbCrumbProps;
-declare type LegacyCrumbProps = React.HTMLAttributes<HTMLDivElement> & BreadcrumbCrumbProps;
+type NavCrumbProps = React.LiHTMLAttributes<HTMLLIElement> & BreadcrumbCrumbProps;
+type LegacyCrumbProps = React.HTMLAttributes<HTMLDivElement> & BreadcrumbCrumbProps;
 export declare const Crumb: React.ForwardRefExoticComponent<(NavCrumbProps | LegacyCrumbProps) & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
 /**
  * @description  We use breadcrumbs to provide navigational information to the user on every

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -65,7 +65,7 @@ export var Crumb = /*#__PURE__*/React.forwardRef(function Crumb(_ref2, ref) {
   var childrenWithAriaAttrs = React.Children.toArray(props.children).filter(function (child) {
     return child;
   }).map(function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child)) {
+    if (/*#__PURE__*/React.isValidElement(child)) {
       return /*#__PURE__*/React.cloneElement(child, {
         'aria-current': props.active || undefined
       });

package/dist/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["ChevronRight","useId","React","useI18nContext","addSubcomponents","StyledContainer","StyledCrumb","StyledList","StyledSeparator","BreadcrumbVariants","separator","createElement","Breadcrumbs_","forwardRef","Breadcrumbs","_ref","ref","children","_ref$variant","variant","LEGACY","providedId","id","providedAriaLabel","providedAriaLabelledBy","props","_objectWithoutProperties","_excluded","i18n","generatedId","selfLabelId","undefined","ariaLabel","t","ariaLabelledBy","concat","childrenArray","Children","toArray","isLegacy","navigationList","filter","child","map","i","isLast","length","aria","active","cloneProps","_objectSpread","Fragment","key","cloneElement","_extends","Crumb","_ref2","_ref2$variant","_excluded2","childrenWithAriaAttrs","isValidElement","showSeparator","hasOwnProperty","crumbProps","_excluded3","as","displayName"],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport { useId } from '@react-aria/utils'\nimport type { ForwardedRef } from 'react'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledCrumb,\n  StyledList,\n  StyledSeparator,\n} from './Breadcrumbs.styles'\nimport type { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types'\nimport { BreadcrumbVariants } from './Breadcrumbs.types'\n\nconst separator = (\n  <StyledSeparator aria-hidden={true}>\n    <ChevronRight />\n  </StyledSeparator>\n)\n\nconst Breadcrumbs_ = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLDivElement> & BreadcrumbProps\n>(function Breadcrumbs(\n  {\n    children,\n    variant = BreadcrumbVariants.LEGACY,\n    id: providedId,\n    'aria-label': providedAriaLabel,\n    'aria-labelledby': providedAriaLabelledBy,\n    ...props\n  },\n  ref\n) {\n  const i18n = useI18nContext()\n  const generatedId = useId()\n  const selfLabelId =\n    providedId || (providedAriaLabelledBy ? generatedId : undefined)\n  const ariaLabel = providedAriaLabel ?? i18n.t('core.breadcrumbs.label')\n  const ariaLabelledBy = providedAriaLabelledBy\n    ? `${providedAriaLabelledBy} ${selfLabelId}`\n    : undefined\n  const childrenArray = React.Children.toArray(children)\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n\n  const navigationList = childrenArray\n    .filter((child) => child)\n    .map((child, i) => {\n      const isLast = i === childrenArray.length - 1\n      const aria = {\n        'aria-current': (child as React.ReactElement).props.active || undefined,\n      }\n      const cloneProps = isLegacy\n        ? aria\n        : {\n            ...aria,\n            isLast,\n            variant,\n          }\n\n      return (\n        <React.Fragment key={`separator-${i}`}>\n          {React.cloneElement(child as React.ReactElement, cloneProps)}\n          {isLegacy && !isLast ? separator : <></>}\n        </React.Fragment>\n      )\n    })\n  return (\n    <StyledContainer\n      id={selfLabelId}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      {...props}\n      ref={ref}\n    >\n      {!isLegacy ? <StyledList>{navigationList}</StyledList> : navigationList}\n    </StyledContainer>\n  )\n})\n\ntype NavCrumbProps = React.LiHTMLAttributes<HTMLLIElement> &\n  BreadcrumbCrumbProps\ntype LegacyCrumbProps = React.HTMLAttributes<HTMLDivElement> &\n  BreadcrumbCrumbProps\n\nexport const Crumb = React.forwardRef<\n  HTMLLIElement | HTMLDivElement,\n  NavCrumbProps | LegacyCrumbProps\n>(function Crumb({ variant = BreadcrumbVariants.LEGACY, ...props }, ref) {\n  const childrenWithAriaAttrs = React.Children.toArray(props.children)\n    .filter((child) => child)\n    .map((child) => {\n      if (React.isValidElement<{ 'aria-current'?: boolean }>(child)) {\n        return React.cloneElement(child, {\n          'aria-current': props.active || undefined,\n        })\n      } else {\n        return child\n      }\n    })\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n  const showSeparator =\n    !isLegacy && props.hasOwnProperty('isLast') && !props.isLast\n  const { isLast, ...crumbProps } = props\n  return (\n    <StyledCrumb\n      as={isLegacy ? 'div' : 'li'}\n      {...(crumbProps as NavCrumbProps)}\n      ref={ref as ForwardedRef<HTMLLIElement>}\n    >\n      {childrenWithAriaAttrs}\n      {showSeparator ? separator : <></>}\n    </StyledCrumb>\n  )\n})\n\nBreadcrumbs_.displayName = 'Breadcrumbs'\n\nCrumb.displayName = 'Breadcrumbs.Crumb'\n\n//  * @codemod npx ...\n//  * @deprecatedSince 12.x.x\n/**\n * @description  We use breadcrumbs to provide navigational information to the user on every\n * tool’s child page in Procore. The last element is the active view.\n *\n * __Important!__ Prior versions support placing an anchor element in-between `Breadcrumbs` and\n * `Breadcrumbs.Crumb` elements; going forward anchor elements must be inside `Breadcrumbs.Crumb`.\n *\n * Additionally __set `variant=\"list\"` to enable list markup__, it will eventually be the default\n * but requires users to place hyperlinks inside the `Breadcrumbs.Crumb` (`li`) to be proper HTML.\n\nBEFORE:\n```\n<Breadcrumbs>\n  <a href=\"#\">\n    <Breadcrumbs.Crumb>Deprecated</Breadcrumbs.Crumb>\n  </a>\n</Breadcrumbs>\n```\n\nAFTER:\n```\n<Breadcrumbs variant=\"list\">\n  <Breadcrumbs.Crumb>\n    <a href=\"#\">Standard</a>\n  </Breadcrumbs.Crumb>\n</Breadcrumbs>\n```\n\n @a11y Required Use `variant=\"list\"` for semantic `ol`, `li` elements in addition to `nav`.\n\n When multiple breadcrumbs are in view, it is recommended each have an `aria-label` or `aria-labelledby`.\n When breadcrumbs are rendered inside specialized containers (for example `Panel`, `Modal`,\n `Tearsheet`) set `aria-labelledby` to the container heading id and provide a stable `id` on\n `Breadcrumbs`. This allows self-reference label chaining so the final accessible name includes\n both the container context and the breadcrumb label.\n\n Example:\n ```\n <Breadcrumbs aria-labelledby=\"panel-title\" variant=\"list\">\n   ...\n </Breadcrumbs>\n <H2 id=\"panel-title\">Panel Title</H2>\n ```\n\n @example\n  <Breadcrumbs variant=\"list\">\n    <Breadcrumbs.Crumb>\n      <a href=\"#\">List Items</a>\n    </Breadcrumbs.Crumb>\n    <Breadcrumbs.Crumb active>\n      Current Item\n    <Breadcrumbs.Crumb>\n  </Breadcrumbs>\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\n\n */\nexport const Breadcrumbs = addSubcomponents(\n  {\n    Crumb,\n  },\n  Breadcrumbs_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","names":["ChevronRight","useId","React","useI18nContext","addSubcomponents","StyledContainer","StyledCrumb","StyledList","StyledSeparator","BreadcrumbVariants","separator","createElement","Breadcrumbs_","forwardRef","Breadcrumbs","_ref","ref","children","_ref$variant","variant","LEGACY","providedId","id","providedAriaLabel","providedAriaLabelledBy","props","_objectWithoutProperties","_excluded","i18n","generatedId","selfLabelId","undefined","ariaLabel","t","ariaLabelledBy","concat","childrenArray","Children","toArray","isLegacy","navigationList","filter","child","map","i","isLast","length","aria","active","cloneProps","_objectSpread","Fragment","key","cloneElement","_extends","Crumb","_ref2","_ref2$variant","_excluded2","childrenWithAriaAttrs","isValidElement","showSeparator","hasOwnProperty","crumbProps","_excluded3","as","displayName"],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport { useId } from '@react-aria/utils'\nimport type { ForwardedRef } from 'react'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledCrumb,\n  StyledList,\n  StyledSeparator,\n} from './Breadcrumbs.styles'\nimport type { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types'\nimport { BreadcrumbVariants } from './Breadcrumbs.types'\n\nconst separator = (\n  <StyledSeparator aria-hidden={true}>\n    <ChevronRight />\n  </StyledSeparator>\n)\n\nconst Breadcrumbs_ = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLDivElement> & BreadcrumbProps\n>(function Breadcrumbs(\n  {\n    children,\n    variant = BreadcrumbVariants.LEGACY,\n    id: providedId,\n    'aria-label': providedAriaLabel,\n    'aria-labelledby': providedAriaLabelledBy,\n    ...props\n  },\n  ref\n) {\n  const i18n = useI18nContext()\n  const generatedId = useId()\n  const selfLabelId =\n    providedId || (providedAriaLabelledBy ? generatedId : undefined)\n  const ariaLabel = providedAriaLabel ?? i18n.t('core.breadcrumbs.label')\n  const ariaLabelledBy = providedAriaLabelledBy\n    ? `${providedAriaLabelledBy} ${selfLabelId}`\n    : undefined\n  const childrenArray = React.Children.toArray(children)\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n\n  const navigationList = childrenArray\n    .filter((child) => child)\n    .map((child, i) => {\n      const isLast = i === childrenArray.length - 1\n      const aria = {\n        'aria-current': (child as React.ReactElement).props.active || undefined,\n      }\n      const cloneProps = isLegacy\n        ? aria\n        : {\n            ...aria,\n            isLast,\n            variant,\n          }\n\n      return (\n        <React.Fragment key={`separator-${i}`}>\n          {React.cloneElement(child as React.ReactElement, cloneProps)}\n          {isLegacy && !isLast ? separator : <></>}\n        </React.Fragment>\n      )\n    })\n  return (\n    <StyledContainer\n      id={selfLabelId}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      {...props}\n      ref={ref}\n    >\n      {!isLegacy ? <StyledList>{navigationList}</StyledList> : navigationList}\n    </StyledContainer>\n  )\n})\n\ntype NavCrumbProps = React.LiHTMLAttributes<HTMLLIElement> &\n  BreadcrumbCrumbProps\ntype LegacyCrumbProps = React.HTMLAttributes<HTMLDivElement> &\n  BreadcrumbCrumbProps\n\nexport const Crumb = React.forwardRef<\n  HTMLLIElement | HTMLDivElement,\n  NavCrumbProps | LegacyCrumbProps\n>(function Crumb({ variant = BreadcrumbVariants.LEGACY, ...props }, ref) {\n  const childrenWithAriaAttrs = React.Children.toArray(props.children)\n    .filter((child) => child)\n    .map((child) => {\n      if (React.isValidElement<{ 'aria-current'?: boolean }>(child)) {\n        return React.cloneElement(child, {\n          'aria-current': props.active || undefined,\n        })\n      } else {\n        return child\n      }\n    })\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n  const showSeparator =\n    !isLegacy && props.hasOwnProperty('isLast') && !props.isLast\n  const { isLast, ...crumbProps } = props\n  return (\n    <StyledCrumb\n      as={isLegacy ? 'div' : 'li'}\n      {...(crumbProps as NavCrumbProps)}\n      ref={ref as ForwardedRef<HTMLLIElement>}\n    >\n      {childrenWithAriaAttrs}\n      {showSeparator ? separator : <></>}\n    </StyledCrumb>\n  )\n})\n\nBreadcrumbs_.displayName = 'Breadcrumbs'\n\nCrumb.displayName = 'Breadcrumbs.Crumb'\n\n//  * @codemod npx ...\n//  * @deprecatedSince 12.x.x\n/**\n * @description  We use breadcrumbs to provide navigational information to the user on every\n * tool’s child page in Procore. The last element is the active view.\n *\n * __Important!__ Prior versions support placing an anchor element in-between `Breadcrumbs` and\n * `Breadcrumbs.Crumb` elements; going forward anchor elements must be inside `Breadcrumbs.Crumb`.\n *\n * Additionally __set `variant=\"list\"` to enable list markup__, it will eventually be the default\n * but requires users to place hyperlinks inside the `Breadcrumbs.Crumb` (`li`) to be proper HTML.\n\nBEFORE:\n```\n<Breadcrumbs>\n  <a href=\"#\">\n    <Breadcrumbs.Crumb>Deprecated</Breadcrumbs.Crumb>\n  </a>\n</Breadcrumbs>\n```\n\nAFTER:\n```\n<Breadcrumbs variant=\"list\">\n  <Breadcrumbs.Crumb>\n    <a href=\"#\">Standard</a>\n  </Breadcrumbs.Crumb>\n</Breadcrumbs>\n```\n\n @a11y Required Use `variant=\"list\"` for semantic `ol`, `li` elements in addition to `nav`.\n\n When multiple breadcrumbs are in view, it is recommended each have an `aria-label` or `aria-labelledby`.\n When breadcrumbs are rendered inside specialized containers (for example `Panel`, `Modal`,\n `Tearsheet`) set `aria-labelledby` to the container heading id and provide a stable `id` on\n `Breadcrumbs`. This allows self-reference label chaining so the final accessible name includes\n both the container context and the breadcrumb label.\n\n Example:\n ```\n <Breadcrumbs aria-labelledby=\"panel-title\" variant=\"list\">\n   ...\n </Breadcrumbs>\n <H2 id=\"panel-title\">Panel Title</H2>\n ```\n\n @example\n  <Breadcrumbs variant=\"list\">\n    <Breadcrumbs.Crumb>\n      <a href=\"#\">List Items</a>\n    </Breadcrumbs.Crumb>\n    <Breadcrumbs.Crumb active>\n      Current Item\n    <Breadcrumbs.Crumb>\n  </Breadcrumbs>\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\n\n */\nexport const Breadcrumbs = addSubcomponents(\n  {\n    Crumb,\n  },\n  Breadcrumbs_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BreadcrumbCrumbProps } from './Breadcrumbs.types';
 export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export declare const StyledList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, never>> & string;