@procore/core-react 12.17.5 → 12.17.7

package/dist/Banner/Banner.js

@@ -12,27 +12,42 @@ var _excluded = ["children", "variant"],
   _excluded12 = ["children"],
   _excluded13 = ["children"],
   _excluded14 = ["children", "variant"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { Clear, EllipsisVertical, Error, Info, Warning } from '@procore/core-icons/dist';
 import { partition } from 'ramda';
 import React from 'react';
-import { Button } from '../Button/Button';
-import { Card } from '../Card/Card';
+import { Button } from '../Button';
+import { Card } from '../Card';
+import { Flex } from '../Flex';
 import { Menu, useMenu } from '../Menu/Menu';
-import { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger';
+import { OverlayTrigger } from '../OverlayTrigger';
 import { useI18nContext } from '../_hooks/I18n';
 import { OverflowObserver } from '../_hooks/OverflowObserver';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { StyledAction, StyledActionsTrigger, StyledBannerContainer, StyledBody, StyledContent, StyledExpandableContent, StyledExpandableContentContainer, StyledIconContainer, StyledMiniBannerContainer, StyledTitle } from './Banner.styles';
+var defaultIcons = {
+  error: /*#__PURE__*/React.createElement(Error, {
+    size: "lg"
+  }),
+  attention: /*#__PURE__*/React.createElement(Warning, {
+    size: "lg"
+  }),
+  info: /*#__PURE__*/React.createElement(Info, {
+    size: "lg"
+  }),
+  UNSAFE_attention_emphasized: /*#__PURE__*/React.createElement(Warning, {
+    size: "lg"
+  })
+};
 var Banner_ = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
   var children = _ref.children,
     variant = _ref.variant,
@@ -44,14 +59,30 @@ var Banner_ = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
     expandableContentNodes = _ref3[0],
     content = _ref3[1];
   var isExpandable = expandableContentNodes.length !== 0;
+  var iconElement = React.useMemo(function () {
+    return React.Children.toArray(children).find(function (child) {
+      return /*#__PURE__*/React.isValidElement(child) && child.type === Icon;
+    });
+  }, [children]);
+  var hasCustomIcon = iconElement && iconElement.props.icon;
   return /*#__PURE__*/React.createElement(StyledBannerContainer, _extends({
     ref: ref,
     $isExpandable: isExpandable,
     variant: variant
   }, props), isExpandable ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledExpandableContentContainer, {
     justifyContent: "space-between",
-    alignItems: "center"
-  }, content), expandableContentNodes) : content);
+    alignItems: "center",
+    gap: "lg"
+  }, !hasCustomIcon && /*#__PURE__*/React.createElement(Icon, {
+    icon: defaultIcons[variant]
+  }), content), expandableContentNodes) : /*#__PURE__*/React.createElement(Flex, {
+    justifyContent: "flex-start",
+    alignItems: "center",
+    gap: "lg",
+    grow: "1"
+  }, !hasCustomIcon && /*#__PURE__*/React.createElement(Icon, {
+    icon: defaultIcons[variant]
+  }), content));
 });
 var Content = /*#__PURE__*/React.forwardRef(function Content(_ref4, ref) {
   var children = _ref4.children,
@@ -206,7 +237,6 @@ export var AttentionBanner = /*#__PURE__*/React.forwardRef(function AttentionBan
     })
   }), children);
 });
-
 /**
  * @deprecated ActionBanner was renamed to AttentionBanner.
  * @deprecatedSince 11.26.0

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["Clear","EllipsisVertical","Error","Info","Warning","partition","React","Button","Card","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","Banner_","forwardRef","Banner","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","_ref2","element","isValidElement","type","ExpandableContent","Children","toArray","_ref3","_slicedToArray","expandableContentNodes","content","isExpandable","length","createElement","_extends","$isExpandable","Fragment","justifyContent","alignItems","Content","_ref4","_excluded2","_ref5","_ref5$expanded","expanded","_ref5$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref6","overflowRef","isOverflowingY","onAnimationEnd","current","$isOverflowingY","$expandableContentMaxHeight","tabIndex","Title","_ref7","_excluded4","Body","_ref8","_excluded5","Action","_ref9","_excluded6","DropdownAction","_ref10","_excluded7","Item","item","Actions","_ref11","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","icon","Icon","_ref14","_excluded9","Dismiss","_ref15","_excluded10","I18n","t","ErrorBanner","_ref16","_excluded11","size","InfoBanner","_ref17","_excluded12","AttentionBanner","_ref18","_excluded13","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref19","_ref19$variant","_excluded14","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 { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ButtonAttributes, DivAttributes, 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  BannerIconProps,\n  BannerProps,\n  BannerVariant,\n} from './Banner.types'\n\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n  function Banner({ children, variant, ...props }, ref) {\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\n    const isExpandable = expandableContentNodes.length !== 0\n\n    return (\n      <StyledBannerContainer\n        ref={ref}\n        $isExpandable={isExpandable}\n        variant={variant}\n        {...props}\n      >\n        {isExpandable ? (\n          <>\n            <StyledExpandableContentContainer\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n            >\n              {content}\n            </StyledExpandableContentContainer>\n            {expandableContentNodes}\n          </>\n        ) : (\n          content\n        )}\n      </StyledBannerContainer>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Content({ children, ...props }, ref) {\n    return (\n      <StyledContent {...props} ref={ref}>\n        {children}\n      </StyledContent>\n    )\n  }\n)\n\nconst ExpandableContent = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & 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<HTMLDivElement, DivAttributes & Props>(\n  function Title({ children, ...props }, ref) {\n    return (\n      <StyledTitle {...props} ref={ref}>\n        {children}\n      </StyledTitle>\n    )\n  }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Body({ children, ...props }, ref) {\n    return (\n      <StyledBody {...props} ref={ref}>\n        {children}\n      </StyledBody>\n    )\n  }\n)\n\nconst Action = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Action({ children, ...props }, ref) {\n    return (\n      <StyledAction {...props} ref={ref}>\n        {children}\n      </StyledAction>\n    )\n  }\n)\n\nconst DropdownAction = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\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)\n\nconst Actions = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\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)\n\nconst Icon = React.forwardRef<HTMLDivElement, DivAttributes & 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)\n\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\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)\n\nexport const ErrorBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\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  DivAttributes & Props\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  DivAttributes & Props\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/**\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  DivAttributes & Props & { 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\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    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","partition","React","Button","Card","Flex","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","defaultIcons","error","createElement","size","attention","info","UNSAFE_attention_emphasized","Banner_","forwardRef","Banner","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","_ref2","element","isValidElement","type","ExpandableContent","Children","toArray","_ref3","_slicedToArray","expandableContentNodes","content","isExpandable","length","iconElement","useMemo","find","child","Icon","hasCustomIcon","icon","_extends","$isExpandable","Fragment","justifyContent","alignItems","gap","grow","Content","_ref4","_excluded2","_ref5","_ref5$expanded","expanded","_ref5$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref6","overflowRef","isOverflowingY","onAnimationEnd","current","$isOverflowingY","$expandableContentMaxHeight","tabIndex","Title","_ref7","_excluded4","Body","_ref8","_excluded5","Action","_ref9","_excluded6","DropdownAction","_ref10","_excluded7","Item","item","Actions","_ref11","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","_ref14","_excluded9","Dismiss","_ref15","_excluded10","I18n","t","ErrorBanner","_ref16","_excluded11","InfoBanner","_ref17","_excluded12","AttentionBanner","_ref18","_excluded13","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref19","_ref19$variant","_excluded14","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 { 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 { ButtonAttributes, DivAttributes, 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  BannerIconProps,\n  BannerProps,\n  BannerVariant,\n} from './Banner.types'\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\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n  function Banner({ children, variant, ...props }, ref) {\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\n    return (\n      <StyledBannerContainer\n        ref={ref}\n        $isExpandable={isExpandable}\n        variant={variant}\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    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Content({ children, ...props }, ref) {\n    return (\n      <StyledContent {...props} ref={ref}>\n        {children}\n      </StyledContent>\n    )\n  }\n)\n\nconst ExpandableContent = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & 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<HTMLDivElement, DivAttributes & Props>(\n  function Title({ children, ...props }, ref) {\n    return (\n      <StyledTitle {...props} ref={ref}>\n        {children}\n      </StyledTitle>\n    )\n  }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Body({ children, ...props }, ref) {\n    return (\n      <StyledBody {...props} ref={ref}>\n        {children}\n      </StyledBody>\n    )\n  }\n)\n\nconst Action = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Action({ children, ...props }, ref) {\n    return (\n      <StyledAction {...props} ref={ref}>\n        {children}\n      </StyledAction>\n    )\n  }\n)\n\nconst DropdownAction = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\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)\n\nconst Actions = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\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)\n\nconst Icon = React.forwardRef<HTMLDivElement, DivAttributes & 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)\n\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\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)\n\nexport const ErrorBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\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  DivAttributes & Props\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  DivAttributes & Props\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  DivAttributes & Props & { 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\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    Actions,\n    Icon,\n    Dismiss,\n  },\n  Banner_\n)\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FlexProps } from '../Flex/Flex.types';
+import type { FlexProps } from '../Flex';
 import type { BannerProps, BannerVariant } from './Banner.types';
 export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", any, {
     $isExpandable: boolean;

package/dist/Banner/Banner.styles.js

@@ -1,8 +1,8 @@
 import styled, { css, keyframes } from 'styled-components';
 import { StyledButton, StyledLinkButton } from '../Button/Button.styles';
 import { DropdownButton } from '../Dropdown/Dropdown';
-import { Flex } from '../Flex/Flex';
-import { getTypographyIntent, typographyWeights } from '../Typography/Typography.styles';
+import { Flex } from '../Flex';
+import { getTypographyIntent, typographyWeights } from '../Typography';
 import { borderRadius } from '../_styles/borderRadius';
 import { colors } from '../_styles/colors';
 import { focusable } from '../_styles/mixins';
@@ -39,7 +39,7 @@ var expandContent = function expandContent(maxHeight) {
 };
 export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBannerContainer",
-  componentId: "core-12_17_5__sc-149wm7c-0"
+  componentId: "core-12_17_7__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_17_5__sc-149wm7c-1"
-})(["align-self:center;margin:", "px ", "px;width:100%;"], spacing.sm, spacing.lg);
+  componentId: "core-12_17_7__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_17_5__sc-149wm7c-2"
+  componentId: "core-12_17_7__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_17_5__sc-149wm7c-3"
+  componentId: "core-12_17_7__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,30 +70,30 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_17_5__sc-149wm7c-4"
+  componentId: "core-12_17_7__sc-149wm7c-4"
 })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_17_5__sc-149wm7c-5"
+  componentId: "core-12_17_7__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_17_5__sc-149wm7c-6"
+  componentId: "core-12_17_7__sc-149wm7c-6"
 })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
 export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
   displayName: "StyledActionsTrigger",
-  componentId: "core-12_17_5__sc-149wm7c-7"
-})(["flex-shrink:0;& + ", ",& + ", "{margin-left:", "px;}"], StyledButton, StyledLinkButton, spacing.sm);
+  componentId: "core-12_17_7__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_17_5__sc-149wm7c-8"
-})(["margin:", "px 0;& + ", ",& + ", ",& + ", "{margin-left:", "px;}", ",", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, StyledButton, StyledLinkButton, StyledActionsTrigger, spacing.sm, StyledButton, StyledLinkButton, colors.gray15, colors.gray85, colors.gray15);
+  componentId: "core-12_17_7__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;
   return css(["& ", "{color:", ";}"], StyledIconContainer, miniBannerVariantColors[variant]);
 }
 export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMiniBannerContainer",
-  componentId: "core-12_17_5__sc-149wm7c-9"
+  componentId: "core-12_17_7__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","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 { Flex } from '../Flex/Flex'\nimport type { FlexProps } from '../Flex/Flex.types'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\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\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<\n  { $isExpandable: boolean } & BannerProps\n>`\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;\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;\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","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\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<\n  { $isExpandable: boolean } & BannerProps\n>`\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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"}

package/dist/Box/Box.js

@@ -1,7 +1,7 @@
 var _excluded = ["as", "alignContent", "alignItems", "alignSelf", "children", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "justifyContent", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "order", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "textAlign"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import * as React from 'react';
 import { StyledBox } from './Box.styles';
 // TODO remove this after we decommission the LegacyDisplay type

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

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -1,15 +1,15 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "variant"],
   _excluded2 = ["variant"],
   _excluded3 = ["isLast"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { ChevronRight } from '@procore/core-icons';
 import React from 'react';
 import { useI18nContext } from '../_hooks/I18n';

package/dist/Breadcrumbs/Breadcrumbs.styles.js

@@ -4,19 +4,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_17_5__sc-1q6nqfz-0"
+  componentId: "core-12_17_7__sc-1q6nqfz-0"
 })(["color:", ";display:flex;align-items:center;a,a:hover{display:inline-flex;text-decoration:none;}"], colors.gray50);
 export var StyledList = /*#__PURE__*/styled.ol.withConfig({
   displayName: "StyledList",
-  componentId: "core-12_17_5__sc-1q6nqfz-1"
+  componentId: "core-12_17_7__sc-1q6nqfz-1"
 })(["display:flex;margin:0;padding-left:0;"]);
 export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSeparator",
-  componentId: "core-12_17_5__sc-1q6nqfz-2"
+  componentId: "core-12_17_7__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_17_5__sc-1q6nqfz-3"
+  componentId: "core-12_17_7__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.gray45, function (_ref) {
   var active = _ref.active;
   return active ? 'default' : 'pointer';

package/dist/Button/Button.js

@@ -1,12 +1,12 @@
 var _excluded = ["block", "children", "disabled", "icon", "iconRight", "loading", "size", "type", "variant"],
   _excluded2 = ["block", "children", "disabled", "href", "icon", "iconRight", "size", "variant"];
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { useEventListener } from '../_hooks/EventListener';
 import { mergeRefs } from '../_utils/mergeRefs';

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","useEventListener","mergeRefs","StyledButton","StyledContent","StyledLabel","StyledLinkButton","StyledSpinner","SPINNER_VARIANT","primary","secondary","tertiary","tertiaryContrast","UNSAFE_helixNav","ButtonContent","_ref","children","icon","iconRight","size","variant","createElement","Fragment","isValidElement","cloneElement","_defineProperty","Children","map","child","color","Button","forwardRef","_ref2","ref","_ref2$block","block","_ref2$disabled","disabled","_ref2$loading","loading","_ref2$size","_ref2$type","type","_ref2$variant","props","_objectWithoutProperties","_excluded","_extends","undefined","tabIndex","$block","$loading","$size","$variant","LinkButton","_ref3","_ref3$block","disabled_","href_","href","_ref3$size","_ref3$variant","_excluded2","innerRef","useRef","mimicButtonRole","e","key","indexOf","_innerRef$current","preventDefault","current","click","event","handler","scope","role","$disabled"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { FunctionComponent, PropsWithChildren } from 'react'\nimport React from 'react'\nimport { useEventListener } from '../_hooks/EventListener'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n  StyledButton,\n  StyledContent,\n  StyledLabel,\n  StyledLinkButton,\n  StyledSpinner,\n} from './Button.styles'\nimport type {\n  ButtonProps,\n  ButtonVariant,\n  LinkButtonProps,\n} from './Button.types'\n\nconst SPINNER_VARIANT: { [key in ButtonVariant]: 'white' | 'gray15' } = {\n  primary: 'white',\n  secondary: 'gray15',\n  tertiary: 'gray15',\n  tertiaryContrast: 'gray15',\n  UNSAFE_helixNav: 'white',\n}\n\nconst ButtonContent: FunctionComponent<\n  PropsWithChildren<\n    Pick<ButtonProps, 'icon' | 'iconRight' | 'size' | 'variant'>\n  >\n> = ({ children, icon, iconRight, size, variant }) => {\n  return (\n    <>\n      <StyledContent>\n        {React.isValidElement<{ ['data-icon-prop']: string }>(icon)\n          ? React.cloneElement(icon, { ['data-icon-prop']: 'true' })\n          : null}\n        {React.Children.map(children, (child) => {\n          return <StyledLabel>{child}</StyledLabel>\n        })}\n        {React.isValidElement<{ ['data-icon-prop']: string }>(iconRight)\n          ? React.cloneElement(iconRight, { ['data-icon-prop']: 'true' })\n          : null}\n      </StyledContent>\n      <StyledSpinner\n        size={size === 'lg' ? 'md' : 'sm'}\n        color={variant ? SPINNER_VARIANT[variant] : 'gray15'}\n      />\n    </>\n  )\n}\n\n/**\n\n We use buttons to link to other pages or to trigger an action.\n Buttons clearly define what happens when a user clicks it.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-button--demo)\n\n @see [Design Guidelines](https://design.procore.com/button)\n\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      block = false,\n      children,\n      disabled = false,\n      icon,\n      iconRight,\n      loading = false,\n      size = 'md',\n      type = 'button',\n      variant = 'primary',\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledButton\n        aria-busy={loading || undefined}\n        data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n        tabIndex={0}\n        {...props}\n        $block={block}\n        disabled={disabled || loading}\n        $loading={loading}\n        $size={size}\n        $variant={variant}\n        type={type}\n        ref={ref}\n      >\n        <ButtonContent\n          icon={icon}\n          iconRight={iconRight}\n          size={size}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      </StyledButton>\n    )\n  }\n)\n\nexport const LinkButton = React.forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  function LinkButton(\n    {\n      block = false,\n      children,\n      disabled: disabled_,\n      href: href_,\n      icon,\n      iconRight,\n      size = 'md',\n      variant = 'primary',\n      ...props\n    },\n    ref\n  ) {\n    const innerRef = React.useRef<HTMLAnchorElement>(null)\n\n    const mimicButtonRole = (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n      const { key } = e\n\n      if (['Enter', 'Spacebar', ' '].indexOf(key) >= 0) {\n        // Prevents the page to scroll when \"space\" is pressed\n        e.preventDefault()\n        innerRef.current?.click()\n      }\n    }\n\n    useEventListener({\n      event: 'keydown',\n      handler: mimicButtonRole,\n      scope: innerRef,\n    })\n\n    const disabled = disabled_ || !href_\n    const href = disabled ? undefined : href_\n\n    return (\n      <StyledLinkButton\n        data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n        role=\"button\"\n        {...props}\n        aria-disabled={disabled}\n        href={href}\n        $disabled={disabled}\n        $block={block}\n        $size={size}\n        $variant={variant}\n        ref={mergeRefs(ref, innerRef)}\n      >\n        <ButtonContent\n          icon={icon}\n          iconRight={iconRight}\n          size={size}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      </StyledLinkButton>\n    )\n  }\n)\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["React","useEventListener","mergeRefs","StyledButton","StyledContent","StyledLabel","StyledLinkButton","StyledSpinner","SPINNER_VARIANT","primary","secondary","tertiary","tertiaryContrast","UNSAFE_helixNav","ButtonContent","_ref","children","icon","iconRight","size","variant","createElement","Fragment","isValidElement","cloneElement","_defineProperty","Children","map","child","color","Button","forwardRef","_ref2","ref","_ref2$block","block","_ref2$disabled","disabled","_ref2$loading","loading","_ref2$size","_ref2$type","type","_ref2$variant","props","_objectWithoutProperties","_excluded","_extends","undefined","tabIndex","$block","$loading","$size","$variant","LinkButton","_ref3","_ref3$block","disabled_","href_","href","_ref3$size","_ref3$variant","_excluded2","innerRef","useRef","mimicButtonRole","e","key","indexOf","_innerRef$current","preventDefault","current","click","event","handler","scope","role","$disabled"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { FunctionComponent, PropsWithChildren } from 'react'\nimport React from 'react'\nimport { useEventListener } from '../_hooks/EventListener'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n  StyledButton,\n  StyledContent,\n  StyledLabel,\n  StyledLinkButton,\n  StyledSpinner,\n} from './Button.styles'\nimport type {\n  ButtonProps,\n  ButtonVariant,\n  LinkButtonProps,\n} from './Button.types'\n\nconst SPINNER_VARIANT: Record<ButtonVariant, 'white' | 'gray15'> = {\n  primary: 'white',\n  secondary: 'gray15',\n  tertiary: 'gray15',\n  tertiaryContrast: 'gray15',\n  UNSAFE_helixNav: 'white',\n}\n\nconst ButtonContent: FunctionComponent<\n  PropsWithChildren<\n    Pick<ButtonProps, 'icon' | 'iconRight' | 'size' | 'variant'>\n  >\n> = ({ children, icon, iconRight, size, variant }) => {\n  return (\n    <>\n      <StyledContent>\n        {React.isValidElement<{ ['data-icon-prop']: string }>(icon)\n          ? React.cloneElement(icon, { ['data-icon-prop']: 'true' })\n          : null}\n        {React.Children.map(children, (child) => {\n          return <StyledLabel>{child}</StyledLabel>\n        })}\n        {React.isValidElement<{ ['data-icon-prop']: string }>(iconRight)\n          ? React.cloneElement(iconRight, { ['data-icon-prop']: 'true' })\n          : null}\n      </StyledContent>\n      <StyledSpinner\n        size={size === 'lg' ? 'md' : 'sm'}\n        color={variant ? SPINNER_VARIANT[variant] : 'gray15'}\n      />\n    </>\n  )\n}\n\n/**\n\n We use buttons to link to other pages or to trigger an action.\n Buttons clearly define what happens when a user clicks it.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-button--demo)\n\n @see [Design Guidelines](https://design.procore.com/button)\n\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      block = false,\n      children,\n      disabled = false,\n      icon,\n      iconRight,\n      loading = false,\n      size = 'md',\n      type = 'button',\n      variant = 'primary',\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledButton\n        aria-busy={loading || undefined}\n        data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n        tabIndex={0}\n        {...props}\n        $block={block}\n        disabled={disabled || loading}\n        $loading={loading}\n        $size={size}\n        $variant={variant}\n        type={type}\n        ref={ref}\n      >\n        <ButtonContent\n          icon={icon}\n          iconRight={iconRight}\n          size={size}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      </StyledButton>\n    )\n  }\n)\n\nexport const LinkButton = React.forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  function LinkButton(\n    {\n      block = false,\n      children,\n      disabled: disabled_,\n      href: href_,\n      icon,\n      iconRight,\n      size = 'md',\n      variant = 'primary',\n      ...props\n    },\n    ref\n  ) {\n    const innerRef = React.useRef<HTMLAnchorElement>(null)\n\n    const mimicButtonRole = (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n      const { key } = e\n\n      if (['Enter', 'Spacebar', ' '].indexOf(key) >= 0) {\n        // Prevents the page to scroll when \"space\" is pressed\n        e.preventDefault()\n        innerRef.current?.click()\n      }\n    }\n\n    useEventListener({\n      event: 'keydown',\n      handler: mimicButtonRole,\n      scope: innerRef,\n    })\n\n    const disabled = disabled_ || !href_\n    const href = disabled ? undefined : href_\n\n    return (\n      <StyledLinkButton\n        data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n        role=\"button\"\n        {...props}\n        aria-disabled={disabled}\n        href={href}\n        $disabled={disabled}\n        $block={block}\n        $size={size}\n        $variant={variant}\n        ref={mergeRefs(ref, innerRef)}\n      >\n        <ButtonContent\n          icon={icon}\n          iconRight={iconRight}\n          size={size}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      </StyledLinkButton>\n    )\n  }\n)\n"],"mappings":"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"}

package/dist/Button/Button.styles.d.ts

@@ -19,6 +19,7 @@ interface StyledButtonProps {
     $size: ButtonSizes;
     $variant: ButtonVariant;
 }
+export declare function getButtonStyles(block: boolean, disabled: boolean, loading: boolean, size: ButtonSizes, variant: ButtonVariant): import("styled-components").FlattenSimpleInterpolation;
 export declare const StyledButton: import("styled-components").StyledComponent<"button", any, StyledButtonProps, never>;
 interface StyledLinkButtonProps extends Pick<StyledButtonProps, '$block' | '$size' | '$variant'> {
     $disabled: boolean;