@procore/core-react 12.14.0 → 12.16.0

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_14_0__sc-aacdj4-0"
+  componentId: "core-12_16_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_14_0__sc-aacdj4-1"
+  componentId: "core-12_16_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 $active = _ref.$active;
   return $active ? 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_14_0__sc-aacdj4-2"
+  componentId: "core-12_16_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 $active = _ref4.$active;
   return $active ? 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_14_0__sc-7q2ydl-0"
+  componentId: "core-12_16_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_14_0__sc-7q2ydl-1"
+  componentId: "core-12_16_0__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-12_14_0__sc-7q2ydl-2"
+  componentId: "core-12_16_0__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-12_14_0__sc-7q2ydl-3"
+  componentId: "core-12_16_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_14_0__sc-7q2ydl-4"
+  componentId: "core-12_16_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_14_0__sc-ft72hu-0"
+  componentId: "core-12_16_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_14_0__sc-ft72hu-1"
+  componentId: "core-12_16_0__sc-ft72hu-1"
 })(["background-color:", ";"], function (props) {
   return colors[props.$color];
 });
 export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContactItems",
-  componentId: "core-12_14_0__sc-ft72hu-2"
+  componentId: "core-12_16_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_14_0__sc-ft72hu-3"
+  componentId: "core-12_16_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_14_0__sc-ft72hu-4"
+  componentId: "core-12_16_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_14_0__sc-ft72hu-5"
+  componentId: "core-12_16_0__sc-ft72hu-5"
 })(["max-width:", "px;"], maxModalWidth);
 export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
   displayName: "StyledContactItem",
-  componentId: "core-12_14_0__sc-ft72hu-6"
+  componentId: "core-12_16_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_14_0__sc-rpertu-0"
+  componentId: "core-12_16_0__sc-rpertu-0"
 })(["display:inline-block;position:relative;"]);
 export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledBadgeLabel",
-  componentId: "core-12_14_0__sc-rpertu-1"
+  componentId: "core-12_16_0__sc-rpertu-1"
 })(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
 //# sourceMappingURL=Badge.styles.js.map

package/dist/Banner/Banner.js

@@ -46,7 +46,7 @@ var Banner_ = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
   var isExpandable = expandableContentNodes.length !== 0;
   return /*#__PURE__*/React.createElement(StyledBannerContainer, _extends({
     ref: ref,
-    isExpandable: isExpandable,
+    $isExpandable: isExpandable,
     variant: variant
   }, props), isExpandable ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledExpandableContentContainer, {
     justifyContent: "space-between",
@@ -77,8 +77,8 @@ var ExpandableContent = /*#__PURE__*/React.forwardRef(function ExpandableContent
       onAnimationEnd: function onAnimationEnd() {
         return overflowRef(containerRef.current);
       },
-      isOverflowingY: isOverflowingY,
-      expandableContentMaxHeight: expandableContentMaxHeight
+      $isOverflowingY: isOverflowingY,
+      $expandableContentMaxHeight: expandableContentMaxHeight
     }, props, isOverflowingY && {
       tabIndex: 0
     }), children);

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["Clear","EllipsisVertical","Error","Info","Warning","partition","React","Button","Card","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","Banner_","forwardRef","Banner","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","_ref2","element","isValidElement","type","ExpandableContent","Children","toArray","_ref3","_slicedToArray","expandableContentNodes","content","isExpandable","length","createElement","_extends","Fragment","justifyContent","alignItems","Content","_ref4","_excluded2","_ref5","_ref5$expanded","expanded","_ref5$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref6","overflowRef","isOverflowingY","onAnimationEnd","current","tabIndex","Title","_ref7","_excluded4","Body","_ref8","_excluded5","Action","_ref9","_excluded6","DropdownAction","_ref10","_excluded7","Item","item","Actions","_ref11","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","icon","Icon","_ref14","_excluded9","Dismiss","_ref15","_excluded10","I18n","t","ErrorBanner","_ref16","_excluded11","size","InfoBanner","_ref17","_excluded12","AttentionBanner","_ref18","_excluded13","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref19","_ref19$variant","_excluded14","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n  Clear,\n  EllipsisVertical,\n  Error,\n  Info,\n  Warning,\n} from '@procore/core-icons/dist'\nimport { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ButtonAttributes, DivAttributes, Props } from '../_utils/types'\nimport {\n  StyledAction,\n  StyledActionsTrigger,\n  StyledBannerContainer,\n  StyledBody,\n  StyledContent,\n  StyledExpandableContent,\n  StyledExpandableContentContainer,\n  StyledIconContainer,\n  StyledMiniBannerContainer,\n  StyledTitle,\n} from './Banner.styles'\nimport type {\n  BannerExpandableContentProps,\n  BannerIconProps,\n  BannerProps,\n  BannerVariant,\n} from './Banner.types'\n\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n  function Banner({ children, variant, ...props }, ref) {\n    const [expandableContentNodes, content] = partition(\n      (element: React.ReactNode) =>\n        React.isValidElement(element) && element.type === ExpandableContent,\n      React.Children.toArray(children)\n    ) as [React.ReactElement[], React.ReactElement[]]\n\n    const isExpandable = expandableContentNodes.length !== 0\n\n    return (\n      <StyledBannerContainer\n        ref={ref}\n        isExpandable={isExpandable}\n        variant={variant}\n        {...props}\n      >\n        {isExpandable ? (\n          <>\n            <StyledExpandableContentContainer\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n            >\n              {content}\n            </StyledExpandableContentContainer>\n            {expandableContentNodes}\n          </>\n        ) : (\n          content\n        )}\n      </StyledBannerContainer>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Content({ children, ...props }, ref) {\n    return (\n      <StyledContent {...props} ref={ref}>\n        {children}\n      </StyledContent>\n    )\n  }\n)\n\nconst ExpandableContent = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & BannerExpandableContentProps\n>(function ExpandableContent(\n  { children, expanded = false, expandableContentMaxHeight = 120, ...props },\n  ref\n) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n\n  return expanded ? (\n    <OverflowObserver>\n      {({ ref: overflowRef, isOverflowingY }) => (\n        <StyledExpandableContent\n          ref={mergeRefs(ref, containerRef)}\n          data-qa=\"core-banner-expandable-content\"\n          onAnimationEnd={() => overflowRef(containerRef.current)}\n          isOverflowingY={isOverflowingY}\n          expandableContentMaxHeight={expandableContentMaxHeight}\n          {...props}\n          {...(isOverflowingY && { tabIndex: 0 })}\n        >\n          {children}\n        </StyledExpandableContent>\n      )}\n    </OverflowObserver>\n  ) : null\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Title({ children, ...props }, ref) {\n    return (\n      <StyledTitle {...props} ref={ref}>\n        {children}\n      </StyledTitle>\n    )\n  }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Body({ children, ...props }, ref) {\n    return (\n      <StyledBody {...props} ref={ref}>\n        {children}\n      </StyledBody>\n    )\n  }\n)\n\nconst Action = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Action({ children, ...props }, ref) {\n    return (\n      <StyledAction {...props} ref={ref}>\n        {children}\n      </StyledAction>\n    )\n  }\n)\n\nconst DropdownAction = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function DropdownAction({ children, ...props }, ref) {\n    return (\n      <Menu.Item ref={ref} item={null} {...(props as any)}>\n        {children}\n      </Menu.Item>\n    )\n  }\n)\n\nconst Actions = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function Actions({ children, ...props }, ref) {\n    const actionButtons = React.Children.toArray(children).filter(\n      (element: React.ReactNode) =>\n        React.isValidElement(element) && element.type === Action\n    ) as React.ReactElement[]\n\n    return (\n      <OverlayTrigger\n        overlay={\n          <Card>\n            <Menu\n              ref={(node) => node?.focus()}\n              usingHook={useMenu({\n                isSelectable: ({ type }) => type === DropdownAction,\n              })}\n            >\n              <Menu.Options>\n                {actionButtons.map(({ props: actionButtonProps }, idx) => (\n                  <DropdownAction key={idx} {...actionButtonProps} />\n                ))}\n              </Menu.Options>\n            </Menu>\n          </Card>\n        }\n        ref={ref}\n        placement=\"bottom-right\"\n      >\n        <StyledActionsTrigger\n          data-qa=\"core-banner-actions-trigger\"\n          variant=\"tertiary\"\n          arrow={false}\n          icon={<EllipsisVertical />}\n          {...props}\n        />\n      </OverlayTrigger>\n    )\n  }\n)\n\nconst Icon = React.forwardRef<HTMLDivElement, DivAttributes & BannerIconProps>(\n  function Icon({ children, icon, ...props }, ref) {\n    return (\n      <StyledIconContainer ref={ref} aria-hidden=\"true\" {...props}>\n        {icon}\n      </StyledIconContainer>\n    )\n  }\n)\n\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function Dismiss({ children, ...props }, ref) {\n    const I18n = useI18nContext()\n\n    return (\n      <Button\n        aria-label={I18n.t('core.banner.dismissAlert')}\n        ref={ref}\n        {...props}\n        icon={<Clear />}\n        variant=\"tertiary\"\n      />\n    )\n  }\n)\n\nexport const ErrorBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function ErrorBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"error\" {...props}>\n      <Icon icon={<Error size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\nexport const InfoBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function InfoBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"info\" {...props}>\n      <Icon icon={<Info size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\n/**\n * @since 11.26.0\n */\nexport const AttentionBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function AttentionBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"attention\" {...props}>\n      <Icon icon={<Warning size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\n/**\n * @deprecated ActionBanner was renamed to AttentionBanner.\n * @deprecatedSince 11.26.0\n */\nexport const ActionBanner = AttentionBanner\n\nexport const UNSAFE_MiniBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props & { variant?: BannerVariant }\n>(function MiniBanner({ children, variant = 'info', ...props }, ref) {\n  return (\n    <StyledMiniBannerContainer ref={ref} variant={variant} {...props}>\n      {children}\n    </StyledMiniBannerContainer>\n  )\n})\n\nBanner_.displayName = 'Banner'\n\nBody.displayName = 'Banner.Body'\n\nContent.displayName = 'Banner.Content'\n\nExpandableContent.displayName = 'Banner.ExpandableContent'\n\nTitle.displayName = 'Banner.Title'\n\nAction.displayName = 'Banner.Action'\n\nActions.displayName = 'Banner.Actions'\n\nDropdownAction.displayName = 'Banner.DropdownAction'\n\nIcon.displayName = 'Banner.Icon'\n\nDismiss.displayName = 'Banner.Dismiss'\n\nErrorBanner.displayName = 'ErrorBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\n\n/**\n\n\n We use banners to contextually convey complicated or supplemental information\n to a user. Depending on the type of banner, we can provide more information\n about a feature or page the user is on, an action the user needs to perform,\n or an error the user has encountered.\n\n Procore banners are informative and actionable. Always explain what the user\n needs to know (and in some cases, why they’re seeing the banner), and provide\n an actionable next step.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nexport const Banner = addSubcomponents(\n  {\n    Body,\n    Content,\n    ExpandableContent,\n    Title,\n    Action,\n    Actions,\n    Icon,\n    Dismiss,\n  },\n  Banner_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["Clear","EllipsisVertical","Error","Info","Warning","partition","React","Button","Card","Menu","useMenu","OverlayTrigger","useI18nContext","OverflowObserver","addSubcomponents","mergeRefs","StyledAction","StyledActionsTrigger","StyledBannerContainer","StyledBody","StyledContent","StyledExpandableContent","StyledExpandableContentContainer","StyledIconContainer","StyledMiniBannerContainer","StyledTitle","Banner_","forwardRef","Banner","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","_ref2","element","isValidElement","type","ExpandableContent","Children","toArray","_ref3","_slicedToArray","expandableContentNodes","content","isExpandable","length","createElement","_extends","$isExpandable","Fragment","justifyContent","alignItems","Content","_ref4","_excluded2","_ref5","_ref5$expanded","expanded","_ref5$expandableConte","expandableContentMaxHeight","_excluded3","containerRef","useRef","_ref6","overflowRef","isOverflowingY","onAnimationEnd","current","$isOverflowingY","$expandableContentMaxHeight","tabIndex","Title","_ref7","_excluded4","Body","_ref8","_excluded5","Action","_ref9","_excluded6","DropdownAction","_ref10","_excluded7","Item","item","Actions","_ref11","_excluded8","actionButtons","filter","overlay","node","focus","usingHook","isSelectable","_ref12","Options","map","_ref13","idx","actionButtonProps","key","placement","arrow","icon","Icon","_ref14","_excluded9","Dismiss","_ref15","_excluded10","I18n","t","ErrorBanner","_ref16","_excluded11","size","InfoBanner","_ref17","_excluded12","AttentionBanner","_ref18","_excluded13","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref19","_ref19$variant","_excluded14","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n  Clear,\n  EllipsisVertical,\n  Error,\n  Info,\n  Warning,\n} from '@procore/core-icons/dist'\nimport { partition } from 'ramda'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Menu, useMenu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ButtonAttributes, DivAttributes, Props } from '../_utils/types'\nimport {\n  StyledAction,\n  StyledActionsTrigger,\n  StyledBannerContainer,\n  StyledBody,\n  StyledContent,\n  StyledExpandableContent,\n  StyledExpandableContentContainer,\n  StyledIconContainer,\n  StyledMiniBannerContainer,\n  StyledTitle,\n} from './Banner.styles'\nimport type {\n  BannerExpandableContentProps,\n  BannerIconProps,\n  BannerProps,\n  BannerVariant,\n} from './Banner.types'\n\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n  function Banner({ children, variant, ...props }, ref) {\n    const [expandableContentNodes, content] = partition(\n      (element: React.ReactNode) =>\n        React.isValidElement(element) && element.type === ExpandableContent,\n      React.Children.toArray(children)\n    ) as [React.ReactElement[], React.ReactElement[]]\n\n    const isExpandable = expandableContentNodes.length !== 0\n\n    return (\n      <StyledBannerContainer\n        ref={ref}\n        $isExpandable={isExpandable}\n        variant={variant}\n        {...props}\n      >\n        {isExpandable ? (\n          <>\n            <StyledExpandableContentContainer\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n            >\n              {content}\n            </StyledExpandableContentContainer>\n            {expandableContentNodes}\n          </>\n        ) : (\n          content\n        )}\n      </StyledBannerContainer>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Content({ children, ...props }, ref) {\n    return (\n      <StyledContent {...props} ref={ref}>\n        {children}\n      </StyledContent>\n    )\n  }\n)\n\nconst ExpandableContent = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & BannerExpandableContentProps\n>(function ExpandableContent(\n  { children, expanded = false, expandableContentMaxHeight = 120, ...props },\n  ref\n) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n\n  return expanded ? (\n    <OverflowObserver>\n      {({ ref: overflowRef, isOverflowingY }) => (\n        <StyledExpandableContent\n          ref={mergeRefs(ref, containerRef)}\n          data-qa=\"core-banner-expandable-content\"\n          onAnimationEnd={() => overflowRef(containerRef.current)}\n          $isOverflowingY={isOverflowingY}\n          $expandableContentMaxHeight={expandableContentMaxHeight}\n          {...props}\n          {...(isOverflowingY && { tabIndex: 0 })}\n        >\n          {children}\n        </StyledExpandableContent>\n      )}\n    </OverflowObserver>\n  ) : null\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Title({ children, ...props }, ref) {\n    return (\n      <StyledTitle {...props} ref={ref}>\n        {children}\n      </StyledTitle>\n    )\n  }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Body({ children, ...props }, ref) {\n    return (\n      <StyledBody {...props} ref={ref}>\n        {children}\n      </StyledBody>\n    )\n  }\n)\n\nconst Action = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Action({ children, ...props }, ref) {\n    return (\n      <StyledAction {...props} ref={ref}>\n        {children}\n      </StyledAction>\n    )\n  }\n)\n\nconst DropdownAction = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function DropdownAction({ children, ...props }, ref) {\n    return (\n      <Menu.Item ref={ref} item={null} {...(props as any)}>\n        {children}\n      </Menu.Item>\n    )\n  }\n)\n\nconst Actions = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function Actions({ children, ...props }, ref) {\n    const actionButtons = React.Children.toArray(children).filter(\n      (element: React.ReactNode) =>\n        React.isValidElement(element) && element.type === Action\n    ) as React.ReactElement[]\n\n    return (\n      <OverlayTrigger\n        overlay={\n          <Card>\n            <Menu\n              ref={(node) => node?.focus()}\n              usingHook={useMenu({\n                isSelectable: ({ type }) => type === DropdownAction,\n              })}\n            >\n              <Menu.Options>\n                {actionButtons.map(({ props: actionButtonProps }, idx) => (\n                  <DropdownAction key={idx} {...actionButtonProps} />\n                ))}\n              </Menu.Options>\n            </Menu>\n          </Card>\n        }\n        ref={ref}\n        placement=\"bottom-right\"\n      >\n        <StyledActionsTrigger\n          data-qa=\"core-banner-actions-trigger\"\n          variant=\"tertiary\"\n          arrow={false}\n          icon={<EllipsisVertical />}\n          {...props}\n        />\n      </OverlayTrigger>\n    )\n  }\n)\n\nconst Icon = React.forwardRef<HTMLDivElement, DivAttributes & BannerIconProps>(\n  function Icon({ children, icon, ...props }, ref) {\n    return (\n      <StyledIconContainer ref={ref} aria-hidden=\"true\" {...props}>\n        {icon}\n      </StyledIconContainer>\n    )\n  }\n)\n\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function Dismiss({ children, ...props }, ref) {\n    const I18n = useI18nContext()\n\n    return (\n      <Button\n        aria-label={I18n.t('core.banner.dismissAlert')}\n        ref={ref}\n        {...props}\n        icon={<Clear />}\n        variant=\"tertiary\"\n      />\n    )\n  }\n)\n\nexport const ErrorBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function ErrorBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"error\" {...props}>\n      <Icon icon={<Error size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\nexport const InfoBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function InfoBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"info\" {...props}>\n      <Icon icon={<Info size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\n/**\n * @since 11.26.0\n */\nexport const AttentionBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function AttentionBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"attention\" {...props}>\n      <Icon icon={<Warning size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\n/**\n * @deprecated ActionBanner was renamed to AttentionBanner.\n * @deprecatedSince 11.26.0\n */\nexport const ActionBanner = AttentionBanner\n\nexport const UNSAFE_MiniBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props & { variant?: BannerVariant }\n>(function MiniBanner({ children, variant = 'info', ...props }, ref) {\n  return (\n    <StyledMiniBannerContainer ref={ref} variant={variant} {...props}>\n      {children}\n    </StyledMiniBannerContainer>\n  )\n})\n\nBanner_.displayName = 'Banner'\n\nBody.displayName = 'Banner.Body'\n\nContent.displayName = 'Banner.Content'\n\nExpandableContent.displayName = 'Banner.ExpandableContent'\n\nTitle.displayName = 'Banner.Title'\n\nAction.displayName = 'Banner.Action'\n\nActions.displayName = 'Banner.Actions'\n\nDropdownAction.displayName = 'Banner.DropdownAction'\n\nIcon.displayName = 'Banner.Icon'\n\nDismiss.displayName = 'Banner.Dismiss'\n\nErrorBanner.displayName = 'ErrorBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\n\n/**\n\n\n We use banners to contextually convey complicated or supplemental information\n to a user. Depending on the type of banner, we can provide more information\n about a feature or page the user is on, an action the user needs to perform,\n or an error the user has encountered.\n\n Procore banners are informative and actionable. Always explain what the user\n needs to know (and in some cases, why they’re seeing the banner), and provide\n an actionable next step.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nexport const Banner = addSubcomponents(\n  {\n    Body,\n    Content,\n    ExpandableContent,\n    Title,\n    Action,\n    Actions,\n    Icon,\n    Dismiss,\n  },\n  Banner_\n)\n"],"mappings":"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"}

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

@@ -2,13 +2,13 @@
 import type { FlexProps } from '../Flex/Flex.types';
 import type { BannerProps, BannerVariant } from './Banner.types';
 export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", any, {
-    isExpandable: boolean;
+    $isExpandable: boolean;
 } & BannerProps, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledExpandableContentContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledExpandableContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, FlexProps & {
-    isOverflowingY: boolean;
-    expandableContentMaxHeight: number;
+    $isOverflowingY: boolean;
+    $expandableContentMaxHeight: number;
 }, never>;
 export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {}, never>;

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_14_0__sc-149wm7c-0"
+  componentId: "core-12_16_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],
@@ -47,46 +47,46 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
     secondary = _bannerVariantColors$.secondary;
   return css(["border-left-color:", ";background-color:", ";& ", "{color:", ";}"], primary, secondary, StyledIconContainer, primary);
 }, function (_ref2) {
-  var isExpandable = _ref2.isExpandable;
-  return isExpandable && css(["flex-direction:column;align-items:stretch;padding:0;"]);
+  var $isExpandable = _ref2.$isExpandable;
+  return $isExpandable && css(["flex-direction:column;align-items:stretch;padding:0;"]);
 });
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_14_0__sc-149wm7c-1"
+  componentId: "core-12_16_0__sc-149wm7c-1"
 })(["align-self:center;margin:", "px ", "px;width:100%;"], spacing.sm, spacing.lg);
 export var StyledExpandableContentContainer = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledExpandableContentContainer",
-  componentId: "core-12_14_0__sc-149wm7c-2"
+  componentId: "core-12_16_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_14_0__sc-149wm7c-3"
+  componentId: "core-12_16_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;
+  var $isOverflowingY = _ref3.$isOverflowingY;
+  return $isOverflowingY && focusable;
 }, function (_ref4) {
-  var expandableContentMaxHeight = _ref4.expandableContentMaxHeight;
-  return css(["animation-name:", ";"], expandContent(expandableContentMaxHeight));
+  var $expandableContentMaxHeight = _ref4.$expandableContentMaxHeight;
+  return css(["animation-name:", ";"], expandContent($expandableContentMaxHeight));
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_14_0__sc-149wm7c-4"
+  componentId: "core-12_16_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_14_0__sc-149wm7c-5"
+  componentId: "core-12_16_0__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_14_0__sc-149wm7c-6"
+  componentId: "core-12_16_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_14_0__sc-149wm7c-7"
+  componentId: "core-12_16_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_14_0__sc-149wm7c-8"
+  componentId: "core-12_16_0__sc-149wm7c-8"
 })(["margin:", "px 0;& + ", ",& + ", ",& + ", "{margin-left:", "px;}", ",", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, StyledButton, StyledLinkButton, StyledActionsTrigger, spacing.sm, StyledButton, StyledLinkButton, colors.gray15, colors.gray85, colors.gray15);
 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_14_0__sc-149wm7c-9"
+  componentId: "core-12_16_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.styles.js.map

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

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

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -1,6 +1,7 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["children", "variant"],
-  _excluded2 = ["variant"];
+  _excluded2 = ["variant"],
+  _excluded3 = ["isLast"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -64,9 +65,11 @@ export var Crumb = /*#__PURE__*/React.forwardRef(function Crumb(_ref2, ref) {
   });
   var isLegacy = variant === BreadcrumbVariants.LEGACY;
   var showSeparator = !isLegacy && props.hasOwnProperty('isLast') && !props.isLast;
+  var isLast = props.isLast,
+    crumbProps = _objectWithoutProperties(props, _excluded3);
   return /*#__PURE__*/React.createElement(StyledCrumb, _extends({
     as: isLegacy ? 'div' : 'li'
-  }, props, {
+  }, crumbProps, {
     ref: ref
   }), childrenWithAriaAttrs, showSeparator ? separator : /*#__PURE__*/React.createElement(React.Fragment, null));
 });

package/dist/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["ChevronRight","React","useI18nContext","addSubcomponents","StyledContainer","StyledCrumb","StyledList","StyledSeparator","BreadcrumbVariants","separator","createElement","Breadcrumbs_","forwardRef","Breadcrumbs","_ref","ref","children","_ref$variant","variant","LEGACY","props","_objectWithoutProperties","_excluded","i18n","childrenArray","Children","toArray","isLegacy","navigationList","filter","child","map","i","isLast","length","aria","active","undefined","cloneProps","_objectSpread","Fragment","key","concat","cloneElement","_extends","t","Crumb","_ref2","_ref2$variant","_excluded2","childrenWithAriaAttrs","isValidElement","showSeparator","hasOwnProperty","as","displayName"],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport type { ForwardedRef } from 'react'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  DivAttributes,\n  LiAttributes,\n  NavAttributes,\n} from '../_utils/types'\nimport {\n  StyledContainer,\n  StyledCrumb,\n  StyledList,\n  StyledSeparator,\n} from './Breadcrumbs.styles'\nimport type { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types'\nimport { BreadcrumbVariants } from './Breadcrumbs.types'\n\nconst separator = (\n  <StyledSeparator aria-hidden={true}>\n    <ChevronRight />\n  </StyledSeparator>\n)\n\nconst Breadcrumbs_ = React.forwardRef<\n  HTMLElement,\n  NavAttributes & BreadcrumbProps\n>(function Breadcrumbs(\n  { children, variant = BreadcrumbVariants.LEGACY, ...props },\n  ref\n) {\n  const i18n = useI18nContext()\n  const childrenArray = React.Children.toArray(children)\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n\n  const navigationList = childrenArray\n    .filter((child) => child)\n    .map((child, i) => {\n      const isLast = i === childrenArray.length - 1\n      const aria = {\n        'aria-current': (child as React.ReactElement).props.active || undefined,\n      }\n      const cloneProps = isLegacy\n        ? aria\n        : {\n            ...aria,\n            isLast,\n            variant,\n          }\n\n      return (\n        <React.Fragment key={`separator-${i}`}>\n          {React.cloneElement(child as React.ReactElement, cloneProps)}\n          {isLegacy && !isLast ? separator : <></>}\n        </React.Fragment>\n      )\n    })\n  return (\n    <StyledContainer\n      aria-label={i18n.t('core.breadcrumbs.label')}\n      {...props}\n      ref={ref}\n    >\n      {!isLegacy ? <StyledList>{navigationList}</StyledList> : navigationList}\n    </StyledContainer>\n  )\n})\n\ntype NavCrumbProps = LiAttributes & BreadcrumbCrumbProps\ntype LegacyCrumbProps = DivAttributes & BreadcrumbCrumbProps\n\nexport const Crumb = React.forwardRef<\n  HTMLLIElement | HTMLDivElement,\n  NavCrumbProps | LegacyCrumbProps\n>(function Crumb({ variant = BreadcrumbVariants.LEGACY, ...props }, ref) {\n  const childrenWithAriaAttrs = React.Children.toArray(props.children)\n    .filter((child) => child)\n    .map((child) => {\n      if (React.isValidElement<{ 'aria-current'?: boolean }>(child)) {\n        return React.cloneElement(child, {\n          'aria-current': props.active || undefined,\n        })\n      } else {\n        return child\n      }\n    })\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n  const showSeparator =\n    !isLegacy && props.hasOwnProperty('isLast') && !props.isLast\n  return (\n    <StyledCrumb\n      as={isLegacy ? 'div' : 'li'}\n      {...(props as NavCrumbProps)}\n      ref={ref as ForwardedRef<HTMLLIElement>}\n    >\n      {childrenWithAriaAttrs}\n      {showSeparator ? separator : <></>}\n    </StyledCrumb>\n  )\n})\n\nBreadcrumbs_.displayName = 'Breadcrumbs'\n\nCrumb.displayName = 'Breadcrumbs.Crumb'\n\n//  * @codemod npx ...\n//  * @deprecatedSince 12.x.x\n/**\n * @description  We use breadcrumbs to provide navigational information to the user on every\n * tool’s child page in Procore. The last element is the active view.\n *\n * __Important!__ Prior versions support placing an anchor element in-between `Breadcrumbs` and\n * `Breadcrumbs.Crumb` elements; going forward anchor elements must be inside `Breadcrumbs.Crumb`.\n *\n * Additionally __set `variant=\"list\"` to enable list markup__, it will eventually be the default\n * but requires users to place hyperlinks inside the `Breadcrumbs.Crumb` (`li`) to be proper HTML.\n\nBEFORE:\n```\n<Breadcrumbs>\n  <a href=\"#\">\n    <Breadcrumbs.Crumb>Deprecated</Breadcrumbs.Crumb>\n  </a>\n</Breadcrumbs>\n```\n\nAFTER:\n```\n<Breadcrumbs variant=\"list\">\n  <Breadcrumbs.Crumb>\n    <a href=\"#\">Standard</a>\n  </Breadcrumbs.Crumb>\n</Breadcrumbs>\n```\n\n @a11y Use `variant=\"list\"` for semantic `ol`, `li` elements in addition to `nav`. When multiple\n breadcrumbs are in view, it is recommended each have an `aria-label` or `aria-labelledby`.\n\n @example\n  <Breadcrumbs variant=\"list\">\n    <Breadcrumbs.Crumb>\n      <a href=\"#\">List Items</a>\n    </Breadcrumbs.Crumb>\n    <Breadcrumbs.Crumb active>\n      Current Item\n    <Breadcrumbs.Crumb>\n  </Breadcrumbs>\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\n\n */\nexport const Breadcrumbs = addSubcomponents(\n  {\n    Crumb,\n  },\n  Breadcrumbs_\n)\n"],"mappings":"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,CAACa,MAAM;EAC9D,oBACEhC,KAAA,CAAAS,aAAA,CAACL,WAAW,EAAAuC,QAAA;IACVU,EAAE,EAAE3B,QAAQ,GAAG,KAAK,GAAG;EAAK,GACvBP,KAAK;IACVL,GAAG,EAAEA;EAAmC,IAEvCmC,qBAAqB,EACrBE,aAAa,GAAG3C,SAAS,gBAAGR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAuC,QAAA,MAAI,CACtB,CAAC;AAElB,CAAC,CAAC;AAEF7B,YAAY,CAAC4C,WAAW,GAAG,aAAa;AAExCT,KAAK,CAACS,WAAW,GAAG,mBAAmB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM1C,WAAW,GAAGV,gBAAgB,CACzC;EACE2C,KAAK,EAALA;AACF,CAAC,EACDnC,YACF,CAAC"}
+{"version":3,"file":"Breadcrumbs.js","names":["ChevronRight","React","useI18nContext","addSubcomponents","StyledContainer","StyledCrumb","StyledList","StyledSeparator","BreadcrumbVariants","separator","createElement","Breadcrumbs_","forwardRef","Breadcrumbs","_ref","ref","children","_ref$variant","variant","LEGACY","props","_objectWithoutProperties","_excluded","i18n","childrenArray","Children","toArray","isLegacy","navigationList","filter","child","map","i","isLast","length","aria","active","undefined","cloneProps","_objectSpread","Fragment","key","concat","cloneElement","_extends","t","Crumb","_ref2","_ref2$variant","_excluded2","childrenWithAriaAttrs","isValidElement","showSeparator","hasOwnProperty","crumbProps","_excluded3","as","displayName"],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport type { ForwardedRef } from 'react'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  DivAttributes,\n  LiAttributes,\n  NavAttributes,\n} from '../_utils/types'\nimport {\n  StyledContainer,\n  StyledCrumb,\n  StyledList,\n  StyledSeparator,\n} from './Breadcrumbs.styles'\nimport type { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types'\nimport { BreadcrumbVariants } from './Breadcrumbs.types'\n\nconst separator = (\n  <StyledSeparator aria-hidden={true}>\n    <ChevronRight />\n  </StyledSeparator>\n)\n\nconst Breadcrumbs_ = React.forwardRef<\n  HTMLElement,\n  NavAttributes & BreadcrumbProps\n>(function Breadcrumbs(\n  { children, variant = BreadcrumbVariants.LEGACY, ...props },\n  ref\n) {\n  const i18n = useI18nContext()\n  const childrenArray = React.Children.toArray(children)\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n\n  const navigationList = childrenArray\n    .filter((child) => child)\n    .map((child, i) => {\n      const isLast = i === childrenArray.length - 1\n      const aria = {\n        'aria-current': (child as React.ReactElement).props.active || undefined,\n      }\n      const cloneProps = isLegacy\n        ? aria\n        : {\n            ...aria,\n            isLast,\n            variant,\n          }\n\n      return (\n        <React.Fragment key={`separator-${i}`}>\n          {React.cloneElement(child as React.ReactElement, cloneProps)}\n          {isLegacy && !isLast ? separator : <></>}\n        </React.Fragment>\n      )\n    })\n  return (\n    <StyledContainer\n      aria-label={i18n.t('core.breadcrumbs.label')}\n      {...props}\n      ref={ref}\n    >\n      {!isLegacy ? <StyledList>{navigationList}</StyledList> : navigationList}\n    </StyledContainer>\n  )\n})\n\ntype NavCrumbProps = LiAttributes & BreadcrumbCrumbProps\ntype LegacyCrumbProps = DivAttributes & BreadcrumbCrumbProps\n\nexport const Crumb = React.forwardRef<\n  HTMLLIElement | HTMLDivElement,\n  NavCrumbProps | LegacyCrumbProps\n>(function Crumb({ variant = BreadcrumbVariants.LEGACY, ...props }, ref) {\n  const childrenWithAriaAttrs = React.Children.toArray(props.children)\n    .filter((child) => child)\n    .map((child) => {\n      if (React.isValidElement<{ 'aria-current'?: boolean }>(child)) {\n        return React.cloneElement(child, {\n          'aria-current': props.active || undefined,\n        })\n      } else {\n        return child\n      }\n    })\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n  const showSeparator =\n    !isLegacy && props.hasOwnProperty('isLast') && !props.isLast\n  const { isLast, ...crumbProps } = props\n  return (\n    <StyledCrumb\n      as={isLegacy ? 'div' : 'li'}\n      {...(crumbProps as NavCrumbProps)}\n      ref={ref as ForwardedRef<HTMLLIElement>}\n    >\n      {childrenWithAriaAttrs}\n      {showSeparator ? separator : <></>}\n    </StyledCrumb>\n  )\n})\n\nBreadcrumbs_.displayName = 'Breadcrumbs'\n\nCrumb.displayName = 'Breadcrumbs.Crumb'\n\n//  * @codemod npx ...\n//  * @deprecatedSince 12.x.x\n/**\n * @description  We use breadcrumbs to provide navigational information to the user on every\n * tool’s child page in Procore. The last element is the active view.\n *\n * __Important!__ Prior versions support placing an anchor element in-between `Breadcrumbs` and\n * `Breadcrumbs.Crumb` elements; going forward anchor elements must be inside `Breadcrumbs.Crumb`.\n *\n * Additionally __set `variant=\"list\"` to enable list markup__, it will eventually be the default\n * but requires users to place hyperlinks inside the `Breadcrumbs.Crumb` (`li`) to be proper HTML.\n\nBEFORE:\n```\n<Breadcrumbs>\n  <a href=\"#\">\n    <Breadcrumbs.Crumb>Deprecated</Breadcrumbs.Crumb>\n  </a>\n</Breadcrumbs>\n```\n\nAFTER:\n```\n<Breadcrumbs variant=\"list\">\n  <Breadcrumbs.Crumb>\n    <a href=\"#\">Standard</a>\n  </Breadcrumbs.Crumb>\n</Breadcrumbs>\n```\n\n @a11y Use `variant=\"list\"` for semantic `ol`, `li` elements in addition to `nav`. When multiple\n breadcrumbs are in view, it is recommended each have an `aria-label` or `aria-labelledby`.\n\n @example\n  <Breadcrumbs variant=\"list\">\n    <Breadcrumbs.Crumb>\n      <a href=\"#\">List Items</a>\n    </Breadcrumbs.Crumb>\n    <Breadcrumbs.Crumb active>\n      Current Item\n    <Breadcrumbs.Crumb>\n  </Breadcrumbs>\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\n\n */\nexport const Breadcrumbs = addSubcomponents(\n  {\n    Crumb,\n  },\n  Breadcrumbs_\n)\n"],"mappings":"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"}

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_14_0__sc-1q6nqfz-0"
+  componentId: "core-12_16_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_14_0__sc-1q6nqfz-1"
+  componentId: "core-12_16_0__sc-1q6nqfz-1"
 })(["display:flex;margin:0;padding-left:0;"]);
 export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSeparator",
-  componentId: "core-12_14_0__sc-1q6nqfz-2"
+  componentId: "core-12_16_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_14_0__sc-1q6nqfz-3"
+  componentId: "core-12_16_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_14_0__sc-c5bhwh-0"
+  componentId: "core-12_16_0__sc-c5bhwh-0"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledSpinner",
-  componentId: "core-12_14_0__sc-c5bhwh-1"
+  componentId: "core-12_16_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_14_0__sc-c5bhwh-2"
+  componentId: "core-12_16_0__sc-c5bhwh-2"
 })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
 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_14_0__sc-c5bhwh-3"
+  componentId: "core-12_16_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_14_0__sc-c5bhwh-4"
+  componentId: "core-12_16_0__sc-c5bhwh-4"
 })(["&,&:hover{text-decoration:none;}", ""], function (_ref3) {
   var $block = _ref3.$block,
     $disabled = _ref3.$disabled,

package/dist/Calendar/Calendar.styles.js

@@ -8,31 +8,31 @@ var cellSize = 36; // TODO one-off size
 
 export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_14_0__sc-1kkl86t-0"
+  componentId: "core-12_16_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_14_0__sc-1kkl86t-1"
+  componentId: "core-12_16_0__sc-1kkl86t-1"
 })(["flex:0 0 auto;"]);
 export var StyledSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelect",
-  componentId: "core-12_14_0__sc-1kkl86t-2"
+  componentId: "core-12_16_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_14_0__sc-1kkl86t-3"
+  componentId: "core-12_16_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_14_0__sc-1kkl86t-4"
+  componentId: "core-12_16_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_14_0__sc-1kkl86t-5"
+  componentId: "core-12_16_0__sc-1kkl86t-5"
 })(["cursor:default;font-weight:", ";"], typographyWeights.semibold);
 export var StyledDayCell = /*#__PURE__*/styled(StyledCell).withConfig({
   displayName: "StyledDayCell",
-  componentId: "core-12_14_0__sc-1kkl86t-6"
+  componentId: "core-12_16_0__sc-1kkl86t-6"
 })(["", ""], function (_ref) {
   var _ref$$disabled = _ref.$disabled,
     $disabled = _ref$$disabled === void 0 ? false : _ref$$disabled,
@@ -55,6 +55,6 @@ export var StyledDayCell = /*#__PURE__*/styled(StyledCell).withConfig({
 });
 export var StyledWeekRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWeekRow",
-  componentId: "core-12_14_0__sc-1kkl86t-7"
+  componentId: "core-12_16_0__sc-1kkl86t-7"
 })(["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_14_0__sc-2fii7b-0"
+  componentId: "core-12_16_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;