@procore/core-react 12.53.3 → 12.54.0

package/dist/DetailPage/DetailPage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.styles.js","names":["styled","Box","Card","Page","getActions","StyledPageBanner","StyledRequiredContainer","sectionClassnames","StyledSection","StyledSectionInner","colors","spacing","StyledDetailPage","div","withConfig","displayName","componentId","gray96","StyledDetailPageBody","xl","lg","StyledDetailPageFooterNotation","StyledDetailPageFooter","Footer","white","StyledDetailPageFooterActions","maxFooterContentWidth","StyledDetailPageFooterContent","detailPageCardBorderRadius","StyledDetailPageCard","sm","levelAnonymous","level","xxl"],"sources":["../../src/DetailPage/DetailPage.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport { Card } from '../Card/Card'\nimport { Page } from '../PageLayout/PageLayout'\nimport { getActions, StyledPageBanner } from '../PageLayout/PageLayout.styles'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport {\n  sectionClassnames,\n  StyledSection,\n  StyledSectionInner,\n} from '../Section/Section.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDetailPage = styled.div`\n  background-color: ${colors.gray96};\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n`\n\nexport const StyledDetailPageBody = styled.div`\n  padding-bottom: ${spacing.xl}px;\n\n  > ${StyledRequiredContainer} {\n    margin-top: ${spacing.lg}px;\n  }\n`\n\nexport const StyledDetailPageFooterNotation = styled.div`\n  flex-grow: 1;\n  z-index: 1;\n`\n\nexport const StyledDetailPageFooter = styled(Page.Footer)`\n  display: flex;\n  padding: ${spacing.lg}px 0;\n  background-color: ${colors.white};\n  justify-content: center;\n`\n\nexport const StyledDetailPageFooterActions = styled(Box)`\n  ${getActions()}\n`\n\nconst maxFooterContentWidth = 1920\n\nexport const StyledDetailPageFooterContent = styled.div`\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ${spacing.xl}px;\n  max-width: ${maxFooterContentWidth}px;\n`\n\nconst detailPageCardBorderRadius = 8\n\nexport const StyledDetailPageCard = styled(Card)`\n  width: 100%;\n  border-radius: ${detailPageCardBorderRadius}px;\n  margin-top: ${spacing.lg}px;\n  margin-bottom: ${spacing.sm}px;\n\n  & + & {\n    margin-top: ${spacing.sm}px;\n  }\n\n  &:first-child {\n    margin-top: 0;\n  }\n  &:last-child {\n    margin-bottom: ${spacing.lg}px;\n  }\n\n  & > ${StyledPageBanner} {\n    padding: ${spacing.lg}px ${spacing.lg}px 0 ${spacing.lg}px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ${StyledPageBanner} + ${StyledSection} > ${StyledSectionInner} {\n    border-top: 0;\n  }\n\n  > .${sectionClassnames.levelAnonymous}:first-child\n    + .${sectionClassnames.level(2)},\n    > ${StyledPageBanner}\n    + .${sectionClassnames.levelAnonymous}\n    + .${sectionClassnames.level(2)} {\n    margin-top: ${spacing.xxl * -1}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,iCAAiC;AAC9E,SAASC,uBAAuB,QAAQ,6BAA6B;AACrE,SACEC,iBAAiB,EACjBC,aAAa,EACbC,kBAAkB,QACb,2BAA2B;AAClC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,gBAAgB,gBAAGZ,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iJACpBN,MAAM,CAACO,MAAM,CAOlC;AAED,OAAO,IAAMC,oBAAoB,gBAAGlB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAC1BL,OAAO,CAACQ,EAAE,EAExBb,uBAAuB,EACXK,OAAO,CAACS,EAAE,CAE3B;AAED,OAAO,IAAMC,8BAA8B,gBAAGrB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAGvD;AAED,OAAO,IAAMM,sBAAsB,gBAAGtB,MAAM,CAACG,IAAI,CAACoB,MAAM,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oFAE5CL,OAAO,CAACS,EAAE,EACDV,MAAM,CAACc,KAAK,CAEjC;AAED,OAAO,IAAMC,6BAA6B,gBAAGzB,MAAM,CAACC,GAAG,CAAC,CAAAa,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpDZ,UAAU,CAAC,CAAC,CACf;AAED,IAAMsB,qBAAqB,GAAG,IAAI;AAElC,OAAO,IAAMC,6BAA6B,gBAAG3B,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+GAKxCL,OAAO,CAACQ,EAAE,EACVO,qBAAqB,CACnC;AAED,IAAME,0BAA0B,GAAG,CAAC;AAEpC,OAAO,IAAMC,oBAAoB,gBAAG7B,MAAM,CAACE,IAAI,CAAC,CAAAY,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8VAE7BY,0BAA0B,EAC7BjB,OAAO,CAACS,EAAE,EACPT,OAAO,CAACmB,EAAE,EAGXnB,OAAO,CAACmB,EAAE,EAOPnB,OAAO,CAACS,EAAE,EAGvBf,gBAAgB,EACTM,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACS,EAAE,EAAQT,OAAO,CAACS,EAAE,EAQnDf,gBAAgB,EAAMG,aAAa,EAAMC,kBAAkB,EAI5DF,iBAAiB,CAACwB,cAAc,EAC9BxB,iBAAiB,CAACyB,KAAK,CAAC,CAAC,CAAC,EAC3B3B,gBAAgB,EACfE,iBAAiB,CAACwB,cAAc,EAChCxB,iBAAiB,CAACyB,KAAK,CAAC,CAAC,CAAC,EACjBrB,OAAO,CAACsB,GAAG,GAAG,CAAC,CAAC,CAEjC","ignoreList":[]}
+{"version":3,"file":"DetailPage.styles.js","names":["styled","Box","StyledButton","StyledLinkButton","Card","Page","getActions","StyledPageBanner","mediaBreakpointsDown","mediaWidthDown","StyledRequiredContainer","sectionClassnames","StyledSection","StyledSectionInner","colors","spacing","StyledDetailPage","div","withConfig","displayName","componentId","gray96","StyledDetailPageBody","xl","lg","StyledDetailPageFooterNotation","StyledDetailPageFooter","Footer","white","StyledDetailPageFooterActions","tabletMd","sm","mobileSm","maxFooterContentWidth","StyledDetailPageFooterContent","md","detailPageCardBorderRadius","StyledDetailPageCard","levelAnonymous","level","xxl"],"sources":["../../src/DetailPage/DetailPage.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport { StyledButton, StyledLinkButton } from '../Button/Button.styles'\nimport { Card } from '../Card/Card'\nimport { Page } from '../PageLayout/PageLayout'\nimport { getActions, StyledPageBanner } from '../PageLayout/PageLayout.styles'\nimport {\n  mediaBreakpointsDown,\n  mediaWidthDown,\n} from '../PageLayout/PageLayout.utils'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport {\n  sectionClassnames,\n  StyledSection,\n  StyledSectionInner,\n} from '../Section/Section.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDetailPage = styled.div`\n  background-color: ${colors.gray96};\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n`\n\nexport const StyledDetailPageBody = styled.div`\n  padding-bottom: ${spacing.xl}px;\n\n  > ${StyledRequiredContainer} {\n    margin-top: ${spacing.lg}px;\n  }\n`\n\nexport const StyledDetailPageFooterNotation = styled.div`\n  flex-grow: 1;\n  z-index: 1;\n`\n\nexport const StyledDetailPageFooter = styled(Page.Footer)`\n  display: flex;\n  padding: ${spacing.lg}px 0;\n  background-color: ${colors.white};\n  justify-content: center;\n`\n\nexport const StyledDetailPageFooterActions = styled(Box)`\n  ${getActions()}\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    display: flex;\n    flex-shrink: 1;\n    flex-wrap: wrap;\n    gap: ${spacing.sm}px;\n    justify-content: flex-end;\n    min-width: 0;\n    padding-left: 0;\n\n    > button,\n    > a {\n      margin-left: 0;\n    }\n  }\n\n  /* 400% zoom: one full-width button per row */\n  @media ${mediaWidthDown.mobileSm} {\n    align-items: stretch;\n    flex: 1 1 100%;\n    flex-direction: column;\n\n    ${StyledButton}, ${StyledLinkButton} {\n      width: 100%;\n    }\n  }\n`\n\nconst maxFooterContentWidth = 1920\n\nexport const StyledDetailPageFooterContent = styled.div`\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ${spacing.xl}px;\n  max-width: ${maxFooterContentWidth}px;\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    flex-wrap: wrap;\n    gap: ${spacing.sm}px;\n    padding: 0 ${spacing.md}px;\n  }\n`\n\nconst detailPageCardBorderRadius = 8\n\nexport const StyledDetailPageCard = styled(Card)`\n  width: 100%;\n  border-radius: ${detailPageCardBorderRadius}px;\n  margin-top: ${spacing.lg}px;\n  margin-bottom: ${spacing.sm}px;\n\n  & + & {\n    margin-top: ${spacing.sm}px;\n  }\n\n  &:first-child {\n    margin-top: 0;\n  }\n  &:last-child {\n    margin-bottom: ${spacing.lg}px;\n  }\n\n  & > ${StyledPageBanner} {\n    padding: ${spacing.lg}px ${spacing.lg}px 0 ${spacing.lg}px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ${StyledPageBanner} + ${StyledSection} > ${StyledSectionInner} {\n    border-top: 0;\n  }\n\n  > .${sectionClassnames.levelAnonymous}:first-child\n    + .${sectionClassnames.level(2)},\n    > ${StyledPageBanner}\n    + .${sectionClassnames.levelAnonymous}\n    + .${sectionClassnames.level(2)} {\n    margin-top: ${spacing.xxl * -1}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,YAAY,EAAEC,gBAAgB,QAAQ,yBAAyB;AACxE,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,iCAAiC;AAC9E,SACEC,oBAAoB,EACpBC,cAAc,QACT,gCAAgC;AACvC,SAASC,uBAAuB,QAAQ,6BAA6B;AACrE,SACEC,iBAAiB,EACjBC,aAAa,EACbC,kBAAkB,QACb,2BAA2B;AAClC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,gBAAgB,gBAAGhB,MAAM,CAACiB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iJACpBN,MAAM,CAACO,MAAM,CAOlC;AAED,OAAO,IAAMC,oBAAoB,gBAAGtB,MAAM,CAACiB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAC1BL,OAAO,CAACQ,EAAE,EAExBb,uBAAuB,EACXK,OAAO,CAACS,EAAE,CAE3B;AAED,OAAO,IAAMC,8BAA8B,gBAAGzB,MAAM,CAACiB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAGvD;AAED,OAAO,IAAMM,sBAAsB,gBAAG1B,MAAM,CAACK,IAAI,CAACsB,MAAM,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oFAE5CL,OAAO,CAACS,EAAE,EACDV,MAAM,CAACc,KAAK,CAEjC;AAED,OAAO,IAAMC,6BAA6B,gBAAG7B,MAAM,CAACC,GAAG,CAAC,CAAAiB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2PACpDd,UAAU,CAAC,CAAC,EAELE,oBAAoB,CAACsB,QAAQ,EAI7Bf,OAAO,CAACgB,EAAE,EAYVtB,cAAc,CAACuB,QAAQ,EAK5B9B,YAAY,EAAKC,gBAAgB,CAItC;AAED,IAAM8B,qBAAqB,GAAG,IAAI;AAElC,OAAO,IAAMC,6BAA6B,gBAAGlC,MAAM,CAACiB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uKAKxCL,OAAO,CAACQ,EAAE,EACVU,qBAAqB,EAEzBzB,oBAAoB,CAACsB,QAAQ,EAE7Bf,OAAO,CAACgB,EAAE,EACJhB,OAAO,CAACoB,EAAE,CAE1B;AAED,IAAMC,0BAA0B,GAAG,CAAC;AAEpC,OAAO,IAAMC,oBAAoB,gBAAGrC,MAAM,CAACI,IAAI,CAAC,CAAAc,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8VAE7BgB,0BAA0B,EAC7BrB,OAAO,CAACS,EAAE,EACPT,OAAO,CAACgB,EAAE,EAGXhB,OAAO,CAACgB,EAAE,EAOPhB,OAAO,CAACS,EAAE,EAGvBjB,gBAAgB,EACTQ,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACS,EAAE,EAAQT,OAAO,CAACS,EAAE,EAQnDjB,gBAAgB,EAAMK,aAAa,EAAMC,kBAAkB,EAI5DF,iBAAiB,CAAC2B,cAAc,EAC9B3B,iBAAiB,CAAC4B,KAAK,CAAC,CAAC,CAAC,EAC3BhC,gBAAgB,EACfI,iBAAiB,CAAC2B,cAAc,EAChC3B,iBAAiB,CAAC4B,KAAK,CAAC,CAAC,CAAC,EACjBxB,OAAO,CAACyB,GAAG,GAAG,CAAC,CAAC,CAEjC","ignoreList":[]}

package/dist/Dropdown/Dropdown.styles.js

@@ -5,15 +5,15 @@ import { Card } from '../Card/Card';
 import { Spinner } from '../Spinner/Spinner';
 export var StyledDropdownMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDropdownMenu",
-  componentId: "core-12_53_3__sc-ufsy2q-0"
+  componentId: "core-12_54_0__sc-ufsy2q-0"
 })(["display:flex;max-height:40vh;max-width:248px;min-width:inherit;"]);
 export var StyledDropdownSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledDropdownSpinner",
-  componentId: "core-12_53_3__sc-ufsy2q-1"
+  componentId: "core-12_54_0__sc-ufsy2q-1"
 })(["margin:0 6px;"]);
 export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDropdownButton",
-  componentId: "core-12_53_3__sc-ufsy2q-2"
+  componentId: "core-12_54_0__sc-ufsy2q-2"
 })(["pointer-events:", ";", ""], function (_ref) {
   var disabled = _ref.disabled,
     $loading = _ref.$loading;

package/dist/DropdownFlyout/DropdownFlyout.js

@@ -11,6 +11,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { EllipsisVertical } from '@procore/core-icons/dist';
+import { usePreventScroll } from '@react-aria/overlays';
 import React, { useCallback } from 'react';
 import { Card } from '../Card';
 import { DropdownButton } from '../Dropdown/Dropdown';
@@ -194,6 +195,13 @@ export var DropdownFlyout = /*#__PURE__*/React.forwardRef(function DropdownFlyou
     onClickOutside: isOpen ? closeSelectedDropdown : noop,
     refs: [containerRef]
   });
+
+  // Lock background scroll while the flyout menu is open, following the
+  // React Aria overlay pattern, so the menu cannot overflow constrained
+  // containers or lag behind on scroll. (UXI-2599)
+  usePreventScroll({
+    isDisabled: !isOpen
+  });
   var element = typeof children === 'function' ? children({
     isOpen: isOpen
   }) : children;

package/dist/DropdownFlyout/DropdownFlyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","useCallback","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","hasChildren","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","focusVisible","highlighted","expanded","optionRenderer","props","_objectWithoutProperties","_excluded","renderedOption","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isFocusVisible","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","role","origin","undefined","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","closeDropdown","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","memoRef","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport type { MouseEvent } from 'react'\nimport React, { useCallback } from 'react'\nimport type { ButtonProps } from '../Button'\nimport { Card } from '../Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  hasChildren,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, focusVisible, highlighted, expanded, optionRenderer, ...props },\n  ref\n) {\n  const renderedOption = optionRenderer(option)\n\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      aria-expanded={expanded}\n      data-focus-visible={focusVisible}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {renderedOption}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isFocusVisible,\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        role=\"listitem\"\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        focusVisible={isFocusVisible(option)}\n        highlighted={isHighlighted(option)}\n        expanded={hasChildren(option.origin) ? isExpanded(option) : undefined}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout role=\"list\">\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isFocusVisible,\n    isHighlighted,\n    closeDropdown,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: isOpen ? closeSelectedDropdown : noop,\n    refs: [containerRef],\n  })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      aria-expanded={isOpen}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  // mergeRefs function is from shared utils.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const memoRef = useCallback(\n    trigger.ref\n      ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n      : mergeRefs(targetRef, setReferenceEl),\n    [targetRef, setReferenceEl, trigger.ref]\n  )\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: memoRef,\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          if (isOpen) {\n            closeDropdown()\n          } else {\n            openDropdown()\n          }\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isFocusVisible,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","usePreventScroll","React","useCallback","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","hasChildren","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","focusVisible","highlighted","expanded","optionRenderer","props","_objectWithoutProperties","_excluded","renderedOption","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isFocusVisible","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","role","origin","undefined","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","closeDropdown","onClickOutside","refs","isDisabled","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","memoRef","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport { usePreventScroll } from '@react-aria/overlays'\nimport type { MouseEvent } from 'react'\nimport React, { useCallback } from 'react'\nimport type { ButtonProps } from '../Button'\nimport { Card } from '../Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  hasChildren,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, focusVisible, highlighted, expanded, optionRenderer, ...props },\n  ref\n) {\n  const renderedOption = optionRenderer(option)\n\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      aria-expanded={expanded}\n      data-focus-visible={focusVisible}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {renderedOption}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isFocusVisible,\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        role=\"listitem\"\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        focusVisible={isFocusVisible(option)}\n        highlighted={isHighlighted(option)}\n        expanded={hasChildren(option.origin) ? isExpanded(option) : undefined}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout role=\"list\">\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isFocusVisible,\n    isHighlighted,\n    closeDropdown,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: isOpen ? closeSelectedDropdown : noop,\n    refs: [containerRef],\n  })\n\n  // Lock background scroll while the flyout menu is open, following the\n  // React Aria overlay pattern, so the menu cannot overflow constrained\n  // containers or lag behind on scroll. (UXI-2599)\n  usePreventScroll({ isDisabled: !isOpen })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      aria-expanded={isOpen}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  // mergeRefs function is from shared utils.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const memoRef = useCallback(\n    trigger.ref\n      ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n      : mergeRefs(targetRef, setReferenceEl),\n    [targetRef, setReferenceEl, trigger.ref]\n  )\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: memoRef,\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          if (isOpen) {\n            closeDropdown()\n          } else {\n            openDropdown()\n          }\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isFocusVisible,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -5,18 +5,18 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyout",
-  componentId: "core-12_53_3__sc-1i79jsg-0"
+  componentId: "core-12_54_0__sc-1i79jsg-0"
 })(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;overflow-y:auto;padding:", "px 0;"], spacing.sm);
 export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyoutItem",
-  componentId: "core-12_53_3__sc-1i79jsg-1"
+  componentId: "core-12_54_0__sc-1i79jsg-1"
 })(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}&[data-focus-visible='true']{box-shadow:inset 0 0 0 2px ", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96, colors.blue40);
 export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutLabel",
-  componentId: "core-12_53_3__sc-1i79jsg-2"
+  componentId: "core-12_54_0__sc-1i79jsg-2"
 })(["text-wrap:wrap;"]);
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-12_53_3__sc-1i79jsg-3"
+  componentId: "core-12_54_0__sc-1i79jsg-3"
 })(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
 //# sourceMappingURL=DropdownFlyout.styles.js.map

package/dist/Dropzone/Dropzone.js

@@ -97,7 +97,7 @@ export function MultipleErrors(props) {
 // make error banner accessible as a styled-components selector
 export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
   displayName: "DropzoneErrorBanner",
-  componentId: "core-12_53_3__sc-l4fojb-0"
+  componentId: "core-12_54_0__sc-l4fojb-0"
 })([""]);
 function DropzoneContainer(_ref2) {
   var active = _ref2.active,

package/dist/Dropzone/Dropzone.styles.js

@@ -9,15 +9,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
   displayName: "StyledErrorBanner",
-  componentId: "core-12_53_3__sc-by95hy-0"
+  componentId: "core-12_54_0__sc-by95hy-0"
 })(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
 export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledErrorBannerDetails",
-  componentId: "core-12_53_3__sc-by95hy-1"
+  componentId: "core-12_54_0__sc-by95hy-1"
 })(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
 export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneIcon",
-  componentId: "core-12_53_3__sc-by95hy-2"
+  componentId: "core-12_54_0__sc-by95hy-2"
 })(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
@@ -26,7 +26,7 @@ var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";back
 var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
 export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneContainer",
-  componentId: "core-12_53_3__sc-by95hy-3"
+  componentId: "core-12_54_0__sc-by95hy-3"
 })(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
   var $disabled = _ref2.$disabled;
   return !$disabled && css(["&:hover{", "}"], activeDropzone);
@@ -43,25 +43,25 @@ export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_53_3__sc-by95hy-4"
+  componentId: "core-12_54_0__sc-by95hy-4"
 })(["user-select:none;"]);
 export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledUploadButton",
-  componentId: "core-12_53_3__sc-by95hy-5"
+  componentId: "core-12_54_0__sc-by95hy-5"
 })(["&&{display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;}"], spacing.sm);
 export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneCaption",
-  componentId: "core-12_53_3__sc-by95hy-6"
+  componentId: "core-12_54_0__sc-by95hy-6"
 })(["color:", ";"], function (_ref6) {
   var $error = _ref6.$error;
   return $error && colors.gray15;
 });
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_53_3__sc-by95hy-7"
+  componentId: "core-12_54_0__sc-by95hy-7"
 })(["height:100%;"]);
 export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDropzoneFocusDetector",
-  componentId: "core-12_53_3__sc-by95hy-8"
+  componentId: "core-12_54_0__sc-by95hy-8"
 })(["height:100%;"]);
 //# sourceMappingURL=Dropzone.styles.js.map

package/dist/EmptyState/EmptyState.styles.js

@@ -5,27 +5,27 @@ import { spacing } from '../_styles/spacing';
 var emptyStateWidth = 312;
 export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledSvg",
-  componentId: "core-12_53_3__sc-1xaoo8n-0"
+  componentId: "core-12_54_0__sc-1xaoo8n-0"
 })(["width:200px;height:200px;"]);
 export var StyledImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImage",
-  componentId: "core-12_53_3__sc-1xaoo8n-1"
+  componentId: "core-12_54_0__sc-1xaoo8n-1"
 })([""]);
 export var StyledTitle = /*#__PURE__*/styled.p.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_53_3__sc-1xaoo8n-2"
+  componentId: "core-12_54_0__sc-1xaoo8n-2"
 })(["color:", ";max-width:", "px;width:100%;margin:0;", ""], colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
 export var StyledDescription = /*#__PURE__*/styled.p.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_53_3__sc-1xaoo8n-3"
+  componentId: "core-12_54_0__sc-1xaoo8n-3"
 })(["margin-top:", "px;margin-bottom:0;color:", ";max-width:", "px;width:100%;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('body'));
 export var StyledActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_53_3__sc-1xaoo8n-4"
+  componentId: "core-12_54_0__sc-1xaoo8n-4"
 })(["margin-top:", "px;"], spacing.xl);
 export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_53_3__sc-1xaoo8n-5"
+  componentId: "core-12_54_0__sc-1xaoo8n-5"
 })(["display:flex;justify-content:center;align-items:", ";gap:", "px;flex-direction:", ";margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", " ", "}"], function (_ref) {
   var $isHorizontal = _ref.$isHorizontal;
   return $isHorizontal ? 'flex-start' : 'center';

package/dist/Field/Field.styles.js

@@ -2,14 +2,14 @@ import styled from 'styled-components';
 import { getSmallIconBodyTextRules, StyledP } from '../Semantic/Semantic.styles';
 export var StyledField = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledField",
-  componentId: "core-12_53_3__sc-1q3pe6s-0"
+  componentId: "core-12_54_0__sc-1q3pe6s-0"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldHeader",
-  componentId: "core-12_53_3__sc-1q3pe6s-1"
+  componentId: "core-12_54_0__sc-1q3pe6s-1"
 })(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
 export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldFooter",
-  componentId: "core-12_53_3__sc-1q3pe6s-2"
+  componentId: "core-12_54_0__sc-1q3pe6s-2"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 //# sourceMappingURL=Field.styles.js.map

package/dist/FileList/FileList.styles.js

@@ -3,14 +3,14 @@ import { LinkButton } from '../Button/Button';
 import { spacing } from '../_styles/spacing';
 export var StyledFileListDownloadAll = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListDownloadAll",
-  componentId: "core-12_53_3__sc-7gltjc-0"
+  componentId: "core-12_54_0__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-12_53_3__sc-7gltjc-1"
+  componentId: "core-12_54_0__sc-7gltjc-1"
 })(["display:flex;align-items:center;margin-bottom:", "px;word-break:break-word;&:last-child{margin-bottom:0;}"], spacing.xs);
 export var StyledFileListItemDownloadIcon = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListItemDownloadIcon",
-  componentId: "core-12_53_3__sc-7gltjc-2"
+  componentId: "core-12_54_0__sc-7gltjc-2"
 })(["margin-left:", "px;align-self:flex-start;"], spacing.sm);
 //# sourceMappingURL=FileList.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorer.styles.js

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 import { Modal } from '../../Modal/Modal';
+import { mediaBreakpointsDown, mediaHeightDown, mediaWidthDown } from '../../PageLayout/PageLayout.utils';
 import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
 export var modalBodyHeight = 460;
@@ -10,42 +11,44 @@ var modalContainerMinHeight = 637;
 var modalContainerMaxWidth = 1682;
 var modalContainerMaxHeight = 996;
 var modalContainerMargin = 80;
+// Space around the dialog when it shrinks
+var viewportGutter = spacing.lg;
 export var StyledModalOverlay = /*#__PURE__*/styled(Modal.Overlay).withConfig({
   displayName: "StyledModalOverlay",
-  componentId: "core-12_53_3__sc-343gts-0"
+  componentId: "core-12_54_0__sc-343gts-0"
 })(["opacity:0;pointer-events:none;transition:opacity 0.3s linear;visibility:hidden;", ""], function (props) {
   return props.$open && "\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  ";
 });
 export var StyledModalContainer = /*#__PURE__*/styled(Modal.Container).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_53_3__sc-343gts-1"
-})(["width:calc(100% - ", "px);height:calc(100% - ", "px);top:calc(50vh - ", "px);left:calc(50vw - ", "px);margin:", "px;min-width:", "px;min-height:", "px;max-width:", "px;max-height:", "px;"], modalContainerMargin * 2, modalContainerMargin * 2, modalContainerMargin, modalContainerMargin, modalContainerMargin, modalContainerMinWidth, modalContainerMinHeight, modalContainerMaxWidth, modalContainerMaxHeight);
+  componentId: "core-12_54_0__sc-343gts-1"
+})(["width:calc(100% - ", "px);height:calc(100% - ", "px);top:calc(50vh - ", "px);left:calc(50vw - ", "px);margin:", "px;min-width:min( ", "px,calc(100vw - ", "px) );min-height:min( ", "px,calc(100vh - ", "px) );max-width:", "px;max-height:", "px;@media ", "{", "{overflow:visible;}}@media ", "{top:0;left:0;transform:none;margin:0;width:100vw;height:100vh;min-width:0;min-height:0;max-width:none;max-height:none;border-radius:0;}"], modalContainerMargin * 2, modalContainerMargin * 2, modalContainerMargin, modalContainerMargin, modalContainerMargin, modalContainerMinWidth, viewportGutter * 2, modalContainerMinHeight, viewportGutter * 2, modalContainerMaxWidth, modalContainerMaxHeight, mediaHeightDown["short"], Modal.Content, mediaWidthDown.mobileSm);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_53_3__sc-343gts-2"
-})(["min-height:", "px;height:100%;margin:0;max-width:none;padding:0;border-bottom:1px solid ", ";"], modalBodyMinHeight, colors.gray85);
+  componentId: "core-12_54_0__sc-343gts-2"
+})(["min-height:", "px;height:100%;margin:0;max-width:none;padding:0;border-bottom:1px solid ", ";@media (max-height:", "px){min-height:0;}@media ", "{height:auto;}"], modalBodyMinHeight, colors.gray85, modalContainerMinHeight + viewportGutter * 2 - 0.02, mediaHeightDown["short"]);
 export var StyledModalInnerBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalInnerBody",
-  componentId: "core-12_53_3__sc-343gts-3"
-})(["display:flex;flex-direction:row;height:100%;overflow:hidden;"]);
+  componentId: "core-12_54_0__sc-343gts-3"
+})(["display:flex;flex-direction:row;height:100%;overflow:hidden;@media ", "{flex-direction:column;}@media ", "{height:auto;overflow:visible;}"], mediaBreakpointsDown.tabletMd, mediaHeightDown["short"]);
 export var StyledModalHeader = /*#__PURE__*/styled(Modal.Header).withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_53_3__sc-343gts-4"
+  componentId: "core-12_54_0__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_53_3__sc-343gts-5"
-})(["display:flex;width:100%;height:100%;overflow-y:auto;outline:none;"]);
+  componentId: "core-12_54_0__sc-343gts-5"
+})(["display:flex;width:100%;height:100%;overflow-y:auto;outline:none;@media ", "{height:auto;overflow-y:visible;}"], mediaHeightDown["short"]);
 export var StyledSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSource",
-  componentId: "core-12_53_3__sc-343gts-6"
-})(["width:100%;height:100%;"]);
+  componentId: "core-12_54_0__sc-343gts-6"
+})(["width:100%;height:100%;@media ", "{height:auto;}"], mediaHeightDown["short"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-12_53_3__sc-343gts-7"
+  componentId: "core-12_54_0__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_53_3__sc-343gts-8"
+  componentId: "core-12_54_0__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.styles.js","names":["styled","Modal","colors","spacing","modalBodyHeight","modalBodyMinHeight","sourcePadding","md","modalContainerMinWidth","modalContainerMinHeight","modalContainerMaxWidth","modalContainerMaxHeight","modalContainerMargin","StyledModalOverlay","Overlay","withConfig","displayName","componentId","props","$open","StyledModalContainer","Container","StyledModalBody","Body","gray85","StyledModalInnerBody","div","StyledModalHeader","Header","StyledModalContent","StyledSource","StyledAttachButton","StyledFileTreeSpinner"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Modal } from '../../Modal/Modal'\nimport { colors } from '../../_styles/colors'\nimport { spacing } from '../../_styles/spacing'\n\nexport const modalBodyHeight = 460\nconst modalBodyMinHeight = 460\nconst sourcePadding = spacing.md * 2\nconst modalContainerMinWidth = 968\nconst modalContainerMinHeight = 637\nconst modalContainerMaxWidth = 1682\nconst modalContainerMaxHeight = 996\nconst modalContainerMargin = 80\n\nexport const StyledModalOverlay = styled(Modal.Overlay)<{ $open: boolean }>`\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  visibility: hidden;\n\n  ${(props) =>\n    props.$open &&\n    `\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  `}\n`\n\nexport const StyledModalContainer = styled(Modal.Container)`\n  width: calc(100% - ${modalContainerMargin * 2}px);\n  height: calc(100% - ${modalContainerMargin * 2}px);\n  top: calc(50vh - ${modalContainerMargin}px);\n  left: calc(50vw - ${modalContainerMargin}px);\n  margin: ${modalContainerMargin}px;\n  min-width: ${modalContainerMinWidth}px;\n  min-height: ${modalContainerMinHeight}px;\n  max-width: ${modalContainerMaxWidth}px;\n  max-height: ${modalContainerMaxHeight}px;\n`\n\nexport const StyledModalBody = styled(Modal.Body)`\n  min-height: ${modalBodyMinHeight}px;\n  height: 100%;\n  margin: 0;\n  max-width: none;\n  padding: 0;\n  border-bottom: 1px solid ${colors.gray85};\n`\n\nexport const StyledModalInnerBody = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  overflow: hidden;\n`\n\nexport const StyledModalHeader = styled(Modal.Header)`\n  border-bottom: 1px solid ${colors.gray85};\n`\n\nexport const StyledModalContent = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  outline: none;\n`\n\nexport const StyledSource = styled.div`\n  width: 100%;\n  height: 100%;\n`\n\nexport const StyledAttachButton = styled.div`\n  margin-left: ${spacing.md}px;\n`\n\nexport const StyledFileTreeSpinner = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,KAAK,QAAQ,mBAAmB;AACzC,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,eAAe,GAAG,GAAG;AAClC,IAAMC,kBAAkB,GAAG,GAAG;AAC9B,IAAMC,aAAa,GAAGH,OAAO,CAACI,EAAE,GAAG,CAAC;AACpC,IAAMC,sBAAsB,GAAG,GAAG;AAClC,IAAMC,uBAAuB,GAAG,GAAG;AACnC,IAAMC,sBAAsB,GAAG,IAAI;AACnC,IAAMC,uBAAuB,GAAG,GAAG;AACnC,IAAMC,oBAAoB,GAAG,EAAE;AAE/B,OAAO,IAAMC,kBAAkB,gBAAGb,MAAM,CAACC,KAAK,CAACa,OAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FAMnD,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,yEAKZ;AAAA,EACF;AAED,OAAO,IAAMC,oBAAoB,gBAAGpB,MAAM,CAACC,KAAK,CAACoB,SAAS,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpCL,oBAAoB,GAAG,CAAC,EACvBA,oBAAoB,GAAG,CAAC,EAC3BA,oBAAoB,EACnBA,oBAAoB,EAC9BA,oBAAoB,EACjBJ,sBAAsB,EACrBC,uBAAuB,EACxBC,sBAAsB,EACrBC,uBAAuB,CACtC;AAED,OAAO,IAAMW,eAAe,gBAAGtB,MAAM,CAACC,KAAK,CAACsB,IAAI,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sGACjCZ,kBAAkB,EAKLH,MAAM,CAACsB,MAAM,CACzC;AAED,OAAO,IAAMC,oBAAoB,gBAAGzB,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAK7C;AAED,OAAO,IAAMU,iBAAiB,gBAAG3B,MAAM,CAACC,KAAK,CAAC2B,MAAM,CAAC,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCACxBf,MAAM,CAACsB,MAAM,CACzC;AAED,OAAO,IAAMK,kBAAkB,gBAAG7B,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yEAM3C;AAED,OAAO,IAAMa,YAAY,gBAAG9B,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAGrC;AAED,OAAO,IAAMc,kBAAkB,gBAAG/B,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC3Bd,OAAO,CAACI,EAAE,CAC1B;AAED,OAAO,IAAMyB,qBAAqB,gBAAGhC,MAAM,CAAC0B,GAAG,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAK9C","ignoreList":[]}
+{"version":3,"file":"FileExplorer.styles.js","names":["styled","Modal","mediaBreakpointsDown","mediaHeightDown","mediaWidthDown","colors","spacing","modalBodyHeight","modalBodyMinHeight","sourcePadding","md","modalContainerMinWidth","modalContainerMinHeight","modalContainerMaxWidth","modalContainerMaxHeight","modalContainerMargin","viewportGutter","lg","StyledModalOverlay","Overlay","withConfig","displayName","componentId","props","$open","StyledModalContainer","Container","Content","mobileSm","StyledModalBody","Body","gray85","StyledModalInnerBody","div","tabletMd","StyledModalHeader","Header","StyledModalContent","StyledSource","StyledAttachButton","StyledFileTreeSpinner"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Modal } from '../../Modal/Modal'\nimport {\n  mediaBreakpointsDown,\n  mediaHeightDown,\n  mediaWidthDown,\n} from '../../PageLayout/PageLayout.utils'\nimport { colors } from '../../_styles/colors'\nimport { spacing } from '../../_styles/spacing'\n\nexport const modalBodyHeight = 460\nconst modalBodyMinHeight = 460\nconst sourcePadding = spacing.md * 2\nconst modalContainerMinWidth = 968\nconst modalContainerMinHeight = 637\nconst modalContainerMaxWidth = 1682\nconst modalContainerMaxHeight = 996\nconst modalContainerMargin = 80\n// Space around the dialog when it shrinks\nconst viewportGutter = spacing.lg\n\nexport const StyledModalOverlay = styled(Modal.Overlay)<{ $open: boolean }>`\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s linear;\n  visibility: hidden;\n\n  ${(props) =>\n    props.$open &&\n    `\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  `}\n`\n\nexport const StyledModalContainer = styled(Modal.Container)`\n  width: calc(100% - ${modalContainerMargin * 2}px);\n  height: calc(100% - ${modalContainerMargin * 2}px);\n  top: calc(50vh - ${modalContainerMargin}px);\n  left: calc(50vw - ${modalContainerMargin}px);\n  margin: ${modalContainerMargin}px;\n  min-width: min(\n    ${modalContainerMinWidth}px,\n    calc(100vw - ${viewportGutter * 2}px)\n  );\n  min-height: min(\n    ${modalContainerMinHeight}px,\n    calc(100vh - ${viewportGutter * 2}px)\n  );\n  max-width: ${modalContainerMaxWidth}px;\n  max-height: ${modalContainerMaxHeight}px;\n\n  // High zoom: the dialog scrolls as a whole\n  @media ${mediaHeightDown.short} {\n    ${Modal.Content} {\n      overflow: visible;\n    }\n  }\n\n  // 400% zoom: full screen\n  @media ${mediaWidthDown.mobileSm} {\n    top: 0;\n    left: 0;\n    transform: none;\n    margin: 0;\n    width: 100vw;\n    height: 100vh;\n    min-width: 0;\n    min-height: 0;\n    max-width: none;\n    max-height: none;\n    border-radius: 0;\n  }\n`\n\nexport const StyledModalBody = styled(Modal.Body)`\n  min-height: ${modalBodyMinHeight}px;\n  height: 100%;\n  margin: 0;\n  max-width: none;\n  padding: 0;\n  border-bottom: 1px solid ${colors.gray85};\n\n  // Keep header and footer inside the shrunken dialog\n  @media (max-height: ${modalContainerMinHeight +\n    viewportGutter * 2 -\n    0.02}px) {\n    min-height: 0;\n  }\n\n  // High zoom: one scroll area\n  @media ${mediaHeightDown.short} {\n    height: auto;\n  }\n`\n\nexport const StyledModalInnerBody = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  overflow: hidden;\n\n  // High zoom: sources above the files\n  @media ${mediaBreakpointsDown.tabletMd} {\n    flex-direction: column;\n  }\n\n  @media ${mediaHeightDown.short} {\n    height: auto;\n    overflow: visible;\n  }\n`\n\nexport const StyledModalHeader = styled(Modal.Header)`\n  border-bottom: 1px solid ${colors.gray85};\n`\n\nexport const StyledModalContent = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  outline: none;\n\n  @media ${mediaHeightDown.short} {\n    height: auto;\n    overflow-y: visible;\n  }\n`\n\nexport const StyledSource = styled.div`\n  width: 100%;\n  height: 100%;\n\n  @media ${mediaHeightDown.short} {\n    height: auto;\n  }\n`\n\nexport const StyledAttachButton = styled.div`\n  margin-left: ${spacing.md}px;\n`\n\nexport const StyledFileTreeSpinner = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,KAAK,QAAQ,mBAAmB;AACzC,SACEC,oBAAoB,EACpBC,eAAe,EACfC,cAAc,QACT,mCAAmC;AAC1C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,eAAe,GAAG,GAAG;AAClC,IAAMC,kBAAkB,GAAG,GAAG;AAC9B,IAAMC,aAAa,GAAGH,OAAO,CAACI,EAAE,GAAG,CAAC;AACpC,IAAMC,sBAAsB,GAAG,GAAG;AAClC,IAAMC,uBAAuB,GAAG,GAAG;AACnC,IAAMC,sBAAsB,GAAG,IAAI;AACnC,IAAMC,uBAAuB,GAAG,GAAG;AACnC,IAAMC,oBAAoB,GAAG,EAAE;AAC/B;AACA,IAAMC,cAAc,GAAGV,OAAO,CAACW,EAAE;AAEjC,OAAO,IAAMC,kBAAkB,gBAAGlB,MAAM,CAACC,KAAK,CAACkB,OAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FAMnD,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,yEAKZ;AAAA,EACF;AAED,OAAO,IAAMC,oBAAoB,gBAAGzB,MAAM,CAACC,KAAK,CAACyB,SAAS,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kbACpCP,oBAAoB,GAAG,CAAC,EACvBA,oBAAoB,GAAG,CAAC,EAC3BA,oBAAoB,EACnBA,oBAAoB,EAC9BA,oBAAoB,EAE1BJ,sBAAsB,EACTK,cAAc,GAAG,CAAC,EAG/BJ,uBAAuB,EACVI,cAAc,GAAG,CAAC,EAEtBH,sBAAsB,EACrBC,uBAAuB,EAG5BX,eAAe,SAAM,EAC1BF,KAAK,CAAC0B,OAAO,EAMRvB,cAAc,CAACwB,QAAQ,CAajC;AAED,OAAO,IAAMC,eAAe,gBAAG7B,MAAM,CAACC,KAAK,CAAC6B,IAAI,CAAC,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wKACjCd,kBAAkB,EAKLH,MAAM,CAAC0B,MAAM,EAGlBnB,uBAAuB,GAC3CI,cAAc,GAAG,CAAC,GAClB,IAAI,EAKGb,eAAe,SAAM,CAG/B;AAED,OAAO,IAAM6B,oBAAoB,gBAAGhC,MAAM,CAACiC,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kJAOnCpB,oBAAoB,CAACgC,QAAQ,EAI7B/B,eAAe,SAAM,CAI/B;AAED,OAAO,IAAMgC,iBAAiB,gBAAGnC,MAAM,CAACC,KAAK,CAACmC,MAAM,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCACxBjB,MAAM,CAAC0B,MAAM,CACzC;AAED,OAAO,IAAMM,kBAAkB,gBAAGrC,MAAM,CAACiC,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sHAOjCnB,eAAe,SAAM,CAI/B;AAED,OAAO,IAAMmC,YAAY,gBAAGtC,MAAM,CAACiC,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAI3BnB,eAAe,SAAM,CAG/B;AAED,OAAO,IAAMoC,kBAAkB,gBAAGvC,MAAM,CAACiC,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC3BhB,OAAO,CAACI,EAAE,CAC1B;AAED,OAAO,IAAM8B,qBAAqB,gBAAGxC,MAAM,CAACiC,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAK9C","ignoreList":[]}

package/dist/FileSelect/FileExplorer/FileExplorerModal.js

@@ -2,10 +2,10 @@ var _excluded = ["children", "onClickOverlay", "open", "placement"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { usePreventScroll } from '@react-aria/overlays';
 import React from 'react';
 import { Modal } from '../../Modal/Modal';
 import { Portal } from '../../Portal/Portal';
-import { useScrollLock } from '../../_hooks/ScrollLock';
 import { StyledModalContainer, StyledModalOverlay } from './FileExplorer.styles';
 function noop() {}
 export var FileExplorerModal = /*#__PURE__*/React.forwardRef(function FileExplorerModal(_ref, ref) {
@@ -17,7 +17,9 @@ export var FileExplorerModal = /*#__PURE__*/React.forwardRef(function FileExplor
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'center' : _ref$placement,
     props = _objectWithoutProperties(_ref, _excluded);
-  useScrollLock(open);
+  usePreventScroll({
+    isDisabled: !open
+  });
   return /*#__PURE__*/React.createElement(Portal, {
     container: props.container
   }, /*#__PURE__*/React.createElement(StyledModalOverlay, {

package/dist/FileSelect/FileExplorer/FileExplorerModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerModal.js","names":["React","Modal","Portal","useScrollLock","StyledModalContainer","StyledModalOverlay","noop","FileExplorerModal","forwardRef","_ref","ref","children","_ref$onClickOverlay","onClickOverlay","_ref$open","open","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","container","$open","Scrim","onClick","_extends","Content","$compact"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Modal } from '../../Modal/Modal'\nimport type { ModalProps } from '../../Modal/Modal.types'\nimport { Portal } from '../../Portal/Portal'\nimport type { PortalProps } from '../../Portal/Portal.types'\nimport { useScrollLock } from '../../_hooks/ScrollLock'\nimport { StyledModalContainer, StyledModalOverlay } from './FileExplorer.styles'\n\nfunction noop() {}\n\nexport const FileExplorerModal = React.forwardRef<\n  HTMLDivElement,\n  ModalProps & React.HTMLAttributes<HTMLDivElement> & PortalProps\n>(function FileExplorerModal(\n  {\n    children,\n    onClickOverlay = noop,\n    open = false,\n    placement = 'center',\n    ...props\n  },\n  ref\n) {\n  useScrollLock(open)\n\n  return (\n    <Portal container={props.container}>\n      <StyledModalOverlay $open={open} ref={ref}>\n        <Modal.Scrim onClick={onClickOverlay} />\n\n        <StyledModalContainer {...props} placement={placement}>\n          <Modal.Content $compact>{children}</Modal.Content>\n        </StyledModalContainer>\n      </StyledModalOverlay>\n    </Portal>\n  )\n})\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAEhF,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,OAAO,IAAMC,iBAAiB,gBAAGP,KAAK,CAACQ,UAAU,CAG/C,SAASD,iBAAiBA,CAAAE,IAAA,EAQ1BC,GAAG,EACH;EAAA,IAPEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,mBAAA,GAAAH,IAAA,CACRI,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAGN,IAAI,GAAAM,mBAAA;IAAAE,SAAA,GAAAL,IAAA,CACrBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAAE,cAAA,GAAAP,IAAA,CACZQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,QAAQ,GAAAA,cAAA;IACjBE,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAIVjB,aAAa,CAACY,IAAI,CAAC;EAEnB,oBACEf,KAAA,CAAAqB,aAAA,CAACnB,MAAM;IAACoB,SAAS,EAAEJ,KAAK,CAACI;EAAU,gBACjCtB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACkB,KAAK,EAAER,IAAK;IAACL,GAAG,EAAEA;EAAI,gBACxCV,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACuB,KAAK;IAACC,OAAO,EAAEZ;EAAe,CAAE,CAAC,eAExCb,KAAA,CAAAqB,aAAA,CAACjB,oBAAoB,EAAAsB,QAAA,KAAKR,KAAK;IAAED,SAAS,EAAEA;EAAU,iBACpDjB,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC0B,OAAO;IAACC,QAAQ;EAAA,GAAEjB,QAAwB,CAC7B,CACJ,CACd,CAAC;AAEb,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"FileExplorerModal.js","names":["usePreventScroll","React","Modal","Portal","StyledModalContainer","StyledModalOverlay","noop","FileExplorerModal","forwardRef","_ref","ref","children","_ref$onClickOverlay","onClickOverlay","_ref$open","open","_ref$placement","placement","props","_objectWithoutProperties","_excluded","isDisabled","createElement","container","$open","Scrim","onClick","_extends","Content","$compact"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerModal.tsx"],"sourcesContent":["import { usePreventScroll } from '@react-aria/overlays'\nimport React from 'react'\nimport { Modal } from '../../Modal/Modal'\nimport type { ModalProps } from '../../Modal/Modal.types'\nimport { Portal } from '../../Portal/Portal'\nimport type { PortalProps } from '../../Portal/Portal.types'\nimport { StyledModalContainer, StyledModalOverlay } from './FileExplorer.styles'\n\nfunction noop() {}\n\nexport const FileExplorerModal = React.forwardRef<\n  HTMLDivElement,\n  ModalProps & React.HTMLAttributes<HTMLDivElement> & PortalProps\n>(function FileExplorerModal(\n  {\n    children,\n    onClickOverlay = noop,\n    open = false,\n    placement = 'center',\n    ...props\n  },\n  ref\n) {\n  usePreventScroll({ isDisabled: !open })\n\n  return (\n    <Portal container={props.container}>\n      <StyledModalOverlay $open={open} ref={ref}>\n        <Modal.Scrim onClick={onClickOverlay} />\n\n        <StyledModalContainer {...props} placement={placement}>\n          <Modal.Content $compact>{children}</Modal.Content>\n        </StyledModalContainer>\n      </StyledModalOverlay>\n    </Portal>\n  )\n})\n"],"mappings":";;;;AAAA,SAASA,gBAAgB,QAAQ,sBAAsB;AACvD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAEhF,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,OAAO,IAAMC,iBAAiB,gBAAGN,KAAK,CAACO,UAAU,CAG/C,SAASD,iBAAiBA,CAAAE,IAAA,EAQ1BC,GAAG,EACH;EAAA,IAPEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,mBAAA,GAAAH,IAAA,CACRI,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAGN,IAAI,GAAAM,mBAAA;IAAAE,SAAA,GAAAL,IAAA,CACrBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAAE,cAAA,GAAAP,IAAA,CACZQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,QAAQ,GAAAA,cAAA;IACjBE,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAIVpB,gBAAgB,CAAC;IAAEqB,UAAU,EAAE,CAACN;EAAK,CAAC,CAAC;EAEvC,oBACEd,KAAA,CAAAqB,aAAA,CAACnB,MAAM;IAACoB,SAAS,EAAEL,KAAK,CAACK;EAAU,gBACjCtB,KAAA,CAAAqB,aAAA,CAACjB,kBAAkB;IAACmB,KAAK,EAAET,IAAK;IAACL,GAAG,EAAEA;EAAI,gBACxCT,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACuB,KAAK;IAACC,OAAO,EAAEb;EAAe,CAAE,CAAC,eAExCZ,KAAA,CAAAqB,aAAA,CAAClB,oBAAoB,EAAAuB,QAAA,KAAKT,KAAK;IAAED,SAAS,EAAEA;EAAU,iBACpDhB,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC0B,OAAO;IAACC,QAAQ;EAAA,GAAElB,QAAwB,CAC7B,CACJ,CACd,CAAC;AAEb,CAAC,CAAC","ignoreList":[]}

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js

@@ -1,16 +1,17 @@
 import styled from 'styled-components';
+import { mediaBreakpointsDown } from '../../PageLayout/PageLayout.utils';
 import { colors } from '../../_styles/colors';
 import { SourceItem } from '../SourceItem/SourceItem';
 export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSidebar",
-  componentId: "core-12_53_3__sc-s03uiv-0"
-})(["display:flex;flex-shrink:0;width:300px;border-right:1px solid ", ";"], colors.gray85);
+  componentId: "core-12_54_0__sc-s03uiv-0"
+})(["display:flex;flex-shrink:0;width:300px;border-right:1px solid ", ";@media ", "{width:100%;border-right:0;border-bottom:1px solid ", ";}"], colors.gray85, mediaBreakpointsDown.tabletMd, colors.gray85);
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_53_3__sc-s03uiv-1"
+  componentId: "core-12_54_0__sc-s03uiv-1"
 })(["display:flex;flex-direction:column;width:100%;&:focus{outline:none;}"]);
 export var StyledSourceItem = /*#__PURE__*/styled(SourceItem).withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-12_53_3__sc-s03uiv-2"
+  componentId: "core-12_54_0__sc-s03uiv-2"
 })(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
 //# sourceMappingURL=FileExplorerSidebar.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerSidebar.styles.js","names":["styled","colors","SourceItem","StyledSidebar","div","withConfig","displayName","componentId","gray85","StyledNavigation","StyledSourceItem"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerSidebar.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { colors } from '../../_styles/colors'\nimport { SourceItem } from '../SourceItem/SourceItem'\n\nexport const StyledSidebar = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  width: 300px;\n  border-right: 1px solid ${colors.gray85};\n`\n\nexport const StyledNavigation = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const StyledSourceItem = styled(SourceItem)`\n  width: 100%;\n  padding-left: 10px;\n\n  &:focus {\n    padding-left: 9px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,IAAMC,aAAa,gBAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4EAIXN,MAAM,CAACO,MAAM,CACxC;AAED,OAAO,IAAMC,gBAAgB,gBAAGT,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4EAQzC;AAED,OAAO,IAAMG,gBAAgB,gBAAGV,MAAM,CAACE,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAOjD","ignoreList":[]}
+{"version":3,"file":"FileExplorerSidebar.styles.js","names":["styled","mediaBreakpointsDown","colors","SourceItem","StyledSidebar","div","withConfig","displayName","componentId","gray85","tabletMd","StyledNavigation","StyledSourceItem"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerSidebar.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { mediaBreakpointsDown } from '../../PageLayout/PageLayout.utils'\nimport { colors } from '../../_styles/colors'\nimport { SourceItem } from '../SourceItem/SourceItem'\n\nexport const StyledSidebar = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  width: 300px;\n  border-right: 1px solid ${colors.gray85};\n\n  @media ${mediaBreakpointsDown.tabletMd} {\n    width: 100%;\n    border-right: 0;\n    border-bottom: 1px solid ${colors.gray85};\n  }\n`\n\nexport const StyledNavigation = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const StyledSourceItem = styled(SourceItem)`\n  width: 100%;\n  padding-left: 10px;\n\n  &:focus {\n    padding-left: 9px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,oBAAoB,QAAQ,mCAAmC;AACxE,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,IAAMC,aAAa,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gJAIXN,MAAM,CAACO,MAAM,EAE9BR,oBAAoB,CAACS,QAAQ,EAGTR,MAAM,CAACO,MAAM,CAE3C;AAED,OAAO,IAAME,gBAAgB,gBAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4EAQzC;AAED,OAAO,IAAMI,gBAAgB,gBAAGZ,MAAM,CAACG,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAOjD","ignoreList":[]}

package/dist/FileSelect/FileSelect.styles.js

@@ -3,10 +3,10 @@ import { spacing } from '../_styles/spacing';
 import { FileTokenList } from './FileTokenList';
 export var StyledFileTokenList = /*#__PURE__*/styled(FileTokenList).withConfig({
   displayName: "StyledFileTokenList",
-  componentId: "core-12_53_3__sc-1r3srjk-0"
+  componentId: "core-12_54_0__sc-1r3srjk-0"
 })(["margin-top:", "px;"], spacing.md);
 export var StyledFileSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileSelect",
-  componentId: "core-12_53_3__sc-1r3srjk-1"
+  componentId: "core-12_54_0__sc-1r3srjk-1"
 })(["display:flex;flex-direction:column;"]);
 //# sourceMappingURL=FileSelect.styles.js.map

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js

@@ -5,20 +5,20 @@ import { spacing } from '../../_styles/spacing';
 export var dropzoneContainerAttr = 'data-dropzone-container';
 export var StyledDropzone = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzone",
-  componentId: "core-12_53_3__sc-ueh7d7-0"
+  componentId: "core-12_54_0__sc-ueh7d7-0"
 })(["", ""], function (_ref) {
   var hidden = _ref.hidden;
   return hidden && "\n    [".concat(dropzoneContainerAttr, "] {\n      align-self: flex-start;\n      margin-bottom: ").concat(spacing.xs, "px;\n\n      &,\n      &:hover {\n        width: auto;\n        min-height: auto;\n        border: none;\n        padding: 0;\n        background: transparent;\n        cursor: default;\n      }\n    }\n  \n  ");
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_53_3__sc-ueh7d7-1"
+  componentId: "core-12_54_0__sc-ueh7d7-1"
 })(["", ""], function (_ref2) {
   var error = _ref2.error;
   return error && "\n    color: ".concat(colors.gray15, ";\n  ");
 });
 export var StyledUploadButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledUploadButtonWrapper",
-  componentId: "core-12_53_3__sc-ueh7d7-2"
+  componentId: "core-12_54_0__sc-ueh7d7-2"
 })(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
 //# sourceMappingURL=FileSelectDropzone.styles.js.map

package/dist/FileSelect/FileTokenList/FileTokenList.styles.js

@@ -3,10 +3,10 @@ import { FileToken } from '../../FileToken/FileToken';
 import { spacing } from '../../_styles/spacing';
 export var StyledTokenList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTokenList",
-  componentId: "core-12_53_3__sc-u9tli5-0"
+  componentId: "core-12_54_0__sc-u9tli5-0"
 })(["display:flex;flex-wrap:wrap;align-items:flex-start;"]);
 export var StyledFileToken = /*#__PURE__*/styled(FileToken).withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_53_3__sc-u9tli5-1"
+  componentId: "core-12_54_0__sc-u9tli5-1"
 })(["margin-bottom:", "px;margin-right:", "px;"], spacing.sm, spacing.sm);
 //# sourceMappingURL=FileTokenList.styles.js.map