@procore/core-react 12.37.0 → 12.39.0

package/dist/Badge/Badge.styles.js

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
 export var StyledBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadge",
-  componentId: "core-12_37_0__sc-rpertu-0"
+  componentId: "core-12_39_0__sc-rpertu-0"
 })(["display:inline-block;position:relative;"]);
 export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledBadgeLabel",
-  componentId: "core-12_37_0__sc-rpertu-1"
+  componentId: "core-12_39_0__sc-rpertu-1"
 })(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
 //# sourceMappingURL=Badge.styles.js.map

package/dist/BadgePill/BadgePill.styles.js

@@ -3,11 +3,11 @@ import { getTypographyIntent } from '../Typography';
 import { colors } from '../_styles/colors';
 export var StyledBadgeContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeContainer",
-  componentId: "core-12_37_0__sc-s2n9gd-0"
+  componentId: "core-12_39_0__sc-s2n9gd-0"
 })(["display:inline-flex;position:relative;"]);
 export var StyledBadgeContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeContent",
-  componentId: "core-12_37_0__sc-s2n9gd-1"
+  componentId: "core-12_39_0__sc-s2n9gd-1"
 })(["position:relative;", " ", " pointer-events:none;user-select:none;"], function (_ref) {
   var $overlapping = _ref.$overlapping,
     _ref$$xOffset = _ref.$xOffset,
@@ -20,13 +20,13 @@ export var StyledBadgeContent = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledBadgeDotIndicator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeDotIndicator",
-  componentId: "core-12_37_0__sc-s2n9gd-2"
+  componentId: "core-12_39_0__sc-s2n9gd-2"
 })(["width:6px;height:6px;border-radius:50%;background-color:", ";"], colors.orange50);
 var oneDigitStyles = "\n  border-radius: 50%;\n  padding: 2px;\n  min-width: 21.5px;\n  min-height: 21.5px;\n";
 var multiDigitStyles = "\n  border-radius: 10px;\n  padding: 2px 8px;\n";
 export var StyledBadgeCounter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeCounter",
-  componentId: "core-12_37_0__sc-s2n9gd-3"
+  componentId: "core-12_39_0__sc-s2n9gd-3"
 })(["display:inline-flex;justify-content:center;align-items:center;color:", ";background-color:", ";", " ", ""], colors.white, colors.orange50, getTypographyIntent('small'), function (props) {
   return props.$oneDigit ? oneDigitStyles : multiDigitStyles;
 });

package/dist/Banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Props } from '../_utils/types';
-import type { BannerExpandableContentProps, BannerIconProps, BannerProps, BannerVariant } from './Banner.types';
+import type { BannerExpandableContentProps, BannerExpandActionButtonProps, BannerIconProps, BannerProps, BannerVariant } from './Banner.types';
 export declare const ErrorBanner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const InfoBanner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -40,6 +40,7 @@ export declare const Banner: React.ForwardRefExoticComponent<React.HTMLAttribute
     ExpandableContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & BannerExpandableContentProps & React.RefAttributes<HTMLDivElement>>;
     Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Action: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    ExpandActionButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & BannerExpandActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
     Actions: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
     Icon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & BannerIconProps & React.RefAttributes<HTMLDivElement>>;
     Dismiss: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/Banner/Banner.js

@@ -4,14 +4,15 @@ var _excluded = ["children", "variant"],
   _excluded4 = ["children"],
   _excluded5 = ["children"],
   _excluded6 = ["children"],
-  _excluded7 = ["children"],
+  _excluded7 = ["isExpanded", "onExpandChange", "children"],
   _excluded8 = ["children"],
-  _excluded9 = ["children", "icon"],
-  _excluded0 = ["children"],
+  _excluded9 = ["children"],
+  _excluded0 = ["children", "icon"],
   _excluded1 = ["children"],
   _excluded10 = ["children"],
   _excluded11 = ["children"],
-  _excluded12 = ["children", "variant"];
+  _excluded12 = ["children"],
+  _excluded13 = ["children", "variant"];
 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."); }
@@ -136,17 +137,33 @@ var Action = /*#__PURE__*/React.forwardRef(function Action(_ref9, ref) {
     ref: ref
   }), children);
 });
-var DropdownAction = /*#__PURE__*/React.forwardRef(function DropdownAction(_ref0, ref) {
-  var children = _ref0.children,
+var ExpandActionButton = /*#__PURE__*/React.forwardRef(function ExpandActionButton(_ref0, ref) {
+  var isExpanded = _ref0.isExpanded,
+    onExpandChange = _ref0.onExpandChange,
+    children = _ref0.children,
     props = _objectWithoutProperties(_ref0, _excluded7);
+  var I18n = useI18nContext();
+  var label = children !== null && children !== void 0 ? children : isExpanded ? I18n.t('core.banner.collapse') : I18n.t('core.banner.expand');
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    ref: ref,
+    type: "button",
+    "aria-expanded": isExpanded,
+    onClick: function onClick() {
+      return onExpandChange(!isExpanded);
+    }
+  }, props), label);
+});
+var DropdownAction = /*#__PURE__*/React.forwardRef(function DropdownAction(_ref1, ref) {
+  var children = _ref1.children,
+    props = _objectWithoutProperties(_ref1, _excluded8);
   return /*#__PURE__*/React.createElement(Menu.Item, _extends({
     ref: ref,
     item: null
   }, props), children);
 });
-var Actions = /*#__PURE__*/React.forwardRef(function Actions(_ref1, ref) {
-  var children = _ref1.children,
-    props = _objectWithoutProperties(_ref1, _excluded8);
+var Actions = /*#__PURE__*/React.forwardRef(function Actions(_ref10, ref) {
+  var children = _ref10.children,
+    props = _objectWithoutProperties(_ref10, _excluded9);
   var actionButtons = React.Children.toArray(children).filter(function (element) {
     return /*#__PURE__*/React.isValidElement(element) && element.type === Action;
   });
@@ -156,13 +173,13 @@ var Actions = /*#__PURE__*/React.forwardRef(function Actions(_ref1, ref) {
         return node === null || node === void 0 ? void 0 : node.focus();
       },
       usingHook: useMenu({
-        isSelectable: function isSelectable(_ref10) {
-          var type = _ref10.type;
+        isSelectable: function isSelectable(_ref11) {
+          var type = _ref11.type;
           return type === DropdownAction;
         }
       })
-    }, /*#__PURE__*/React.createElement(Menu.Options, null, actionButtons.map(function (_ref11, idx) {
-      var actionButtonProps = _ref11.props;
+    }, /*#__PURE__*/React.createElement(Menu.Options, null, actionButtons.map(function (_ref12, idx) {
+      var actionButtonProps = _ref12.props;
       return /*#__PURE__*/React.createElement(DropdownAction, _extends({
         key: idx
       }, actionButtonProps));
@@ -176,18 +193,18 @@ var Actions = /*#__PURE__*/React.forwardRef(function Actions(_ref1, ref) {
     icon: /*#__PURE__*/React.createElement(EllipsisVertical, null)
   }, props)));
 });
-var Icon = /*#__PURE__*/React.forwardRef(function Icon(_ref12, ref) {
-  var children = _ref12.children,
-    icon = _ref12.icon,
-    props = _objectWithoutProperties(_ref12, _excluded9);
+var Icon = /*#__PURE__*/React.forwardRef(function Icon(_ref13, ref) {
+  var children = _ref13.children,
+    icon = _ref13.icon,
+    props = _objectWithoutProperties(_ref13, _excluded0);
   return /*#__PURE__*/React.createElement(StyledIconContainer, _extends({
     ref: ref,
     "aria-hidden": "true"
   }, props), icon);
 });
-var Dismiss = /*#__PURE__*/React.forwardRef(function Dismiss(_ref13, ref) {
-  var children = _ref13.children,
-    props = _objectWithoutProperties(_ref13, _excluded0);
+var Dismiss = /*#__PURE__*/React.forwardRef(function Dismiss(_ref14, ref) {
+  var children = _ref14.children,
+    props = _objectWithoutProperties(_ref14, _excluded1);
   var I18n = useI18nContext();
   return /*#__PURE__*/React.createElement(Button, _extends({
     "aria-label": I18n.t('core.banner.dismissAlert'),
@@ -197,9 +214,9 @@ var Dismiss = /*#__PURE__*/React.forwardRef(function Dismiss(_ref13, ref) {
     variant: "tertiary"
   }));
 });
-export var ErrorBanner = /*#__PURE__*/React.forwardRef(function ErrorBanner(_ref14, ref) {
-  var children = _ref14.children,
-    props = _objectWithoutProperties(_ref14, _excluded1);
+export var ErrorBanner = /*#__PURE__*/React.forwardRef(function ErrorBanner(_ref15, ref) {
+  var children = _ref15.children,
+    props = _objectWithoutProperties(_ref15, _excluded10);
   return /*#__PURE__*/React.createElement(Banner, _extends({
     ref: ref,
     variant: "error"
@@ -209,9 +226,9 @@ export var ErrorBanner = /*#__PURE__*/React.forwardRef(function ErrorBanner(_ref
     })
   }), children);
 });
-export var InfoBanner = /*#__PURE__*/React.forwardRef(function InfoBanner(_ref15, ref) {
-  var children = _ref15.children,
-    props = _objectWithoutProperties(_ref15, _excluded10);
+export var InfoBanner = /*#__PURE__*/React.forwardRef(function InfoBanner(_ref16, ref) {
+  var children = _ref16.children,
+    props = _objectWithoutProperties(_ref16, _excluded11);
   return /*#__PURE__*/React.createElement(Banner, _extends({
     ref: ref,
     variant: "info"
@@ -225,9 +242,9 @@ export var InfoBanner = /*#__PURE__*/React.forwardRef(function InfoBanner(_ref15
 /**
  * @since 11.26.0
  */
-export var AttentionBanner = /*#__PURE__*/React.forwardRef(function AttentionBanner(_ref16, ref) {
-  var children = _ref16.children,
-    props = _objectWithoutProperties(_ref16, _excluded11);
+export var AttentionBanner = /*#__PURE__*/React.forwardRef(function AttentionBanner(_ref17, ref) {
+  var children = _ref17.children,
+    props = _objectWithoutProperties(_ref17, _excluded12);
   return /*#__PURE__*/React.createElement(Banner, _extends({
     ref: ref,
     variant: "attention"
@@ -242,11 +259,11 @@ export var AttentionBanner = /*#__PURE__*/React.forwardRef(function AttentionBan
  * @deprecatedSince 11.26.0
  */
 export var ActionBanner = AttentionBanner;
-export var UNSAFE_MiniBanner = /*#__PURE__*/React.forwardRef(function MiniBanner(_ref17, ref) {
-  var children = _ref17.children,
-    _ref17$variant = _ref17.variant,
-    variant = _ref17$variant === void 0 ? 'info' : _ref17$variant,
-    props = _objectWithoutProperties(_ref17, _excluded12);
+export var UNSAFE_MiniBanner = /*#__PURE__*/React.forwardRef(function MiniBanner(_ref18, ref) {
+  var children = _ref18.children,
+    _ref18$variant = _ref18.variant,
+    variant = _ref18$variant === void 0 ? 'info' : _ref18$variant,
+    props = _objectWithoutProperties(_ref18, _excluded13);
   return /*#__PURE__*/React.createElement(StyledMiniBannerContainer, _extends({
     ref: ref,
     variant: variant
@@ -258,6 +275,7 @@ Content.displayName = 'Banner.Content';
 ExpandableContent.displayName = 'Banner.ExpandableContent';
 Title.displayName = 'Banner.Title';
 Action.displayName = 'Banner.Action';
+ExpandActionButton.displayName = 'Banner.ExpandActionButton';
 Actions.displayName = 'Banner.Actions';
 DropdownAction.displayName = 'Banner.DropdownAction';
 Icon.displayName = 'Banner.Icon';
@@ -293,6 +311,7 @@ export var Banner = addSubcomponents({
   ExpandableContent: ExpandableContent,
   Title: Title,
   Action: Action,
+  ExpandActionButton: ExpandActionButton,
   Actions: Actions,
   Icon: Icon,
   Dismiss: Dismiss

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"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","$variant","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","_ref0","_excluded7","Item","item","Actions","_ref1","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref10","Options","map","_ref11","idx","actionButtonProps","key","placement","arrow","_ref12","_excluded9","Dismiss","_ref13","_excluded0","I18n","t","ErrorBanner","_ref14","_excluded1","InfoBanner","_ref15","_excluded10","AttentionBanner","_ref16","_excluded11","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref17","_ref17$variant","_excluded12","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 { 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<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & 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 justifyContent=\"flex-start\" alignItems=\"center\" gap=\"lg\" grow=\"1\">\n          {!hasCustomIcon && <Icon icon={defaultIcons[variant]} />}\n          {content}\n        </Flex>\n      )}\n    </StyledBannerContainer>\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>(function Title({ children, ...props }, ref) {\n  return (\n    <StyledTitle {...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 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>\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>\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>\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\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","$variant","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","ExpandActionButton","_ref0","isExpanded","onExpandChange","_excluded7","I18n","label","t","onClick","DropdownAction","_ref1","_excluded8","Item","item","Actions","_ref10","_excluded9","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref11","Options","map","_ref12","idx","actionButtonProps","key","placement","arrow","_ref13","_excluded0","Dismiss","_ref14","_excluded1","ErrorBanner","_ref15","_excluded10","InfoBanner","_ref16","_excluded11","AttentionBanner","_ref17","_excluded12","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref18","_ref18$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 { 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\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<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & 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 justifyContent=\"flex-start\" alignItems=\"center\" gap=\"lg\" grow=\"1\">\n          {!hasCustomIcon && <Icon icon={defaultIcons[variant]} />}\n          {content}\n        </Flex>\n      )}\n    </StyledBannerContainer>\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>(function Title({ children, ...props }, ref) {\n  return (\n    <StyledTitle {...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>\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>\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>\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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"}

package/dist/Banner/Banner.styles.js

@@ -39,7 +39,7 @@ var expandContent = function expandContent(maxHeight) {
 };
 export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBannerContainer",
-  componentId: "core-12_37_0__sc-149wm7c-0"
+  componentId: "core-12_39_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],
@@ -52,15 +52,15 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_37_0__sc-149wm7c-1"
+  componentId: "core-12_39_0__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_37_0__sc-149wm7c-2"
+  componentId: "core-12_39_0__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_37_0__sc-149wm7c-3"
+  componentId: "core-12_39_0__sc-149wm7c-3"
 })(["animation-duration:450ms;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:", ";box-sizing:border-box;font-size:14px;font-weight:500;letter-spacing:0.25px;line-height:20px;overflow-y:auto;padding:0 ", "px;position:relative;z-index:0;", " ", ""], colors.white, spacing.xl * 2 + spacing.sm, function (_ref3) {
   var $isOverflowingY = _ref3.$isOverflowingY;
   return $isOverflowingY && focusable;
@@ -70,23 +70,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_37_0__sc-149wm7c-4"
+  componentId: "core-12_39_0__sc-149wm7c-4"
 })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_37_0__sc-149wm7c-5"
+  componentId: "core-12_39_0__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_37_0__sc-149wm7c-6"
+  componentId: "core-12_39_0__sc-149wm7c-6"
 })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
 export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
   displayName: "StyledActionsTrigger",
-  componentId: "core-12_37_0__sc-149wm7c-7"
+  componentId: "core-12_39_0__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_37_0__sc-149wm7c-8"
+  componentId: "core-12_39_0__sc-149wm7c-8"
 })(["margin:", "px 0 ", "px -", "px;& + ", ",& + ", ",& + ", "{margin-left:-", "px;}", ",", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, spacing.sm, spacing.sm, StyledButton, StyledLinkButton, StyledActionsTrigger, spacing.sm, StyledButton, StyledLinkButton, colors.gray15, colors.gray85, colors.gray15);
 function getMiniBannerIconColor(_ref5) {
   var variant = _ref5.variant;
@@ -94,6 +94,6 @@ function getMiniBannerIconColor(_ref5) {
 }
 export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMiniBannerContainer",
-  componentId: "core-12_37_0__sc-149wm7c-9"
+  componentId: "core-12_39_0__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.types.d.ts

@@ -29,3 +29,9 @@ export interface BannerExpandableContentProps extends Props {
      */
     expandableContentMaxHeight?: number;
 }
+export interface BannerExpandActionButtonProps {
+    /** Whether the expandable content is currently expanded */
+    isExpanded: boolean;
+    /** Called when the user toggles expand/collapse; receives the new expanded value. Use with any state (useState, useReducer, URL, etc.). */
+    onExpandChange: (expanded: boolean) => void;
+}

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   * 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"],"mappings":""}
+{"version":3,"file":"Banner.types.js","names":[],"sources":["../../src/Banner/Banner.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type BannerVariant =\n  | 'attention'\n  | 'error'\n  | 'info'\n  | 'UNSAFE_attention_emphasized'\n\nexport interface BannerProps extends Props {\n  /**\n   * 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":""}

package/dist/Banner/index.d.ts

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

package/dist/Banner/index.js.map

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

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

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_37_0__sc-1q6nqfz-0"
+  componentId: "core-12_39_0__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_37_0__sc-1q6nqfz-1"
+  componentId: "core-12_39_0__sc-1q6nqfz-1"
 })(["display:flex;margin:0;padding-left:0;"]);
 export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSeparator",
-  componentId: "core-12_37_0__sc-1q6nqfz-2"
+  componentId: "core-12_39_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_37_0__sc-1q6nqfz-3"
+  componentId: "core-12_39_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.gray45, function (_ref) {
   var active = _ref.active;
   return active ? 'default' : 'pointer';

package/dist/Button/Button.styles.js

@@ -93,11 +93,11 @@ function getColors(loading, variant) {
 }
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_37_0__sc-c5bhwh-0"
+  componentId: "core-12_39_0__sc-c5bhwh-0"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledSpinner",
-  componentId: "core-12_37_0__sc-c5bhwh-1"
+  componentId: "core-12_39_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);
@@ -105,14 +105,14 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
 });
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_37_0__sc-c5bhwh-2"
+  componentId: "core-12_39_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(["", " ", " ", " ", " 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]), focusable, 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_37_0__sc-c5bhwh-3"
+  componentId: "core-12_39_0__sc-c5bhwh-3"
 })(["", ""], function (_ref2) {
   var $block = _ref2.$block,
     disabled = _ref2.disabled,
@@ -123,7 +123,7 @@ export var StyledButton = /*#__PURE__*/styled.button.withConfig({
 });
 export var StyledLinkButton = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkButton",
-  componentId: "core-12_37_0__sc-c5bhwh-4"
+  componentId: "core-12_39_0__sc-c5bhwh-4"
 })(["&,&:hover{text-decoration:none;}", ""], function (_ref3) {
   var $block = _ref3.$block,
     $disabled = _ref3.$disabled,

package/dist/Calendar/Calendar.styles.js

@@ -8,37 +8,37 @@ var cellSize = 36; // TODO one-off size
 
 export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_37_0__sc-1kkl86t-0"
+  componentId: "core-12_39_0__sc-1kkl86t-0"
 })(["", ";display:inline-flex;flex-direction:column;padding:", "px ", "px ", "px;"], getTypographyIntent('small'), spacing.lg, spacing.md, spacing.md);
 export var StyledPaginator = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledPaginator",
-  componentId: "core-12_37_0__sc-1kkl86t-1"
+  componentId: "core-12_39_0__sc-1kkl86t-1"
 })(["flex:0 0 auto;"]);
 export var StyledSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelect",
-  componentId: "core-12_37_0__sc-1kkl86t-2"
+  componentId: "core-12_39_0__sc-1kkl86t-2"
 })(["display:inline-flex;flex:1 1 0;margin-left:", "px;> div{font-size:12px;}"], spacing.sm);
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_37_0__sc-1kkl86t-3"
+  componentId: "core-12_39_0__sc-1kkl86t-3"
 })(["display:inline-flex;margin-bottom:", "px;", " + ", ",", " + ", "{margin-left:", "px;}"], spacing.sm, StyledPaginator, StyledSelect, StyledSelect, StyledPaginator, spacing.sm);
 export var StyledCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCell",
-  componentId: "core-12_37_0__sc-1kkl86t-4"
+  componentId: "core-12_39_0__sc-1kkl86t-4"
 })(["align-items:center;display:inline-flex;height:", "px;justify-content:center;width:", "px;"], cellSize, cellSize);
 export var StyledDayHeaderCell = /*#__PURE__*/styled(StyledCell).withConfig({
   displayName: "StyledDayHeaderCell",
-  componentId: "core-12_37_0__sc-1kkl86t-5"
+  componentId: "core-12_39_0__sc-1kkl86t-5"
 })(["cursor:default;font-weight:", ";"], typographyWeights.semibold);
 export var StyledCellButton = /*#__PURE__*/styled.button.attrs({
   type: 'button'
 }).withConfig({
   displayName: "StyledCellButton",
-  componentId: "core-12_37_0__sc-1kkl86t-6"
+  componentId: "core-12_39_0__sc-1kkl86t-6"
 })(["align-items:center;display:inline-flex;height:", "px;justify-content:center;width:", "px;cursor:pointer;border:none;background:none;padding:0;font:inherit;"], cellSize, cellSize);
 export var StyledDayCell = /*#__PURE__*/styled(StyledCellButton).withConfig({
   displayName: "StyledDayCell",
-  componentId: "core-12_37_0__sc-1kkl86t-7"
+  componentId: "core-12_39_0__sc-1kkl86t-7"
 })(["", ""], function (_ref) {
   var _ref$$disabled = _ref.$disabled,
     $disabled = _ref$$disabled === void 0 ? false : _ref$$disabled,
@@ -61,6 +61,6 @@ export var StyledDayCell = /*#__PURE__*/styled(StyledCellButton).withConfig({
 });
 export var StyledWeekRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWeekRow",
-  componentId: "core-12_37_0__sc-1kkl86t-8"
+  componentId: "core-12_39_0__sc-1kkl86t-8"
 })(["display:inline-flex;padding-bottom:2px;user-select:none;&:last-child{padding-bottom:0;}", "{&:first-child{border-top-left-radius:", "px;border-bottom-left-radius:", "px;}&:last-child{border-top-right-radius:", "px;border-bottom-right-radius:", "px;}}"], StyledCell, borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md);
 //# sourceMappingURL=Calendar.styles.js.map

package/dist/Card/Card.styles.js

@@ -4,7 +4,7 @@ import { colors } from '../_styles/colors';
 import { getShadow } from '../_styles/shadows';
 export var StyledCardContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCardContainer",
-  componentId: "core-12_37_0__sc-2fii7b-0"
+  componentId: "core-12_39_0__sc-2fii7b-0"
 })(["background-color:", ";border-radius:", "px;transition:box-shadow 0.2s ease-in-out;", " ", ""], colors.white, borderRadius.md, function (_ref) {
   var $level = _ref.$level,
     $shadowStrength = _ref.$shadowStrength;

package/dist/Checkbox/Checkbox.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import type { CheckboxProps } from './Checkbox.types';
 /**
 
-
  We use checkboxes to provide users with the ability to either select or
  deselect multiple values from a list of options (e.g. items on list pages),
  or to select or deselect a single option (e.g. settings on configure pages).