@procore/core-react 12.49.1 → 12.50.0

package/dist/DetailPage/DetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.js","names":["useId","React","AnchorNavigationProvider","useAnchorNavigationContext","Grid","Page","PageBodyNavigation","Section","SectionProvider","H1","spacing","addSubcomponents","mergeRefs","gridConfig","StyledDetailPageBody","StyledDetailPageCard","StyledDetailPageFooter","StyledDetailPageFooterActions","StyledDetailPageFooterContent","StyledDetailPageFooterNotation","DetailPageViewContext","createContext","width","hasNavigation","DetailPage_","forwardRef","_ref","ref","_ref$width","_ref$hasNavigation","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","offset","xs","_extends","fillHeight","Heading","Body","_React$useContext","useContext","Row","Col","colWidth","colStart","Footer","_ref2","_excluded2","FooterNotation","FooterActions","Actions","Card","_ref3","navigationLabel","_excluded3","cardId","card","useRef","_useAnchorNavigationC","registerSection","unregisterSection","id","useEffect","_card$current","_card$current$querySe","label","current","querySelector","textContent","displayName","DetailPage","Main","Header","Breadcrumbs","Banner","Title","Tabs","Aside"],"sources":["../../src/DetailPage/DetailPage.tsx"],"sourcesContent":["import { useId } from '@react-aria/utils'\nimport React from 'react'\nimport {\n  AnchorNavigationProvider,\n  useAnchorNavigationContext,\n} from '../AnchorNavigation/AnchorNavigationProvider'\nimport { Grid } from '../Grid/Grid'\nimport { Page, PageBodyNavigation } from '../PageLayout/PageLayout'\nimport type {\n  PageComponentProps,\n  PageFooterProps,\n} from '../PageLayout/PageLayout.types'\nimport { Section, SectionProvider } from '../Section/Section'\nimport { H1 } from '../Semantic/Semantic'\nimport { spacing } from '../_styles/spacing'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport { gridConfig } from './DetailPage.constants'\nimport {\n  StyledDetailPageBody,\n  StyledDetailPageCard,\n  StyledDetailPageFooter,\n  StyledDetailPageFooterActions,\n  StyledDetailPageFooterContent,\n  StyledDetailPageFooterNotation,\n} from './DetailPage.styles'\nimport type {\n  DetailPageCardProps,\n  DetailPageProps,\n  DetailPageWidth,\n} from './DetailPage.types'\n\nexport const DetailPageViewContext = React.createContext<{\n  width: DetailPageWidth\n  hasNavigation: boolean\n}>({\n  width: 'md',\n  hasNavigation: false,\n})\n\nconst DetailPage_ = React.forwardRef<HTMLDivElement, DetailPageProps>(\n  function DetailPage_(\n    { width = 'md', hasNavigation = false, children, ...props },\n    ref\n  ) {\n    return (\n      <DetailPageViewContext.Provider value={{ width, hasNavigation }}>\n        <AnchorNavigationProvider offset={spacing.xs}>\n          <Page fillHeight ref={ref} {...props} data-core-react=\"detail-page\">\n            {children}\n          </Page>\n        </AnchorNavigationProvider>\n      </DetailPageViewContext.Provider>\n    )\n  }\n)\n\nexport const Heading = React.forwardRef<HTMLDivElement, Props>(function Heading(\n  props,\n  ref\n) {\n  return <H1 ref={ref} {...props} />\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, PageComponentProps>(\n  function Body(props, ref) {\n    const { width, hasNavigation } = React.useContext(DetailPageViewContext)\n\n    return (\n      <Page.Body>\n        {hasNavigation && <PageBodyNavigation />}\n        <Grid.Row>\n          <Grid.Col\n            colWidth={gridConfig[width].width}\n            colStart={gridConfig[width].offset}\n          >\n            <StyledDetailPageBody ref={ref} {...props} />\n          </Grid.Col>\n        </Grid.Row>\n      </Page.Body>\n    )\n  }\n)\n\nexport const Footer = React.forwardRef<HTMLDivElement, PageFooterProps>(\n  function Footer({ children, ...props }, ref) {\n    return (\n      <StyledDetailPageFooter ref={ref} {...props}>\n        <StyledDetailPageFooterContent>\n          {children}\n        </StyledDetailPageFooterContent>\n      </StyledDetailPageFooter>\n    )\n  }\n)\n\nexport const FooterNotation = React.forwardRef<HTMLDivElement, Props>(\n  function FooterNotation(props, ref) {\n    return <StyledDetailPageFooterNotation ref={ref} {...props} />\n  }\n)\n\nexport const FooterActions = React.forwardRef<HTMLDivElement, Props>(\n  function Actions(props, ref) {\n    return <StyledDetailPageFooterActions ref={ref} {...props} />\n  }\n)\n\nexport const Card = React.forwardRef<HTMLDivElement, DetailPageCardProps>(\n  function Card({ navigationLabel, ...props }, ref) {\n    const cardId = useId()\n    const card = React.useRef<HTMLDivElement>(null)\n    const { registerSection, unregisterSection } = useAnchorNavigationContext()\n    const id = props.id || cardId\n\n    React.useEffect(() => {\n      // Use content of first H2 element as label if navigationLabel is not provided\n      const label =\n        navigationLabel || card.current?.querySelector('h2')?.textContent\n      if (!card.current || !label) return\n\n      registerSection(id, label, card.current)\n\n      return () => unregisterSection(id)\n    }, [id, navigationLabel]) // eslint-disable-line react-hooks/exhaustive-deps\n\n    return (\n      <SectionProvider>\n        <StyledDetailPageCard ref={mergeRefs(ref, card)} id={id} {...props} />\n      </SectionProvider>\n    )\n  }\n)\n\nDetailPage_.displayName = 'DetailPage'\nHeading.displayName = 'DetailPage.Heading'\nBody.displayName = 'DetailPage.Body'\nFooter.displayName = 'DetailPage.Footer'\nCard.displayName = 'DetailPage.Card'\n\n/**\n\n A detail page is used when an object is selected from a list page. The layout\n can adhere to varying predefined widths depending on use case.\n\n  - DetailPage\n    - DetailPage.Main\n      - DetailPage.Header\n        - DetailPage.Breadcrumbs\n          - Breadcrumbs\n        - DetailPage.Banner\n          - Banner\n        - DetailPage.Title\n          - Title or H1\n        - DetailPage.Tabs\n          - Tabs\n      - DetailPage.Body\n        - DetailPage.Title\n        - DetailPage.Banner\n        - DetailPage.Card\n          - DetailPage.Banner\n          - DetailPage.Section\n            - DetailPage.Section\n          - DetailPage.Section\n      - DetailPage.Footer\n        - DetailPage.FooterNotation\n        - DetailPage.FooterActions\n          - Button\n    - DetailPage.Aside\n      - Panel\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-detailpage--edit)\n\n @see [Design Guidelines](https://design.procore.com/detail)\n\n */\nexport const DetailPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Breadcrumbs: Page.Breadcrumbs,\n    Card,\n    Banner: Page.Banner,\n    Title: Page.Title,\n    Heading,\n    Tabs: Page.Tabs,\n    Footer,\n    FooterActions,\n    FooterNotation,\n    Section,\n    Body,\n    Aside: Page.Aside,\n  },\n  DetailPage_\n)\n"],"mappings":"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"}
+{"version":3,"file":"DetailPage.js","names":["useId","React","AnchorNavigationProvider","useAnchorNavigationContext","Grid","Page","PageBodyNavigation","Section","SectionProvider","H1","spacing","addSubcomponents","mergeRefs","gridConfig","StyledDetailPageBody","StyledDetailPageCard","StyledDetailPageFooter","StyledDetailPageFooterActions","StyledDetailPageFooterContent","StyledDetailPageFooterNotation","DetailPageViewContext","createContext","hasNavigation","width","DetailPage_","forwardRef","_ref","ref","children","_ref$hasNavigation","_ref$width","props","_objectWithoutProperties","_excluded","createElement","Provider","value","offset","xs","_extends","fillHeight","Heading","Body","_React$useContext","useContext","Row","Col","colWidth","colStart","Footer","_ref2","_excluded2","FooterNotation","FooterActions","Actions","Card","_ref3","navigationLabel","_excluded3","cardId","card","useRef","_useAnchorNavigationC","registerSection","unregisterSection","id","useEffect","_card$current","_card$current$querySe","label","current","querySelector","textContent","displayName","DetailPage","Main","Header","Breadcrumbs","Banner","Title","Tabs","Aside"],"sources":["../../src/DetailPage/DetailPage.tsx"],"sourcesContent":["import { useId } from '@react-aria/utils'\nimport React from 'react'\nimport {\n  AnchorNavigationProvider,\n  useAnchorNavigationContext,\n} from '../AnchorNavigation/AnchorNavigationProvider'\nimport { Grid } from '../Grid/Grid'\nimport { Page, PageBodyNavigation } from '../PageLayout/PageLayout'\nimport type {\n  PageComponentProps,\n  PageFooterProps,\n} from '../PageLayout/PageLayout.types'\nimport { Section, SectionProvider } from '../Section/Section'\nimport { H1 } from '../Semantic/Semantic'\nimport { spacing } from '../_styles/spacing'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport { gridConfig } from './DetailPage.constants'\nimport {\n  StyledDetailPageBody,\n  StyledDetailPageCard,\n  StyledDetailPageFooter,\n  StyledDetailPageFooterActions,\n  StyledDetailPageFooterContent,\n  StyledDetailPageFooterNotation,\n} from './DetailPage.styles'\nimport type {\n  DetailPageCardProps,\n  DetailPageProps,\n  DetailPageWidth,\n} from './DetailPage.types'\n\nexport const DetailPageViewContext = React.createContext<{\n  hasNavigation: boolean\n  width: DetailPageWidth\n}>({\n  hasNavigation: false,\n  width: 'md',\n})\n\nconst DetailPage_ = React.forwardRef<HTMLDivElement, DetailPageProps>(\n  function DetailPage_(\n    { children, hasNavigation = false, width = 'md', ...props },\n    ref\n  ) {\n    return (\n      <DetailPageViewContext.Provider value={{ hasNavigation, width }}>\n        <AnchorNavigationProvider offset={spacing.xs}>\n          <Page fillHeight ref={ref} {...props} data-core-react=\"detail-page\">\n            {children}\n          </Page>\n        </AnchorNavigationProvider>\n      </DetailPageViewContext.Provider>\n    )\n  }\n)\n\nexport const Heading = React.forwardRef<HTMLDivElement, Props>(function Heading(\n  props,\n  ref\n) {\n  return <H1 ref={ref} {...props} />\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, PageComponentProps>(\n  function Body(props, ref) {\n    const { hasNavigation, width } = React.useContext(DetailPageViewContext)\n\n    return (\n      <Page.Body>\n        {hasNavigation && <PageBodyNavigation />}\n\n        <Grid.Row>\n          <Grid.Col\n            colWidth={gridConfig[width].width}\n            colStart={gridConfig[width].offset}\n          >\n            <StyledDetailPageBody ref={ref} {...props} />\n          </Grid.Col>\n        </Grid.Row>\n      </Page.Body>\n    )\n  }\n)\n\nexport const Footer = React.forwardRef<HTMLDivElement, PageFooterProps>(\n  function Footer({ children, ...props }, ref) {\n    return (\n      <StyledDetailPageFooter ref={ref} {...props}>\n        <StyledDetailPageFooterContent>\n          {children}\n        </StyledDetailPageFooterContent>\n      </StyledDetailPageFooter>\n    )\n  }\n)\n\nexport const FooterNotation = React.forwardRef<HTMLDivElement, Props>(\n  function FooterNotation(props, ref) {\n    return <StyledDetailPageFooterNotation ref={ref} {...props} />\n  }\n)\n\nexport const FooterActions = React.forwardRef<HTMLDivElement, Props>(\n  function Actions(props, ref) {\n    return <StyledDetailPageFooterActions ref={ref} {...props} />\n  }\n)\n\nexport const Card = React.forwardRef<HTMLDivElement, DetailPageCardProps>(\n  function Card({ navigationLabel, ...props }, ref) {\n    const cardId = useId()\n    const card = React.useRef<HTMLDivElement>(null)\n    const { registerSection, unregisterSection } = useAnchorNavigationContext()\n    const id = props.id || cardId\n\n    React.useEffect(() => {\n      // Use content of first H2 element as label if navigationLabel is not provided\n      const label =\n        navigationLabel || card.current?.querySelector('h2')?.textContent\n      if (!card.current || !label) return\n\n      registerSection(id, label, card.current)\n\n      return () => unregisterSection(id)\n    }, [id, navigationLabel]) // eslint-disable-line react-hooks/exhaustive-deps\n\n    return (\n      <SectionProvider>\n        <StyledDetailPageCard ref={mergeRefs(ref, card)} id={id} {...props} />\n      </SectionProvider>\n    )\n  }\n)\n\nDetailPage_.displayName = 'DetailPage'\nHeading.displayName = 'DetailPage.Heading'\nBody.displayName = 'DetailPage.Body'\nFooter.displayName = 'DetailPage.Footer'\nCard.displayName = 'DetailPage.Card'\n\n/**\n\n A detail page is used when an object is selected from a list page. The layout\n can adhere to varying predefined widths depending on use case.\n\n  - DetailPage\n    - DetailPage.Main\n      - DetailPage.Header\n        - DetailPage.Breadcrumbs\n          - Breadcrumbs\n        - DetailPage.Banner\n          - Banner\n        - DetailPage.Title\n          - Title or H1\n        - DetailPage.Tabs\n          - Tabs\n      - DetailPage.Body\n        - DetailPage.Title\n        - DetailPage.Banner\n        - Required\n        - DetailPage.Card\n          - DetailPage.Banner\n          - DetailPage.Section\n            - DetailPage.Section\n          - DetailPage.Section\n      - DetailPage.Footer\n        - DetailPage.FooterNotation\n        - DetailPage.FooterActions\n          - Button\n    - DetailPage.Aside\n      - Panel\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-detailpage--edit)\n\n @see [Design Guidelines](https://design.procore.com/detail)\n\n */\nexport const DetailPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Breadcrumbs: Page.Breadcrumbs,\n    Card,\n    Banner: Page.Banner,\n    Title: Page.Title,\n    Heading,\n    Tabs: Page.Tabs,\n    Footer,\n    FooterActions,\n    FooterNotation,\n    Section,\n    Body,\n    Aside: Page.Aside,\n  },\n  DetailPage_\n)\n"],"mappings":"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"}

package/dist/DetailPage/DetailPage.styles.js

@@ -3,37 +3,38 @@ import { Box } from '../Box/Box';
 import { Card } from '../Card/Card';
 import { Page } from '../PageLayout/PageLayout';
 import { getActions, StyledPageBanner } from '../PageLayout/PageLayout.styles';
+import { StyledRequiredContainer } from '../Required/Required.styles';
 import { sectionClassnames, StyledSection, StyledSectionInner } from '../Section/Section.styles';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledDetailPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPage",
-  componentId: "core-12_49_1__sc-cytnlo-0"
+  componentId: "core-12_50_0__sc-cytnlo-0"
 })(["background-color:", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;"], colors.gray96);
 export var StyledDetailPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageBody",
-  componentId: "core-12_49_1__sc-cytnlo-1"
-})(["padding-bottom:", "px;"], spacing.xl);
+  componentId: "core-12_50_0__sc-cytnlo-1"
+})(["padding-bottom:", "px;> ", "{margin-top:", "px;}"], spacing.xl, StyledRequiredContainer, spacing.lg);
 export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterNotation",
-  componentId: "core-12_49_1__sc-cytnlo-2"
+  componentId: "core-12_50_0__sc-cytnlo-2"
 })(["flex-grow:1;z-index:1;"]);
 export var StyledDetailPageFooter = /*#__PURE__*/styled(Page.Footer).withConfig({
   displayName: "StyledDetailPageFooter",
-  componentId: "core-12_49_1__sc-cytnlo-3"
+  componentId: "core-12_50_0__sc-cytnlo-3"
 })(["display:flex;padding:", "px 0;background-color:", ";justify-content:center;"], spacing.lg, colors.white);
 export var StyledDetailPageFooterActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDetailPageFooterActions",
-  componentId: "core-12_49_1__sc-cytnlo-4"
+  componentId: "core-12_50_0__sc-cytnlo-4"
 })(["", ""], getActions());
 var maxFooterContentWidth = 1920;
 export var StyledDetailPageFooterContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterContent",
-  componentId: "core-12_49_1__sc-cytnlo-5"
+  componentId: "core-12_50_0__sc-cytnlo-5"
 })(["width:100%;align-items:center;display:flex;justify-content:flex-end;padding:0 ", "px;max-width:", "px;"], spacing.xl, maxFooterContentWidth);
 var detailPageCardBorderRadius = 8;
 export var StyledDetailPageCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDetailPageCard",
-  componentId: "core-12_49_1__sc-cytnlo-6"
+  componentId: "core-12_50_0__sc-cytnlo-6"
 })(["width:100%;border-radius:", "px;margin-top:", "px;margin-bottom:", "px;& + &{margin-top:", "px;}&:first-child{margin-top:0;}&:last-child{margin-bottom:", "px;}& > ", "{padding:", "px ", "px 0 ", "px;max-width:100%;&:empty{padding:0;}}& > ", " + ", " > ", "{border-top:0;}> .", ":first-child + .", ",> ", " + .", " + .", "{margin-top:", "px;}"], detailPageCardBorderRadius, spacing.lg, spacing.sm, spacing.sm, spacing.lg, StyledPageBanner, spacing.lg, spacing.lg, spacing.lg, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
 //# sourceMappingURL=DetailPage.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.styles.js","names":["styled","Box","Card","Page","getActions","StyledPageBanner","sectionClassnames","StyledSection","StyledSectionInner","colors","spacing","StyledDetailPage","div","withConfig","displayName","componentId","gray96","StyledDetailPageBody","xl","StyledDetailPageFooterNotation","StyledDetailPageFooter","Footer","lg","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 {\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\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,SACEC,iBAAiB,EACjBC,aAAa,EACbC,kBAAkB,QACb,2BAA2B;AAClC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,gBAAgB,gBAAGX,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iJACpBN,MAAM,CAACO,MAAM,CAOlC;AAED,OAAO,IAAMC,oBAAoB,gBAAGjB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAC1BL,OAAO,CAACQ,EAAE,CAC7B;AAED,OAAO,IAAMC,8BAA8B,gBAAGnB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAGvD;AAED,OAAO,IAAMK,sBAAsB,gBAAGpB,MAAM,CAACG,IAAI,CAACkB,MAAM,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oFAE5CL,OAAO,CAACY,EAAE,EACDb,MAAM,CAACc,KAAK,CAEjC;AAED,OAAO,IAAMC,6BAA6B,gBAAGxB,MAAM,CAACC,GAAG,CAAC,CAAAY,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpDX,UAAU,CAAC,CAAC,CACf;AAED,IAAMqB,qBAAqB,GAAG,IAAI;AAElC,OAAO,IAAMC,6BAA6B,gBAAG1B,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+GAKxCL,OAAO,CAACQ,EAAE,EACVO,qBAAqB,CACnC;AAED,IAAME,0BAA0B,GAAG,CAAC;AAEpC,OAAO,IAAMC,oBAAoB,gBAAG5B,MAAM,CAACE,IAAI,CAAC,CAAAW,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8VAE7BY,0BAA0B,EAC7BjB,OAAO,CAACY,EAAE,EACPZ,OAAO,CAACmB,EAAE,EAGXnB,OAAO,CAACmB,EAAE,EAOPnB,OAAO,CAACY,EAAE,EAGvBjB,gBAAgB,EACTK,OAAO,CAACY,EAAE,EAAMZ,OAAO,CAACY,EAAE,EAAQZ,OAAO,CAACY,EAAE,EAQnDjB,gBAAgB,EAAME,aAAa,EAAMC,kBAAkB,EAI5DF,iBAAiB,CAACwB,cAAc,EAC9BxB,iBAAiB,CAACyB,KAAK,CAAC,CAAC,CAAC,EAC3B1B,gBAAgB,EACfC,iBAAiB,CAACwB,cAAc,EAChCxB,iBAAiB,CAACyB,KAAK,CAAC,CAAC,CAAC,EACjBrB,OAAO,CAACsB,GAAG,GAAG,CAAC,CAAC,CAEjC"}
+{"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"}

package/dist/DetailPage/DetailPage.types.d.ts

@@ -3,16 +3,16 @@ import type { SectionProps } from '../Section/Section.types';
 import type { Props } from '../_utils/types';
 export declare type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block';
 export interface DetailPageProps extends Props {
-    /**
-     * @description Width of the content
-     * @since 10.19.0
-     */
-    width?: DetailPageWidth;
     /**
      * @description If the page has anchor navigation
      * @since TBD
      */
     hasNavigation?: boolean;
+    /**
+     * @description Width of the content
+     * @since 10.19.0
+     */
+    width?: DetailPageWidth;
 }
 export interface DetailPageAsideProps extends PageAsideProps {
 }

package/dist/DetailPage/DetailPage.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.types.js","names":[],"sources":["../../src/DetailPage/DetailPage.types.ts"],"sourcesContent":["import type {\n  PageAsideProps,\n  PageComponentProps,\n  PageHeaderProps,\n} from '../PageLayout/PageLayout.types'\nimport type { SectionProps } from '../Section/Section.types'\nimport type { Props } from '../_utils/types'\n\nexport type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block'\n\nexport interface DetailPageProps extends Props {\n  /**\n   * @description Width of the content\n   * @since 10.19.0\n   */\n  width?: DetailPageWidth\n\n  /**\n   * @description If the page has anchor navigation\n   * @since TBD\n   */\n  hasNavigation?: boolean\n}\nexport interface DetailPageAsideProps extends PageAsideProps {}\n\nexport interface DetailPageHeaderProps extends PageHeaderProps {}\n\nexport interface DetailPageSectionProps extends SectionProps {}\n\nexport interface DetailPageCardProps extends PageComponentProps {\n  navigationLabel?: string\n}\n"],"mappings":""}
+{"version":3,"file":"DetailPage.types.js","names":[],"sources":["../../src/DetailPage/DetailPage.types.ts"],"sourcesContent":["import type {\n  PageAsideProps,\n  PageComponentProps,\n  PageHeaderProps,\n} from '../PageLayout/PageLayout.types'\nimport type { SectionProps } from '../Section/Section.types'\nimport type { Props } from '../_utils/types'\n\nexport type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block'\n\nexport interface DetailPageProps extends Props {\n  /**\n   * @description If the page has anchor navigation\n   * @since TBD\n   */\n  hasNavigation?: boolean\n\n  /**\n   * @description Width of the content\n   * @since 10.19.0\n   */\n  width?: DetailPageWidth\n}\nexport interface DetailPageAsideProps extends PageAsideProps {}\n\nexport interface DetailPageHeaderProps extends PageHeaderProps {}\n\nexport interface DetailPageSectionProps extends SectionProps {}\n\nexport interface DetailPageCardProps extends PageComponentProps {\n  navigationLabel?: string\n}\n"],"mappings":""}

package/dist/DetailPageTemplate/DetailPageTemplate.types.d.ts

@@ -3,7 +3,13 @@ import type { PageHeaderTemplateProps } from '../PageTemplate/PageHeaderTemplate
 import type { PageTemplateProps } from '../PageTemplate/PageTemplate';
 import type { UsingProps } from '../_utils/types';
 export declare type DetailPageHeaderTemplateProps = UsingProps<PageHeaderTemplateProps, 'breadcrumbs' | 'heading', 'actions' | 'banner' | 'pills' | 'subheading' | 'tabs' | 'toggleAction'>;
-export declare type DetailPageFooterTemplateProps = UsingProps<PageFooterTemplateProps, 'actions', 'required' | 'notation'>;
+export declare type DetailPageFooterTemplateProps = UsingProps<PageFooterTemplateProps, 'actions', 
+/**
+ * @a11y @deprecated required is deprecated as this is not the correct placement of this for accessibility
+ * and will be removed in a future version, only being notation
+ * @deprecatedSince 12.48.0
+ */
+'required' | 'notation'>;
 export declare type DetailPageTemplateProps = Pick<PageTemplateProps, 'header' | 'footer' | 'pane' | 'children'> & {
     /**
      * @since 12.20.0

package/dist/DetailPageTemplate/DetailPageTemplate.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPageTemplate.types.js","names":[],"sources":["../../src/DetailPageTemplate/DetailPageTemplate.types.ts"],"sourcesContent":["import type { PageFooterTemplateProps } from '../PageTemplate/PageFooterTemplate'\nimport type { PageHeaderTemplateProps } from '../PageTemplate/PageHeaderTemplate'\nimport type { PageTemplateProps } from '../PageTemplate/PageTemplate'\n\nimport type { UsingProps } from '../_utils/types'\n\nexport type DetailPageHeaderTemplateProps = UsingProps<\n  PageHeaderTemplateProps,\n  'breadcrumbs' | 'heading',\n  'actions' | 'banner' | 'pills' | 'subheading' | 'tabs' | 'toggleAction'\n>\n\nexport type DetailPageFooterTemplateProps = UsingProps<\n  PageFooterTemplateProps,\n  'actions',\n  'required' | 'notation'\n>\n\nexport type DetailPageTemplateProps = Pick<\n  PageTemplateProps,\n  'header' | 'footer' | 'pane' | 'children'\n> & {\n  /**\n   * @since 12.20.0\n   */\n  headerProps?: DetailPageHeaderTemplateProps\n  /**\n   * @since 12.20.0\n   */\n  footerProps?: PageFooterTemplateProps\n  /**\n   * @since 12.20.0\n   */\n  hasNavigation?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"DetailPageTemplate.types.js","names":[],"sources":["../../src/DetailPageTemplate/DetailPageTemplate.types.ts"],"sourcesContent":["import type { PageFooterTemplateProps } from '../PageTemplate/PageFooterTemplate'\nimport type { PageHeaderTemplateProps } from '../PageTemplate/PageHeaderTemplate'\nimport type { PageTemplateProps } from '../PageTemplate/PageTemplate'\n\nimport type { UsingProps } from '../_utils/types'\n\nexport type DetailPageHeaderTemplateProps = UsingProps<\n  PageHeaderTemplateProps,\n  'breadcrumbs' | 'heading',\n  'actions' | 'banner' | 'pills' | 'subheading' | 'tabs' | 'toggleAction'\n>\n\nexport type DetailPageFooterTemplateProps = UsingProps<\n  PageFooterTemplateProps,\n  'actions',\n  /**\n   * @a11y @deprecated required is deprecated as this is not the correct placement of this for accessibility\n   * and will be removed in a future version, only being notation\n   * @deprecatedSince 12.48.0\n   */\n  'required' | 'notation'\n>\n\nexport type DetailPageTemplateProps = Pick<\n  PageTemplateProps,\n  'header' | 'footer' | 'pane' | 'children'\n> & {\n  /**\n   * @since 12.20.0\n   */\n  headerProps?: DetailPageHeaderTemplateProps\n  /**\n   * @since 12.20.0\n   */\n  footerProps?: PageFooterTemplateProps\n  /**\n   * @since 12.20.0\n   */\n  hasNavigation?: boolean\n}\n"],"mappings":""}

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_49_1__sc-ufsy2q-0"
+  componentId: "core-12_50_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_49_1__sc-ufsy2q-1"
+  componentId: "core-12_50_0__sc-ufsy2q-1"
 })(["margin:0 6px;"]);
 export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDropdownButton",
-  componentId: "core-12_49_1__sc-ufsy2q-2"
+  componentId: "core-12_50_0__sc-ufsy2q-2"
 })(["pointer-events:", ";", ""], function (_ref) {
   var disabled = _ref.disabled,
     $loading = _ref.$loading;

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -6,18 +6,18 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyout",
-  componentId: "core-12_49_1__sc-1i79jsg-0"
+  componentId: "core-12_50_0__sc-1i79jsg-0"
 })(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;padding:", "px 0;"], spacing.sm);
 export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyoutItem",
-  componentId: "core-12_49_1__sc-1i79jsg-1"
+  componentId: "core-12_50_0__sc-1i79jsg-1"
 })(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
 export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutLabel",
-  componentId: "core-12_49_1__sc-1i79jsg-2"
+  componentId: "core-12_50_0__sc-1i79jsg-2"
 })(["", ""], getEllipsis());
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-12_49_1__sc-1i79jsg-3"
+  componentId: "core-12_50_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

@@ -95,7 +95,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_49_1__sc-l4fojb-0"
+  componentId: "core-12_50_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_49_1__sc-by95hy-0"
+  componentId: "core-12_50_0__sc-by95hy-0"
 })(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
 export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledErrorBannerDetails",
-  componentId: "core-12_49_1__sc-by95hy-1"
+  componentId: "core-12_50_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_49_1__sc-by95hy-2"
+  componentId: "core-12_50_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_49_1__sc-by95hy-3"
+  componentId: "core-12_50_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_49_1__sc-by95hy-4"
+  componentId: "core-12_50_0__sc-by95hy-4"
 })(["user-select:none;"]);
 export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledUploadButton",
-  componentId: "core-12_49_1__sc-by95hy-5"
+  componentId: "core-12_50_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_49_1__sc-by95hy-6"
+  componentId: "core-12_50_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_49_1__sc-by95hy-7"
+  componentId: "core-12_50_0__sc-by95hy-7"
 })(["height:100%;"]);
 export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDropzoneFocusDetector",
-  componentId: "core-12_49_1__sc-by95hy-8"
+  componentId: "core-12_50_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_49_1__sc-1xaoo8n-0"
+  componentId: "core-12_50_0__sc-1xaoo8n-0"
 })(["width:200px;height:200px;"]);
 export var StyledImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImage",
-  componentId: "core-12_49_1__sc-1xaoo8n-1"
+  componentId: "core-12_50_0__sc-1xaoo8n-1"
 })([""]);
 export var StyledTitle = /*#__PURE__*/styled.p.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_49_1__sc-1xaoo8n-2"
+  componentId: "core-12_50_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_49_1__sc-1xaoo8n-3"
+  componentId: "core-12_50_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_49_1__sc-1xaoo8n-4"
+  componentId: "core-12_50_0__sc-1xaoo8n-4"
 })(["margin-top:", "px;"], spacing.xl);
 export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_49_1__sc-1xaoo8n-5"
+  componentId: "core-12_50_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_49_1__sc-1q3pe6s-0"
+  componentId: "core-12_50_0__sc-1q3pe6s-0"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldHeader",
-  componentId: "core-12_49_1__sc-1q3pe6s-1"
+  componentId: "core-12_50_0__sc-1q3pe6s-1"
 })(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
 export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldFooter",
-  componentId: "core-12_49_1__sc-1q3pe6s-2"
+  componentId: "core-12_50_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_49_1__sc-7gltjc-0"
+  componentId: "core-12_50_0__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-12_49_1__sc-7gltjc-1"
+  componentId: "core-12_50_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_49_1__sc-7gltjc-2"
+  componentId: "core-12_50_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

@@ -12,40 +12,40 @@ var modalContainerMaxHeight = 996;
 var modalContainerMargin = 80;
 export var StyledModalOverlay = /*#__PURE__*/styled(Modal.Overlay).withConfig({
   displayName: "StyledModalOverlay",
-  componentId: "core-12_49_1__sc-343gts-0"
+  componentId: "core-12_50_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_49_1__sc-343gts-1"
+  componentId: "core-12_50_0__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);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_49_1__sc-343gts-2"
+  componentId: "core-12_50_0__sc-343gts-2"
 })(["min-height:", "px;height:100%;margin:0;max-width:none;padding:0;border-bottom:1px solid ", ";"], modalBodyMinHeight, colors.gray85);
 export var StyledModalInnerBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalInnerBody",
-  componentId: "core-12_49_1__sc-343gts-3"
+  componentId: "core-12_50_0__sc-343gts-3"
 })(["display:flex;flex-direction:row;height:100%;overflow:hidden;"]);
 export var StyledModalHeader = /*#__PURE__*/styled(Modal.Header).withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_49_1__sc-343gts-4"
+  componentId: "core-12_50_0__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_49_1__sc-343gts-5"
+  componentId: "core-12_50_0__sc-343gts-5"
 })(["display:flex;width:100%;height:100%;overflow-y:auto;outline:none;"]);
 export var StyledSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSource",
-  componentId: "core-12_49_1__sc-343gts-6"
+  componentId: "core-12_50_0__sc-343gts-6"
 })(["width:100%;height:100%;"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-12_49_1__sc-343gts-7"
+  componentId: "core-12_50_0__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_49_1__sc-343gts-8"
+  componentId: "core-12_50_0__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

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

@@ -3,14 +3,14 @@ import { colors } from '../../_styles/colors';
 import { SourceItem } from '../SourceItem/SourceItem';
 export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSidebar",
-  componentId: "core-12_49_1__sc-s03uiv-0"
+  componentId: "core-12_50_0__sc-s03uiv-0"
 })(["display:flex;flex-shrink:0;width:300px;border-right:1px solid ", ";"], colors.gray85);
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_49_1__sc-s03uiv-1"
+  componentId: "core-12_50_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_49_1__sc-s03uiv-2"
+  componentId: "core-12_50_0__sc-s03uiv-2"
 })(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
 //# sourceMappingURL=FileExplorerSidebar.styles.js.map

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_49_1__sc-1r3srjk-0"
+  componentId: "core-12_50_0__sc-1r3srjk-0"
 })(["margin-top:", "px;"], spacing.md);
 export var StyledFileSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileSelect",
-  componentId: "core-12_49_1__sc-1r3srjk-1"
+  componentId: "core-12_50_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_49_1__sc-ueh7d7-0"
+  componentId: "core-12_50_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_49_1__sc-ueh7d7-1"
+  componentId: "core-12_50_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_49_1__sc-ueh7d7-2"
+  componentId: "core-12_50_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_49_1__sc-u9tli5-0"
+  componentId: "core-12_50_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_49_1__sc-u9tli5-1"
+  componentId: "core-12_50_0__sc-u9tli5-1"
 })(["margin-bottom:", "px;margin-right:", "px;"], spacing.sm, spacing.sm);
 //# sourceMappingURL=FileTokenList.styles.js.map

package/dist/FileSelect/GridSource/GridSource.styles.js

@@ -13,7 +13,7 @@ export var contentHeight = modalBodyWidth - modalBodyBorderTopWidth - toolbarHei
 // TODO Update box-shadow to use getShadow instead
 export var StyledToolbar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolbar",
-  componentId: "core-12_49_1__sc-1sj6hvp-0"
+  componentId: "core-12_50_0__sc-1sj6hvp-0"
 })(["display:flex;align-items:center;flex-direction:row;width:100%;min-height:", "px;padding:16px 24px;", " ", " & > * + *{margin-left:", "px;}"], toolbarHeight, function (_ref) {
   var $alignRight = _ref.$alignRight;
   return css(["justify-content:", ";"], $alignRight ? 'flex-end' : 'space-between');
@@ -23,23 +23,23 @@ export var StyledToolbar = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm);
 export var StyledSearchWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearchWrapper",
-  componentId: "core-12_49_1__sc-1sj6hvp-1"
+  componentId: "core-12_50_0__sc-1sj6hvp-1"
 })(["width:286px;flex-shrink:1;min-width:180px;"]);
 export var StyledEmptyStateWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyStateWrapper",
-  componentId: "core-12_49_1__sc-1sj6hvp-2"
+  componentId: "core-12_50_0__sc-1sj6hvp-2"
 })(["width:100%;height:100%;display:flex;justify-content:center;align-items:center;"]);
 export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_49_1__sc-1sj6hvp-3"
+  componentId: "core-12_50_0__sc-1sj6hvp-3"
 })(["margin-top:0;margin-bottom:0;img{width:160px;}"]);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_49_1__sc-1sj6hvp-4"
+  componentId: "core-12_50_0__sc-1sj6hvp-4"
 })(["height:", "px;width:100%;display:flex;align-items:center;justify-content:center;"], contentHeight);
 export var StyledGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrid",
-  componentId: "core-12_49_1__sc-1sj6hvp-5"
+  componentId: "core-12_50_0__sc-1sj6hvp-5"
 })(["display:flex;flex-direction:column;", ""], function (_ref3) {
   var $isEmpty = _ref3.$isEmpty;
   return $isEmpty && 'height: 100%;';

package/dist/FileSelect/LocalSource/LocalSource.styles.js

@@ -15,21 +15,21 @@ var dropzoneHeightWithIcon = 176;
 var sourceWidth = 568;
 export var StyledLocalSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLocalSource",
-  componentId: "core-12_49_1__sc-psqe8z-0"
+  componentId: "core-12_50_0__sc-psqe8z-0"
 })(["display:flex;flex-grow:1;flex-direction:column;align-items:stretch;height:", "px;max-height:", "px;padding:", "px ", "px ", "px ", "px;overflow-y:hidden;"], contentHeight, contentHeight, spacing.xl, spacing.xl + spacing.lg, spacing.xl, spacing.xl);
 export var StyledDropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBanner).withConfig({
   displayName: "StyledDropzoneErrorBanner",
-  componentId: "core-12_49_1__sc-psqe8z-1"
+  componentId: "core-12_50_0__sc-psqe8z-1"
 })(["margin-top:", "px;margin-bottom:", "px;margin-right:2px;"], errorBannerMarginTop, errorBannerMarginBottom);
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_49_1__sc-psqe8z-2"
+  componentId: "core-12_50_0__sc-psqe8z-2"
 })(["display:flex;height:auto;min-height:", "px;> div:first-child{display:flex;height:auto;}> ", "{display:none;}@media ", "{width:", "px;> div:first-child{height:100%;}}"], function (_ref) {
   var isIconVisible = _ref.isIconVisible;
   return isIconVisible ? dropzoneHeightWithIcon : dropzoneHeight;
 }, DropzoneErrorBanner, mediaIE11Hack, sourceWidth);
 export var StyledThumbnailList = /*#__PURE__*/styled(ThumbnailList).withConfig({
   displayName: "StyledThumbnailList",
-  componentId: "core-12_49_1__sc-psqe8z-3"
+  componentId: "core-12_50_0__sc-psqe8z-3"
 })(["margin-top:", "px;border:", "px solid ", ";"], listMarginTop, listBorderWidth, colors.gray85);
 //# sourceMappingURL=LocalSource.styles.js.map

package/dist/FileSelect/SourceItem/SourceItem.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
 import type { Props } from '../../_utils/types';
 export interface SourceItemProps extends Props {
+    /**
+     * Label content displayed inside the source item. When the label overflows,
+     * it is shown in a tooltip. Guideline: keep label text under 200 characters
+     * to avoid tooltip truncation at small viewports or high zoom levels.
+     * @since 10.19.0
+     */
+    children?: React.ReactNode;
     /**
      * @since 10.19.0
      */