@procore/core-react 11.24.0 → 11.24.2

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 { 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 {\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","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":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SACEA,KAAK,EACLC,KAAK,EACLC,gBAAgB,EAChBC,KAAK,EACLC,IAAI,EACJC,OAAO,QACF,0BAA0B;AACjC,SAASC,SAAS,QAAQ,OAAO;AACjC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAC5C,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SACEC,YAAY,EACZC,oBAAoB,EACpBC,qBAAqB,EACrBC,UAAU,EACVC,aAAa,EACbC,uBAAuB,EACvBC,gCAAgC,EAChCC,mBAAmB,EACnBC,yBAAyB,EACzBC,WAAW,QACN,iBAAiB;AAQxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,OAAO,gBAAGpB,KAAK,CAACqB,UAAU,CAC9B,SAASC,MAAMA,CAAAC,IAAA,EAAkCC,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC3C,IAAAC,KAAA,GAA0C/B,SAAS,CACjD,UAACgC,OAAwB;MAAA,OACvB,aAAA/B,KAAK,CAACgC,cAAc,CAACD,OAAO,CAAC,IAAIA,OAAO,CAACE,IAAI,KAAKC,iBAAiB;IAAA,GACrElC,KAAK,CAACmC,QAAQ,CAACC,OAAO,CAACX,QAAQ,CACjC,CAAC;IAAAY,KAAA,GAAAC,cAAA,CAAAR,KAAA;IAJMS,sBAAsB,GAAAF,KAAA;IAAEG,OAAO,GAAAH,KAAA;EAMtC,IAAMI,YAAY,GAAGF,sBAAsB,CAACG,MAAM,KAAK,CAAC;EAExD,oBACE1C,KAAA,CAAA2C,aAAA,CAAC/B,qBAAqB,EAAAgC,QAAA;IACpBpB,GAAG,EAAEA,GAAI;IACTiB,YAAY,EAAEA,YAAa;IAC3Bf,OAAO,EAAEA;EAAQ,GACbC,KAAK,GAERc,YAAY,gBACXzC,KAAA,CAAA2C,aAAA,CAAA3C,KAAA,CAAA6C,QAAA,qBACE7C,KAAA,CAAA2C,aAAA,CAAC3B,gCAAgC;IAC/B8B,cAAc,EAAC,eAAe;IAC9BC,UAAU,EAAC;EAAQ,GAElBP,OAC+B,CAAC,EAClCD,sBACD,CAAC,GAEHC,OAEmB,CAAC;AAE5B,CACF,CAAC;AAED,IAAMQ,OAAO,gBAAGhD,KAAK,CAACqB,UAAU,CAC9B,SAAS2B,OAAOA,CAAAC,KAAA,EAAyBzB,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAqB,KAAA,EAAAC,UAAA;EACnC,oBACElD,KAAA,CAAA2C,aAAA,CAAC7B,aAAa,EAAA8B,QAAA,KAAKjB,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAChCC,QACY,CAAC;AAEpB,CACF,CAAC;AAED,IAAMS,iBAAiB,gBAAGlC,KAAK,CAACqB,UAAU,CAGxC,SAASa,iBAAiBA,CAAAiB,KAAA,EAE1B3B,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAA0B,KAAA,CAAR1B,QAAQ;IAAA2B,cAAA,GAAAD,KAAA,CAAEE,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,qBAAA,GAAAH,KAAA,CAAEI,0BAA0B;IAA1BA,0BAA0B,GAAAD,qBAAA,cAAG,GAAG,GAAAA,qBAAA;IAAK3B,KAAK,GAAAC,wBAAA,CAAAuB,KAAA,EAAAK,UAAA;EAGxE,IAAMC,YAAY,GAAGzD,KAAK,CAAC0D,MAAM,CAAiB,IAAI,CAAC;EAEvD,OAAOL,QAAQ,gBACbrD,KAAA,CAAA2C,aAAA,CAACpC,gBAAgB,QACd,UAAAoD,KAAA;IAAA,IAAQC,WAAW,GAAAD,KAAA,CAAhBnC,GAAG;MAAeqC,cAAc,GAAAF,KAAA,CAAdE,cAAc;IAAA,oBAClC7D,KAAA,CAAA2C,aAAA,CAAC5B,uBAAuB,EAAA6B,QAAA;MACtBpB,GAAG,EAAEf,SAAS,CAACe,GAAG,EAAEiC,YAAY,CAAE;MAClC,WAAQ,gCAAgC;MACxCK,cAAc,EAAE,SAAAA,eAAA;QAAA,OAAMF,WAAW,CAACH,YAAY,CAACM,OAAO,CAAC;MAAA,CAAC;MACxDF,cAAc,EAAEA,cAAe;MAC/BN,0BAA0B,EAAEA;IAA2B,GACnD5B,KAAK,EACJkC,cAAc,IAAI;MAAEG,QAAQ,EAAE;IAAE,CAAC,GAErCvC,QACsB,CAAC;EAAA,CAEZ,CAAC,GACjB,IAAI;AACV,CAAC,CAAC;AAEF,IAAMwC,KAAK,gBAAGjE,KAAK,CAACqB,UAAU,CAC5B,SAAS4C,KAAKA,CAAAC,KAAA,EAAyB1C,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAyC,KAAA,CAARzC,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAsC,KAAA,EAAAC,UAAA;EACjC,oBACEnE,KAAA,CAAA2C,aAAA,CAACxB,WAAW,EAAAyB,QAAA,KAAKjB,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC9BC,QACU,CAAC;AAElB,CACF,CAAC;AAED,IAAM2C,IAAI,gBAAGpE,KAAK,CAACqB,UAAU,CAC3B,SAAS+C,IAAIA,CAAAC,KAAA,EAAyB7C,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA4C,KAAA,CAAR5C,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAyC,KAAA,EAAAC,UAAA;EAChC,oBACEtE,KAAA,CAAA2C,aAAA,CAAC9B,UAAU,EAAA+B,QAAA,KAAKjB,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC7BC,QACS,CAAC;AAEjB,CACF,CAAC;AAED,IAAM8C,MAAM,gBAAGvE,KAAK,CAACqB,UAAU,CAC7B,SAASkD,MAAMA,CAAAC,KAAA,EAAyBhD,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA+C,KAAA,CAAR/C,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAA4C,KAAA,EAAAC,UAAA;EAClC,oBACEzE,KAAA,CAAA2C,aAAA,CAACjC,YAAY,EAAAkC,QAAA,KAAKjB,KAAK;IAAEH,GAAG,EAAEA;EAAI,IAC/BC,QACW,CAAC;AAEnB,CACF,CAAC;AAED,IAAMiD,cAAc,gBAAG1E,KAAK,CAACqB,UAAU,CACrC,SAASqD,cAAcA,CAAAC,MAAA,EAAyBnD,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAkD,MAAA,CAARlD,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAA+C,MAAA,EAAAC,UAAA;EAC1C,oBACE5E,KAAA,CAAA2C,aAAA,CAACxC,IAAI,CAAC0E,IAAI,EAAAjC,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACsD,IAAI,EAAE;EAAK,GAAMnD,KAAK,GACxCF,QACQ,CAAC;AAEhB,CACF,CAAC;AAED,IAAMsD,OAAO,gBAAG/E,KAAK,CAACqB,UAAU,CAC9B,SAAS0D,OAAOA,CAAAC,MAAA,EAAyBxD,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAuD,MAAA,CAARvD,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAoD,MAAA,EAAAC,UAAA;EACnC,IAAMC,aAAa,GAAGlF,KAAK,CAACmC,QAAQ,CAACC,OAAO,CAACX,QAAQ,CAAC,CAAC0D,MAAM,CAC3D,UAACpD,OAAwB;IAAA,OACvB,aAAA/B,KAAK,CAACgC,cAAc,CAACD,OAAO,CAAC,IAAIA,OAAO,CAACE,IAAI,KAAKsC,MAAM;EAAA,CAC5D,CAAyB;EAEzB,oBACEvE,KAAA,CAAA2C,aAAA,CAACtC,cAAc;IACb+E,OAAO,eACLpF,KAAA,CAAA2C,aAAA,CAACzC,IAAI,qBACHF,KAAA,CAAA2C,aAAA,CAACxC,IAAI;MACHqB,GAAG,EAAE,SAAAA,IAAC6D,IAAI;QAAA,OAAKA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,KAAK,CAAC,CAAC;MAAA,CAAC;MAC7BC,SAAS,EAAEnF,OAAO,CAAC;QACjBoF,YAAY,EAAE,SAAAA,aAAAC,MAAA;UAAA,IAAGxD,IAAI,GAAAwD,MAAA,CAAJxD,IAAI;UAAA,OAAOA,IAAI,KAAKyC,cAAc;QAAA;MACrD,CAAC;IAAE,gBAEH1E,KAAA,CAAA2C,aAAA,CAACxC,IAAI,CAACuF,OAAO,QACVR,aAAa,CAACS,GAAG,CAAC,UAAAC,MAAA,EAA+BC,GAAG;MAAA,IAAxBC,iBAAiB,GAAAF,MAAA,CAAxBjE,KAAK;MAAA,oBACzB3B,KAAA,CAAA2C,aAAA,CAAC+B,cAAc,EAAA9B,QAAA;QAACmD,GAAG,EAAEF;MAAI,GAAKC,iBAAiB,CAAG,CAAC;IAAA,CACpD,CACW,CACV,CACF,CACP;IACDtE,GAAG,EAAEA,GAAI;IACTwE,SAAS,EAAC;EAAc,gBAExBhG,KAAA,CAAA2C,aAAA,CAAChC,oBAAoB,EAAAiC,QAAA;IACnB,WAAQ,6BAA6B;IACrClB,OAAO,EAAC,UAAU;IAClBuE,KAAK,EAAE,KAAM;IACbC,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAChD,gBAAgB,MAAE;EAAE,GACvBgC,KAAK,CACV,CACa,CAAC;AAErB,CACF,CAAC;AAED,IAAMwE,IAAI,gBAAGnG,KAAK,CAACqB,UAAU,CAC3B,SAAS8E,IAAIA,CAAAC,MAAA,EAA+B5E,GAAG,EAAE;EAAA,IAAjCC,QAAQ,GAAA2E,MAAA,CAAR3E,QAAQ;IAAEyE,IAAI,GAAAE,MAAA,CAAJF,IAAI;IAAKvE,KAAK,GAAAC,wBAAA,CAAAwE,MAAA,EAAAC,UAAA;EACtC,oBACErG,KAAA,CAAA2C,aAAA,CAAC1B,mBAAmB,EAAA2B,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAAC,eAAY;EAAM,GAAKG,KAAK,GACxDuE,IACkB,CAAC;AAE1B,CACF,CAAC;AAED,IAAMI,OAAO,gBAAGtG,KAAK,CAACqB,UAAU,CAC9B,SAASiF,OAAOA,CAAAC,MAAA,EAAyB/E,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA8E,MAAA,CAAR9E,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAA2E,MAAA,EAAAC,WAAA;EACnC,IAAMC,IAAI,GAAGnG,cAAc,CAAC,CAAC;EAE7B,oBACEN,KAAA,CAAA2C,aAAA,CAAC1C,MAAM,EAAA2C,QAAA;IACL,cAAY6D,IAAI,CAACC,CAAC,CAAC,0BAA0B,CAAE;IAC/ClF,GAAG,EAAEA;EAAI,GACLG,KAAK;IACTuE,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAACjD,KAAK,MAAE,CAAE;IAChBgC,OAAO,EAAC;EAAU,EACnB,CAAC;AAEN,CACF,CAAC;AAED,OAAO,IAAMiF,WAAW,gBAAG3G,KAAK,CAACqB,UAAU,CAGzC,SAASsF,WAAWA,CAAAC,MAAA,EAAyBpF,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAmF,MAAA,CAARnF,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAgF,MAAA,EAAAC,WAAA;EACzC,oBACE7G,KAAA,CAAA2C,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAC;EAAO,GAAKC,KAAK,gBACzC3B,KAAA,CAAA2C,aAAA,CAACwD,IAAI;IAACD,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAC/C,KAAK;MAACkH,IAAI,EAAC;IAAI,CAAE;EAAE,CAAE,CAAC,EAClCrF,QACK,CAAC;AAEb,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,IAAMsF,aAAa,gBAAG/G,KAAK,CAACqB,UAAU,CAG3C,SAAS0F,aAAaA,CAAAC,MAAA,EAAyBxF,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAuF,MAAA,CAARvF,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAoF,MAAA,EAAAC,WAAA;EAC3C,oBACEjH,KAAA,CAAA2C,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAC;EAAS,GAAKC,KAAK,gBAC3C3B,KAAA,CAAA2C,aAAA,CAACwD,IAAI;IAACD,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAClD,KAAK;MAACqH,IAAI,EAAC;IAAI,CAAE;EAAE,CAAE,CAAC,EAClCrF,QACK,CAAC;AAEb,CAAC,CAAC;AAEF,OAAO,IAAMyF,UAAU,gBAAGlH,KAAK,CAACqB,UAAU,CAGxC,SAAS6F,UAAUA,CAAAC,MAAA,EAAyB3F,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA0F,MAAA,CAAR1F,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAAuF,MAAA,EAAAC,WAAA;EACxC,oBACEpH,KAAA,CAAA2C,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAC;EAAM,GAAKC,KAAK,gBACxC3B,KAAA,CAAA2C,aAAA,CAACwD,IAAI;IAACD,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAC9C,IAAI;MAACiH,IAAI,EAAC;IAAI,CAAE;EAAE,CAAE,CAAC,EACjCrF,QACK,CAAC;AAEb,CAAC,CAAC;AAEF,OAAO,IAAM4F,YAAY,gBAAGrH,KAAK,CAACqB,UAAU,CAG1C,SAASgG,YAAYA,CAAAC,MAAA,EAAyB9F,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAA6F,MAAA,CAAR7F,QAAQ;IAAKE,KAAK,GAAAC,wBAAA,CAAA0F,MAAA,EAAAC,WAAA;EAC1C,oBACEvH,KAAA,CAAA2C,aAAA,CAACrB,MAAM,EAAAsB,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAC;EAAQ,GAAKC,KAAK,gBAC1C3B,KAAA,CAAA2C,aAAA,CAACwD,IAAI;IAACD,IAAI,eAAElG,KAAA,CAAA2C,aAAA,CAAC7C,OAAO;MAACgH,IAAI,EAAC;IAAI,CAAE;EAAE,CAAE,CAAC,EACpCrF,QACK,CAAC;AAEb,CAAC,CAAC;AAEF,OAAO,IAAM+F,iBAAiB,gBAAGxH,KAAK,CAACqB,UAAU,CAG/C,SAASoG,UAAUA,CAAAC,MAAA,EAA2ClG,GAAG,EAAE;EAAA,IAA7CC,QAAQ,GAAAiG,MAAA,CAARjG,QAAQ;IAAAkG,cAAA,GAAAD,MAAA,CAAEhG,OAAO;IAAPA,OAAO,GAAAiG,cAAA,cAAG,MAAM,GAAAA,cAAA;IAAKhG,KAAK,GAAAC,wBAAA,CAAA8F,MAAA,EAAAE,WAAA;EAC1D,oBACE5H,KAAA,CAAA2C,aAAA,CAACzB,yBAAyB,EAAA0B,QAAA;IAACpB,GAAG,EAAEA,GAAI;IAACE,OAAO,EAAEA;EAAQ,GAAKC,KAAK,GAC7DF,QACwB,CAAC;AAEhC,CAAC,CAAC;AAEFL,OAAO,CAACyG,WAAW,GAAG,QAAQ;AAE9BzD,IAAI,CAACyD,WAAW,GAAG,aAAa;AAEhC7E,OAAO,CAAC6E,WAAW,GAAG,gBAAgB;AAEtC3F,iBAAiB,CAAC2F,WAAW,GAAG,0BAA0B;AAE1D5D,KAAK,CAAC4D,WAAW,GAAG,cAAc;AAElCtD,MAAM,CAACsD,WAAW,GAAG,eAAe;AAEpC9C,OAAO,CAAC8C,WAAW,GAAG,gBAAgB;AAEtCnD,cAAc,CAACmD,WAAW,GAAG,uBAAuB;AAEpD1B,IAAI,CAAC0B,WAAW,GAAG,aAAa;AAEhCvB,OAAO,CAACuB,WAAW,GAAG,gBAAgB;AAEtClB,WAAW,CAACkB,WAAW,GAAG,aAAa;AAEvCd,aAAa,CAACc,WAAW,GAAG,eAAe;AAE3CX,UAAU,CAACW,WAAW,GAAG,YAAY;AAErCR,YAAY,CAACQ,WAAW,GAAG,cAAc;AAEzCL,iBAAiB,CAACK,WAAW,GAAG,YAAY;AAE5C,OAAO,IAAMvG,MAAM,GAAGd,gBAAgB,CACpC;EACE4D,IAAI,EAAJA,IAAI;EACJpB,OAAO,EAAPA,OAAO;EACPd,iBAAiB,EAAjBA,iBAAiB;EACjB+B,KAAK,EAALA,KAAK;EACLM,MAAM,EAANA,MAAM;EACNQ,OAAO,EAAPA,OAAO;EACPoB,IAAI,EAAJA,IAAI;EACJG,OAAO,EAAPA;AACF,CAAC,EACDlF,OACF,CAAC"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FlexProps } from '../Flex/Flex.types';
-import { BannerProps, BannerVariant } from './Banner.types';
+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;
 } & BannerProps, never>;

package/dist/Banner/Banner.styles.js

@@ -44,7 +44,7 @@ var expandContent = function expandContent(maxHeight) {
 };
 export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBannerContainer",
-  componentId: "core-11_24_0__sc-149wm7c-0"
+  componentId: "core-11_24_2__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 +57,15 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-11_24_0__sc-149wm7c-1"
+  componentId: "core-11_24_2__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_24_0__sc-149wm7c-2"
+  componentId: "core-11_24_2__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_24_0__sc-149wm7c-3"
+  componentId: "core-11_24_2__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 +75,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-11_24_0__sc-149wm7c-4"
+  componentId: "core-11_24_2__sc-149wm7c-4"
 })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-11_24_0__sc-149wm7c-5"
+  componentId: "core-11_24_2__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-11_24_0__sc-149wm7c-6"
+  componentId: "core-11_24_2__sc-149wm7c-6"
 })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
 export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
   displayName: "StyledActionsTrigger",
-  componentId: "core-11_24_0__sc-149wm7c-7"
+  componentId: "core-11_24_2__sc-149wm7c-7"
 })(["flex-shrink:0;& + ", "{margin-left:", "px;}"], StyledButton, spacing.sm);
 export var StyledAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAction",
-  componentId: "core-11_24_0__sc-149wm7c-8"
+  componentId: "core-11_24_2__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 +99,6 @@ function getMiniBannerIconColor(_ref5) {
 }
 export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMiniBannerContainer",
-  componentId: "core-11_24_0__sc-149wm7c-9"
+  componentId: "core-11_24_2__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 { 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 { BannerProps, BannerVariant } from './Banner.types'\nimport { variant } from '../Link/Link.coverage.stories'\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","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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"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props } from '../_utils/types';
+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.
  */

package/dist/Banner/Banner.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.types.js","names":[],"sources":["../../src/Banner/Banner.types.ts"],"sourcesContent":["import { 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\" 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":""}

package/dist/Box/Box.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { DivAttributes } from '../_utils/types';
-import { BoxProps } from './Box.types';
+import type { DivAttributes } from '../_utils/types';
+import type { BoxProps } from './Box.types';
 export declare const Box: React.ForwardRefExoticComponent<DivAttributes & BoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","names":["React","StyledBox","getLegacyDisplayAndDirection","d","display","direction","includes","undefined","Box","forwardRef","_ref","ref","as","alignContent","alignItems","alignSelf","children","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","gap","justifyContent","margin","marginBottom","marginLeft","marginRight","marginTop","order","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","textAlign","props","_objectWithoutProperties","_excluded","legacyProps","createElement","_extends","$as","$alignContent","$alignItems","$alignSelf","$display","$flex","$flexBasis","$flexDirection","$flexGrow","$flexShrink","$flexWrap","$gap","$justifyContent","$margin","$marginBottom","$marginLeft","$marginRight","$marginTop","$order","$padding","$paddingBottom","$paddingLeft","$paddingRight","$paddingTop","$textAlign","displayName"],"sources":["../../src/Box/Box.tsx"],"sourcesContent":["import * as React from 'react'\nimport { DivAttributes } from '../_utils/types'\nimport { StyledBox } from './Box.styles'\nimport { BoxProps, Display, FlexDirection } from './Box.types'\n\n// TODO remove this after we decommission the LegacyDisplay type\nfunction getLegacyDisplayAndDirection(d?: Display) {\n  if (!d) {\n    return {}\n  }\n\n  let display = d\n\n  let direction: FlexDirection | undefined = display.includes('flex')\n    ? 'row'\n    : undefined\n\n  if (d.includes('flex-inline') || d.includes('inline-flex')) {\n    display = 'inline-flex'\n  } else if (d.includes('flex')) {\n    display = 'flex'\n  }\n\n  if (d.includes('column-reverse')) {\n    direction = 'column-reverse'\n  } else if (d.includes('column')) {\n    direction = 'column'\n  }\n\n  if (d.includes('row-reverse')) {\n    direction = 'row-reverse'\n  } else if (d.includes('row')) {\n    direction = 'row'\n  }\n\n  return {\n    display,\n    direction,\n  }\n}\n\nexport const Box = React.forwardRef<HTMLDivElement, DivAttributes & BoxProps>(\n  function Box(\n    {\n      as,\n      alignContent,\n      alignItems,\n      alignSelf,\n      children,\n      display,\n      flex,\n      flexBasis,\n      flexDirection,\n      flexGrow,\n      flexShrink,\n      flexWrap,\n      gap,\n      justifyContent,\n      margin,\n      marginBottom,\n      marginLeft,\n      marginRight,\n      marginTop,\n      order,\n      padding,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n      paddingTop,\n      textAlign,\n      ...props\n    },\n    ref\n  ) {\n    const legacyProps = getLegacyDisplayAndDirection(display)\n\n    return (\n      <StyledBox\n        {...props}\n        ref={ref}\n        $as={as}\n        $alignContent={alignContent}\n        $alignItems={alignItems}\n        $alignSelf={alignSelf}\n        $display={legacyProps.display}\n        $flex={flex}\n        $flexBasis={flexBasis}\n        $flexDirection={flexDirection ?? legacyProps.direction}\n        $flexGrow={flexGrow}\n        $flexShrink={flexShrink}\n        $flexWrap={flexWrap}\n        $gap={gap}\n        $justifyContent={justifyContent}\n        $margin={margin}\n        $marginBottom={marginBottom}\n        $marginLeft={marginLeft}\n        $marginRight={marginRight}\n        $marginTop={marginTop}\n        $order={order}\n        $padding={padding}\n        $paddingBottom={paddingBottom}\n        $paddingLeft={paddingLeft}\n        $paddingRight={paddingRight}\n        $paddingTop={paddingTop}\n        $textAlign={textAlign}\n      >\n        {children}\n      </StyledBox>\n    )\n  }\n)\n\nBox.displayName = 'Box'\n"],"mappings":"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"}
+{"version":3,"file":"Box.js","names":["React","StyledBox","getLegacyDisplayAndDirection","d","display","direction","includes","undefined","Box","forwardRef","_ref","ref","as","alignContent","alignItems","alignSelf","children","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","gap","justifyContent","margin","marginBottom","marginLeft","marginRight","marginTop","order","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","textAlign","props","_objectWithoutProperties","_excluded","legacyProps","createElement","_extends","$as","$alignContent","$alignItems","$alignSelf","$display","$flex","$flexBasis","$flexDirection","$flexGrow","$flexShrink","$flexWrap","$gap","$justifyContent","$margin","$marginBottom","$marginLeft","$marginRight","$marginTop","$order","$padding","$paddingBottom","$paddingLeft","$paddingRight","$paddingTop","$textAlign","displayName"],"sources":["../../src/Box/Box.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledBox } from './Box.styles'\nimport type { BoxProps, Display, FlexDirection } from './Box.types'\n\n// TODO remove this after we decommission the LegacyDisplay type\nfunction getLegacyDisplayAndDirection(d?: Display) {\n  if (!d) {\n    return {}\n  }\n\n  let display = d\n\n  let direction: FlexDirection | undefined = display.includes('flex')\n    ? 'row'\n    : undefined\n\n  if (d.includes('flex-inline') || d.includes('inline-flex')) {\n    display = 'inline-flex'\n  } else if (d.includes('flex')) {\n    display = 'flex'\n  }\n\n  if (d.includes('column-reverse')) {\n    direction = 'column-reverse'\n  } else if (d.includes('column')) {\n    direction = 'column'\n  }\n\n  if (d.includes('row-reverse')) {\n    direction = 'row-reverse'\n  } else if (d.includes('row')) {\n    direction = 'row'\n  }\n\n  return {\n    display,\n    direction,\n  }\n}\n\nexport const Box = React.forwardRef<HTMLDivElement, DivAttributes & BoxProps>(\n  function Box(\n    {\n      as,\n      alignContent,\n      alignItems,\n      alignSelf,\n      children,\n      display,\n      flex,\n      flexBasis,\n      flexDirection,\n      flexGrow,\n      flexShrink,\n      flexWrap,\n      gap,\n      justifyContent,\n      margin,\n      marginBottom,\n      marginLeft,\n      marginRight,\n      marginTop,\n      order,\n      padding,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n      paddingTop,\n      textAlign,\n      ...props\n    },\n    ref\n  ) {\n    const legacyProps = getLegacyDisplayAndDirection(display)\n\n    return (\n      <StyledBox\n        {...props}\n        ref={ref}\n        $as={as}\n        $alignContent={alignContent}\n        $alignItems={alignItems}\n        $alignSelf={alignSelf}\n        $display={legacyProps.display}\n        $flex={flex}\n        $flexBasis={flexBasis}\n        $flexDirection={flexDirection ?? legacyProps.direction}\n        $flexGrow={flexGrow}\n        $flexShrink={flexShrink}\n        $flexWrap={flexWrap}\n        $gap={gap}\n        $justifyContent={justifyContent}\n        $margin={margin}\n        $marginBottom={marginBottom}\n        $marginLeft={marginLeft}\n        $marginRight={marginRight}\n        $marginTop={marginTop}\n        $order={order}\n        $padding={padding}\n        $paddingBottom={paddingBottom}\n        $paddingLeft={paddingLeft}\n        $paddingRight={paddingRight}\n        $paddingTop={paddingTop}\n        $textAlign={textAlign}\n      >\n        {children}\n      </StyledBox>\n    )\n  }\n)\n\nBox.displayName = 'Box'\n"],"mappings":"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"}

package/dist/Box/Box.styles.d.ts

@@ -1,2 +1,2 @@
-import { $BoxProps } from './Box.types';
+import type { $BoxProps } from './Box.types';
 export declare const StyledBox: import("styled-components").StyledComponent<"div", any, $BoxProps, never>;

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

package/dist/Box/Box.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.styles.js","names":["styled","css","spacing","appendPx","value","concat","sizeStrToPx","str","undefined","shorthandSizeToPx","shorthand","split","map","join","sizeToPx","size","StyledBox","div","withConfig","displayName","componentId","_ref","$as","p","$alignContent","$alignItems","$alignSelf","$display","$flexBasis","$flexDirection","$flexGrow","$flexShrink","$flexWrap","$flex","$gap","$justifyContent","$margin","$marginBottom","$marginLeft","$marginRight","$marginTop","$order","$padding","$paddingBottom","$paddingLeft","$paddingRight","$paddingTop","$textAlign"],"sources":["../../src/Box/Box.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { spacing, Spacing } from '../_styles/spacing'\nimport { $BoxProps, MarginSize, PaddingSize } from './Box.types'\n\nfunction appendPx(value?: number | string): string | undefined {\n  if (!value) {\n    return\n  }\n\n  return typeof value === 'string' ? value : `${value}px`\n}\n\nfunction sizeStrToPx(str?: string): string | undefined {\n  /**\n   * hacky usage of \"as\" here, but since we have a default fallback if the\n   * lookup fails it should be fine\n   */\n  return spacing[str as Spacing] !== undefined\n    ? `${spacing[str as Spacing]}px`\n    : str\n}\n\nfunction shorthandSizeToPx(shorthand?: string): string | undefined {\n  return shorthand?.split(' ').map(sizeStrToPx).join(' ')\n}\n\nfunction sizeToPx(size?: MarginSize | PaddingSize): string | undefined {\n  return sizeStrToPx(size) || size\n}\n\nexport const StyledBox = styled.div<$BoxProps>`\n  ${({ $as }) => {\n    if ($as === 'ol' || $as === 'ul') {\n      return css`\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      `\n    }\n  }}\n  ${(p) => css`\n    align-content: ${p.$alignContent};\n    align-items: ${p.$alignItems};\n    align-self: ${p.$alignSelf};\n    display: ${p.$display};\n    flex-basis: ${p.$flexBasis};\n    flex-direction: ${p.$flexDirection};\n    flex-grow: ${p.$flexGrow};\n    flex-shrink: ${p.$flexShrink};\n    flex-wrap: ${p.$flexWrap};\n    flex: ${p.$flex};\n    gap: ${shorthandSizeToPx(p.$gap)};\n    justify-content: ${p.$justifyContent};\n    margin: ${shorthandSizeToPx(p.$margin)};\n    margin-bottom: ${sizeToPx(p.$marginBottom)};\n    margin-left: ${sizeToPx(p.$marginLeft)};\n    margin-right: ${sizeToPx(p.$marginRight)};\n    margin-top: ${sizeToPx(p.$marginTop)};\n    order: ${p.$order};\n    padding: ${shorthandSizeToPx(p.$padding)};\n    padding-bottom: ${sizeToPx(p.$paddingBottom)};\n    padding-left: ${sizeToPx(p.$paddingLeft)};\n    padding-right: ${sizeToPx(p.$paddingRight)};\n    padding-top: ${sizeToPx(p.$paddingTop)};\n    text-align: ${p.$textAlign};\n  `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAiB,oBAAoB;AAGrD,SAASC,QAAQA,CAACC,KAAuB,EAAsB;EAC7D,IAAI,CAACA,KAAK,EAAE;IACV;EACF;EAEA,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,MAAAC,MAAA,CAAMD,KAAK,OAAI;AACzD;AAEA,SAASE,WAAWA,CAACC,GAAY,EAAsB;EACrD;AACF;AACA;AACA;EACE,OAAOL,OAAO,CAACK,GAAG,CAAY,KAAKC,SAAS,MAAAH,MAAA,CACrCH,OAAO,CAACK,GAAG,CAAY,UAC1BA,GAAG;AACT;AAEA,SAASE,iBAAiBA,CAACC,SAAkB,EAAsB;EACjE,OAAOA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACN,WAAW,CAAC,CAACO,IAAI,CAAC,GAAG,CAAC;AACzD;AAEA,SAASC,QAAQA,CAACC,IAA+B,EAAsB;EACrE,OAAOT,WAAW,CAACS,IAAI,CAAC,IAAIA,IAAI;AAClC;AAEA,OAAO,IAAMC,SAAS,gBAAGhB,MAAM,CAACiB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B,UAAAC,IAAA,EAAa;EAAA,IAAVC,GAAG,GAAAD,IAAA,CAAHC,GAAG;EACN,IAAIA,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,IAAI,EAAE;IAChC,OAAOrB,GAAG;EAKZ;AACF,CAAC,EACC,UAACsB,CAAC;EAAA,OAAKtB,GAAG,uYACOsB,CAAC,CAACC,aAAa,EACjBD,CAAC,CAACE,WAAW,EACdF,CAAC,CAACG,UAAU,EACfH,CAAC,CAACI,QAAQ,EACPJ,CAAC,CAACK,UAAU,EACRL,CAAC,CAACM,cAAc,EACrBN,CAAC,CAACO,SAAS,EACTP,CAAC,CAACQ,WAAW,EACfR,CAAC,CAACS,SAAS,EAChBT,CAAC,CAACU,KAAK,EACRxB,iBAAiB,CAACc,CAAC,CAACW,IAAI,CAAC,EACbX,CAAC,CAACY,eAAe,EAC1B1B,iBAAiB,CAACc,CAAC,CAACa,OAAO,CAAC,EACrBtB,QAAQ,CAACS,CAAC,CAACc,aAAa,CAAC,EAC3BvB,QAAQ,CAACS,CAAC,CAACe,WAAW,CAAC,EACtBxB,QAAQ,CAACS,CAAC,CAACgB,YAAY,CAAC,EAC1BzB,QAAQ,CAACS,CAAC,CAACiB,UAAU,CAAC,EAC3BjB,CAAC,CAACkB,MAAM,EACNhC,iBAAiB,CAACc,CAAC,CAACmB,QAAQ,CAAC,EACtB5B,QAAQ,CAACS,CAAC,CAACoB,cAAc,CAAC,EAC5B7B,QAAQ,CAACS,CAAC,CAACqB,YAAY,CAAC,EACvB9B,QAAQ,CAACS,CAAC,CAACsB,aAAa,CAAC,EAC3B/B,QAAQ,CAACS,CAAC,CAACuB,WAAW,CAAC,EACxBvB,CAAC,CAACwB,UAAU;AAAA,CAC3B,CACF"}
+{"version":3,"file":"Box.styles.js","names":["styled","css","spacing","appendPx","value","concat","sizeStrToPx","str","undefined","shorthandSizeToPx","shorthand","split","map","join","sizeToPx","size","StyledBox","div","withConfig","displayName","componentId","_ref","$as","p","$alignContent","$alignItems","$alignSelf","$display","$flexBasis","$flexDirection","$flexGrow","$flexShrink","$flexWrap","$flex","$gap","$justifyContent","$margin","$marginBottom","$marginLeft","$marginRight","$marginTop","$order","$padding","$paddingBottom","$paddingLeft","$paddingRight","$paddingTop","$textAlign"],"sources":["../../src/Box/Box.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { Spacing } from '../_styles/spacing'\nimport { spacing } from '../_styles/spacing'\nimport type { $BoxProps, MarginSize, PaddingSize } from './Box.types'\n\nfunction appendPx(value?: number | string): string | undefined {\n  if (!value) {\n    return\n  }\n\n  return typeof value === 'string' ? value : `${value}px`\n}\n\nfunction sizeStrToPx(str?: string): string | undefined {\n  /**\n   * hacky usage of \"as\" here, but since we have a default fallback if the\n   * lookup fails it should be fine\n   */\n  return spacing[str as Spacing] !== undefined\n    ? `${spacing[str as Spacing]}px`\n    : str\n}\n\nfunction shorthandSizeToPx(shorthand?: string): string | undefined {\n  return shorthand?.split(' ').map(sizeStrToPx).join(' ')\n}\n\nfunction sizeToPx(size?: MarginSize | PaddingSize): string | undefined {\n  return sizeStrToPx(size) || size\n}\n\nexport const StyledBox = styled.div<$BoxProps>`\n  ${({ $as }) => {\n    if ($as === 'ol' || $as === 'ul') {\n      return css`\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      `\n    }\n  }}\n  ${(p) => css`\n    align-content: ${p.$alignContent};\n    align-items: ${p.$alignItems};\n    align-self: ${p.$alignSelf};\n    display: ${p.$display};\n    flex-basis: ${p.$flexBasis};\n    flex-direction: ${p.$flexDirection};\n    flex-grow: ${p.$flexGrow};\n    flex-shrink: ${p.$flexShrink};\n    flex-wrap: ${p.$flexWrap};\n    flex: ${p.$flex};\n    gap: ${shorthandSizeToPx(p.$gap)};\n    justify-content: ${p.$justifyContent};\n    margin: ${shorthandSizeToPx(p.$margin)};\n    margin-bottom: ${sizeToPx(p.$marginBottom)};\n    margin-left: ${sizeToPx(p.$marginLeft)};\n    margin-right: ${sizeToPx(p.$marginRight)};\n    margin-top: ${sizeToPx(p.$marginTop)};\n    order: ${p.$order};\n    padding: ${shorthandSizeToPx(p.$padding)};\n    padding-bottom: ${sizeToPx(p.$paddingBottom)};\n    padding-left: ${sizeToPx(p.$paddingLeft)};\n    padding-right: ${sizeToPx(p.$paddingRight)};\n    padding-top: ${sizeToPx(p.$paddingTop)};\n    text-align: ${p.$textAlign};\n  `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,SAASC,QAAQA,CAACC,KAAuB,EAAsB;EAC7D,IAAI,CAACA,KAAK,EAAE;IACV;EACF;EAEA,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,MAAAC,MAAA,CAAMD,KAAK,OAAI;AACzD;AAEA,SAASE,WAAWA,CAACC,GAAY,EAAsB;EACrD;AACF;AACA;AACA;EACE,OAAOL,OAAO,CAACK,GAAG,CAAY,KAAKC,SAAS,MAAAH,MAAA,CACrCH,OAAO,CAACK,GAAG,CAAY,UAC1BA,GAAG;AACT;AAEA,SAASE,iBAAiBA,CAACC,SAAkB,EAAsB;EACjE,OAAOA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACN,WAAW,CAAC,CAACO,IAAI,CAAC,GAAG,CAAC;AACzD;AAEA,SAASC,QAAQA,CAACC,IAA+B,EAAsB;EACrE,OAAOT,WAAW,CAACS,IAAI,CAAC,IAAIA,IAAI;AAClC;AAEA,OAAO,IAAMC,SAAS,gBAAGhB,MAAM,CAACiB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B,UAAAC,IAAA,EAAa;EAAA,IAAVC,GAAG,GAAAD,IAAA,CAAHC,GAAG;EACN,IAAIA,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,IAAI,EAAE;IAChC,OAAOrB,GAAG;EAKZ;AACF,CAAC,EACC,UAACsB,CAAC;EAAA,OAAKtB,GAAG,uYACOsB,CAAC,CAACC,aAAa,EACjBD,CAAC,CAACE,WAAW,EACdF,CAAC,CAACG,UAAU,EACfH,CAAC,CAACI,QAAQ,EACPJ,CAAC,CAACK,UAAU,EACRL,CAAC,CAACM,cAAc,EACrBN,CAAC,CAACO,SAAS,EACTP,CAAC,CAACQ,WAAW,EACfR,CAAC,CAACS,SAAS,EAChBT,CAAC,CAACU,KAAK,EACRxB,iBAAiB,CAACc,CAAC,CAACW,IAAI,CAAC,EACbX,CAAC,CAACY,eAAe,EAC1B1B,iBAAiB,CAACc,CAAC,CAACa,OAAO,CAAC,EACrBtB,QAAQ,CAACS,CAAC,CAACc,aAAa,CAAC,EAC3BvB,QAAQ,CAACS,CAAC,CAACe,WAAW,CAAC,EACtBxB,QAAQ,CAACS,CAAC,CAACgB,YAAY,CAAC,EAC1BzB,QAAQ,CAACS,CAAC,CAACiB,UAAU,CAAC,EAC3BjB,CAAC,CAACkB,MAAM,EACNhC,iBAAiB,CAACc,CAAC,CAACmB,QAAQ,CAAC,EACtB5B,QAAQ,CAACS,CAAC,CAACoB,cAAc,CAAC,EAC5B7B,QAAQ,CAACS,CAAC,CAACqB,YAAY,CAAC,EACvB9B,QAAQ,CAACS,CAAC,CAACsB,aAAa,CAAC,EAC3B/B,QAAQ,CAACS,CAAC,CAACuB,WAAW,CAAC,EACxBvB,CAAC,CAACwB,UAAU;AAAA,CAC3B,CACF"}

package/dist/Box/Box.types.d.ts

@@ -1,4 +1,4 @@
-import { Props, Size } from '../_utils/types';
+import type { Props, Size } from '../_utils/types';
 /**
  * @deprecated
  *

package/dist/Box/Box.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.types.js","names":[],"sources":["../../src/Box/Box.types.ts"],"sourcesContent":["import { Props, Size } from '../_utils/types'\n\n/**\n * @deprecated\n *\n * These display modes are no longer valid, please use `direction` prop\n *\n * @deprecatedSince 10.20.0\n */\nexport type DeprecatedDisplay =\n  | 'flex-column-reverse'\n  | 'flex-column'\n  | 'flex-inline-column-reverse'\n  | 'flex-inline-column'\n  | 'flex-inline-row-reverse'\n  | 'flex-inline-row'\n  | 'flex-row-reverse'\n  | 'flex-row'\n\nexport type Display =\n  | DeprecatedDisplay\n  | 'block'\n  | 'flex'\n  | 'inline'\n  | 'inline-block'\n  | 'inline-flex'\n\nexport type FlexAlign =\n  | 'baseline'\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'stretch'\n\nexport type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse'\n\nexport type FlexJustify =\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly'\n\nexport type FlexAlignContent = FlexJustify | 'stretch'\n\nexport type FlexWrap = 'nowrap' | 'wrap-reverse' | 'wrap'\n\nexport type TextAlign = 'center' | 'left' | 'right'\n\nexport type MarginSize = Extract<\n  Size,\n  'auto' | 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type PaddingSize = Extract<\n  Size,\n  'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type BoxSize = MarginSize | PaddingSize | undefined\n\nexport interface MarginOptions {\n  /**\n   * @since 10.19.0\n   */\n  margin?: MarginSize | string\n  /**\n   * @since 10.19.0\n   */\n  marginBottom?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginLeft?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginRight?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginTop?: MarginSize\n}\n\nexport interface PaddingOptions {\n  /**\n   * @since 10.19.0\n   */\n  padding?: PaddingSize | string\n  /**\n   * @since 10.19.0\n   */\n  paddingBottom?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingLeft?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingRight?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingTop?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n}\n\nexport interface FlexOptions {\n  /**\n   * @since 10.19.0\n   */\n  alignContent?: FlexAlignContent\n  /**\n   * @since 10.19.0\n   */\n  alignItems?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  alignSelf?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  justifyContent?: FlexJustify\n}\n\nexport interface BoxProps\n  extends Props,\n    FlexOptions,\n    MarginOptions,\n    PaddingOptions {\n  /**\n   * Render semantic HTML tags with browser reset and normalize CSS\n   * @since 10.19.0\n   */\n  as?: 'ul' | 'ol' | 'li'\n  /**\n   * @since 10.19.0\n   */\n  display?: Display\n\n  /**\n   * Alias to the `flex` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flex?: string | number\n\n  /**\n   * Alias to the `basis` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexBasis?: string | number\n\n  /**\n   * Alias to the `direction` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexDirection?: FlexDirection\n\n  /**\n   * Alias to the `grow` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexGrow?: string | number\n\n  /**\n   * Alias to the `shrink` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexShrink?: string | number\n\n  /**\n   * Alias to the `wrap` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexWrap?: FlexWrap\n\n  /**\n   * * Alias to the `gap` property on a flexbox child.\n   * @since 11.3.0\n   */\n  gap?: MarginSize | string\n\n  /**\n   * Alias to the `order` property on a flexbox child.\n   * @since 10.19.0\n   */\n  order?: number\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * @since 10.19.0\n   */\n  textAlign?: TextAlign\n}\n\nexport interface $BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  $as?: BoxProps['as']\n  /**\n   * @since 10.19.0\n   */\n  $alignContent?: BoxProps['alignContent']\n  /**\n   * @since 10.19.0\n   */\n  $alignItems?: BoxProps['alignItems']\n  /**\n   * @since 10.19.0\n   */\n  $alignSelf?: BoxProps['alignSelf']\n  /**\n   * @since 10.19.0\n   */\n  $display?: BoxProps['display']\n  /**\n   * @since 10.19.0\n   */\n  $flex?: BoxProps['flex']\n  /**\n   * @since 10.19.0\n   */\n  $flexBasis?: BoxProps['flexBasis']\n  /**\n   * @since 10.19.0\n   */\n  $flexDirection?: BoxProps['flexDirection']\n  /**\n   * @since 10.19.0\n   */\n  $flexGrow?: BoxProps['flexGrow']\n  /**\n   * @since 10.19.0\n   */\n  $flexShrink?: BoxProps['flexShrink']\n  /**\n   * @since 10.19.0\n   */\n  $flexWrap?: BoxProps['flexWrap']\n  /**\n   * @since 11.3.0\n   */\n  $gap?: BoxProps['gap']\n  /**\n  /**\n   * @since 10.19.0\n   */\n  $justifyContent?: BoxProps['justifyContent']\n  /**\n   * @since 10.19.0\n   */\n  $margin?: BoxProps['margin']\n  /**\n   * @since 10.19.0\n   */\n  $marginBottom?: BoxProps['marginBottom']\n  /**\n   * @since 10.19.0\n   */\n  $marginLeft?: BoxProps['marginLeft']\n  /**\n   * @since 10.19.0\n   */\n  $marginRight?: BoxProps['marginRight']\n  /**\n   * @since 10.19.0\n   */\n  $marginTop?: BoxProps['marginTop']\n  /**\n   * @since 10.19.0\n   */\n  $order?: BoxProps['order']\n  /**\n   * @since 10.19.0\n   */\n  $padding?: BoxProps['padding']\n  /**\n   * @since 10.19.0\n   */\n  $paddingBottom?: BoxProps['paddingBottom']\n  /**\n   * @since 10.19.0\n   */\n  $paddingLeft?: BoxProps['paddingLeft']\n  /**\n   * @since 10.19.0\n   */\n  $paddingRight?: BoxProps['paddingRight']\n  /**\n   * @since 10.19.0\n   */\n  $paddingTop?: BoxProps['paddingTop']\n  /**\n   * @since 10.19.0\n   */\n  $textAlign?: BoxProps['textAlign']\n}\n"],"mappings":""}
+{"version":3,"file":"Box.types.js","names":[],"sources":["../../src/Box/Box.types.ts"],"sourcesContent":["import type { Props, Size } from '../_utils/types'\n\n/**\n * @deprecated\n *\n * These display modes are no longer valid, please use `direction` prop\n *\n * @deprecatedSince 10.20.0\n */\nexport type DeprecatedDisplay =\n  | 'flex-column-reverse'\n  | 'flex-column'\n  | 'flex-inline-column-reverse'\n  | 'flex-inline-column'\n  | 'flex-inline-row-reverse'\n  | 'flex-inline-row'\n  | 'flex-row-reverse'\n  | 'flex-row'\n\nexport type Display =\n  | DeprecatedDisplay\n  | 'block'\n  | 'flex'\n  | 'inline'\n  | 'inline-block'\n  | 'inline-flex'\n\nexport type FlexAlign =\n  | 'baseline'\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'stretch'\n\nexport type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse'\n\nexport type FlexJustify =\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly'\n\nexport type FlexAlignContent = FlexJustify | 'stretch'\n\nexport type FlexWrap = 'nowrap' | 'wrap-reverse' | 'wrap'\n\nexport type TextAlign = 'center' | 'left' | 'right'\n\nexport type MarginSize = Extract<\n  Size,\n  'auto' | 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type PaddingSize = Extract<\n  Size,\n  'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type BoxSize = MarginSize | PaddingSize | undefined\n\nexport interface MarginOptions {\n  /**\n   * @since 10.19.0\n   */\n  margin?: MarginSize | string\n  /**\n   * @since 10.19.0\n   */\n  marginBottom?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginLeft?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginRight?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginTop?: MarginSize\n}\n\nexport interface PaddingOptions {\n  /**\n   * @since 10.19.0\n   */\n  padding?: PaddingSize | string\n  /**\n   * @since 10.19.0\n   */\n  paddingBottom?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingLeft?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingRight?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingTop?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n}\n\nexport interface FlexOptions {\n  /**\n   * @since 10.19.0\n   */\n  alignContent?: FlexAlignContent\n  /**\n   * @since 10.19.0\n   */\n  alignItems?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  alignSelf?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  justifyContent?: FlexJustify\n}\n\nexport interface BoxProps\n  extends Props,\n    FlexOptions,\n    MarginOptions,\n    PaddingOptions {\n  /**\n   * Render semantic HTML tags with browser reset and normalize CSS\n   * @since 10.19.0\n   */\n  as?: 'ul' | 'ol' | 'li'\n  /**\n   * @since 10.19.0\n   */\n  display?: Display\n\n  /**\n   * Alias to the `flex` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flex?: string | number\n\n  /**\n   * Alias to the `basis` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexBasis?: string | number\n\n  /**\n   * Alias to the `direction` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexDirection?: FlexDirection\n\n  /**\n   * Alias to the `grow` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexGrow?: string | number\n\n  /**\n   * Alias to the `shrink` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexShrink?: string | number\n\n  /**\n   * Alias to the `wrap` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexWrap?: FlexWrap\n\n  /**\n   * * Alias to the `gap` property on a flexbox child.\n   * @since 11.3.0\n   */\n  gap?: MarginSize | string\n\n  /**\n   * Alias to the `order` property on a flexbox child.\n   * @since 10.19.0\n   */\n  order?: number\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * @since 10.19.0\n   */\n  textAlign?: TextAlign\n}\n\nexport interface $BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  $as?: BoxProps['as']\n  /**\n   * @since 10.19.0\n   */\n  $alignContent?: BoxProps['alignContent']\n  /**\n   * @since 10.19.0\n   */\n  $alignItems?: BoxProps['alignItems']\n  /**\n   * @since 10.19.0\n   */\n  $alignSelf?: BoxProps['alignSelf']\n  /**\n   * @since 10.19.0\n   */\n  $display?: BoxProps['display']\n  /**\n   * @since 10.19.0\n   */\n  $flex?: BoxProps['flex']\n  /**\n   * @since 10.19.0\n   */\n  $flexBasis?: BoxProps['flexBasis']\n  /**\n   * @since 10.19.0\n   */\n  $flexDirection?: BoxProps['flexDirection']\n  /**\n   * @since 10.19.0\n   */\n  $flexGrow?: BoxProps['flexGrow']\n  /**\n   * @since 10.19.0\n   */\n  $flexShrink?: BoxProps['flexShrink']\n  /**\n   * @since 10.19.0\n   */\n  $flexWrap?: BoxProps['flexWrap']\n  /**\n   * @since 11.3.0\n   */\n  $gap?: BoxProps['gap']\n  /**\n  /**\n   * @since 10.19.0\n   */\n  $justifyContent?: BoxProps['justifyContent']\n  /**\n   * @since 10.19.0\n   */\n  $margin?: BoxProps['margin']\n  /**\n   * @since 10.19.0\n   */\n  $marginBottom?: BoxProps['marginBottom']\n  /**\n   * @since 10.19.0\n   */\n  $marginLeft?: BoxProps['marginLeft']\n  /**\n   * @since 10.19.0\n   */\n  $marginRight?: BoxProps['marginRight']\n  /**\n   * @since 10.19.0\n   */\n  $marginTop?: BoxProps['marginTop']\n  /**\n   * @since 10.19.0\n   */\n  $order?: BoxProps['order']\n  /**\n   * @since 10.19.0\n   */\n  $padding?: BoxProps['padding']\n  /**\n   * @since 10.19.0\n   */\n  $paddingBottom?: BoxProps['paddingBottom']\n  /**\n   * @since 10.19.0\n   */\n  $paddingLeft?: BoxProps['paddingLeft']\n  /**\n   * @since 10.19.0\n   */\n  $paddingRight?: BoxProps['paddingRight']\n  /**\n   * @since 10.19.0\n   */\n  $paddingTop?: BoxProps['paddingTop']\n  /**\n   * @since 10.19.0\n   */\n  $textAlign?: BoxProps['textAlign']\n}\n"],"mappings":""}

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DivAttributes, LiAttributes } from '../_utils/types';
-import { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types';
+import type { DivAttributes, LiAttributes } from '../_utils/types';
+import type { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types';
 declare type NavCrumbProps = LiAttributes & BreadcrumbCrumbProps;
 declare type LegacyCrumbProps = DivAttributes & BreadcrumbCrumbProps;
 export declare const Crumb: React.ForwardRefExoticComponent<(NavCrumbProps | LegacyCrumbProps) & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;

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 React, { ForwardedRef } from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { DivAttributes, LiAttributes, NavAttributes } from '../_utils/types'\nimport {\n  StyledContainer,\n  StyledCrumb,\n  StyledList,\n  StyledSeparator,\n} from './Breadcrumbs.styles'\nimport {\n  BreadcrumbCrumbProps,\n  BreadcrumbProps,\n  BreadcrumbVariants,\n} from './Breadcrumbs.types'\n\nconst separator = (\n  <StyledSeparator aria-hidden={true}>\n    <ChevronRight />\n  </StyledSeparator>\n)\n\n/**\n\n We use breadcrumbs to provide navigational information to the user on every\n tool’s child page in Procore.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\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\nexport const Breadcrumbs = addSubcomponents(\n  {\n    Crumb,\n  },\n  Breadcrumbs_\n)\n"],"mappings":"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"}
+{"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\n/**\n\n We use breadcrumbs to provide navigational information to the user on every\n tool’s child page in Procore.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\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\nexport const Breadcrumbs = addSubcomponents(\n  {\n    Crumb,\n  },\n  Breadcrumbs_\n)\n"],"mappings":"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"}

package/dist/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbCrumbProps } from './Breadcrumbs.types';
+import type { BreadcrumbCrumbProps } from './Breadcrumbs.types';
 export declare const StyledContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const StyledList: import("styled-components").StyledComponent<"ol", any, {}, never>;
 export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;

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_24_0__sc-1q6nqfz-0"
+  componentId: "core-11_24_2__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_24_0__sc-1q6nqfz-1"
+  componentId: "core-11_24_2__sc-1q6nqfz-1"
 })(["display:flex;margin:0;padding-left:0;"]);
 export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSeparator",
-  componentId: "core-11_24_0__sc-1q6nqfz-2"
+  componentId: "core-11_24_2__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_24_0__sc-1q6nqfz-3"
+  componentId: "core-11_24_2__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/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.js","names":["styled","css","getTypographyIntent","typographyWeights","colors","spacing","StyledContainer","nav","withConfig","displayName","componentId","gray50","StyledList","ol","StyledSeparator","div","xs","StyledCrumb","li","gray45","_ref","active","_ref2","_ref3","gray15","semibold","_ref4"],"sources":["../../src/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport { BreadcrumbCrumbProps } from './Breadcrumbs.types'\n\nexport const StyledContainer = styled.nav`\n  color: ${colors.gray50};\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n`\n\nexport const StyledList = styled.ol`\n  display: flex;\n  margin: 0;\n  padding-left: 0;\n`\n\nexport const StyledSeparator = styled.div`\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ${spacing.xs}px;\n`\n\nexport const StyledCrumb = styled.li<BreadcrumbCrumbProps>`\n  ${getTypographyIntent('body')}\n\n  align-items:center;\n  color: ${colors.gray45};\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ${({ active }) => (active ? 'default' : 'pointer')};\n    text-decoration: ${({ active }) => (active ? 'none' : 'underline')};\n  }\n\n  > a {\n    color: ${colors.gray45};\n    ${({ active }) =>\n      active &&\n      css`\n        color: ${colors.gray15};\n        font-weight: ${typographyWeights.semibold};\n      `}\n  }\n\n  ${({ active }) =>\n    active &&\n    css`\n      color: ${colors.gray15};\n      font-weight: ${typographyWeights.semibold};\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,eAAe,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAC9BN,MAAM,CAACO,MAAM,CASvB;AAED,OAAO,IAAMC,UAAU,gBAAGZ,MAAM,CAACa,EAAE,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAIlC;AAED,OAAO,IAAMI,eAAe,gBAAGd,MAAM,CAACe,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yFAIzBL,OAAO,CAACW,EAAE,CACzB;AAED,OAAO,IAAMC,WAAW,gBAAGjB,MAAM,CAACkB,EAAE,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uKAChCR,mBAAmB,CAAC,MAAM,CAAC,EAGpBE,MAAM,CAACe,MAAM,EAMV,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EACvC,UAAAC,KAAA;EAAA,IAAGD,MAAM,GAAAC,KAAA,CAAND,MAAM;EAAA,OAAQA,MAAM,GAAG,MAAM,GAAG,WAAW;AAAA,CAAC,EAIzDjB,MAAM,CAACe,MAAM,EACpB,UAAAI,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OACTA,MAAM,IACNpB,GAAG,mCACQG,MAAM,CAACoB,MAAM,EACPrB,iBAAiB,CAACsB,QAAQ,CAC1C;AAAA,GAGH,UAAAC,KAAA;EAAA,IAAGL,MAAM,GAAAK,KAAA,CAANL,MAAM;EAAA,OACTA,MAAM,IACNpB,GAAG,mCACQG,MAAM,CAACoB,MAAM,EACPrB,iBAAiB,CAACsB,QAAQ,CAC1C;AAAA,EACJ"}
+{"version":3,"file":"Breadcrumbs.styles.js","names":["styled","css","getTypographyIntent","typographyWeights","colors","spacing","StyledContainer","nav","withConfig","displayName","componentId","gray50","StyledList","ol","StyledSeparator","div","xs","StyledCrumb","li","gray45","_ref","active","_ref2","_ref3","gray15","semibold","_ref4"],"sources":["../../src/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { BreadcrumbCrumbProps } from './Breadcrumbs.types'\n\nexport const StyledContainer = styled.nav`\n  color: ${colors.gray50};\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n`\n\nexport const StyledList = styled.ol`\n  display: flex;\n  margin: 0;\n  padding-left: 0;\n`\n\nexport const StyledSeparator = styled.div`\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ${spacing.xs}px;\n`\n\nexport const StyledCrumb = styled.li<BreadcrumbCrumbProps>`\n  ${getTypographyIntent('body')}\n\n  align-items:center;\n  color: ${colors.gray45};\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ${({ active }) => (active ? 'default' : 'pointer')};\n    text-decoration: ${({ active }) => (active ? 'none' : 'underline')};\n  }\n\n  > a {\n    color: ${colors.gray45};\n    ${({ active }) =>\n      active &&\n      css`\n        color: ${colors.gray15};\n        font-weight: ${typographyWeights.semibold};\n      `}\n  }\n\n  ${({ active }) =>\n    active &&\n    css`\n      color: ${colors.gray15};\n      font-weight: ${typographyWeights.semibold};\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,eAAe,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAC9BN,MAAM,CAACO,MAAM,CASvB;AAED,OAAO,IAAMC,UAAU,gBAAGZ,MAAM,CAACa,EAAE,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAIlC;AAED,OAAO,IAAMI,eAAe,gBAAGd,MAAM,CAACe,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yFAIzBL,OAAO,CAACW,EAAE,CACzB;AAED,OAAO,IAAMC,WAAW,gBAAGjB,MAAM,CAACkB,EAAE,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uKAChCR,mBAAmB,CAAC,MAAM,CAAC,EAGpBE,MAAM,CAACe,MAAM,EAMV,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EACvC,UAAAC,KAAA;EAAA,IAAGD,MAAM,GAAAC,KAAA,CAAND,MAAM;EAAA,OAAQA,MAAM,GAAG,MAAM,GAAG,WAAW;AAAA,CAAC,EAIzDjB,MAAM,CAACe,MAAM,EACpB,UAAAI,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OACTA,MAAM,IACNpB,GAAG,mCACQG,MAAM,CAACoB,MAAM,EACPrB,iBAAiB,CAACsB,QAAQ,CAC1C;AAAA,GAGH,UAAAC,KAAA;EAAA,IAAGL,MAAM,GAAAK,KAAA,CAANL,MAAM;EAAA,OACTA,MAAM,IACNpB,GAAG,mCACQG,MAAM,CAACoB,MAAM,EACPrB,iBAAiB,CAACsB,QAAQ,CAC1C;AAAA,EACJ"}

package/dist/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 /**
  * @since 11.6.0
  */

package/dist/Breadcrumbs/Breadcrumbs.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.types.js","names":["BreadcrumbVariants"],"sources":["../../src/Breadcrumbs/Breadcrumbs.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\n/**\n * @since 11.6.0\n */\nexport enum BreadcrumbVariants {\n  NAV = 'nav',\n  LEGACY = 'legacy',\n}\n\nexport interface BreadcrumbProps extends Props {\n  /**\n   * @since 11.6.0\n   */\n  variant?: BreadcrumbVariants\n}\n\nexport interface BreadcrumbCrumbProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  active?: boolean\n  /**\n   * @since 11.6.0\n   */\n  isLast?: boolean\n  /**\n   * @since 11.6.0\n   */\n  variant?: BreadcrumbVariants\n}\n"],"mappings":"AAEA;AACA;AACA;AACA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA"}
+{"version":3,"file":"Breadcrumbs.types.js","names":["BreadcrumbVariants"],"sources":["../../src/Breadcrumbs/Breadcrumbs.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\n/**\n * @since 11.6.0\n */\nexport enum BreadcrumbVariants {\n  NAV = 'nav',\n  LEGACY = 'legacy',\n}\n\nexport interface BreadcrumbProps extends Props {\n  /**\n   * @since 11.6.0\n   */\n  variant?: BreadcrumbVariants\n}\n\nexport interface BreadcrumbCrumbProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  active?: boolean\n  /**\n   * @since 11.6.0\n   */\n  isLast?: boolean\n  /**\n   * @since 11.6.0\n   */\n  variant?: BreadcrumbVariants\n}\n"],"mappings":"AAEA;AACA;AACA;AACA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA"}

package/dist/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonProps, LinkButtonProps } from './Button.types';
+import type { ButtonProps, LinkButtonProps } from './Button.types';
 /**
 
  We use buttons to link to other pages or to trigger an action.

package/dist/Button/Button.js.map

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonSizes, ButtonVariant } from './Button.types';
+import type { ButtonSizes, ButtonVariant } from './Button.types';
 export declare function getBGColor(variant: ButtonVariant): {
     main: string;
     hover: string;