@procore/core-react 12.53.3 → 12.54.0

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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","ignoreList":[]}
+{"version":3,"file":"Banner.js","names":["Check","Clear","EllipsisVertical","Error","Info","Warning","useId","partition","React","Button","Card","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBannerDismiss","StyledBannerRow","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","BannerA11yContext","createContext","defaultIcons","error","createElement","size","attention","info","success","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","SuccessBanner","_ref18","_excluded12","AttentionBanner","_ref19","_excluded13","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref20","_ref20$variant","_excluded14","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n  Check,\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 { 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  StyledBannerDismiss,\n  StyledBannerRow,\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  success: <Check 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    success: I18n.t('core.banner.defaultLabels.success'),\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          <StyledBannerRow\n            justifyContent=\"flex-start\"\n            alignItems=\"center\"\n            gap=\"lg\"\n            grow=\"1\"\n          >\n            {!hasCustomIcon && <Icon icon={defaultIcons[variant]} />}\n            {content}\n          </StyledBannerRow>\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    <StyledBannerDismiss\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\nexport const SuccessBanner = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & Omit<BannerProps, 'variant'>\n>(function SuccessBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"success\" {...props}>\n      <Icon icon={<Check 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\nSuccessBanner.displayName = 'SuccessBanner'\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

@@ -7,6 +7,16 @@ type StyledBannerContainerProps = {
 export declare const StyledBannerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }, StyledBannerContainerProps>> & string;
+export declare const StyledBannerRow: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("react").HTMLAttributes<HTMLDivElement> & FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    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;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledBannerDismiss: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    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;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }> & string;

package/dist/Banner/Banner.styles.js

@@ -1,7 +1,9 @@
 import styled, { css, keyframes } from 'styled-components';
+import { Button } from '../Button/Button';
 import { StyledButton, StyledLinkButton } from '../Button/Button.styles';
 import { DropdownButton } from '../Dropdown/Dropdown';
 import { Flex } from '../Flex';
+import { mediaBreakpointsDown, mediaWidthDown } from '../PageLayout/PageLayout.utils';
 import { getTypographyIntent, typographyWeights } from '../Typography';
 import { borderRadius } from '../_styles/borderRadius';
 import { colors } from '../_styles/colors';
@@ -22,6 +24,10 @@ var bannerVariantColors = {
     primary: colors.blue50,
     secondary: colors.blue96
   },
+  success: {
+    primary: colors.green30,
+    secondary: colors.green96
+  },
   UNSAFE_attention_emphasized: {
     primary: colors.orange50,
     secondary: colors.orange98
@@ -31,6 +37,7 @@ var miniBannerVariantColors = {
   attention: colors.yellow50,
   error: colors.red50,
   info: colors.blue50,
+  success: colors.green50,
   UNSAFE_attention_emphasized: colors.green50
 };
 var bannerShadow = getShadow(1, 'bottom');
@@ -39,8 +46,8 @@ var expandContent = function expandContent(maxHeight) {
 };
 export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBannerContainer",
-  componentId: "core-12_53_3__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) {
+  componentId: "core-12_54_0__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],
     primary = _bannerVariantColors$.primary,
@@ -49,18 +56,28 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
 }, function (_ref2) {
   var $isExpandable = _ref2.$isExpandable;
   return $isExpandable && css(["flex-direction:column;align-items:stretch;padding:0;"]);
+}, function () {
+  return css(["@media ", "{", ",", "{flex-wrap:wrap;}}@media ", "{", ",", "{column-gap:", "px;padding-bottom:", "px;padding-top:", "px;row-gap:0;&::after{content:'';flex-basis:100%;order:-2;}}", "{margin:0;order:-5;}", "{flex:1 1 0;margin:0;min-width:0;order:-4;}", ":has(", "){display:contents;}", "{flex:1 1 0;min-width:0;order:-4;overflow-wrap:break-word;}", "{flex:1 1 100%;order:-1;}", "{margin-left:0;margin-right:-", "px;order:-3;}", ",", "{margin:", "px 0 0;}", "{flex:1 1 100%;", ",", "{width:100%;}}", ":has(+ ", "){flex-basis:0;}}"], mediaBreakpointsDown.tabletMd, StyledBannerRow, StyledExpandableContentContainer, mediaWidthDown.mobileSm, StyledBannerRow, StyledExpandableContentContainer, spacing.sm, spacing.md, spacing.xs, StyledIconContainer, StyledContent, StyledContent, StyledTitle, StyledTitle, StyledBody, StyledBannerDismiss, spacing.lg, StyledAction, StyledActionsTrigger, spacing.sm, StyledAction, StyledButton, StyledLinkButton, StyledAction, StyledActionsTrigger);
 });
+export var StyledBannerRow = /*#__PURE__*/styled(Flex).withConfig({
+  displayName: "StyledBannerRow",
+  componentId: "core-12_54_0__sc-149wm7c-1"
+})([""]);
+export var StyledBannerDismiss = /*#__PURE__*/styled(Button).withConfig({
+  displayName: "StyledBannerDismiss",
+  componentId: "core-12_54_0__sc-149wm7c-2"
+})([""]);
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_53_3__sc-149wm7c-1"
-})(["align-self:center;margin:", "px ", "px ", "px 0;width:100%;"], spacing.sm, spacing.lg, spacing.sm);
+  componentId: "core-12_54_0__sc-149wm7c-3"
+})(["align-self:center;margin:", "px ", "px ", "px 0;width:100%;@media ", "{flex:1 1 10rem;margin-right:0;min-width:0;width:auto;}"], spacing.sm, spacing.lg, spacing.sm, mediaBreakpointsDown.tabletMd);
 export var StyledExpandableContentContainer = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledExpandableContentContainer",
-  componentId: "core-12_53_3__sc-149wm7c-2"
+  componentId: "core-12_54_0__sc-149wm7c-4"
 })(["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_53_3__sc-149wm7c-3"
+  componentId: "core-12_54_0__sc-149wm7c-5"
 })(["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 +87,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_53_3__sc-149wm7c-4"
+  componentId: "core-12_54_0__sc-149wm7c-6"
 })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_53_3__sc-149wm7c-5"
+  componentId: "core-12_54_0__sc-149wm7c-7"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_53_3__sc-149wm7c-6"
+  componentId: "core-12_54_0__sc-149wm7c-8"
 })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
 export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
   displayName: "StyledActionsTrigger",
-  componentId: "core-12_53_3__sc-149wm7c-7"
+  componentId: "core-12_54_0__sc-149wm7c-9"
 })(["flex-shrink:0;& + ", ",& + ", "{margin-left:-", "px;}"], StyledButton, StyledLinkButton, spacing.sm);
 export var StyledAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAction",
-  componentId: "core-12_53_3__sc-149wm7c-8"
+  componentId: "core-12_54_0__sc-149wm7c-10"
 })(["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 +111,6 @@ function getMiniBannerIconColor(_ref5) {
 }
 export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMiniBannerContainer",
-  componentId: "core-12_53_3__sc-149wm7c-9"
+  componentId: "core-12_54_0__sc-149wm7c-11"
 })(["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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","ignoreList":[]}
+{"version":3,"file":"Banner.styles.js","names":["styled","css","keyframes","Button","StyledButton","StyledLinkButton","DropdownButton","Flex","mediaBreakpointsDown","mediaWidthDown","getTypographyIntent","typographyWeights","borderRadius","colors","focusable","getShadow","spacing","bannerLeft","bannerVariantColors","attention","primary","yellow40","secondary","yellow94","error","red50","red98","info","blue50","blue96","success","green30","green96","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","tabletMd","StyledBannerRow","StyledExpandableContentContainer","mobileSm","xs","StyledContent","StyledTitle","StyledBody","StyledBannerDismiss","StyledAction","StyledActionsTrigger","StyledExpandableContent","white","xl","_ref3","$isOverflowingY","_ref4","$expandableContentMaxHeight","semibold","gray85","getMiniBannerIconColor","_ref5","variant","StyledMiniBannerContainer","gray96"],"sources":["../../src/Banner/Banner.styles.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { StyledButton, StyledLinkButton } from '../Button/Button.styles'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport type { FlexProps } from '../Flex'\nimport { Flex } from '../Flex'\nimport {\n  mediaBreakpointsDown,\n  mediaWidthDown,\n} from '../PageLayout/PageLayout.utils'\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  success: {\n    primary: colors.green30,\n    secondary: colors.green96,\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  success: colors.green50,\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  ${() => css`\n    // High zoom: wrap actions below the text\n    @media ${mediaBreakpointsDown.tabletMd} {\n      ${StyledBannerRow}, ${StyledExpandableContentContainer} {\n        flex-wrap: wrap;\n      }\n    }\n\n    // 400% zoom: icon, title and dismiss on top, text and actions below\n    @media ${mediaWidthDown.mobileSm} {\n      ${StyledBannerRow}, ${StyledExpandableContentContainer} {\n        column-gap: ${spacing.sm}px;\n        padding-bottom: ${spacing.md}px;\n        padding-top: ${spacing.xs}px;\n        row-gap: 0;\n\n        // Line break after the first row\n        &::after {\n          content: '';\n          flex-basis: 100%;\n          order: -2;\n        }\n      }\n\n      ${StyledIconContainer} {\n        margin: 0;\n        order: -5;\n      }\n\n      ${StyledContent} {\n        flex: 1 1 0;\n        margin: 0;\n        min-width: 0;\n        order: -4;\n      }\n\n      // Title next to the icon, body below\n      ${StyledContent}:has(${StyledTitle}) {\n        display: contents;\n      }\n\n      ${StyledTitle} {\n        flex: 1 1 0;\n        min-width: 0;\n        order: -4;\n        overflow-wrap: break-word;\n      }\n\n      ${StyledBody} {\n        flex: 1 1 100%;\n        order: -1;\n      }\n\n      // Dismiss in the top-right corner\n      ${StyledBannerDismiss} {\n        margin-left: 0;\n        margin-right: -${spacing.lg}px;\n        order: -3;\n      }\n\n      ${StyledAction}, ${StyledActionsTrigger} {\n        margin: ${spacing.sm}px 0 0;\n      }\n\n      // Full-width actions, one per line\n      ${StyledAction} {\n        flex: 1 1 100%;\n\n        ${StyledButton}, ${StyledLinkButton} {\n          width: 100%;\n        }\n      }\n\n      // The menu trigger stays next to the last action\n      ${StyledAction}:has(+ ${StyledActionsTrigger}) {\n        flex-basis: 0;\n      }\n    }\n  `}\n`\n\nexport const StyledBannerRow = styled(Flex)``\n\nexport const StyledBannerDismiss = styled(Button)``\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  @media ${mediaBreakpointsDown.tabletMd} {\n    flex: 1 1 10rem;\n    margin-right: 0;\n    min-width: 0;\n    width: auto;\n  }\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,5 +1,5 @@
 import type { Props } from '../_utils/types';
-export type BannerVariant = 'attention' | 'error' | 'info' | 'UNSAFE_attention_emphasized';
+export type BannerVariant = 'attention' | 'error' | 'info' | 'success' | '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":"","ignoreList":[]}
+{"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  | 'success'\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 { ActionBanner, AttentionBanner, Banner, ErrorBanner, InfoBanner, SuccessBanner, UNSAFE_MiniBanner, } from './Banner';
 export type { BannerExpandActionButtonProps, BannerExpandableContentProps, BannerIconProps, BannerProps, } from './Banner.types';

package/dist/Banner/index.js

@@ -1,2 +1,2 @@
-export { ActionBanner, AttentionBanner, Banner, ErrorBanner, InfoBanner, UNSAFE_MiniBanner } from './Banner';
+export { ActionBanner, AttentionBanner, Banner, ErrorBanner, InfoBanner, SuccessBanner, UNSAFE_MiniBanner } from './Banner';
 //# sourceMappingURL=index.js.map

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  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":[]}
+{"version":3,"file":"index.js","names":["ActionBanner","AttentionBanner","Banner","ErrorBanner","InfoBanner","SuccessBanner","UNSAFE_MiniBanner"],"sources":["../../src/Banner/index.ts"],"sourcesContent":["export {\n  ActionBanner,\n  AttentionBanner,\n  Banner,\n  ErrorBanner,\n  InfoBanner,\n  SuccessBanner,\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,aAAa,EACbC,iBAAiB,QACZ,UAAU","ignoreList":[]}

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_53_3__sc-fgsy0p-0"
+  componentId: "core-12_54_0__sc-fgsy0p-0"
 })(["", " ", ""], function (_ref) {
   var as = _ref.as;
   if (as === 'ol' || as === 'ul') {

package/dist/Breadcrumbs/Breadcrumbs.styles.js

@@ -1,22 +1,23 @@
 import styled, { css } from 'styled-components';
+import { mediaBreakpointsDown } from '../PageLayout/PageLayout.utils';
 import { getTypographyIntent, typographyWeights } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_53_3__sc-1q6nqfz-0"
-})(["color:", ";display:flex;align-items:center;a,a:hover{display:inline-flex;text-decoration:none;}"], colors.gray50);
+  componentId: "core-12_54_0__sc-1q6nqfz-0"
+})(["color:", ";display:flex;align-items:center;a,a:hover{display:inline-flex;text-decoration:none;}@media ", "{flex-wrap:wrap;}"], colors.gray50, mediaBreakpointsDown.tabletMd);
 export var StyledList = /*#__PURE__*/styled.ol.withConfig({
   displayName: "StyledList",
-  componentId: "core-12_53_3__sc-1q6nqfz-1"
-})(["display:flex;margin:0;padding-left:0;"]);
+  componentId: "core-12_54_0__sc-1q6nqfz-1"
+})(["display:flex;margin:0;padding-left:0;@media ", "{flex-wrap:wrap;}"], mediaBreakpointsDown.tabletMd);
 export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSeparator",
-  componentId: "core-12_53_3__sc-1q6nqfz-2"
+  componentId: "core-12_54_0__sc-1q6nqfz-2"
 })(["align-items:center;display:inline-flex;justify-content:center;margin:0px ", "px;"], spacing.xs);
 export var StyledCrumb = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledCrumb",
-  componentId: "core-12_53_3__sc-1q6nqfz-3"
+  componentId: "core-12_54_0__sc-1q6nqfz-3"
 })(["", " align-items:center;color:", ";display:inline-flex;min-height:24px;text-decoration:none;&:hover{cursor:", ";text-decoration:", ";}> a{color:", ";", "}", ""], getTypographyIntent('body'), colors.gray40, function (_ref) {
   var active = _ref.active;
   return active ? 'default' : 'pointer';

package/dist/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.js","names":["styled","css","getTypographyIntent","typographyWeights","colors","spacing","StyledContainer","nav","withConfig","displayName","componentId","gray50","StyledList","ol","StyledSeparator","div","xs","StyledCrumb","li","gray40","_ref","active","_ref2","_ref3","gray15","semibold","_ref4"],"sources":["../../src/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { BreadcrumbCrumbProps } from './Breadcrumbs.types'\n\nexport const StyledContainer = styled.nav`\n  color: ${colors.gray50};\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n`\n\nexport const StyledList = styled.ol`\n  display: flex;\n  margin: 0;\n  padding-left: 0;\n`\n\nexport const StyledSeparator = styled.div`\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ${spacing.xs}px;\n`\n\nexport const StyledCrumb = styled.li<BreadcrumbCrumbProps>`\n  ${getTypographyIntent('body')}\n\n  align-items:center;\n  color: ${colors.gray40};\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ${({ active }) => (active ? 'default' : 'pointer')};\n    text-decoration: ${({ active }) => (active ? 'none' : 'underline')};\n  }\n\n  > a {\n    color: ${colors.gray40};\n    ${({ active }) =>\n      active &&\n      css`\n        color: ${colors.gray15};\n        font-weight: ${typographyWeights.semibold};\n      `}\n  }\n\n  ${({ active }) =>\n    active &&\n    css`\n      color: ${colors.gray15};\n      font-weight: ${typographyWeights.semibold};\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,eAAe,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAC9BN,MAAM,CAACO,MAAM,CASvB;AAED,OAAO,IAAMC,UAAU,gBAAGZ,MAAM,CAACa,EAAE,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAIlC;AAED,OAAO,IAAMI,eAAe,gBAAGd,MAAM,CAACe,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yFAIzBL,OAAO,CAACW,EAAE,CACzB;AAED,OAAO,IAAMC,WAAW,gBAAGjB,MAAM,CAACkB,EAAE,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uKAChCR,mBAAmB,CAAC,MAAM,CAAC,EAGpBE,MAAM,CAACe,MAAM,EAMV,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EACvC,UAAAC,KAAA;EAAA,IAAGD,MAAM,GAAAC,KAAA,CAAND,MAAM;EAAA,OAAQA,MAAM,GAAG,MAAM,GAAG,WAAW;AAAA,CAAC,EAIzDjB,MAAM,CAACe,MAAM,EACpB,UAAAI,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OACTA,MAAM,IACNpB,GAAG,mCACQG,MAAM,CAACoB,MAAM,EACPrB,iBAAiB,CAACsB,QAAQ,CAC1C;AAAA,GAGH,UAAAC,KAAA;EAAA,IAAGL,MAAM,GAAAK,KAAA,CAANL,MAAM;EAAA,OACTA,MAAM,IACNpB,GAAG,mCACQG,MAAM,CAACoB,MAAM,EACPrB,iBAAiB,CAACsB,QAAQ,CAC1C;AAAA,EACJ","ignoreList":[]}
+{"version":3,"file":"Breadcrumbs.styles.js","names":["styled","css","mediaBreakpointsDown","getTypographyIntent","typographyWeights","colors","spacing","StyledContainer","nav","withConfig","displayName","componentId","gray50","tabletMd","StyledList","ol","StyledSeparator","div","xs","StyledCrumb","li","gray40","_ref","active","_ref2","_ref3","gray15","semibold","_ref4"],"sources":["../../src/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { mediaBreakpointsDown } from '../PageLayout/PageLayout.utils'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { BreadcrumbCrumbProps } from './Breadcrumbs.types'\n\nexport const StyledContainer = styled.nav`\n  color: ${colors.gray50};\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    flex-wrap: wrap;\n  }\n`\n\nexport const StyledList = styled.ol`\n  display: flex;\n  margin: 0;\n  padding-left: 0;\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    flex-wrap: wrap;\n  }\n`\n\nexport const StyledSeparator = styled.div`\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ${spacing.xs}px;\n`\n\nexport const StyledCrumb = styled.li<BreadcrumbCrumbProps>`\n  ${getTypographyIntent('body')}\n\n  align-items:center;\n  color: ${colors.gray40};\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ${({ active }) => (active ? 'default' : 'pointer')};\n    text-decoration: ${({ active }) => (active ? 'none' : 'underline')};\n  }\n\n  > a {\n    color: ${colors.gray40};\n    ${({ active }) =>\n      active &&\n      css`\n        color: ${colors.gray15};\n        font-weight: ${typographyWeights.semibold};\n      `}\n  }\n\n  ${({ active }) =>\n    active &&\n    css`\n      color: ${colors.gray15};\n      font-weight: ${typographyWeights.semibold};\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,eAAe,gBAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oIAC9BN,MAAM,CAACO,MAAM,EAUbV,oBAAoB,CAACW,QAAQ,CAGvC;AAED,OAAO,IAAMC,UAAU,gBAAGd,MAAM,CAACe,EAAE,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAKxBT,oBAAoB,CAACW,QAAQ,CAGvC;AAED,OAAO,IAAMG,eAAe,gBAAGhB,MAAM,CAACiB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yFAIzBL,OAAO,CAACY,EAAE,CACzB;AAED,OAAO,IAAMC,WAAW,gBAAGnB,MAAM,CAACoB,EAAE,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uKAChCR,mBAAmB,CAAC,MAAM,CAAC,EAGpBE,MAAM,CAACgB,MAAM,EAMV,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EACvC,UAAAC,KAAA;EAAA,IAAGD,MAAM,GAAAC,KAAA,CAAND,MAAM;EAAA,OAAQA,MAAM,GAAG,MAAM,GAAG,WAAW;AAAA,CAAC,EAIzDlB,MAAM,CAACgB,MAAM,EACpB,UAAAI,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OACTA,MAAM,IACNtB,GAAG,mCACQI,MAAM,CAACqB,MAAM,EACPtB,iBAAiB,CAACuB,QAAQ,CAC1C;AAAA,GAGH,UAAAC,KAAA;EAAA,IAAGL,MAAM,GAAAK,KAAA,CAANL,MAAM;EAAA,OACTA,MAAM,IACNtB,GAAG,mCACQI,MAAM,CAACqB,MAAM,EACPtB,iBAAiB,CAACuB,QAAQ,CAC1C;AAAA,EACJ","ignoreList":[]}

package/dist/Button/Button.styles.js

@@ -92,11 +92,11 @@ function getColors(loading, variant) {
 }
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_53_3__sc-c5bhwh-0"
+  componentId: "core-12_54_0__sc-c5bhwh-0"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledSpinner",
-  componentId: "core-12_53_3__sc-c5bhwh-1"
+  componentId: "core-12_54_0__sc-c5bhwh-1"
 })(["box-sizing:border-box;display:none;position:absolute;transform:translateZ(0);@media ", "{left:50%;top:50%;", "}"], mediaIE11Hack, function (_ref) {
   var size = _ref.size;
   var margin = -1 * (spinnerDimensions[size !== null && size !== void 0 ? size : defaultSpinnerSize] / 2);
@@ -104,14 +104,14 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
 });
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_53_3__sc-c5bhwh-2"
+  componentId: "core-12_54_0__sc-c5bhwh-2"
 })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
 export function getButtonStyles(block, disabled, loading, size, variant) {
   return css(["", " &.focus,&:focus{outline:2px solid ", ";outline-offset:var(--core-button-focus-outline-offset,-1px);}", " ", " align-items:center;border-radius:", "px;border:0;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;font-family:inherit;font-weight:", ";height:", "px;justify-content:center;margin:0;overflow:hidden;padding:0 ", "px;position:relative;pointer-events:", ";text-overflow:ellipsis;user-select:", ";vertical-align:middle;white-space:nowrap;width:", ";[data-icon-prop='true']{pointer-events:none;height:", "px;width:", "px;}", ""], getTypographyIntent(typographySizes[size]), colors.blue40, variant === 'UNSAFE_helixNav' && css(["&.focus,&:focus{outline:none;box-shadow:0 0 0 2px ", ";}"], colors.blue70), getColors(loading, variant), borderRadius.md, typographyWeights.semibold, heights[size], paddingX[size], disabled || loading ? 'none' : 'inherit', disabled || loading ? 'none' : 'inherit', block && '100%', size === 'sm' ? 16 : 24, size === 'sm' ? 16 : 24, loading && css(["", "{pointer-events:none;visibility:hidden;}", "{display:block;}"], StyledContent, StyledSpinner));
 }
 export var StyledButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledButton",
-  componentId: "core-12_53_3__sc-c5bhwh-3"
+  componentId: "core-12_54_0__sc-c5bhwh-3"
 })(["", ""], function (_ref2) {
   var $block = _ref2.$block,
     disabled = _ref2.disabled,
@@ -122,7 +122,7 @@ export var StyledButton = /*#__PURE__*/styled.button.withConfig({
 });
 export var StyledLinkButton = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkButton",
-  componentId: "core-12_53_3__sc-c5bhwh-4"
+  componentId: "core-12_54_0__sc-c5bhwh-4"
 })(["&,&:hover{text-decoration:none;}", ""], function (_ref3) {
   var $block = _ref3.$block,
     $disabled = _ref3.$disabled,