@procore/core-react 12.36.0 → 12.38.0

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # Change Log
 
+## 12.38.0
+
+### Minor Changes
+
+- 5c9765e: Revert SuperSelect accessibility changes
+- ec26b8f: Updated Select to apply correct ARIA roles and states by using a `combobox` pattern for listbox-only panels and a `button` (disclosure) pattern when additional panel content is present.
+- 09ee67d: `Popover` added optional `trackAriaExpanded` to apply the `aria-expanded` attribute, recommended use with `Button` triggers. Enabled in `AvatarStack`.
+- a8bbf59: Banner: Add `Banner.ExpandActionButton` to toggle expandable content; handles aria-expanded and default "Expand" / "Collapse" label (i18n). Supports children for a custom label.
+
+### Patch Changes
+
+- dfdba61: `SuperSelect`: Added a minimum height check to `size()` so that if the computed `availableHeight` for the dropdown is less than 248px, `maxHeight` is not set to that value, causing the menu to flip open upwards instead of shrinking to fit below.
+- d786d24: `Spinner`: Add appropriate ARIA role and labeling for accessibility.
+  - Add `role="progressbar"` to the spinner container so screen readers recognize the loading state.
+  - Add `aria-labelledby` linking the progressbar to its label (default "Loading" or custom `label`).
+  - Use stable `id` from `useId()` for label association; when a visible label is shown with children, associate it via `aria-labelledby` and set `aria-hidden` on the SVG to avoid duplicate announcements.
+- e26caf8: Improve `FileSelect` source list accessibility:
+  - `FileExplorerSidebar` - Add `role="listbox"` to the navigation container for the list of sources
+  - `SourceItem` - Add `role="option"` with `aria-selected` and `aria-disabled` for proper listbox semantics; set `tabIndex={-1}` when disabled so keyboard users skip disabled items
+- e519f21: `Select` applies className and style always to the outermost element (like before when buttons were nested)
+
+## 12.37.0
+
+### Minor Changes
+
+- 26ca426: _Changes internal HTML structure_ Fix Delete control accessibility in Select components:
+  - `Select`, `TieredSelect` - Clear button is now keyboard accessible and positioned outside the main button element. This will affect tests that query by button role. To fix this, specify accessible name: `getByRole('button', { name: 'label' })`
+  - `DateSelect`, `GroupSelect`, `MultiSelect`, `SuperSelect` - Clear button has correct tabIndex (0 when visible, -1 when hidden)
+- 00af70b: Improved `Dropdown` and `TieredSelect` search dropdown focus handling. Removed auto-highlight side effects on open and ensured predictable first keyboard navigation from the search input, improving screen reader behavior. Added keyboard activation support (Enter/Space) for TieredSelect trigger.
+- b3cf4bb: `OverlayTrigger` change event `blur` to `focusout` and `focus` to `focusin`
+- 629b6a8: SuperSelect:
+  - add `defaultOnUnselectAll` to help aid with unselecting options when there's a search value. Previously, all options were unselected when a user clicked `Select All`. **This only happens when all options are selected, and the user clicks on `Select All`**
+  - add `onUnselectAll` prop to allow custom implementation for unselecting options
+  - reworked `previousSelectableOptionsRef` and how auto-selection determines if there are new options to add
+- 147ecb7: Improved SuperSelect accessibility, added `role="group"` and `aria-labelledby` to MultiTrigger, added an `id` to Label, and updated ARIA attributes in useSuperSelect (`trigger`, `search`, `multi-input`, `options`).
+- 1c5981d: Removed `aria-busy` attribute from `Button` when `loading` because this is an incorrect usage of this attribute.
+- 26ca426: `DateSelect` - Enter key on target no longer closes the picker. This change allows to use Enter key for the Clear button.
+
+### Patch Changes
+
+- befa53e: Added `aria-live="polite"` attribute to `StyledEmptyState` in `FileSelect` to automatically announce content when it's updated.
+- b3cf4bb: Add `aria-describedby` to `FileSelect` SourceItem tooltips for screen readers
+- 53a9004: Indicate expanded state using `aria-expanded` for `DropdownFlyout` component
+- f54c157: Fix `DateInput` place holder for pl-PL locale
+- d452cdb: Modified color support for experimental purposes
+
 ## 12.36.0
 
 ### Minor Changes

package/dist/AnchorNavigation/AnchorNavigation.styles.js

@@ -5,11 +5,11 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledAnchorNavigation = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledAnchorNavigation",
-  componentId: "core-12_36_0__sc-aacdj4-0"
+  componentId: "core-12_38_0__sc-aacdj4-0"
 })(["max-width:200px;margin:0;padding-inline-start:0;"]);
 export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledAnchorSection",
-  componentId: "core-12_36_0__sc-aacdj4-1"
+  componentId: "core-12_38_0__sc-aacdj4-1"
 })(["display:flex;cursor:pointer;border-left:", "px solid ", ";background-color:", ";border-top-right-radius:4px;border-bottom-right-radius:4px;:hover{border-left:", "px solid ", ";background-color:", ";}"], spacing.xs, function (_ref) {
   var $selected = _ref.$selected;
   return $selected ? colors.gray15 : colors.gray90;
@@ -22,7 +22,7 @@ export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
 }, colors.gray90);
 export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledAnchor",
-  componentId: "core-12_36_0__sc-aacdj4-2"
+  componentId: "core-12_38_0__sc-aacdj4-2"
 })(["width:100%;padding:6px ", "px;", " ", ";", " :focus-visible{box-shadow:inset 0 0 0 2px ", ";outline:none;}"], spacing.sm, getTypographyIntent('body'), function (_ref4) {
   var $selected = _ref4.$selected;
   return $selected ? css(["font-weight:600;"]) : '';

package/dist/Avatar/Avatar.styles.js

@@ -28,26 +28,26 @@ var iconSize = {
 };
 export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarOverlay",
-  componentId: "core-12_36_0__sc-7q2ydl-0"
+  componentId: "core-12_38_0__sc-7q2ydl-0"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_36_0__sc-7q2ydl-1"
+  componentId: "core-12_38_0__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-12_36_0__sc-7q2ydl-2"
+  componentId: "core-12_38_0__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-12_36_0__sc-7q2ydl-3"
+  componentId: "core-12_38_0__sc-7q2ydl-3"
 })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
   var $imageUrl = _ref.$imageUrl;
   return css(["background-image:url(", ");"], $imageUrl);
 });
 export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarContainer",
-  componentId: "core-12_36_0__sc-7q2ydl-4"
+  componentId: "core-12_38_0__sc-7q2ydl-4"
 })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
   var _ref2$$size = _ref2.$size,
     $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;

package/dist/AvatarStack/AvatarStack.styles.js

@@ -7,32 +7,32 @@ import { spacing } from '../_styles/spacing';
 var maxModalWidth = 528;
 var StyledBaseAvatar = /*#__PURE__*/styled(Avatar).withConfig({
   displayName: "StyledBaseAvatar",
-  componentId: "core-12_36_0__sc-ft72hu-0"
+  componentId: "core-12_38_0__sc-ft72hu-0"
 })(["border-color:", ";border-style:solid;border-width:1px;&:hover{z-index:1;}&[role='img']:focus{outline:none;}"], colors.white);
 export var StyledAvatar = /*#__PURE__*/styled(StyledBaseAvatar).withConfig({
   displayName: "StyledAvatar",
-  componentId: "core-12_36_0__sc-ft72hu-1"
+  componentId: "core-12_38_0__sc-ft72hu-1"
 })(["background-color:", ";"], function (props) {
   return colors[props.$color];
 });
 export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContactItems",
-  componentId: "core-12_36_0__sc-ft72hu-2"
+  componentId: "core-12_38_0__sc-ft72hu-2"
 })(["padding-top:", "px;padding-bottom:", "px;padding-left:", "px;"], spacing.sm, spacing.sm, spacing.xs);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_36_0__sc-ft72hu-3"
+  componentId: "core-12_38_0__sc-ft72hu-3"
 })(["display:flex;", " + ", "{margin-left:-", "px;}"], StyledAvatar, StyledAvatar, spacing.sm);
 export var StyledViewAllWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledViewAllWrapper",
-  componentId: "core-12_36_0__sc-ft72hu-4"
+  componentId: "core-12_38_0__sc-ft72hu-4"
 })(["display:flex;margin-left:", "px;margin-bottom:", "px;"], spacing.md, spacing.lg);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_36_0__sc-ft72hu-5"
+  componentId: "core-12_38_0__sc-ft72hu-5"
 })(["max-width:", "px;"], maxModalWidth);
 export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
   displayName: "StyledContactItem",
-  componentId: "core-12_36_0__sc-ft72hu-6"
+  componentId: "core-12_38_0__sc-ft72hu-6"
 })(["flex-shrink:0;"]);
 //# sourceMappingURL=AvatarStack.styles.js.map

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_36_0__sc-rpertu-0"
+  componentId: "core-12_38_0__sc-rpertu-0"
 })(["display:inline-block;position:relative;"]);
 export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledBadgeLabel",
-  componentId: "core-12_36_0__sc-rpertu-1"
+  componentId: "core-12_38_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_36_0__sc-s2n9gd-0"
+  componentId: "core-12_38_0__sc-s2n9gd-0"
 })(["display:inline-flex;position:relative;"]);
 export var StyledBadgeContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeContent",
-  componentId: "core-12_36_0__sc-s2n9gd-1"
+  componentId: "core-12_38_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_36_0__sc-s2n9gd-2"
+  componentId: "core-12_38_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_36_0__sc-s2n9gd-3"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-0"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-1"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-2"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-3"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-4"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-5"
+  componentId: "core-12_38_0__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_36_0__sc-149wm7c-6"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-7"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-8"
+  componentId: "core-12_38_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_36_0__sc-149wm7c-9"
+  componentId: "core-12_38_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_36_0__sc-fgsy0p-0"
+  componentId: "core-12_38_0__sc-fgsy0p-0"
 })(["", " ", ""], function (_ref) {
   var as = _ref.as;
   if (as === 'ol' || as === 'ul') {