@procore/core-react 11.22.1 → 11.23.1

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EACL,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,KAAK,EACL,IAAI,EACJ,OAAO,GACR,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,uBAAuB,EACvB,gCAAgC,EAChC,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,GACZ,MAAM,iBAAiB,CAAA;AAQxB;;;;;;;;;;;;;;;;;;GAkBG;AACH,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,MAAM,CAAC,EAA+B,EAAE,GAAG;IAAlC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IACrC,IAAA,KAAoC,SAAS,CACjD,UAAC,OAAwB;QACvB,OAAA,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,IAAI,KAAK,iBAAiB;IAAnE,CAAmE,EACrE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CACe,EAJ1C,sBAAsB,QAAA,EAAE,OAAO,QAIW,CAAA;IAEjD,IAAM,YAAY,GAAG,sBAAsB,CAAC,MAAM,KAAK,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,qBAAqB,aACpB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,IACZ,KAAK,GAER,YAAY,CAAC,CAAC,CAAC,CACd;QACE,oBAAC,gCAAgC,IAC/B,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,IAElB,OAAO,CACyB;QAClC,sBAAsB,CACtB,CACJ,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CACqB,CACzB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,OAAO,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,aAAa,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC/B,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,SAAS,iBAAiB,CAC1B,EAA0E,EAC1E,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,kCAAgC,EAAhC,0BAA0B,mBAAG,GAAG,KAAA,EAAK,KAAK,cAAxE,sDAA0E,CAAF;IAGxE,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEvD,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,oBAAC,gBAAgB,QACd,UAAC,EAAoC;YAA7B,WAAW,SAAA,EAAE,cAAc,oBAAA;QAAO,OAAA,CACzC,oBAAC,uBAAuB,aACtB,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,YAAY,CAAC,aACzB,gCAAgC,EACxC,cAAc,EAAE,cAAM,OAAA,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,EAAjC,CAAiC,EACvD,cAAc,EAAE,cAAc,EAC9B,0BAA0B,EAAE,0BAA0B,IAClD,KAAK,EACL,CAAC,cAAc,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,GAEtC,QAAQ,CACe,CAC3B;IAZ0C,CAY1C,CACgB,CACpB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACjC,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC7B,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,SAAS,IAAI,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAChC,OAAO,CACL,oBAAC,UAAU,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC5B,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,SAAS,MAAM,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAClC,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC9B,QAAQ,CACI,CAChB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,cAAc,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC1C,OAAO,CACL,oBAAC,IAAI,CAAC,IAAI,aAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAAO,KAAa,GAChD,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,OAAO,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,IAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC3D,UAAC,OAAwB;QACvB,OAAA,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM;IAAxD,CAAwD,CACnC,CAAA;IAEzB,OAAO,CACL,oBAAC,cAAc,IACb,OAAO,EACL,oBAAC,IAAI;YACH,oBAAC,IAAI,IACH,GAAG,EAAE,UAAC,IAAI,IAAK,OAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,EAAb,CAAa,EAC5B,SAAS,EAAE,OAAO,CAAC;oBACjB,YAAY,EAAE,UAAC,EAAQ;4BAAN,IAAI,UAAA;wBAAO,OAAA,IAAI,KAAK,cAAc;oBAAvB,CAAuB;iBACpD,CAAC;gBAEF,oBAAC,IAAI,CAAC,OAAO,QACV,aAAa,CAAC,GAAG,CAAC,UAAC,EAA4B,EAAE,GAAG;wBAAxB,iBAAiB,WAAA;oBAAY,OAAA,CACxD,oBAAC,cAAc,aAAC,GAAG,EAAE,GAAG,IAAM,iBAAiB,EAAI,CACpD;gBAFyD,CAEzD,CAAC,CACW,CACV,CACF,EAET,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,cAAc;QAExB,oBAAC,oBAAoB,wBACX,6BAA6B,EACrC,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,oBAAC,gBAAgB,OAAG,IACtB,KAAK,EACT,CACa,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,SAAS,IAAI,CAAC,EAA4B,EAAE,GAAG;IAA/B,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACtC,OAAO,CACL,oBAAC,mBAAmB,aAAC,GAAG,EAAE,GAAG,iBAAc,MAAM,IAAK,KAAK,GACxD,IAAI,CACe,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,OAAO,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,OAAO,CACL,oBAAC,MAAM,2BACO,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,EAC9C,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,IAAI,EAAE,oBAAC,KAAK,OAAG,EACf,OAAO,EAAC,UAAU,IAClB,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGzC,SAAS,WAAW,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACzC,OAAO,CACL,oBAAC,MAAM,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,OAAO,IAAK,KAAK;QACzC,oBAAC,IAAI,IAAC,IAAI,EAAE,oBAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG,GAAI;QAClC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;GAGG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,SAAS,aAAa,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC3C,OAAO,CACL,oBAAC,MAAM,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,IAAK,KAAK;QAC3C,oBAAC,IAAI,IAAC,IAAI,EAAE,oBAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG,GAAI;QAClC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGxC,SAAS,UAAU,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACxC,OAAO,CACL,oBAAC,MAAM,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,MAAM,IAAK,KAAK;QACxC,oBAAC,IAAI,IAAC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,GAAG,GAAI;QACjC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAG1C,SAAS,YAAY,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC1C,OAAO,CACL,oBAAC,MAAM,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,QAAQ,IAAK,KAAK;QAC1C,oBAAC,IAAI,IAAC,IAAI,EAAE,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GAAI;QACpC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,SAAS,UAAU,CAAC,EAAwC,EAAE,GAAG;IAA3C,IAAA,QAAQ,cAAA,EAAE,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAAK,KAAK,cAAtC,uBAAwC,CAAF;IAC1D,OAAO,CACL,oBAAC,yBAAyB,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,GAC7D,QAAQ,CACiB,CAC7B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEtC,iBAAiB,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAE1D,KAAK,CAAC,WAAW,GAAG,cAAc,CAAA;AAElC,MAAM,CAAC,WAAW,GAAG,eAAe,CAAA;AAEpC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEtC,cAAc,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAEpD,IAAI,CAAC,WAAW,GAAG,aAAa,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEtC,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,iBAAiB,CAAC,WAAW,GAAG,YAAY,CAAA;AAE5C,MAAM,CAAC,IAAM,MAAM,GAAG,gBAAgB,CACpC;IACE,IAAI,MAAA;IACJ,OAAO,SAAA;IACP,iBAAiB,mBAAA;IACjB,KAAK,OAAA;IACL,MAAM,QAAA;IACN,OAAO,SAAA;IACP,IAAI,MAAA;IACJ,OAAO,SAAA;CACR,EACD,OAAO,CACR,CAAA"}
+{"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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"}

package/dist/Banner/Banner.styles.js

@@ -1,12 +1,8 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css, keyframes } from 'styled-components';
 import { StyledButton } from '../Button/Button.styles';
 import { DropdownButton } from '../Dropdown/Dropdown';
 import { Flex } from '../Flex/Flex';
-import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { getTypographyIntent, typographyWeights } from '../Typography/Typography.styles';
 import { borderRadius } from '../_styles/borderRadius';
 import { colors } from '../_styles/colors';
 import { focusable } from '../_styles/mixins';
@@ -14,62 +10,95 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 var bannerLeft = 8;
 var bannerVariantColors = {
-    action: {
-        primary: colors.yellow40,
-        secondary: colors.yellow94,
-    },
-    error: {
-        primary: colors.red50,
-        secondary: colors.red98,
-    },
-    info: {
-        primary: colors.blue40,
-        secondary: colors.blue96,
-    },
-    success: {
-        primary: colors.green30,
-        secondary: colors.green96,
-    },
-    UNSAFE_attention_emphasized: {
-        primary: colors.orange50,
-        secondary: colors.orange98,
-    },
+  action: {
+    primary: colors.yellow40,
+    secondary: colors.yellow94
+  },
+  error: {
+    primary: colors.red50,
+    secondary: colors.red98
+  },
+  info: {
+    primary: colors.blue40,
+    secondary: colors.blue96
+  },
+  success: {
+    primary: colors.green30,
+    secondary: colors.green96
+  },
+  UNSAFE_attention_emphasized: {
+    primary: colors.orange50,
+    secondary: colors.orange98
+  }
 };
 var miniBannerVariantColors = {
-    action: colors.yellow50,
-    error: colors.red50,
-    info: colors.blue50,
-    success: colors.green50,
-    UNSAFE_attention_emphasized: colors.green50,
+  action: colors.yellow50,
+  error: colors.red50,
+  info: colors.blue50,
+  success: colors.green50,
+  UNSAFE_attention_emphasized: colors.green50
 };
 var bannerShadow = getShadow(1, 'bottom');
-var expandContent = function (maxHeight) { return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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: ", "px;\n    padding-bottom: ", "px;\n    min-height: 32px;\n    max-height: ", "px;\n    overflow-y: auto;\n  }\n"], ["\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: ", "px;\n    padding-bottom: ", "px;\n    min-height: 32px;\n    max-height: ", "px;\n    overflow-y: auto;\n  }\n"])), spacing.sm, spacing.sm, maxHeight); };
-export var StyledBannerContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  border-left: ", "px solid;\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  border-left: ", "px solid;\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), bannerLeft, borderRadius.md, colors.gray15, spacing.lg, bannerShadow, function (_a) {
-    var variant = _a.variant;
-    var _b = bannerVariantColors[variant], primary = _b.primary, secondary = _b.secondary;
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border-left-color: ", ";\n      background-color: ", ";\n\n      & ", " {\n        color: ", ";\n      }\n    "], ["\n      border-left-color: ", ";\n      background-color: ", ";\n\n      & ", " {\n        color: ", ";\n      }\n    "])), primary, secondary, StyledIconContainer, primary);
-}, function (_a) {
-    var isExpandable = _a.isExpandable;
-    return isExpandable && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      flex-direction: column;\n      align-items: stretch;\n      padding: 0;\n    "], ["\n      flex-direction: column;\n      align-items: stretch;\n      padding: 0;\n    "])));
+var expandContent = function expandContent(maxHeight) {
+  return keyframes(["from{padding-top:0;padding-bottom:0;max-height:0;min-height:0;overflow-y:hidden;}to{padding-top:", "px;padding-bottom:", "px;min-height:32px;max-height:", "px;overflow-y:auto;}"], spacing.sm, spacing.sm, maxHeight);
+};
+export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledBannerContainer",
+  componentId: "core-11_23_1__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],
+    primary = _bannerVariantColors$.primary,
+    secondary = _bannerVariantColors$.secondary;
+  return css(["border-left-color:", ";background-color:", ";& ", "{color:", ";}"], primary, secondary, StyledIconContainer, primary);
+}, function (_ref2) {
+  var isExpandable = _ref2.isExpandable;
+  return isExpandable && css(["flex-direction:column;align-items:stretch;padding:0;"]);
 });
-export var StyledContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-self: center;\n  margin: ", "px ", "px;\n  width: 100%;\n"], ["\n  align-self: center;\n  margin: ", "px ", "px;\n  width: 100%;\n"])), spacing.sm, spacing.lg);
-export var StyledExpandableContentContainer = styled(Flex)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  min-height: 52px;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 1;\n\n  ", "\n"], ["\n  color: ", ";\n  min-height: 52px;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 1;\n\n  ", "\n"])), colors.gray15, spacing.lg, bannerShadow);
-export var StyledExpandableContent = styled(Flex)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  animation-duration: 450ms;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease-out;\n  background-color: ", ";\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 ", "px;\n  position: relative;\n  z-index: 0;\n\n  ", "\n  ", "\n"], ["\n  animation-duration: 450ms;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease-out;\n  background-color: ", ";\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 ", "px;\n  position: relative;\n  z-index: 0;\n\n  ", "\n  ", "\n"])), colors.white, spacing.xl * 2 + spacing.sm, function (_a) {
-    var isOverflowingY = _a.isOverflowingY;
-    return isOverflowingY && focusable;
-}, function (_a) {
-    var expandableContentMaxHeight = _a.expandableContentMaxHeight;
-    return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      animation-name: ", ";\n    "], ["\n      animation-name: ", ";\n    "])), expandContent(expandableContentMaxHeight));
+export var StyledContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledContent",
+  componentId: "core-11_23_1__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_23_1__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_23_1__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;
+}, function (_ref4) {
+  var expandableContentMaxHeight = _ref4.expandableContentMaxHeight;
+  return css(["animation-name:", ";"], expandContent(expandableContentMaxHeight));
 });
-export var StyledTitle = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  ", "\n  color: ", ";\n  font-weight: ", ";\n"])), getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
-export var StyledBody = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n"], ["\n  ", "\n  color: ", ";\n"])), getTypographyIntent('body'), colors.gray15);
-export var StyledIconContainer = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  margin: ", "px 0;\n"], ["\n  flex: 0 0 auto;\n  margin: ", "px 0;\n"])), spacing.lg);
-export var StyledActionsTrigger = styled(DropdownButton)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  flex-shrink: 0;\n\n  & + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  flex-shrink: 0;\n\n  & + ", " {\n    margin-left: ", "px;\n  }\n"])), StyledButton, spacing.sm);
-export var StyledAction = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  margin: ", "px 0;\n\n  & + ", ", & + ", " {\n    margin-left: ", "px;\n  }\n\n  ", " {\n    background: rgba(0, 0, 0, 0.05);\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n"], ["\n  margin: ", "px 0;\n\n  & + ", ", & + ", " {\n    margin-left: ", "px;\n  }\n\n  ", " {\n    background: rgba(0, 0, 0, 0.05);\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n"])), spacing.sm, StyledButton, StyledActionsTrigger, spacing.sm, StyledButton, colors.gray15, colors.gray85, colors.gray15);
-function getMiniBannerIconColor(_a) {
-    var variant = _a.variant;
-    return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    & ", " {\n      color: ", ";\n    }\n  "], ["\n    & ", " {\n      color: ", ";\n    }\n  "])), StyledIconContainer, miniBannerVariantColors[variant]);
+export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledTitle",
+  componentId: "core-11_23_1__sc-149wm7c-4"
+})(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
+export var StyledBody = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledBody",
+  componentId: "core-11_23_1__sc-149wm7c-5"
+})(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
+export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledIconContainer",
+  componentId: "core-11_23_1__sc-149wm7c-6"
+})(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
+export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
+  displayName: "StyledActionsTrigger",
+  componentId: "core-11_23_1__sc-149wm7c-7"
+})(["flex-shrink:0;& + ", "{margin-left:", "px;}"], StyledButton, spacing.sm);
+export var StyledAction = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledAction",
+  componentId: "core-11_23_1__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;
+  return css(["& ", "{color:", ";}"], StyledIconContainer, miniBannerVariantColors[variant]);
 }
-export var StyledMiniBannerContainer = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  & ", " {\n    margin: ", "px;\n  }\n"], ["\n  align-items: center;\n  background-color: ", ";\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  & ", " {\n    margin: ", "px;\n  }\n"])), colors.gray96, spacing.md, getTypographyIntent('small'), getMiniBannerIconColor, StyledContent, spacing.sm);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledMiniBannerContainer",
+  componentId: "core-11_23_1__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","sourceRoot":"","sources":["../../src/Banner/Banner.styles.ts"],"names":[],"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 { 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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"}

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

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

package/dist/Banner/index.js

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

package/dist/Banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,MAAM,EACN,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,aAAa,GACd,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.js","names":["ActionBanner","Banner","ErrorBanner","InfoBanner","UNSAFE_MiniBanner","SuccessBanner","BannerExpandableContentProps","BannerProps"],"sources":["../../src/Banner/index.ts"],"sourcesContent":["export {\n  ActionBanner,\n  Banner,\n  ErrorBanner,\n  InfoBanner,\n  UNSAFE_MiniBanner,\n  SuccessBanner,\n} from './Banner'\nexport { BannerExpandableContentProps, BannerProps } from './Banner.types'\n"],"mappings":"AAAA,SACEA,YAAY,EACZC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,iBAAiB,EACjBC,aAAa,QACR,UAAU;AACjB,SAASC,4BAA4B,EAAEC,WAAW,QAAQ,gBAAgB"}

package/dist/Box/Box.js

@@ -1,63 +1,93 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["as", "alignContent", "alignItems", "alignSelf", "children", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "justifyContent", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "order", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "textAlign"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import * as React from 'react';
 import { StyledBox } from './Box.styles';
 // TODO remove this after we decommission the LegacyDisplay type
 function getLegacyDisplayAndDirection(d) {
-    if (!d) {
-        return {};
-    }
-    var display = d;
-    var direction = display.includes('flex')
-        ? 'row'
-        : undefined;
-    if (d.includes('flex-inline') || d.includes('inline-flex')) {
-        display = 'inline-flex';
-    }
-    else if (d.includes('flex')) {
-        display = 'flex';
-    }
-    if (d.includes('column-reverse')) {
-        direction = 'column-reverse';
-    }
-    else if (d.includes('column')) {
-        direction = 'column';
-    }
-    if (d.includes('row-reverse')) {
-        direction = 'row-reverse';
-    }
-    else if (d.includes('row')) {
-        direction = 'row';
-    }
-    return {
-        display: display,
-        direction: direction,
-    };
+  if (!d) {
+    return {};
+  }
+  var display = d;
+  var direction = display.includes('flex') ? 'row' : undefined;
+  if (d.includes('flex-inline') || d.includes('inline-flex')) {
+    display = 'inline-flex';
+  } else if (d.includes('flex')) {
+    display = 'flex';
+  }
+  if (d.includes('column-reverse')) {
+    direction = 'column-reverse';
+  } else if (d.includes('column')) {
+    direction = 'column';
+  }
+  if (d.includes('row-reverse')) {
+    direction = 'row-reverse';
+  } else if (d.includes('row')) {
+    direction = 'row';
+  }
+  return {
+    display: display,
+    direction: direction
+  };
 }
-export var Box = React.forwardRef(function Box(_a, ref) {
-    var as = _a.as, alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, children = _a.children, display = _a.display, flex = _a.flex, flexBasis = _a.flexBasis, flexDirection = _a.flexDirection, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexWrap = _a.flexWrap, gap = _a.gap, justifyContent = _a.justifyContent, margin = _a.margin, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginTop = _a.marginTop, order = _a.order, padding = _a.padding, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, textAlign = _a.textAlign, props = __rest(_a, ["as", "alignContent", "alignItems", "alignSelf", "children", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "justifyContent", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "order", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "textAlign"]);
-    var legacyProps = getLegacyDisplayAndDirection(display);
-    return (React.createElement(StyledBox, __assign({}, props, { ref: ref, "$as": as, "$alignContent": alignContent, "$alignItems": alignItems, "$alignSelf": alignSelf, "$display": legacyProps.display, "$flex": flex, "$flexBasis": flexBasis, "$flexDirection": flexDirection !== null && flexDirection !== void 0 ? flexDirection : legacyProps.direction, "$flexGrow": flexGrow, "$flexShrink": flexShrink, "$flexWrap": flexWrap, "$gap": gap, "$justifyContent": justifyContent, "$margin": margin, "$marginBottom": marginBottom, "$marginLeft": marginLeft, "$marginRight": marginRight, "$marginTop": marginTop, "$order": order, "$padding": padding, "$paddingBottom": paddingBottom, "$paddingLeft": paddingLeft, "$paddingRight": paddingRight, "$paddingTop": paddingTop, "$textAlign": textAlign }), children));
+export var Box = /*#__PURE__*/React.forwardRef(function Box(_ref, ref) {
+  var as = _ref.as,
+    alignContent = _ref.alignContent,
+    alignItems = _ref.alignItems,
+    alignSelf = _ref.alignSelf,
+    children = _ref.children,
+    display = _ref.display,
+    flex = _ref.flex,
+    flexBasis = _ref.flexBasis,
+    flexDirection = _ref.flexDirection,
+    flexGrow = _ref.flexGrow,
+    flexShrink = _ref.flexShrink,
+    flexWrap = _ref.flexWrap,
+    gap = _ref.gap,
+    justifyContent = _ref.justifyContent,
+    margin = _ref.margin,
+    marginBottom = _ref.marginBottom,
+    marginLeft = _ref.marginLeft,
+    marginRight = _ref.marginRight,
+    marginTop = _ref.marginTop,
+    order = _ref.order,
+    padding = _ref.padding,
+    paddingBottom = _ref.paddingBottom,
+    paddingLeft = _ref.paddingLeft,
+    paddingRight = _ref.paddingRight,
+    paddingTop = _ref.paddingTop,
+    textAlign = _ref.textAlign,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var legacyProps = getLegacyDisplayAndDirection(display);
+  return /*#__PURE__*/React.createElement(StyledBox, _extends({}, props, {
+    ref: ref,
+    $as: as,
+    $alignContent: alignContent,
+    $alignItems: alignItems,
+    $alignSelf: alignSelf,
+    $display: legacyProps.display,
+    $flex: flex,
+    $flexBasis: flexBasis,
+    $flexDirection: flexDirection !== null && flexDirection !== void 0 ? flexDirection : legacyProps.direction,
+    $flexGrow: flexGrow,
+    $flexShrink: flexShrink,
+    $flexWrap: flexWrap,
+    $gap: gap,
+    $justifyContent: justifyContent,
+    $margin: margin,
+    $marginBottom: marginBottom,
+    $marginLeft: marginLeft,
+    $marginRight: marginRight,
+    $marginTop: marginTop,
+    $order: order,
+    $padding: padding,
+    $paddingBottom: paddingBottom,
+    $paddingLeft: paddingLeft,
+    $paddingRight: paddingRight,
+    $paddingTop: paddingTop,
+    $textAlign: textAlign
+  }), children);
 });
 Box.displayName = 'Box';
 //# sourceMappingURL=Box.js.map

package/dist/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,gEAAgE;AAChE,SAAS,4BAA4B,CAAC,CAAW;IAC/C,IAAI,CAAC,CAAC,EAAE;QACN,OAAO,EAAE,CAAA;KACV;IAED,IAAI,OAAO,GAAG,CAAC,CAAA;IAEf,IAAI,SAAS,GAA8B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;QACjE,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC1D,OAAO,GAAG,aAAa,CAAA;KACxB;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC7B,OAAO,GAAG,MAAM,CAAA;KACjB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAChC,SAAS,GAAG,gBAAgB,CAAA;KAC7B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC/B,SAAS,GAAG,QAAQ,CAAA;KACrB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC7B,SAAS,GAAG,aAAa,CAAA;KAC1B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5B,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,OAAO,SAAA;QACP,SAAS,WAAA;KACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,GAAG,CACV,EA4BC,EACD,GAAG;IA5BD,IAAA,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cA3BV,gVA4BC,CADS;IAIV,IAAM,WAAW,GAAG,4BAA4B,CAAC,OAAO,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,SACH,EAAE,mBACQ,YAAY,iBACd,UAAU,gBACX,SAAS,cACX,WAAW,CAAC,OAAO,WACtB,IAAI,gBACC,SAAS,oBACL,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,WAAW,CAAC,SAAS,eAC3C,QAAQ,iBACN,UAAU,eACZ,QAAQ,UACb,GAAG,qBACQ,cAAc,aACtB,MAAM,mBACA,YAAY,iBACd,UAAU,kBACT,WAAW,gBACb,SAAS,YACb,KAAK,cACH,OAAO,oBACD,aAAa,kBACf,WAAW,mBACV,YAAY,iBACd,UAAU,gBACX,SAAS,KAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA"}
+{"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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"}

package/dist/Box/Box.styles.js

@@ -1,35 +1,33 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { spacing } from '../_styles/spacing';
 function appendPx(value) {
-    if (!value) {
-        return;
-    }
-    return typeof value === 'string' ? value : "".concat(value, "px");
+  if (!value) {
+    return;
+  }
+  return typeof value === 'string' ? value : "".concat(value, "px");
 }
 function sizeStrToPx(str) {
-    /**
-     * hacky usage of "as" here, but since we have a default fallback if the
-     * lookup fails it should be fine
-     */
-    return spacing[str] !== undefined
-        ? "".concat(spacing[str], "px")
-        : str;
+  /**
+   * hacky usage of "as" here, but since we have a default fallback if the
+   * lookup fails it should be fine
+   */
+  return spacing[str] !== undefined ? "".concat(spacing[str], "px") : str;
 }
 function shorthandSizeToPx(shorthand) {
-    return shorthand === null || shorthand === void 0 ? void 0 : shorthand.split(' ').map(sizeStrToPx).join(' ');
+  return shorthand === null || shorthand === void 0 ? void 0 : shorthand.split(' ').map(sizeStrToPx).join(' ');
 }
 function sizeToPx(size) {
-    return sizeStrToPx(size) || size;
+  return sizeStrToPx(size) || size;
 }
-export var StyledBox = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
-    var $as = _a.$as;
-    if ($as === 'ol' || $as === 'ul') {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      "], ["\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      "])));
-    }
-}, function (p) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    align-content: ", ";\n    align-items: ", ";\n    align-self: ", ";\n    display: ", ";\n    flex-basis: ", ";\n    flex-direction: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n    flex-wrap: ", ";\n    flex: ", ";\n    gap: ", ";\n    justify-content: ", ";\n    margin: ", ";\n    margin-bottom: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    margin-top: ", ";\n    order: ", ";\n    padding: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    text-align: ", ";\n  "], ["\n    align-content: ", ";\n    align-items: ", ";\n    align-self: ", ";\n    display: ", ";\n    flex-basis: ", ";\n    flex-direction: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n    flex-wrap: ", ";\n    flex: ", ";\n    gap: ", ";\n    justify-content: ", ";\n    margin: ", ";\n    margin-bottom: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    margin-top: ", ";\n    order: ", ";\n    padding: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    text-align: ", ";\n  "])), p.$alignContent, p.$alignItems, p.$alignSelf, p.$display, p.$flexBasis, p.$flexDirection, p.$flexGrow, p.$flexShrink, p.$flexWrap, p.$flex, shorthandSizeToPx(p.$gap), p.$justifyContent, shorthandSizeToPx(p.$margin), sizeToPx(p.$marginBottom), sizeToPx(p.$marginLeft), sizeToPx(p.$marginRight), sizeToPx(p.$marginTop), p.$order, shorthandSizeToPx(p.$padding), sizeToPx(p.$paddingBottom), sizeToPx(p.$paddingLeft), sizeToPx(p.$paddingRight), sizeToPx(p.$paddingTop), p.$textAlign); });
-var templateObject_1, templateObject_2, templateObject_3;
+export var StyledBox = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledBox",
+  componentId: "core-11_23_1__sc-fgsy0p-0"
+})(["", " ", ""], function (_ref) {
+  var $as = _ref.$as;
+  if ($as === 'ol' || $as === 'ul') {
+    return css(["list-style:none;margin:0;padding:0;"]);
+  }
+}, function (p) {
+  return css(["align-content:", ";align-items:", ";align-self:", ";display:", ";flex-basis:", ";flex-direction:", ";flex-grow:", ";flex-shrink:", ";flex-wrap:", ";flex:", ";gap:", ";justify-content:", ";margin:", ";margin-bottom:", ";margin-left:", ";margin-right:", ";margin-top:", ";order:", ";padding:", ";padding-bottom:", ";padding-left:", ";padding-right:", ";padding-top:", ";text-align:", ";"], p.$alignContent, p.$alignItems, p.$alignSelf, p.$display, p.$flexBasis, p.$flexDirection, p.$flexGrow, p.$flexShrink, p.$flexWrap, p.$flex, shorthandSizeToPx(p.$gap), p.$justifyContent, shorthandSizeToPx(p.$margin), sizeToPx(p.$marginBottom), sizeToPx(p.$marginLeft), sizeToPx(p.$marginRight), sizeToPx(p.$marginTop), p.$order, shorthandSizeToPx(p.$padding), sizeToPx(p.$paddingBottom), sizeToPx(p.$paddingLeft), sizeToPx(p.$paddingRight), sizeToPx(p.$paddingTop), p.$textAlign);
+});
 //# sourceMappingURL=Box.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.styles.js","sourceRoot":"","sources":["../../src/Box/Box.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAW,MAAM,oBAAoB,CAAA;AAGrD,SAAS,QAAQ,CAAC,KAAuB;IACvC,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAA;AACzD,CAAC;AAED,SAAS,WAAW,CAAC,GAAY;IAC/B;;;OAGG;IACH,OAAO,OAAO,CAAC,GAAc,CAAC,KAAK,SAAS;QAC1C,CAAC,CAAC,UAAG,OAAO,CAAC,GAAc,CAAC,OAAI;QAChC,CAAC,CAAC,GAAG,CAAA;AACT,CAAC;AAED,SAAS,iBAAiB,CAAC,SAAkB;IAC3C,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;AACzD,CAAC;AAED,SAAS,QAAQ,CAAC,IAA+B;IAC/C,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AAClC,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,uFAAW,MAC1C,EAQD,MACC,EAyBD,IACF,KAnCG,UAAC,EAAO;QAAL,GAAG,SAAA;IACN,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;QAChC,OAAO,GAAG,iJAAA,8EAIT,KAAA;KACF;AACH,CAAC,EACC,UAAC,CAAC,IAAK,OAAA,GAAG,inBAAA,uBACO,EAAe,sBACjB,EAAa,qBACd,EAAY,kBACf,EAAU,qBACP,EAAY,yBACR,EAAgB,oBACrB,EAAW,sBACT,EAAa,oBACf,EAAW,eAChB,EAAO,cACR,EAAyB,0BACb,EAAiB,iBAC1B,EAA4B,wBACrB,EAAyB,sBAC3B,EAAuB,uBACtB,EAAwB,qBAC1B,EAAsB,gBAC3B,EAAQ,kBACN,EAA6B,yBACtB,EAA0B,uBAC5B,EAAwB,wBACvB,EAAyB,sBAC3B,EAAuB,qBACxB,EAAY,OAC3B,KAxBkB,CAAC,CAAC,aAAa,EACjB,CAAC,CAAC,WAAW,EACd,CAAC,CAAC,UAAU,EACf,CAAC,CAAC,QAAQ,EACP,CAAC,CAAC,UAAU,EACR,CAAC,CAAC,cAAc,EACrB,CAAC,CAAC,SAAS,EACT,CAAC,CAAC,WAAW,EACf,CAAC,CAAC,SAAS,EAChB,CAAC,CAAC,KAAK,EACR,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,EACb,CAAC,CAAC,eAAe,EAC1B,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EACrB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAC3B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EACtB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAC1B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAC3B,CAAC,CAAC,MAAM,EACN,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,EACtB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,EAC5B,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EACvB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAC3B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EACxB,CAAC,CAAC,UAAU,GAxBnB,CAyBR,CACF,CAAA"}
+{"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"}