@procore/core-react 11.25.1 → 11.26.0

package/babel.config.js

@@ -4,7 +4,7 @@ const namespace = `core-${version}`
 
 if (process.env.BUNDLING) {
   module.exports = {
-    ignore: [/(.*)\.(coverage|stories|test|snap)\.?(.*)?/],
+    ignore: [/(.*)\.(coverage|stories|test|snap)\.?(.*)?/, '**/__tests__/**/*'],
     presets: [
       ['@babel/preset-env', { modules: false }],
       '@babel/preset-react',

package/dist/Avatar/Avatar.styles.js

@@ -24,26 +24,26 @@ var iconSize = {
 };
 export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarOverlay",
-  componentId: "core-11_25_1__sc-7q2ydl-0"
+  componentId: "core-11_26_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-11_25_1__sc-7q2ydl-1"
+  componentId: "core-11_26_0__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-11_25_1__sc-7q2ydl-2"
+  componentId: "core-11_26_0__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-11_25_1__sc-7q2ydl-3"
+  componentId: "core-11_26_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-11_25_1__sc-7q2ydl-4"
+  componentId: "core-11_26_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-11_25_1__sc-ft72hu-0"
+  componentId: "core-11_26_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-11_25_1__sc-ft72hu-1"
+  componentId: "core-11_26_0__sc-ft72hu-1"
 })(["background-color:", ";"], function (props) {
   return colors[props.$color];
 });
 export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContactItems",
-  componentId: "core-11_25_1__sc-ft72hu-2"
+  componentId: "core-11_26_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-11_25_1__sc-ft72hu-3"
+  componentId: "core-11_26_0__sc-ft72hu-3"
 })(["display:flex;", " + ", "{margin-left:-", "px;}"], StyledAvatar, StyledAvatar, spacing.sm);
 export var StyledViewAllWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledViewAllWrapper",
-  componentId: "core-11_25_1__sc-ft72hu-4"
+  componentId: "core-11_26_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-11_25_1__sc-ft72hu-5"
+  componentId: "core-11_26_0__sc-ft72hu-5"
 })(["max-width:", "px;"], maxModalWidth);
 export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
   displayName: "StyledContactItem",
-  componentId: "core-11_25_1__sc-ft72hu-6"
+  componentId: "core-11_26_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-11_25_1__sc-rpertu-0"
+  componentId: "core-11_26_0__sc-rpertu-0"
 })(["display:inline-block;position:relative;"]);
 export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledBadgeLabel",
-  componentId: "core-11_25_1__sc-rpertu-1"
+  componentId: "core-11_26_0__sc-rpertu-1"
 })(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
 //# sourceMappingURL=Badge.styles.js.map

package/dist/Banner/Banner.d.ts

@@ -8,6 +8,14 @@ export declare const ErrorBanner: React.ForwardRefExoticComponent<DivAttributes
  */
 export declare const SuccessBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
 export declare const InfoBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @since 11.26.0
+ */
+export declare const AttentionBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated ActionBanner was renamed to AttentionBanner.
+ * @deprecatedSince 11.26.0
+ */
 export declare const ActionBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
 export declare const UNSAFE_MiniBanner: React.ForwardRefExoticComponent<DivAttributes & Props & {
     variant?: BannerVariant | undefined;

package/dist/Banner/Banner.js

@@ -227,18 +227,28 @@ export var InfoBanner = /*#__PURE__*/React.forwardRef(function InfoBanner(_ref18
     })
   }), children);
 });
-export var ActionBanner = /*#__PURE__*/React.forwardRef(function ActionBanner(_ref19, ref) {
+
+/**
+ * @since 11.26.0
+ */
+export var AttentionBanner = /*#__PURE__*/React.forwardRef(function AttentionBanner(_ref19, ref) {
   var children = _ref19.children,
     props = _objectWithoutProperties(_ref19, _excluded14);
   return /*#__PURE__*/React.createElement(Banner, _extends({
     ref: ref,
-    variant: "action"
+    variant: "attention"
   }, props), /*#__PURE__*/React.createElement(Icon, {
     icon: /*#__PURE__*/React.createElement(Warning, {
       size: "lg"
     })
   }), children);
 });
+
+/**
+ * @deprecated ActionBanner was renamed to AttentionBanner.
+ * @deprecatedSince 11.26.0
+ */
+export var ActionBanner = AttentionBanner;
 export var UNSAFE_MiniBanner = /*#__PURE__*/React.forwardRef(function MiniBanner(_ref20, ref) {
   var children = _ref20.children,
     _ref20$variant = _ref20.variant,
@@ -262,6 +272,7 @@ Dismiss.displayName = 'Banner.Dismiss';
 ErrorBanner.displayName = 'ErrorBanner';
 SuccessBanner.displayName = 'SuccessBanner';
 InfoBanner.displayName = 'InfoBanner';
+AttentionBanner.displayName = 'AttentionBanner';
 ActionBanner.displayName = 'ActionBanner';
 UNSAFE_MiniBanner.displayName = 'MiniBanner';
 export var Banner = addSubcomponents({

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["Check","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","SuccessBanner","_ref17","_excluded12","InfoBanner","_ref18","_excluded13","ActionBanner","_ref19","_excluded14","UNSAFE_MiniBanner","MiniBanner","_ref20","_ref20$variant","_excluded15","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n  Check,\n  Clear,\n  EllipsisVertical,\n  Error,\n  Info,\n  Warning,\n} from '@procore/core-icons/dist'\nimport { 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\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://procore.github.io/core/core-react/latest/?path=/story/demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n  function Banner({ children, variant, ...props }, ref) {\n    const [expandableContentNodes, content] = partition(\n      (element: React.ReactNode) =>\n        React.isValidElement(element) && element.type === ExpandableContent,\n      React.Children.toArray(children)\n    ) as [React.ReactElement[], React.ReactElement[]]\n\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\n/**\n * @deprecated Component will be removed in a future version. Instead, please consider using \"success\" variant of Toast component.\n * @deprecatedSince 10.7.0\n */\nexport const SuccessBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function SuccessBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"success\" {...props}>\n      <Icon icon={<Check size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\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\nexport const ActionBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function ActionBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"action\" {...props}>\n      <Icon icon={<Warning size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\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\nSuccessBanner.displayName = 'SuccessBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\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":["Check","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","SuccessBanner","_ref17","_excluded12","InfoBanner","_ref18","_excluded13","AttentionBanner","_ref19","_excluded14","ActionBanner","UNSAFE_MiniBanner","MiniBanner","_ref20","_ref20$variant","_excluded15","displayName"],"sources":["../../src/Banner/Banner.tsx"],"sourcesContent":["import {\n  Check,\n  Clear,\n  EllipsisVertical,\n  Error,\n  Info,\n  Warning,\n} from '@procore/core-icons/dist'\nimport { 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\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://procore.github.io/core/core-react/latest/?path=/story/demos-banner--demo)\n\n @see [Design Guidelines](https://design.procore.com/banner)\n\n */\nconst Banner_ = React.forwardRef<HTMLDivElement, DivAttributes & BannerProps>(\n  function Banner({ children, variant, ...props }, ref) {\n    const [expandableContentNodes, content] = partition(\n      (element: React.ReactNode) =>\n        React.isValidElement(element) && element.type === ExpandableContent,\n      React.Children.toArray(children)\n    ) as [React.ReactElement[], React.ReactElement[]]\n\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\n/**\n * @deprecated Component will be removed in a future version. Instead, please consider using \"success\" variant of Toast component.\n * @deprecatedSince 10.7.0\n */\nexport const SuccessBanner = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & Props\n>(function SuccessBanner({ children, ...props }, ref) {\n  return (\n    <Banner ref={ref} variant=\"success\" {...props}>\n      <Icon icon={<Check size=\"lg\" />} />\n      {children}\n    </Banner>\n  )\n})\n\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\nSuccessBanner.displayName = 'SuccessBanner'\n\nInfoBanner.displayName = 'InfoBanner'\n\nAttentionBanner.displayName = 'AttentionBanner'\n\nActionBanner.displayName = 'ActionBanner'\n\nUNSAFE_MiniBanner.displayName = 'MiniBanner'\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.js

@@ -14,12 +14,16 @@ var bannerVariantColors = {
     primary: colors.yellow40,
     secondary: colors.yellow94
   },
+  attention: {
+    primary: colors.yellow40,
+    secondary: colors.yellow94
+  },
   error: {
     primary: colors.red50,
     secondary: colors.red98
   },
   info: {
-    primary: colors.blue40,
+    primary: colors.blue50,
     secondary: colors.blue96
   },
   success: {
@@ -33,6 +37,7 @@ var bannerVariantColors = {
 };
 var miniBannerVariantColors = {
   action: colors.yellow50,
+  attention: colors.yellow50,
   error: colors.red50,
   info: colors.blue50,
   success: colors.green50,
@@ -44,7 +49,7 @@ var expandContent = function expandContent(maxHeight) {
 };
 export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBannerContainer",
-  componentId: "core-11_25_1__sc-149wm7c-0"
+  componentId: "core-11_26_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],
@@ -57,15 +62,15 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-11_25_1__sc-149wm7c-1"
+  componentId: "core-11_26_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-11_25_1__sc-149wm7c-2"
+  componentId: "core-11_26_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-11_25_1__sc-149wm7c-3"
+  componentId: "core-11_26_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;
@@ -75,23 +80,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-11_25_1__sc-149wm7c-4"
+  componentId: "core-11_26_0__sc-149wm7c-4"
 })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-11_25_1__sc-149wm7c-5"
+  componentId: "core-11_26_0__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-11_25_1__sc-149wm7c-6"
+  componentId: "core-11_26_0__sc-149wm7c-6"
 })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
 export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
   displayName: "StyledActionsTrigger",
-  componentId: "core-11_25_1__sc-149wm7c-7"
+  componentId: "core-11_26_0__sc-149wm7c-7"
 })(["flex-shrink:0;& + ", "{margin-left:", "px;}"], StyledButton, spacing.sm);
 export var StyledAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAction",
-  componentId: "core-11_25_1__sc-149wm7c-8"
+  componentId: "core-11_26_0__sc-149wm7c-8"
 })(["margin:", "px 0;& + ", ",& + ", "{margin-left:", "px;}", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, StyledButton, StyledActionsTrigger, spacing.sm, StyledButton, colors.gray15, colors.gray85, colors.gray15);
 function getMiniBannerIconColor(_ref5) {
   var variant = _ref5.variant;
@@ -99,6 +104,6 @@ function getMiniBannerIconColor(_ref5) {
 }
 export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMiniBannerContainer",
-  componentId: "core-11_25_1__sc-149wm7c-9"
+  componentId: "core-11_26_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","DropdownButton","Flex","getTypographyIntent","typographyWeights","borderRadius","colors","focusable","getShadow","spacing","bannerLeft","bannerVariantColors","action","primary","yellow40","secondary","yellow94","error","red50","red98","info","blue40","blue96","success","green30","green96","UNSAFE_attention_emphasized","orange50","orange98","miniBannerVariantColors","yellow50","blue50","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 } 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  action: {\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.blue40,\n    secondary: colors.blue96,\n  },\n  success: {\n    primary: colors.green30,\n    secondary: colors.green96,\n  },\n  UNSAFE_attention_emphasized: {\n    primary: colors.orange50,\n    secondary: colors.orange98,\n  },\n} as const\n\nconst miniBannerVariantColors = {\n  action: colors.yellow50,\n  error: colors.red50,\n  info: colors.blue50,\n  success: colors.green50,\n  UNSAFE_attention_emphasized: colors.green50,\n}\n\nconst bannerShadow = getShadow(1, 'bottom')\n\nconst expandContent = (maxHeight: number) => keyframes`\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n    max-height: 0;\n    min-height: 0;\n    overflow-y: hidden;\n  }\n  to {\n    padding-top: ${spacing.sm}px;\n    padding-bottom: ${spacing.sm}px;\n    min-height: 32px;\n    max-height: ${maxHeight}px;\n    overflow-y: auto;\n  }\n`\n\nexport const StyledBannerContainer = styled.div<\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} {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledAction = styled.div`\n  margin: ${spacing.sm}px 0;\n\n  & + ${StyledButton}, & + ${StyledActionsTrigger} {\n    margin-left: ${spacing.sm}px;\n  }\n\n  ${StyledButton} {\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","DropdownButton","Flex","getTypographyIntent","typographyWeights","borderRadius","colors","focusable","getShadow","spacing","bannerLeft","bannerVariantColors","action","primary","yellow40","secondary","yellow94","attention","error","red50","red98","info","blue50","blue96","success","green30","green96","UNSAFE_attention_emphasized","orange50","orange98","miniBannerVariantColors","yellow50","green50","bannerShadow","expandContent","maxHeight","sm","StyledBannerContainer","div","withConfig","displayName","componentId","md","gray15","lg","_ref","variant","_bannerVariantColors$","StyledIconContainer","_ref2","isExpandable","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 } 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  action: {\n    primary: colors.yellow40,\n    secondary: colors.yellow94,\n  },\n  attention: {\n    primary: colors.yellow40,\n    secondary: colors.yellow94,\n  },\n  error: {\n    primary: colors.red50,\n    secondary: colors.red98,\n  },\n  info: {\n    primary: colors.blue50,\n    secondary: colors.blue96,\n  },\n  success: {\n    primary: colors.green30,\n    secondary: colors.green96,\n  },\n  UNSAFE_attention_emphasized: {\n    primary: colors.orange50,\n    secondary: colors.orange98,\n  },\n} as const\n\nconst miniBannerVariantColors = {\n  action: colors.yellow50,\n  attention: colors.yellow50,\n  error: colors.red50,\n  info: colors.blue50,\n  success: colors.green50,\n  UNSAFE_attention_emphasized: colors.green50,\n}\n\nconst bannerShadow = getShadow(1, 'bottom')\n\nconst expandContent = (maxHeight: number) => keyframes`\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n    max-height: 0;\n    min-height: 0;\n    overflow-y: hidden;\n  }\n  to {\n    padding-top: ${spacing.sm}px;\n    padding-bottom: ${spacing.sm}px;\n    min-height: 32px;\n    max-height: ${maxHeight}px;\n    overflow-y: auto;\n  }\n`\n\nexport const StyledBannerContainer = styled.div<\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} {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledAction = styled.div`\n  margin: ${spacing.sm}px 0;\n\n  & + ${StyledButton}, & + ${StyledActionsTrigger} {\n    margin-left: ${spacing.sm}px;\n  }\n\n  ${StyledButton} {\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":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,cAAc;AAEnC,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,IAAMC,UAAU,GAAG,CAAC;AAEpB,IAAMC,mBAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,OAAO,EAAEP,MAAM,CAACQ,QAAQ;IACxBC,SAAS,EAAET,MAAM,CAACU;EACpB,CAAC;EACDC,SAAS,EAAE;IACTJ,OAAO,EAAEP,MAAM,CAACQ,QAAQ;IACxBC,SAAS,EAAET,MAAM,CAACU;EACpB,CAAC;EACDE,KAAK,EAAE;IACLL,OAAO,EAAEP,MAAM,CAACa,KAAK;IACrBJ,SAAS,EAAET,MAAM,CAACc;EACpB,CAAC;EACDC,IAAI,EAAE;IACJR,OAAO,EAAEP,MAAM,CAACgB,MAAM;IACtBP,SAAS,EAAET,MAAM,CAACiB;EACpB,CAAC;EACDC,OAAO,EAAE;IACPX,OAAO,EAAEP,MAAM,CAACmB,OAAO;IACvBV,SAAS,EAAET,MAAM,CAACoB;EACpB,CAAC;EACDC,2BAA2B,EAAE;IAC3Bd,OAAO,EAAEP,MAAM,CAACsB,QAAQ;IACxBb,SAAS,EAAET,MAAM,CAACuB;EACpB;AACF,CAAU;AAEV,IAAMC,uBAAuB,GAAG;EAC9BlB,MAAM,EAAEN,MAAM,CAACyB,QAAQ;EACvBd,SAAS,EAAEX,MAAM,CAACyB,QAAQ;EAC1Bb,KAAK,EAAEZ,MAAM,CAACa,KAAK;EACnBE,IAAI,EAAEf,MAAM,CAACgB,MAAM;EACnBE,OAAO,EAAElB,MAAM,CAAC0B,OAAO;EACvBL,2BAA2B,EAAErB,MAAM,CAAC0B;AACtC,CAAC;AAED,IAAMC,YAAY,GAAGzB,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC;AAE3C,IAAM0B,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,SAAiB;EAAA,OAAKpC,SAAS,uLASnCU,OAAO,CAAC2B,EAAE,EACP3B,OAAO,CAAC2B,EAAE,EAEdD,SAAS;AAAA,CAG1B;AAED,OAAO,IAAME,qBAAqB,gBAAGxC,MAAM,CAACyC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+KAI9B/B,UAAU,EACRL,YAAY,CAACqC,EAAE,EACvBpC,MAAM,CAACqC,MAAM,EAITlC,OAAO,CAACmC,EAAE,EAErBX,YAAY,EAEZ,UAAAY,IAAA,EAAiB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EACV,IAAAC,qBAAA,GAA+BpC,mBAAmB,CAACmC,OAAO,CAAC;IAAnDjC,OAAO,GAAAkC,qBAAA,CAAPlC,OAAO;IAAEE,SAAS,GAAAgC,qBAAA,CAAThC,SAAS;EAE1B,OAAOjB,GAAG,uEACae,OAAO,EACRE,SAAS,EAEzBiC,mBAAmB,EACZnC,OAAO;AAGtB,CAAC,EAEC,UAAAoC,KAAA;EAAA,IAAGC,YAAY,GAAAD,KAAA,CAAZC,YAAY;EAAA,OACfA,YAAY,IACZpD,GAAG,0DAIF;AAAA,EACJ;AAED,OAAO,IAAMqD,aAAa,gBAAGtD,MAAM,CAACyC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2DAE3BhC,OAAO,CAAC2B,EAAE,EAAM3B,OAAO,CAACmC,EAAE,CAErC;AAED,OAAO,IAAMQ,gCAAgC,gBAAGvD,MAAM,CAACK,IAAI,CAAC,CAAAqC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qFACjDnC,MAAM,CAACqC,MAAM,EAETlC,OAAO,CAACmC,EAAE,EAIrBX,YAAY,CACf;AAED,OAAO,IAAMoB,uBAAuB,gBAAGxD,MAAM,CAACK,IAAI,CAAC,CAAAqC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0RAM7BnC,MAAM,CAACgD,KAAK,EAOnB7C,OAAO,CAAC8C,EAAE,GAAG,CAAC,GAAG9C,OAAO,CAAC2B,EAAE,EAItC,UAAAoB,KAAA;EAAA,IAAGC,cAAc,GAAAD,KAAA,CAAdC,cAAc;EAAA,OAAOA,cAAc,IAAIlD,SAAS;AAAA,GACnD,UAAAmD,KAAA;EAAA,IAAGC,0BAA0B,GAAAD,KAAA,CAA1BC,0BAA0B;EAAA,OAC7B7D,GAAG,2BACiBoC,aAAa,CAACyB,0BAA0B,CAAC;AAAA,CAC5D,CACJ;AAED,OAAO,IAAMC,WAAW,gBAAG/D,MAAM,CAACyC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CACjCtC,mBAAmB,CAAC,MAAM,CAAC,EACpBG,MAAM,CAACqC,MAAM,EACPvC,iBAAiB,CAACyD,QAAQ,CAC1C;AAED,OAAO,IAAMC,UAAU,gBAAGjE,MAAM,CAACyC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAChCtC,mBAAmB,CAAC,MAAM,CAAC,EACpBG,MAAM,CAACqC,MAAM,CACvB;AAED,OAAO,IAAMK,mBAAmB,gBAAGnD,MAAM,CAACyC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uCAEjChC,OAAO,CAACmC,EAAE,CACrB;AAED,OAAO,IAAMmB,oBAAoB,gBAAGlE,MAAM,CAACI,cAAc,CAAC,CAAAsC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAGlDzC,YAAY,EACDS,OAAO,CAAC2B,EAAE,CAE5B;AAED,OAAO,IAAM4B,YAAY,gBAAGnE,MAAM,CAACyC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gJAC1BhC,OAAO,CAAC2B,EAAE,EAEdpC,YAAY,EAAS+D,oBAAoB,EAC9BtD,OAAO,CAAC2B,EAAE,EAGzBpC,YAAY,EAEHM,MAAM,CAACqC,MAAM,EAGNrC,MAAM,CAAC2D,MAAM,EAClB3D,MAAM,CAACqC,MAAM,CAG3B;AAED,SAASuB,sBAAsBA,CAAAC,KAAA,EAA0C;EAAA,IAAvCrB,OAAO,GAAAqB,KAAA,CAAPrB,OAAO;EACvC,OAAOhD,GAAG,0BACJkD,mBAAmB,EACZlB,uBAAuB,CAACgB,OAAO,CAAC;AAG/C;AAEA,OAAO,IAAMsB,yBAAyB,gBAAGvE,MAAM,CAACyC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAI7BnC,MAAM,CAAC+D,MAAM,EAGpB5D,OAAO,CAACiC,EAAE,EAErBvC,mBAAmB,CAAC,OAAO,CAAC,EAE5B+D,sBAAsB,EAEpBf,aAAa,EACL1C,OAAO,CAAC2B,EAAE,CAEvB"}

package/dist/Banner/Banner.types.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="react" />
 import type { Props } from '../_utils/types';
 /**
- * @deprecated "success" variation is deprecated and will be removed in a future version. Instead, please consider using "success" variant of Toast component.
+ *  * @deprecated `success` and `action` variants are deprecated. Instead, please consider using `success` variant of `Toast` component. Replace `action` with the `attention` variant or see the `AttentionBanner` component.
  */
-export declare type BannerVariant = 'action' | 'error' | 'info' | 'success' | 'UNSAFE_attention_emphasized';
+export declare type BannerVariant = 'action' | 'attention' | 'error' | 'info' | 'success' | 'UNSAFE_attention_emphasized';
 export interface BannerProps extends Props {
     /**
      * Sets the banner's variant.
+     * `action` is deprecated and was renamed to `attention`.
+     *
      * @since 10.19.0
      */
     variant: BannerVariant;

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\n/**\n * @deprecated \"success\" variation is deprecated and will be removed in a future version. Instead, please consider using \"success\" variant of Toast component.\n */\nexport type BannerVariant =\n  | 'action'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'UNSAFE_attention_emphasized'\n\nexport interface BannerProps extends Props {\n  /**\n   * Sets the banner's variant.\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\n/**\n *  * @deprecated `success` and `action` variants are deprecated. Instead, please consider using `success` variant of `Toast` component. Replace `action` with the `attention` variant or see the `AttentionBanner` component.\n */\nexport type BannerVariant =\n  | 'action'\n  | 'attention'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'UNSAFE_attention_emphasized'\n\nexport interface BannerProps extends Props {\n  /**\n   * Sets the banner's variant.\n   * `action` is deprecated and was renamed to `attention`.\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":""}

package/dist/Banner/index.d.ts

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

package/dist/Banner/index.js

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

package/dist/Banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ActionBanner","Banner","ErrorBanner","InfoBanner","SuccessBanner","UNSAFE_MiniBanner"],"sources":["../../src/Banner/index.ts"],"sourcesContent":["export {\n  ActionBanner,\n  Banner,\n  ErrorBanner,\n  InfoBanner,\n  SuccessBanner,\n  UNSAFE_MiniBanner,\n} from './Banner'\nexport type { BannerExpandableContentProps, BannerProps } from './Banner.types'\n"],"mappings":"AAAA,SACEA,YAAY,EACZC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,iBAAiB,QACZ,UAAU"}
+{"version":3,"file":"index.js","names":["ActionBanner","AttentionBanner","Banner","ErrorBanner","InfoBanner","SuccessBanner","UNSAFE_MiniBanner"],"sources":["../../src/Banner/index.ts"],"sourcesContent":["export {\n  ActionBanner,\n  AttentionBanner,\n  Banner,\n  ErrorBanner,\n  InfoBanner,\n  SuccessBanner,\n  UNSAFE_MiniBanner,\n} from './Banner'\nexport type { BannerExpandableContentProps, BannerProps } from './Banner.types'\n"],"mappings":"AAAA,SACEA,YAAY,EACZC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,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-11_25_1__sc-fgsy0p-0"
+  componentId: "core-11_26_0__sc-fgsy0p-0"
 })(["", " ", ""], function (_ref) {
   var $as = _ref.$as;
   if ($as === 'ol' || $as === 'ul') {

package/dist/Breadcrumbs/Breadcrumbs.styles.js

@@ -4,19 +4,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-11_25_1__sc-1q6nqfz-0"
+  componentId: "core-11_26_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-11_25_1__sc-1q6nqfz-1"
+  componentId: "core-11_26_0__sc-1q6nqfz-1"
 })(["display:flex;margin:0;padding-left:0;"]);
 export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSeparator",
-  componentId: "core-11_25_1__sc-1q6nqfz-2"
+  componentId: "core-11_26_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-11_25_1__sc-1q6nqfz-3"
+  componentId: "core-11_26_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

@@ -84,11 +84,11 @@ function getColors(loading, variant) {
 }
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-11_25_1__sc-c5bhwh-0"
+  componentId: "core-11_26_0__sc-c5bhwh-0"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledSpinner",
-  componentId: "core-11_25_1__sc-c5bhwh-1"
+  componentId: "core-11_26_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);
@@ -96,14 +96,14 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
 });
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-11_25_1__sc-c5bhwh-2"
+  componentId: "core-11_26_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, 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-11_25_1__sc-c5bhwh-3"
+  componentId: "core-11_26_0__sc-c5bhwh-3"
 })(["", ""], function (_ref2) {
   var $block = _ref2.$block,
     disabled = _ref2.disabled,
@@ -114,7 +114,7 @@ export var StyledButton = /*#__PURE__*/styled.button.withConfig({
 });
 export var StyledLinkButton = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkButton",
-  componentId: "core-11_25_1__sc-c5bhwh-4"
+  componentId: "core-11_26_0__sc-c5bhwh-4"
 })(["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-11_25_1__sc-1kkl86t-0"
+  componentId: "core-11_26_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-11_25_1__sc-1kkl86t-1"
+  componentId: "core-11_26_0__sc-1kkl86t-1"
 })(["flex:0 0 auto;"]);
 export var StyledSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelect",
-  componentId: "core-11_25_1__sc-1kkl86t-2"
+  componentId: "core-11_26_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-11_25_1__sc-1kkl86t-3"
+  componentId: "core-11_26_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-11_25_1__sc-1kkl86t-4"
+  componentId: "core-11_26_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-11_25_1__sc-1kkl86t-5"
+  componentId: "core-11_26_0__sc-1kkl86t-5"
 })(["cursor:default;font-weight:", ";"], typographyWeights.semibold);
 export var StyledDayCell = /*#__PURE__*/styled(StyledCell).withConfig({
   displayName: "StyledDayCell",
-  componentId: "core-11_25_1__sc-1kkl86t-6"
+  componentId: "core-11_26_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-11_25_1__sc-1kkl86t-7"
+  componentId: "core-11_26_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-11_25_1__sc-2fii7b-0"
+  componentId: "core-11_26_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;