@procore/core-react 12.25.0 → 12.25.2

package/dist/Tabs/Tabs.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { DivAttributes, Props, SpanAttributes } from '../_utils/types';
 import type { BaseTabProps, TabDropdownProps, TabProps, TabRef, TabRole, TabRoleType, TabsProps } from './Tabs.types';
-export declare const Link: React.ForwardRefExoticComponent<SpanAttributes & Props & {
+export declare const Link: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
     /** @deprecated @experimental Alternative style variant. To be used on Helix Header ONLY */
     UNSAFE_helixHeader?: boolean | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;
@@ -9,7 +8,7 @@ declare function TabInternal({ as, disabled, role, active, selected, children, o
 export declare const Tab: <Role extends TabRole>(props: TabProps<Role> | (BaseTabProps & {
     ref?: React.ComponentPropsWithRef<'div'>['ref'];
 })) => ReturnType<typeof TabInternal>;
-export declare const MoreMenu: React.ForwardRefExoticComponent<DivAttributes & TabDropdownProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MoreMenu: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & TabDropdownProps & React.RefAttributes<HTMLDivElement>>;
 /**
 
  We use tabs to navigate between different, but related content.
@@ -22,8 +21,8 @@ export declare const MoreMenu: React.ForwardRefExoticComponent<DivAttributes & T
  @see [Design Guidelines](https://design.procore.com/tabs)
 
  */
-export declare const Tabs: React.ForwardRefExoticComponent<DivAttributes & TabsProps & React.RefAttributes<HTMLDivElement>> & {
-    Link: React.ForwardRefExoticComponent<SpanAttributes & Props & {
+export declare const Tabs: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & TabsProps & React.RefAttributes<HTMLDivElement>> & {
+    Link: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
         /** @deprecated @experimental Alternative style variant. To be used on Helix Header ONLY */
         UNSAFE_helixHeader?: boolean | undefined;
     } & React.RefAttributes<HTMLSpanElement>>;

package/dist/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["CaretDown","CaretUp","React","useButton","MenuImperative","OverlayTrigger","useOverlayTriggerContext","useI18nContext","useResize","spacing","addSubcomponents","getBoundingRect","mergeRefs","getStyledComponents","StyledOverlay","StyledTabList","StyledTabs","ExtraTabSpacing","xxl","HelixHeaderExtraTabSpacing","sm","noop","Link","forwardRef","_ref","ref","children","_ref$UNSAFE_helixHead","UNSAFE_helixHeader","props","_objectWithoutProperties","_excluded","Styled","createElement","_extends","TabInternal","_ref2","as","disabled","role","_ref2$active","active","_ref2$selected","selected","onBlur","onFocus","_ref2$onMount","onMount","_ref2$onUnmount","onUnmount","_ref2$overflowing","overflowing","_ref2$dropdown","dropdown","_ref2$variant","variant","_ref2$UNSAFE_helixHea","_excluded2","_ref3","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","a11yProps","$clickable","innerRef","useRef","useEffect","current","validChild","isValidElement","tabSelected","Tab","$selected","$dark","dark","TabInner","cloneElement","undefined","MoreMenu","_ref4","id","ctx","menuRef","_menuRef$current","_menuRef$current$el","_menuRef$current2","_menuRef$current3","el","focus","highlightFirst","highlightSelected","onSelect","selection","hide","event","Options","Children","map","child","i","Item","item","key","Tabs_","Tabs","_ref5","className","_ref5$dark","qa","_ref5$UNSAFE_helixHea","_excluded3","i18n","_React$useState","useState","_React$useState2","_slicedToArray","moreMenuIsShown","setMoreMenuIsShown","_React$useState3","_React$useState4","tabElements","setTabElements","_React$useState5","_React$useState6","cutoffIndex","setCutoffIndex","containerRef","recalculate","container","_tabElements$reduce","reduce","acc","rect","extraSpace","subtotals","concat","_toConsumableArray","total","width","Array","index","findIndex","val","onResize","filtered","toArray","filter","slice","isOverflowingSelected","some","elements","oldElements","autoFocus","beforeShow","afterHide","trigger","passA11yPropsToOverlay","placement","overlay","DropdownTab","length","DropdownTabInner","more","t","size","displayName"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import { CaretDown, CaretUp } from '@procore/core-icons/dist'\nimport React from 'react'\n\nimport { useButton } from '@react-aria/button'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useResize } from '../_hooks/Resize'\nimport { spacing } from '../_styles/spacing'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { getBoundingRect } from '../_utils/dom'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type {\n  DivAttributes,\n  NavAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport {\n  getStyledComponents,\n  StyledOverlay,\n  StyledTabList,\n  StyledTabs,\n} from './Tabs.styles'\nimport type {\n  BaseTabProps,\n  TabDropdownProps,\n  TabProps,\n  TabRef,\n  TabRole,\n  TabRoleType,\n  TabsProps,\n} from './Tabs.types'\n\nconst ExtraTabSpacing = spacing.xxl\nconst HelixHeaderExtraTabSpacing = spacing.sm\n\nfunction noop() {}\n\nexport const Link = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes &\n    Props & {\n      /** @deprecated @experimental Alternative style variant. To be used on Helix Header ONLY */\n      UNSAFE_helixHeader?: boolean\n    }\n>(function Link({ children, UNSAFE_helixHeader = false, ...props }, ref) {\n  const Styled = getStyledComponents(UNSAFE_helixHeader)\n\n  return (\n    <Styled.Link ref={ref} {...props}>\n      {children}\n    </Styled.Link>\n  )\n})\n\nfunction TabInternal(\n  {\n    as,\n    disabled,\n    role,\n    active = false,\n    selected = false,\n    children,\n    onBlur,\n    onFocus,\n    onMount = noop,\n    onUnmount = noop,\n    overflowing = false,\n    dropdown = false,\n    variant = '',\n    UNSAFE_helixHeader = false,\n    ...props\n  }: TabProps<TabRoleType>,\n  ref: TabRef<TabRoleType>\n) {\n  const { onPress } = props as TabProps<'button'>\n\n  const { buttonProps } = useButton(\n    {\n      ...props,\n      onBlur: onBlur as (e: React.FocusEvent) => void,\n      onFocus: onFocus as (e: React.FocusEvent) => void,\n      elementType: role === 'link' ? 'a' : role === 'button' ? 'button' : 'div',\n      isDisabled: disabled,\n      onPress,\n      type: 'button',\n    },\n    ref as any // TODO fix polymorphic type\n  )\n\n  const a11yProps =\n    role === 'button'\n      ? {\n          ...buttonProps,\n          'aria-current': selected || active,\n          as: as || 'button',\n          $clickable: !disabled,\n        }\n      : role === 'link'\n      ? {\n          ...buttonProps,\n          'aria-current': selected || active,\n          as: as || 'a',\n          $clickable: !disabled,\n        }\n      : role === 'tab'\n      ? { role: 'tab', onBlur, onFocus }\n      : { onBlur, onFocus }\n\n  const innerRef = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    onMount(innerRef.current)\n    return onUnmount\n  }, [])\n\n  const validChild = React.isValidElement(children)\n  const tabSelected = active || variant === 'active' || selected\n\n  const Styled = getStyledComponents(UNSAFE_helixHeader)\n\n  return (\n    <Styled.Tab\n      $selected={tabSelected}\n      $dark={props.dark}\n      // @ts-ignore\n      ref={mergeRefs(ref, innerRef)}\n      {...a11yProps}\n      {...props}\n    >\n      <Styled.TabInner $selected={tabSelected} $dark={props.dark}>\n        {validChild\n          ? React.cloneElement(children as React.ReactElement<any, any>, {\n              'aria-current': tabSelected ? true : undefined,\n            })\n          : children}\n      </Styled.TabInner>\n    </Styled.Tab>\n  )\n}\n\nexport const Tab = React.forwardRef(TabInternal) as <Role extends TabRole>(\n  props:\n    | TabProps<Role>\n    | (BaseTabProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof TabInternal>\n\nexport const MoreMenu = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & TabDropdownProps\n>(function MoreMenu({ children, id }, ref) {\n  const ctx = useOverlayTriggerContext()\n\n  const menuRef = React.useRef<MenuRef | null>(null)\n\n  React.useEffect(function () {\n    menuRef.current?.el?.focus()\n    menuRef.current?.highlightFirst()\n    menuRef.current?.highlightSelected()\n  }, [])\n\n  function onSelect(selection: Selection) {\n    ctx.hide(selection.event)\n  }\n\n  return (\n    <StyledOverlay ref={ref}>\n      <MenuImperative id={id} role=\"menu\" ref={menuRef} onSelect={onSelect}>\n        <MenuImperative.Options>\n          {React.Children.map(children, (child, i) => {\n            if (React.isValidElement<BaseTabProps>(child)) {\n              return (\n                <MenuImperative.Item\n                  item={null}\n                  key={i}\n                  selected={child.props.selected || child.props.active}\n                >\n                  {React.cloneElement(child as any, { ref: null })}\n                </MenuImperative.Item>\n              )\n            }\n          })}\n        </MenuImperative.Options>\n      </MenuImperative>\n    </StyledOverlay>\n  )\n})\n\nconst Tabs_ = React.forwardRef<HTMLDivElement, NavAttributes & TabsProps>(\n  function Tabs(\n    {\n      children,\n      className,\n      dark = false,\n      qa,\n      UNSAFE_helixHeader = false,\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n\n    const [moreMenuIsShown, setMoreMenuIsShown] = React.useState(false)\n    const [tabElements, setTabElements] = React.useState<\n      (HTMLDivElement | null)[]\n    >([])\n    const [cutoffIndex, setCutoffIndex] = React.useState(0)\n\n    const containerRef = React.useRef<HTMLDivElement>(null)\n\n    function recalculate() {\n      const container = getBoundingRect(containerRef.current!)\n\n      const { subtotals } = tabElements.reduce(\n        (acc, el) => {\n          if (!el) {\n            return acc\n          }\n          const rect = getBoundingRect(el)\n          const extraSpace = UNSAFE_helixHeader\n            ? HelixHeaderExtraTabSpacing\n            : ExtraTabSpacing\n          return {\n            subtotals: [...acc.subtotals, acc.total + rect.width],\n            total: acc.total + rect.width + extraSpace,\n          }\n        },\n        { subtotals: new Array(), total: 0 }\n      )\n\n      const index = subtotals.findIndex((val: number) => val >= container.width)\n\n      setCutoffIndex(index)\n    }\n\n    useResize({ onResize: recalculate })\n\n    React.useEffect(recalculate)\n\n    const filtered = React.Children.toArray(children).filter((child) => child)\n\n    const overflowing = filtered.slice(cutoffIndex - 1)\n\n    const isOverflowingSelected = React.Children.toArray(overflowing).some(\n      (child) =>\n        React.isValidElement(child) &&\n        (child.props.active || child.props.selected)\n    )\n\n    const Styled = getStyledComponents(UNSAFE_helixHeader)\n\n    return (\n      <StyledTabs ref={ref} $dark={dark} index={cutoffIndex} {...props}>\n        <StyledTabList ref={containerRef}>\n          {filtered.map((child, i) => {\n            if (React.isValidElement(child))\n              return React.cloneElement(child, {\n                dark,\n                onMount: (el: HTMLDivElement) => {\n                  setTabElements((elements) => {\n                    const oldElements = [...elements]\n                    oldElements[i] = el\n                    return oldElements\n                  })\n                },\n                onUnmount: () => {\n                  setTabElements((elements) => {\n                    const oldElements = [...elements]\n                    oldElements[i] = null\n                    return oldElements\n                  })\n                },\n              } as any) // TODO fix type\n          })}\n\n          <OverlayTrigger\n            autoFocus\n            beforeShow={() => setMoreMenuIsShown(true)}\n            afterHide={() => setMoreMenuIsShown(false)}\n            trigger=\"click\"\n            passA11yPropsToOverlay\n            placement=\"bottom-right\"\n            overlay={<MoreMenu>{overflowing}</MoreMenu>}\n            ref={ref}\n            role=\"menu\"\n          >\n            <Styled.DropdownTab\n              $selected={isOverflowingSelected}\n              $dark={dark}\n              aria-hidden={!overflowing.length}\n              as=\"button\"\n            >\n              <Styled.DropdownTabInner\n                $selected={isOverflowingSelected}\n                $dark={dark}\n              >\n                <Styled.Link data-qa={qa?.more}>\n                  {i18n.t('core.tabs.more')}\n                </Styled.Link>\n                {moreMenuIsShown ? (\n                  <CaretUp size=\"sm\" />\n                ) : (\n                  <CaretDown size=\"sm\" />\n                )}\n              </Styled.DropdownTabInner>\n            </Styled.DropdownTab>\n          </OverlayTrigger>\n        </StyledTabList>\n      </StyledTabs>\n    )\n  }\n)\n\nTabs_.displayName = 'Tabs'\n\nLink.displayName = 'Tabs.Link'\n\n// @ts-ignore\nTab.displayName = 'Tabs.Tab'\n\n/**\n\n We use tabs to navigate between different, but related content.\n Tabs are commonly used on tool landing pages and on item detail pages.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tabs--demo)\n\n @see [Design Guidelines](https://design.procore.com/tabs)\n\n */\nexport const Tabs = addSubcomponents(\n  {\n    Link,\n    Tab,\n  },\n  Tabs_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["CaretDown","CaretUp","React","useButton","MenuImperative","OverlayTrigger","useOverlayTriggerContext","useI18nContext","useResize","spacing","addSubcomponents","getBoundingRect","mergeRefs","getStyledComponents","StyledOverlay","StyledTabList","StyledTabs","ExtraTabSpacing","xxl","HelixHeaderExtraTabSpacing","sm","noop","Link","forwardRef","_ref","ref","children","_ref$UNSAFE_helixHead","UNSAFE_helixHeader","props","_objectWithoutProperties","_excluded","Styled","createElement","_extends","TabInternal","_ref2","as","disabled","role","_ref2$active","active","_ref2$selected","selected","onBlur","onFocus","_ref2$onMount","onMount","_ref2$onUnmount","onUnmount","_ref2$overflowing","overflowing","_ref2$dropdown","dropdown","_ref2$variant","variant","_ref2$UNSAFE_helixHea","_excluded2","_ref3","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","a11yProps","$clickable","innerRef","useRef","useEffect","current","validChild","isValidElement","tabSelected","Tab","$selected","$dark","dark","TabInner","cloneElement","undefined","MoreMenu","_ref4","id","ctx","menuRef","_menuRef$current","_menuRef$current$el","_menuRef$current2","_menuRef$current3","el","focus","highlightFirst","highlightSelected","onSelect","selection","hide","event","Options","Children","map","child","i","Item","item","key","Tabs_","Tabs","_ref5","className","_ref5$dark","qa","_ref5$UNSAFE_helixHea","_excluded3","i18n","_React$useState","useState","_React$useState2","_slicedToArray","moreMenuIsShown","setMoreMenuIsShown","_React$useState3","_React$useState4","tabElements","setTabElements","_React$useState5","_React$useState6","cutoffIndex","setCutoffIndex","containerRef","recalculate","container","_tabElements$reduce","reduce","acc","rect","extraSpace","subtotals","concat","_toConsumableArray","total","width","Array","index","findIndex","val","onResize","filtered","toArray","filter","slice","isOverflowingSelected","some","elements","oldElements","autoFocus","beforeShow","afterHide","trigger","passA11yPropsToOverlay","placement","overlay","DropdownTab","length","DropdownTabInner","more","t","size","displayName"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import { CaretDown, CaretUp } from '@procore/core-icons/dist'\nimport React from 'react'\n\nimport { useButton } from '@react-aria/button'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useResize } from '../_hooks/Resize'\nimport { spacing } from '../_styles/spacing'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { getBoundingRect } from '../_utils/dom'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n  getStyledComponents,\n  StyledOverlay,\n  StyledTabList,\n  StyledTabs,\n} from './Tabs.styles'\nimport type {\n  BaseTabProps,\n  TabDropdownProps,\n  TabProps,\n  TabRef,\n  TabRole,\n  TabRoleType,\n  TabsProps,\n} from './Tabs.types'\n\nconst ExtraTabSpacing = spacing.xxl\nconst HelixHeaderExtraTabSpacing = spacing.sm\n\nfunction noop() {}\n\nexport const Link = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement> & {\n    /** @deprecated @experimental Alternative style variant. To be used on Helix Header ONLY */\n    UNSAFE_helixHeader?: boolean\n  }\n>(function Link({ children, UNSAFE_helixHeader = false, ...props }, ref) {\n  const Styled = getStyledComponents(UNSAFE_helixHeader)\n\n  return (\n    <Styled.Link ref={ref} {...props}>\n      {children}\n    </Styled.Link>\n  )\n})\n\nfunction TabInternal(\n  {\n    as,\n    disabled,\n    role,\n    active = false,\n    selected = false,\n    children,\n    onBlur,\n    onFocus,\n    onMount = noop,\n    onUnmount = noop,\n    overflowing = false,\n    dropdown = false,\n    variant = '',\n    UNSAFE_helixHeader = false,\n    ...props\n  }: TabProps<TabRoleType>,\n  ref: TabRef<TabRoleType>\n) {\n  const { onPress } = props as TabProps<'button'>\n\n  const { buttonProps } = useButton(\n    {\n      ...props,\n      onBlur: onBlur as (e: React.FocusEvent) => void,\n      onFocus: onFocus as (e: React.FocusEvent) => void,\n      elementType: role === 'link' ? 'a' : role === 'button' ? 'button' : 'div',\n      isDisabled: disabled,\n      onPress,\n      type: 'button',\n    },\n    ref as any // TODO fix polymorphic type\n  )\n\n  const a11yProps =\n    role === 'button'\n      ? {\n          ...buttonProps,\n          'aria-current': selected || active,\n          as: as || 'button',\n          $clickable: !disabled,\n        }\n      : role === 'link'\n      ? {\n          ...buttonProps,\n          'aria-current': selected || active,\n          as: as || 'a',\n          $clickable: !disabled,\n        }\n      : role === 'tab'\n      ? { role: 'tab', onBlur, onFocus }\n      : { onBlur, onFocus }\n\n  const innerRef = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    onMount(innerRef.current)\n    return onUnmount\n  }, [])\n\n  const validChild = React.isValidElement(children)\n  const tabSelected = active || variant === 'active' || selected\n\n  const Styled = getStyledComponents(UNSAFE_helixHeader)\n\n  return (\n    <Styled.Tab\n      $selected={tabSelected}\n      $dark={props.dark}\n      // @ts-ignore\n      ref={mergeRefs(ref, innerRef)}\n      {...a11yProps}\n      {...props}\n    >\n      <Styled.TabInner $selected={tabSelected} $dark={props.dark}>\n        {validChild\n          ? React.cloneElement(children as React.ReactElement<any, any>, {\n              'aria-current': tabSelected ? true : undefined,\n            })\n          : children}\n      </Styled.TabInner>\n    </Styled.Tab>\n  )\n}\n\nexport const Tab = React.forwardRef(TabInternal) as <Role extends TabRole>(\n  props:\n    | TabProps<Role>\n    | (BaseTabProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof TabInternal>\n\nexport const MoreMenu = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & TabDropdownProps\n>(function MoreMenu({ children, id }, ref) {\n  const ctx = useOverlayTriggerContext()\n\n  const menuRef = React.useRef<MenuRef | null>(null)\n\n  React.useEffect(function () {\n    menuRef.current?.el?.focus()\n    menuRef.current?.highlightFirst()\n    menuRef.current?.highlightSelected()\n  }, [])\n\n  function onSelect(selection: Selection) {\n    ctx.hide(selection.event)\n  }\n\n  return (\n    <StyledOverlay ref={ref}>\n      <MenuImperative id={id} role=\"menu\" ref={menuRef} onSelect={onSelect}>\n        <MenuImperative.Options>\n          {React.Children.map(children, (child, i) => {\n            if (React.isValidElement<BaseTabProps>(child)) {\n              return (\n                <MenuImperative.Item\n                  item={null}\n                  key={i}\n                  selected={child.props.selected || child.props.active}\n                >\n                  {React.cloneElement(child as any, { ref: null })}\n                </MenuImperative.Item>\n              )\n            }\n          })}\n        </MenuImperative.Options>\n      </MenuImperative>\n    </StyledOverlay>\n  )\n})\n\nconst Tabs_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & TabsProps\n>(function Tabs(\n  {\n    children,\n    className,\n    dark = false,\n    qa,\n    UNSAFE_helixHeader = false,\n    ...props\n  },\n  ref\n) {\n  const i18n = useI18nContext()\n\n  const [moreMenuIsShown, setMoreMenuIsShown] = React.useState(false)\n  const [tabElements, setTabElements] = React.useState<\n    (HTMLDivElement | null)[]\n  >([])\n  const [cutoffIndex, setCutoffIndex] = React.useState(0)\n\n  const containerRef = React.useRef<HTMLDivElement>(null)\n\n  function recalculate() {\n    const container = getBoundingRect(containerRef.current!)\n\n    const { subtotals } = tabElements.reduce(\n      (acc, el) => {\n        if (!el) {\n          return acc\n        }\n        const rect = getBoundingRect(el)\n        const extraSpace = UNSAFE_helixHeader\n          ? HelixHeaderExtraTabSpacing\n          : ExtraTabSpacing\n        return {\n          subtotals: [...acc.subtotals, acc.total + rect.width],\n          total: acc.total + rect.width + extraSpace,\n        }\n      },\n      { subtotals: new Array(), total: 0 }\n    )\n\n    const index = subtotals.findIndex((val: number) => val >= container.width)\n\n    setCutoffIndex(index)\n  }\n\n  useResize({ onResize: recalculate })\n\n  React.useEffect(recalculate)\n\n  const filtered = React.Children.toArray(children).filter((child) => child)\n\n  const overflowing = filtered.slice(cutoffIndex - 1)\n\n  const isOverflowingSelected = React.Children.toArray(overflowing).some(\n    (child) =>\n      React.isValidElement(child) &&\n      (child.props.active || child.props.selected)\n  )\n\n  const Styled = getStyledComponents(UNSAFE_helixHeader)\n\n  return (\n    <StyledTabs ref={ref} $dark={dark} index={cutoffIndex} {...props}>\n      <StyledTabList ref={containerRef}>\n        {filtered.map((child, i) => {\n          if (React.isValidElement(child))\n            return React.cloneElement(child, {\n              dark,\n              onMount: (el: HTMLDivElement) => {\n                setTabElements((elements) => {\n                  const oldElements = [...elements]\n                  oldElements[i] = el\n                  return oldElements\n                })\n              },\n              onUnmount: () => {\n                setTabElements((elements) => {\n                  const oldElements = [...elements]\n                  oldElements[i] = null\n                  return oldElements\n                })\n              },\n            } as any) // TODO fix type\n        })}\n\n        <OverlayTrigger\n          autoFocus\n          beforeShow={() => setMoreMenuIsShown(true)}\n          afterHide={() => setMoreMenuIsShown(false)}\n          trigger=\"click\"\n          passA11yPropsToOverlay\n          placement=\"bottom-right\"\n          overlay={<MoreMenu>{overflowing}</MoreMenu>}\n          ref={ref}\n          role=\"menu\"\n        >\n          <Styled.DropdownTab\n            $selected={isOverflowingSelected}\n            $dark={dark}\n            aria-hidden={!overflowing.length}\n            as=\"button\"\n          >\n            <Styled.DropdownTabInner\n              $selected={isOverflowingSelected}\n              $dark={dark}\n            >\n              <Styled.Link data-qa={qa?.more}>\n                {i18n.t('core.tabs.more')}\n              </Styled.Link>\n              {moreMenuIsShown ? (\n                <CaretUp size=\"sm\" />\n              ) : (\n                <CaretDown size=\"sm\" />\n              )}\n            </Styled.DropdownTabInner>\n          </Styled.DropdownTab>\n        </OverlayTrigger>\n      </StyledTabList>\n    </StyledTabs>\n  )\n})\n\nTabs_.displayName = 'Tabs'\n\nLink.displayName = 'Tabs.Link'\n\n// @ts-ignore\nTab.displayName = 'Tabs.Tab'\n\n/**\n\n We use tabs to navigate between different, but related content.\n Tabs are commonly used on tool landing pages and on item detail pages.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tabs--demo)\n\n @see [Design Guidelines](https://design.procore.com/tabs)\n\n */\nexport const Tabs = addSubcomponents(\n  {\n    Link,\n    Tab,\n  },\n  Tabs_\n)\n"],"mappings":"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"}

package/dist/Tabs/Tabs.styles.d.ts

@@ -3,9 +3,9 @@ declare type TabStyleProps = {
     $selected?: boolean;
     $dark?: boolean;
 };
-export declare const StyledOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledTabList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     $dark?: boolean | undefined;

package/dist/Tabs/Tabs.styles.js

@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
  */
 var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabBase",
-  componentId: "core-12_25_0__sc-17s58xs-0"
+  componentId: "core-12_25_2__sc-17s58xs-0"
 })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
 var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabInnerBase",
-  componentId: "core-12_25_0__sc-17s58xs-1"
+  componentId: "core-12_25_2__sc-17s58xs-1"
 })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
 
 // This so that it can be visible/hidden via CSS down below
 var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledDropdownTabBase",
-  componentId: "core-12_25_0__sc-17s58xs-2"
+  componentId: "core-12_25_2__sc-17s58xs-2"
 })(["", ""], hiddenTab);
 
 //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
 }
 var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledTab",
-  componentId: "core-12_25_0__sc-17s58xs-3"
+  componentId: "core-12_25_2__sc-17s58xs-3"
 })(["", ""], getTabStyle);
 var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-12_25_0__sc-17s58xs-4"
+  componentId: "core-12_25_2__sc-17s58xs-4"
 })(["", " padding:0 ", "px;font-weight:", ";&,> a{", ";color:", ";height:23px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
   var $selected = _ref3.$selected;
   return $selected ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
 });
 var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledDropdownTab",
-  componentId: "core-12_25_0__sc-17s58xs-5"
+  componentId: "core-12_25_2__sc-17s58xs-5"
 })(["", ""], getTabStyle);
 var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-12_25_0__sc-17s58xs-6"
+  componentId: "core-12_25_2__sc-17s58xs-6"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_25_0__sc-17s58xs-7"
+  componentId: "core-12_25_2__sc-17s58xs-7"
 })(["align-items:center;display:flex;height:23px;", ";box-sizing:border-box;"], borderRadius);
 
 //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
 }
 var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledGlobalNavigationTab",
-  componentId: "core-12_25_0__sc-17s58xs-8"
+  componentId: "core-12_25_2__sc-17s58xs-8"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTab",
-  componentId: "core-12_25_0__sc-17s58xs-9"
+  componentId: "core-12_25_2__sc-17s58xs-9"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTabInner",
-  componentId: "core-12_25_0__sc-17s58xs-10"
+  componentId: "core-12_25_2__sc-17s58xs-10"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGlobalNavigationLink",
-  componentId: "core-12_25_0__sc-17s58xs-11"
+  componentId: "core-12_25_2__sc-17s58xs-11"
 })(["padding-left:6px;padding-right:6px;"]);
 
 //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
 
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_25_0__sc-17s58xs-12"
+  componentId: "core-12_25_2__sc-17s58xs-12"
 })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{margin:unset;padding:unset;}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
 export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabList",
-  componentId: "core-12_25_0__sc-17s58xs-13"
+  componentId: "core-12_25_2__sc-17s58xs-13"
 })(["display:flex;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-12_25_0__sc-17s58xs-14"
+  componentId: "core-12_25_2__sc-17s58xs-14"
 })(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
   var $dark = _ref6.$dark;
   return $dark && colors.gray15;

package/dist/Tearsheet/Tearsheet.js

@@ -20,10 +20,10 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { Clear } from '@procore/core-icons/dist';
 import React from 'react';
-import { Button } from '../Button/Button';
+import { Button } from '../Button';
 import { StyledModal, StyledModalScrim } from '../Modal/Modal.styles';
 import { useModalDialogLike } from '../OverlayTrigger/a11yPresets';
-import { Portal } from '../Portal/Portal';
+import { Portal } from '../Portal';
 import { useEventRegistry } from '../_hooks/EventRegistry';
 import { OverridableFocusScope } from '../_hooks/FocusScopeOverride';
 import { useHotkey } from '../_hooks/Hotkey';
@@ -55,9 +55,9 @@ export var TearsheetContext = /*#__PURE__*/React.createContext({
 
  */
 export var Tearsheet = /*#__PURE__*/React.forwardRef(function Tearsheet(_ref, ref) {
-  var ariaDescribedby = _ref['aria-describedby'],
+  var ariaDescribedBy = _ref['aria-describedby'],
     ariaDetails = _ref['aria-details'],
-    ariaLabelledby = _ref['aria-labelledby'],
+    ariaLabelledBy = _ref['aria-labelledby'],
     ariaLabel = _ref['aria-label'],
     _ref$block = _ref.block,
     block = _ref$block === void 0 ? false : _ref$block,
@@ -91,9 +91,9 @@ export var Tearsheet = /*#__PURE__*/React.forwardRef(function Tearsheet(_ref, re
   var closeWithConfirm = closeWithConfirmState.closeWithConfirm;
   var onClose = closeWithConfirm(onClose_);
   var _useModalDialogLike = useModalDialogLike({
-      'aria-describedby': ariaDescribedby,
+      'aria-describedby': ariaDescribedBy,
       'aria-details': ariaDetails,
-      'aria-labelledby': ariaLabelledby,
+      'aria-labelledby': ariaLabelledBy,
       'aria-label': ariaLabel,
       id: id,
       isModal: false,
@@ -252,6 +252,9 @@ export var Tearsheet = /*#__PURE__*/React.forwardRef(function Tearsheet(_ref, re
     icon: /*#__PURE__*/React.createElement(Clear, null),
     "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton
   }))))), /*#__PURE__*/React.createElement(StyledTearsheetBody, {
+    "aria-labelledby": ariaLabelledBy,
+    role: "region",
+    tabIndex: 0,
     onScroll: function onScroll() {
       var _registry$current$scr;
       (_registry$current$scr = registry.current.scroll) === null || _registry$current$scr === void 0 ? void 0 : _registry$current$scr.forEach(function (cb) {

package/dist/Tearsheet/Tearsheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.js","names":["e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","enumerable","configurable","writable","_invoke","_OverloadYield","k","_createForOfIteratorHelper","Array","isArray","_unsupportedIterableToArray","_n","F","s","next","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","from","test","push","Clear","React","Button","StyledModal","StyledModalScrim","useModalDialogLike","Portal","useEventRegistry","OverridableFocusScope","useHotkey","useI18nContext","useScrollLock","useUpdateEffect","CloseWithConfirmContext","useCloseWithConfirmState","closingPhasesInOrder","openingPhasesInOrder","animationSpeed","StyledButtonCard","StyledButtonContainer","StyledScrimContainer","StyledTearsheetBody","StyledTearsheetContent","getAnimationState","getScrimClassName","wait","TearsheetContext","createContext","placement","addListener","Tearsheet","forwardRef","_ref","ref","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","_ref$block","block","children","id","open","onClose_","onClose","afterShow","afterHide","_ref$placement","role","_ref$stretch","stretch","qa","I18n","_React$useState","useState","_React$useState2","status","setStatus","_React$useState3","_React$useState4","phase","setPhase","_React$useState5","_React$useState6","isVisible","setIsVisible","closeBtnRef","useRef","closeWithConfirmState","closeWithConfirm","_useModalDialogLike","isModal","isOpen","dialogProps","focusScopeProps","_useEventRegistry","registry","ctx","useMemo","useEffect","handleClose","key","handler","_regeneratorRuntime","mark","_callee","_closeBtnRef$current","_registry$current$aft","_iterator","_step","openingPhase","_iterator2","_step2","closingPhase","wrap","_callee$","_context","prev","t0","finish","current","focus","forEach","cb","abrupt","t1","stop","createElement","_extends","restoreFocus","className","$placement","onClick","scrim","stopPropagation","size","variant","icon","closeButton","onScroll","_registry$current$scr","scroll","$stretch","$block","Provider"],"sources":["../../src/Tearsheet/Tearsheet.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\n\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { StyledModal, StyledModalScrim } from '../Modal/Modal.styles'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal/Portal'\nimport { useEventRegistry } from '../_hooks/EventRegistry'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useHotkey } from '../_hooks/Hotkey'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport { useUpdateEffect } from '../_hooks/useUpdateEffect'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport {\n  closingPhasesInOrder,\n  openingPhasesInOrder,\n} from './Tearsheet.constants'\nimport {\n  animationSpeed,\n  StyledButtonCard,\n  StyledButtonContainer,\n  StyledScrimContainer,\n  StyledTearsheetBody,\n  StyledTearsheetContent,\n} from './Tearsheet.styles'\nimport type {\n  AnimationPhase,\n  AnimationStatus,\n  TearsheetContextProps,\n  TearsheetProps,\n} from './Tearsheet.types'\nimport { getAnimationState, getScrimClassName, wait } from './Tearsheet.util'\n\nexport const TearsheetContext = React.createContext<TearsheetContextProps>({\n  placement: null,\n  addListener: () => () => {},\n})\n\n/**\n\n The Tearsheet is a container for complex content placed over another layout,\n such as the Detail Page layout. They slide out from one direction on the screen.\n They allow users complete complex and detail rich tasks without leaving the page they were on.\n\n @since 10.25.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tearsheet--demo)\n\n  @see [Design Guidelines](https://design.procore.com/tearsheet)\n\n */\nexport const Tearsheet = React.forwardRef<HTMLDivElement, TearsheetProps>(\n  function Tearsheet(\n    {\n      ['aria-describedby']: ariaDescribedby,\n      ['aria-details']: ariaDetails,\n      ['aria-labelledby']: ariaLabelledby,\n      ['aria-label']: ariaLabel,\n      block = false,\n      children,\n      id,\n      open,\n      onClose: onClose_,\n      afterShow,\n      afterHide,\n      placement = 'right',\n      role,\n      stretch = false,\n      qa,\n    },\n    ref\n  ) {\n    const I18n = useI18nContext()\n    const [status, setStatus] = React.useState<AnimationStatus>('closed')\n    const [phase, setPhase] = React.useState<AnimationPhase>('disabled')\n    const [isVisible, setIsVisible] = React.useState<boolean>(open)\n    const closeBtnRef = React.useRef<HTMLButtonElement>(null)\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n    const onClose = closeWithConfirm(onClose_)\n\n    const { dialogProps, focusScopeProps } = useModalDialogLike({\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledby,\n      'aria-label': ariaLabel,\n      id,\n      isModal: false,\n      isOpen: isVisible && status === 'open',\n      role,\n    })\n\n    const { registry, addListener } = useEventRegistry()\n\n    const ctx = React.useMemo(\n      () => ({\n        addListener,\n        placement,\n      }),\n      [placement, addListener]\n    )\n\n    useScrollLock(status !== 'closed')\n\n    React.useEffect(() => {\n      // do not run 'closing' animation if the initial state is closed\n      if (open) {\n        setStatus('opening')\n      }\n    }, [])\n\n    useUpdateEffect(() => {\n      setStatus(open ? 'opening' : 'closing')\n    }, [open])\n\n    function handleClose() {\n      if (status === 'open') {\n        onClose()\n      }\n    }\n\n    useHotkey({\n      key: ['Escape', 'Esc'],\n      handler: handleClose,\n    })\n\n    React.useEffect(() => {\n      ;(async () => {\n        if (status === 'opening') {\n          setIsVisible(true)\n\n          for (const openingPhase of openingPhasesInOrder) {\n            setPhase(openingPhase)\n            await wait(animationSpeed[openingPhase])\n          }\n\n          setStatus('open')\n          setPhase('disabled')\n          closeBtnRef.current?.focus()\n          await wait(0)\n          registry.current.afterShow?.forEach((cb) => cb())\n          afterShow?.()\n\n          return\n        }\n\n        if (status === 'closing') {\n          for (const closingPhase of closingPhasesInOrder) {\n            setPhase(closingPhase)\n            await wait(animationSpeed[closingPhase])\n          }\n\n          setStatus('closed')\n          setPhase('disabled')\n          setIsVisible(false)\n          afterHide?.()\n        }\n      })()\n    }, [status])\n\n    if (!isVisible) {\n      return null\n    }\n\n    return (\n      <Portal>\n        <OverridableFocusScope {...focusScopeProps} restoreFocus>\n          <StyledModal ref={ref} className={getScrimClassName(status, phase)}>\n            <StyledModalScrim />\n            <StyledTearsheetContent\n              {...dialogProps}\n              ref={ref}\n              $placement={placement}\n              {...getAnimationState('tearsheet', phase, status)}\n            >\n              <StyledScrimContainer\n                $placement={placement}\n                onClick={handleClose}\n                data-qa={qa?.scrim}\n              >\n                <StyledButtonContainer $placement={placement}>\n                  <div>\n                    <StyledButtonCard\n                      {...getAnimationState('closeButton', phase, status)}\n                    >\n                      <Button\n                        ref={closeBtnRef}\n                        aria-label={I18n.t('core.tearsheet.a11y.close')}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onClose()\n                        }}\n                        size=\"lg\"\n                        variant=\"tertiary\"\n                        icon={<Clear />}\n                        data-qa={qa?.closeButton}\n                      />\n                    </StyledButtonCard>\n                  </div>\n                </StyledButtonContainer>\n              </StyledScrimContainer>\n              <StyledTearsheetBody\n                onScroll={() => {\n                  registry.current.scroll?.forEach((cb) => cb())\n                }}\n                $placement={placement}\n                $stretch={stretch}\n                $block={block}\n              >\n                <TearsheetContext.Provider value={ctx}>\n                  <CloseWithConfirmContext.Provider\n                    value={closeWithConfirmState}\n                  >\n                    {children}\n                  </CloseWithConfirmContext.Provider>\n                </TearsheetContext.Provider>\n              </StyledTearsheetBody>\n            </StyledTearsheetContent>\n          </StyledModal>\n        </OverridableFocusScope>\n      </Portal>\n    )\n  }\n) as (\n  props: TearsheetProps & {\n    /**\n     * @deprecatedSince 11.11.0\n     * @deprecated This ref is passed to two elements, in the future it will only be provided to the inner element (StyledTearsheetContent).\n     */\n    ref?: React.ComponentPropsWithRef<'div'>['ref']\n  }\n) => React.ReactElement\n"],"mappings":"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"}
+{"version":3,"file":"Tearsheet.js","names":["e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","enumerable","configurable","writable","_invoke","_OverloadYield","k","_createForOfIteratorHelper","Array","isArray","_unsupportedIterableToArray","_n","F","s","next","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","from","test","push","Clear","React","Button","StyledModal","StyledModalScrim","useModalDialogLike","Portal","useEventRegistry","OverridableFocusScope","useHotkey","useI18nContext","useScrollLock","useUpdateEffect","CloseWithConfirmContext","useCloseWithConfirmState","closingPhasesInOrder","openingPhasesInOrder","animationSpeed","StyledButtonCard","StyledButtonContainer","StyledScrimContainer","StyledTearsheetBody","StyledTearsheetContent","getAnimationState","getScrimClassName","wait","TearsheetContext","createContext","placement","addListener","Tearsheet","forwardRef","_ref","ref","ariaDescribedBy","ariaDetails","ariaLabelledBy","ariaLabel","_ref$block","block","children","id","open","onClose_","onClose","afterShow","afterHide","_ref$placement","role","_ref$stretch","stretch","qa","I18n","_React$useState","useState","_React$useState2","status","setStatus","_React$useState3","_React$useState4","phase","setPhase","_React$useState5","_React$useState6","isVisible","setIsVisible","closeBtnRef","useRef","closeWithConfirmState","closeWithConfirm","_useModalDialogLike","isModal","isOpen","dialogProps","focusScopeProps","_useEventRegistry","registry","ctx","useMemo","useEffect","handleClose","key","handler","_regeneratorRuntime","mark","_callee","_closeBtnRef$current","_registry$current$aft","_iterator","_step","openingPhase","_iterator2","_step2","closingPhase","wrap","_callee$","_context","prev","t0","finish","current","focus","forEach","cb","abrupt","t1","stop","createElement","_extends","restoreFocus","className","$placement","onClick","scrim","stopPropagation","size","variant","icon","closeButton","tabIndex","onScroll","_registry$current$scr","scroll","$stretch","$block","Provider"],"sources":["../../src/Tearsheet/Tearsheet.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\n\nimport React from 'react'\nimport { Button } from '../Button'\nimport { StyledModal, StyledModalScrim } from '../Modal/Modal.styles'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal'\nimport { useEventRegistry } from '../_hooks/EventRegistry'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useHotkey } from '../_hooks/Hotkey'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport { useUpdateEffect } from '../_hooks/useUpdateEffect'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport {\n  closingPhasesInOrder,\n  openingPhasesInOrder,\n} from './Tearsheet.constants'\nimport {\n  animationSpeed,\n  StyledButtonCard,\n  StyledButtonContainer,\n  StyledScrimContainer,\n  StyledTearsheetBody,\n  StyledTearsheetContent,\n} from './Tearsheet.styles'\nimport type {\n  AnimationPhase,\n  AnimationStatus,\n  TearsheetContextProps,\n  TearsheetProps,\n} from './Tearsheet.types'\nimport { getAnimationState, getScrimClassName, wait } from './Tearsheet.util'\n\nexport const TearsheetContext = React.createContext<TearsheetContextProps>({\n  placement: null,\n  addListener: () => () => {},\n})\n\n/**\n\n The Tearsheet is a container for complex content placed over another layout,\n such as the Detail Page layout. They slide out from one direction on the screen.\n They allow users complete complex and detail rich tasks without leaving the page they were on.\n\n @since 10.25.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tearsheet--demo)\n\n  @see [Design Guidelines](https://design.procore.com/tearsheet)\n\n */\nexport const Tearsheet = React.forwardRef<HTMLDivElement, TearsheetProps>(\n  function Tearsheet(\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      block = false,\n      children,\n      id,\n      open,\n      onClose: onClose_,\n      afterShow,\n      afterHide,\n      placement = 'right',\n      role,\n      stretch = false,\n      qa,\n    },\n    ref\n  ) {\n    const I18n = useI18nContext()\n    const [status, setStatus] = React.useState<AnimationStatus>('closed')\n    const [phase, setPhase] = React.useState<AnimationPhase>('disabled')\n    const [isVisible, setIsVisible] = React.useState<boolean>(open)\n    const closeBtnRef = React.useRef<HTMLButtonElement>(null)\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n    const onClose = closeWithConfirm(onClose_)\n\n    const { dialogProps, focusScopeProps } = useModalDialogLike({\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      id,\n      isModal: false,\n      isOpen: isVisible && status === 'open',\n      role,\n    })\n\n    const { registry, addListener } = useEventRegistry()\n\n    const ctx = React.useMemo(\n      () => ({\n        addListener,\n        placement,\n      }),\n      [placement, addListener]\n    )\n\n    useScrollLock(status !== 'closed')\n\n    React.useEffect(() => {\n      // do not run 'closing' animation if the initial state is closed\n      if (open) {\n        setStatus('opening')\n      }\n    }, [])\n\n    useUpdateEffect(() => {\n      setStatus(open ? 'opening' : 'closing')\n    }, [open])\n\n    function handleClose() {\n      if (status === 'open') {\n        onClose()\n      }\n    }\n\n    useHotkey({\n      key: ['Escape', 'Esc'],\n      handler: handleClose,\n    })\n\n    React.useEffect(() => {\n      ;(async () => {\n        if (status === 'opening') {\n          setIsVisible(true)\n\n          for (const openingPhase of openingPhasesInOrder) {\n            setPhase(openingPhase)\n            await wait(animationSpeed[openingPhase])\n          }\n\n          setStatus('open')\n          setPhase('disabled')\n          closeBtnRef.current?.focus()\n          await wait(0)\n          registry.current.afterShow?.forEach((cb) => cb())\n          afterShow?.()\n\n          return\n        }\n\n        if (status === 'closing') {\n          for (const closingPhase of closingPhasesInOrder) {\n            setPhase(closingPhase)\n            await wait(animationSpeed[closingPhase])\n          }\n\n          setStatus('closed')\n          setPhase('disabled')\n          setIsVisible(false)\n          afterHide?.()\n        }\n      })()\n    }, [status])\n\n    if (!isVisible) {\n      return null\n    }\n\n    return (\n      <Portal>\n        <OverridableFocusScope {...focusScopeProps} restoreFocus>\n          <StyledModal ref={ref} className={getScrimClassName(status, phase)}>\n            <StyledModalScrim />\n            <StyledTearsheetContent\n              {...dialogProps}\n              ref={ref}\n              $placement={placement}\n              {...getAnimationState('tearsheet', phase, status)}\n            >\n              <StyledScrimContainer\n                $placement={placement}\n                onClick={handleClose}\n                data-qa={qa?.scrim}\n              >\n                <StyledButtonContainer $placement={placement}>\n                  <div>\n                    <StyledButtonCard\n                      {...getAnimationState('closeButton', phase, status)}\n                    >\n                      <Button\n                        ref={closeBtnRef}\n                        aria-label={I18n.t('core.tearsheet.a11y.close')}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onClose()\n                        }}\n                        size=\"lg\"\n                        variant=\"tertiary\"\n                        icon={<Clear />}\n                        data-qa={qa?.closeButton}\n                      />\n                    </StyledButtonCard>\n                  </div>\n                </StyledButtonContainer>\n              </StyledScrimContainer>\n              <StyledTearsheetBody\n                aria-labelledby={ariaLabelledBy}\n                role=\"region\"\n                tabIndex={0}\n                onScroll={() => {\n                  registry.current.scroll?.forEach((cb) => cb())\n                }}\n                $placement={placement}\n                $stretch={stretch}\n                $block={block}\n              >\n                <TearsheetContext.Provider value={ctx}>\n                  <CloseWithConfirmContext.Provider\n                    value={closeWithConfirmState}\n                  >\n                    {children}\n                  </CloseWithConfirmContext.Provider>\n                </TearsheetContext.Provider>\n              </StyledTearsheetBody>\n            </StyledTearsheetContent>\n          </StyledModal>\n        </OverridableFocusScope>\n      </Portal>\n    )\n  }\n) as (\n  props: TearsheetProps & {\n    /**\n     * @deprecatedSince 11.11.0\n     * @deprecated This ref is passed to two elements, in the future it will only be provided to the inner element (StyledTearsheetContent).\n     */\n    ref?: React.ComponentPropsWithRef<'div'>['ref']\n  }\n) => React.ReactElement\n"],"mappings":"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"}

package/dist/Tearsheet/Tearsheet.styles.d.ts

@@ -24,10 +24,10 @@ export declare const StyledScrimContainer: import("styled-components/dist/types"
 export declare const StyledButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $placement: Placement;
 }>> & string;
-export declare const StyledButtonCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledButtonCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, {
     $open: boolean;
     $opening?: boolean | undefined;
     $closing?: boolean | undefined;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Tearsheet/Tearsheet.styles.js

@@ -2,6 +2,7 @@ import styled, { css, keyframes } from 'styled-components';
 import { Card } from '../Card';
 import { StyledPageContainer } from '../PageLayout/PageLayout.styles';
 import { colors } from '../_styles/colors';
+import { getFocus } from '../_styles/mixins';
 import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 import { isIE11 } from '../_utils/isIE11';
@@ -47,7 +48,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_25_0__sc-ljrxoq-0"
+  componentId: "core-12_25_2__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -67,8 +68,8 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_25_0__sc-ljrxoq-1"
-})(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";", " ", "}"], colors.white, function (_ref5) {
+  componentId: "core-12_25_2__sc-ljrxoq-1"
+})(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", " ", "}"], colors.white, getFocus(), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
     $stretch = _ref5.$stretch;
@@ -88,7 +89,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_25_0__sc-ljrxoq-2"
+  componentId: "core-12_25_2__sc-ljrxoq-2"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -96,7 +97,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_25_0__sc-ljrxoq-3"
+  componentId: "core-12_25_2__sc-ljrxoq-3"
 })(["", ""], function (_ref8) {
   var $placement = _ref8.$placement;
   switch ($placement) {
@@ -111,7 +112,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_25_0__sc-ljrxoq-4"
+  componentId: "core-12_25_2__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref9) {
   var $open = _ref9.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/Tearsheet/Tearsheet.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.styles.js","names":["styled","css","keyframes","Card","StyledPageContainer","colors","getShadow","spacing","isIE11","animationSpeed","disabled","tearsheet","scrim","closeButton","slideDistance","positioningProps","right","open","closed","concat","placement","shadow","top","bottom","left","getSlideInAnimation","$placement","getSlideOutAnimation","StyledTearsheetContent","div","withConfig","displayName","componentId","_ref","$open","_ref2","_ref3","$opening","_ref4","$closing","minScrimSize","xxl","StyledTearsheetBody","white","_ref5","$block","$stretch","size","includes","_ref6","zoomIn","zoomOut","StyledScrimContainer","_ref7","minSizeProp","StyledButtonContainer","_ref8","StyledButtonCard","xl","_ref9","_ref0","_ref1"],"sources":["../../src/Tearsheet/Tearsheet.styles.ts"],"sourcesContent":["import type { RuleSet } from 'styled-components'\nimport styled, { css, keyframes } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledPageContainer } from '../PageLayout/PageLayout.styles'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { Placement } from './Tearsheet.types'\n\nexport const animationSpeed = {\n  disabled: 0,\n  tearsheet: 800,\n  scrim: 300,\n  closeButton: 150,\n}\n\nconst slideDistance = '100%'\n\nconst positioningProps: Record<\n  Placement,\n  Record<'open' | 'closed' | 'placement' | 'shadow', string | RuleSet<object>>\n> = {\n  right: {\n    open: `translateX(0);`,\n    closed: `translateX(${slideDistance});`,\n    placement: css`\n      flex-direction: row;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'left'),\n  },\n  // @ts-ignore\n  top: {\n    open: `translateY(0);`,\n    closed: `translateY(-${slideDistance});`,\n    placement: css`\n      flex-direction: column-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'bottom'),\n  },\n  bottom: {\n    open: `translateY(0);`,\n    closed: `translateY(${slideDistance});`,\n    placement: css`\n      flex-direction: column;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'top'),\n  },\n  left: {\n    open: `translateX(0);`,\n    closed: `translateX(-${slideDistance});`,\n    placement: css`\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'right'),\n  },\n}\n\nconst getSlideInAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].closed};\n  }\n  to {\n    transform: ${positioningProps[$placement].open};\n  }\n`\n\nconst getSlideOutAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].open};\n  }\n  to {\n    transform: ${positioningProps[$placement].closed};\n  }\n`\n\nexport const StyledTearsheetContent = styled.div<{\n  $placement: Placement\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ${({ $open, $placement }) =>\n    $open\n      ? css`\n          transform: ${positioningProps[$placement].open};\n        `\n      : css`\n          transform: ${positioningProps[$placement].closed};\n        `}\n\n  ${({ $placement }) => positioningProps[$placement].placement}\n\n  ${({ $opening, $placement }) =>\n    $opening &&\n    css`\n      animation: ${getSlideInAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].open};\n      pointer-events: none;\n    `}\n\n  ${({ $closing, $placement }) =>\n    $closing &&\n    css`\n      animation: ${getSlideOutAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].closed};\n      pointer-events: none;\n    `}\n`\n\nexport const minScrimSize = spacing.xxl * 3\n\nexport const StyledTearsheetBody = styled.div<{\n  $block: boolean\n  $placement: Placement\n  $stretch: boolean\n}>`\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ${colors.white};\n\n  ${({ $block, $placement, $stretch }) => {\n    const size = ['top', 'bottom'].includes($placement) ? '100vh' : '100vw'\n\n    return (\n      ($stretch || $block) &&\n      css`\n        flex: 0 0 calc(${size} - ${minScrimSize}px);\n      `\n    )\n  }}\n\n  ${({ $placement }) => {\n    if (!isIE11()) {\n      return ''\n    }\n\n    if (['top', 'bottom'].includes($placement)) {\n      return css`\n        ${StyledPageContainer} {\n          width: 100vw;\n        }\n      `\n    }\n\n    return css`\n      ${StyledPageContainer} {\n        width: 95vw;\n      }\n    `\n  }}}\n`\n\nconst zoomIn = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`\n\nconst zoomOut = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`\n\nexport const StyledScrimContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    const minSizeProp = ['top', 'bottom'].includes($placement)\n      ? 'min-height'\n      : 'min-width'\n\n    return css`\n      ${minSizeProp}: ${minScrimSize}px;\n      flex-grow: 1;\n    `\n  }}\n`\n\nexport const StyledButtonContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    switch ($placement) {\n      case 'bottom':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n          flex-direction: column;\n          height: 100%;\n        `\n      case 'right':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n        `\n      case 'left':\n      default:\n        return\n    }\n  }}\n`\n\nexport const StyledButtonCard = styled(Card)<{\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: inline-flex;\n  margin: ${spacing.xl}px;\n\n  ${({ $open }) =>\n    $open\n      ? css`\n          transform: scale(1);\n        `\n      : css`\n          transform: scale(0);\n        `}\n\n  ${({ $opening }) =>\n    $opening &&\n    css`\n      animation: ${zoomIn} ${animationSpeed.closeButton}ms;\n      transform: scale(1);\n    `}\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${zoomOut} ${animationSpeed.closeButton}ms;\n      transform: scale(0);\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Tearsheet.styles.js","names":["styled","css","keyframes","Card","StyledPageContainer","colors","getFocus","getShadow","spacing","isIE11","animationSpeed","disabled","tearsheet","scrim","closeButton","slideDistance","positioningProps","right","open","closed","concat","placement","shadow","top","bottom","left","getSlideInAnimation","$placement","getSlideOutAnimation","StyledTearsheetContent","div","withConfig","displayName","componentId","_ref","$open","_ref2","_ref3","$opening","_ref4","$closing","minScrimSize","xxl","StyledTearsheetBody","white","_ref5","$block","$stretch","size","includes","_ref6","zoomIn","zoomOut","StyledScrimContainer","_ref7","minSizeProp","StyledButtonContainer","_ref8","StyledButtonCard","xl","_ref9","_ref0","_ref1"],"sources":["../../src/Tearsheet/Tearsheet.styles.ts"],"sourcesContent":["import type { RuleSet } from 'styled-components'\nimport styled, { css, keyframes } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledPageContainer } from '../PageLayout/PageLayout.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { Placement } from './Tearsheet.types'\n\nexport const animationSpeed = {\n  disabled: 0,\n  tearsheet: 800,\n  scrim: 300,\n  closeButton: 150,\n}\n\nconst slideDistance = '100%'\n\nconst positioningProps: Record<\n  Placement,\n  Record<'open' | 'closed' | 'placement' | 'shadow', string | RuleSet<object>>\n> = {\n  right: {\n    open: `translateX(0);`,\n    closed: `translateX(${slideDistance});`,\n    placement: css`\n      flex-direction: row;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'left'),\n  },\n  // @ts-ignore\n  top: {\n    open: `translateY(0);`,\n    closed: `translateY(-${slideDistance});`,\n    placement: css`\n      flex-direction: column-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'bottom'),\n  },\n  bottom: {\n    open: `translateY(0);`,\n    closed: `translateY(${slideDistance});`,\n    placement: css`\n      flex-direction: column;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'top'),\n  },\n  left: {\n    open: `translateX(0);`,\n    closed: `translateX(-${slideDistance});`,\n    placement: css`\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'right'),\n  },\n}\n\nconst getSlideInAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].closed};\n  }\n  to {\n    transform: ${positioningProps[$placement].open};\n  }\n`\n\nconst getSlideOutAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].open};\n  }\n  to {\n    transform: ${positioningProps[$placement].closed};\n  }\n`\n\nexport const StyledTearsheetContent = styled.div<{\n  $placement: Placement\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ${({ $open, $placement }) =>\n    $open\n      ? css`\n          transform: ${positioningProps[$placement].open};\n        `\n      : css`\n          transform: ${positioningProps[$placement].closed};\n        `}\n\n  ${({ $placement }) => positioningProps[$placement].placement}\n\n  ${({ $opening, $placement }) =>\n    $opening &&\n    css`\n      animation: ${getSlideInAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].open};\n      pointer-events: none;\n    `}\n\n  ${({ $closing, $placement }) =>\n    $closing &&\n    css`\n      animation: ${getSlideOutAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].closed};\n      pointer-events: none;\n    `}\n`\n\nexport const minScrimSize = spacing.xxl * 3\n\nexport const StyledTearsheetBody = styled.div<{\n  $block: boolean\n  $placement: Placement\n  $stretch: boolean\n}>`\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ${colors.white};\n\n  &:focus-visible {\n    ${getFocus()}\n  }\n\n  ${({ $block, $placement, $stretch }) => {\n    const size = ['top', 'bottom'].includes($placement) ? '100vh' : '100vw'\n\n    return (\n      ($stretch || $block) &&\n      css`\n        flex: 0 0 calc(${size} - ${minScrimSize}px);\n      `\n    )\n  }}\n\n  ${({ $placement }) => {\n    if (!isIE11()) {\n      return ''\n    }\n\n    if (['top', 'bottom'].includes($placement)) {\n      return css`\n        ${StyledPageContainer} {\n          width: 100vw;\n        }\n      `\n    }\n\n    return css`\n      ${StyledPageContainer} {\n        width: 95vw;\n      }\n    `\n  }}}\n`\n\nconst zoomIn = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`\n\nconst zoomOut = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`\n\nexport const StyledScrimContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    const minSizeProp = ['top', 'bottom'].includes($placement)\n      ? 'min-height'\n      : 'min-width'\n\n    return css`\n      ${minSizeProp}: ${minScrimSize}px;\n      flex-grow: 1;\n    `\n  }}\n`\n\nexport const StyledButtonContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    switch ($placement) {\n      case 'bottom':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n          flex-direction: column;\n          height: 100%;\n        `\n      case 'right':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n        `\n      case 'left':\n      default:\n        return\n    }\n  }}\n`\n\nexport const StyledButtonCard = styled(Card)<{\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: inline-flex;\n  margin: ${spacing.xl}px;\n\n  ${({ $open }) =>\n    $open\n      ? css`\n          transform: scale(1);\n        `\n      : css`\n          transform: scale(0);\n        `}\n\n  ${({ $opening }) =>\n    $opening &&\n    css`\n      animation: ${zoomIn} ${animationSpeed.closeButton}ms;\n      transform: scale(1);\n    `}\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${zoomOut} ${animationSpeed.closeButton}ms;\n      transform: scale(0);\n    `}\n`\n"],"mappings":"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"}

package/dist/TextArea/TextArea.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { TextAreaAttributes } from '../_utils/types';
 import type { TextAreaProps } from './TextArea.types';
 /**
 
@@ -15,4 +14,4 @@ import type { TextAreaProps } from './TextArea.types';
  @see [Design Guidelines](https://design.procore.com/text-area)
 
  */
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaAttributes & TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["React","StyledTextArea","TextArea","forwardRef","_ref","ref","_ref$resize","resize","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$resize","$error","$variant","displayName"],"sources":["../../src/TextArea/TextArea.tsx"],"sourcesContent":["import React from 'react'\nimport type { TextAreaAttributes } from '../_utils/types'\nimport { StyledTextArea } from './TextArea.styles'\nimport type { TextAreaProps } from './TextArea.types'\n\n/**\n\n Text areas give our users space to input unformatted text. All text areas are\n manually expandable by dragging the bottom right corner to the desired size.\n\n If users need to add formatted text, see Text Editor.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-textarea--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-area)\n\n */\nexport const TextArea = React.forwardRef<\n  HTMLTextAreaElement,\n  TextAreaAttributes & TextAreaProps\n>(function TextArea({ resize = 'both', error, variant, ...props }, ref) {\n  return (\n    <StyledTextArea\n      $resize={resize}\n      $error={error}\n      $variant={variant}\n      {...props}\n      ref={ref}\n    />\n  )\n})\n\nTextArea.displayName = 'TextArea'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,mBAAmB;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CAGtC,SAASD,QAAQA,CAAAE,IAAA,EAAgDC,GAAG,EAAE;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAC7D,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAAa,QAAA;IACbC,OAAO,EAAER,MAAO;IAChBS,MAAM,EAAER,KAAM;IACdS,QAAQ,EAAER;EAAQ,GACdC,KAAK;IACTL,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CAAC,CAAC;AAEFH,QAAQ,CAACgB,WAAW,GAAG,UAAU"}
+{"version":3,"file":"TextArea.js","names":["React","StyledTextArea","TextArea","forwardRef","_ref","ref","_ref$resize","resize","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$resize","$error","$variant","displayName"],"sources":["../../src/TextArea/TextArea.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTextArea } from './TextArea.styles'\nimport type { TextAreaProps } from './TextArea.types'\n\n/**\n\n Text areas give our users space to input unformatted text. All text areas are\n manually expandable by dragging the bottom right corner to the desired size.\n\n If users need to add formatted text, see Text Editor.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-textarea--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-area)\n\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea({ resize = 'both', error, variant, ...props }, ref) {\n    return (\n      <StyledTextArea\n        $resize={resize}\n        $error={error}\n        $variant={variant}\n        {...props}\n        ref={ref}\n      />\n    )\n  }\n)\n\nTextArea.displayName = 'TextArea'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,mBAAmB;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CACtC,SAASD,QAAQA,CAAAE,IAAA,EAAgDC,GAAG,EAAE;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAC3D,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAAa,QAAA;IACbC,OAAO,EAAER,MAAO;IAChBS,MAAM,EAAER,KAAM;IACdS,QAAQ,EAAER;EAAQ,GACdC,KAAK;IACTL,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDH,QAAQ,CAACgB,WAAW,GAAG,UAAU"}

package/dist/TextArea/TextArea.styles.js

@@ -3,10 +3,10 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_25_0__sc-u5mow1-0"
+  componentId: "core-12_25_2__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
-  var _ref$resize = _ref.resize,
-    resize = _ref$resize === void 0 ? 'both' : _ref$resize;
-  return resize;
+  var _ref$$resize = _ref.$resize,
+    $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;
+  return $resize;
 });
 //# sourceMappingURL=TextArea.styles.js.map