@elliemae/ds-accordion 3.70.2 → 3.70.3-rc.1

package/dist/cjs/parts/accordionItem/DSAccordionItem.js

@@ -154,104 +154,85 @@ const DSAccordionItem = (props) => {
       getOwnerProps,
       getOwnerPropsArguments,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_styles.StyledItemDetails,
           {
             open: selected,
             "data-testid": import_constants.DSAccordionDataTestid.ITEM_DETAILS,
             getOwnerProps,
             getOwnerPropsArguments,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                import_styles.StyledItemHeader,
-                {
-                  withCustomActions,
-                  withSecondaryTitle: secondaryTitle,
-                  tabIndex: disabled ? -1 : 0,
-                  disabled,
-                  "data-disabled": disabled,
-                  innerRef: (0, import_ds_system.mergeRefs)(allChildrenReferences[dsIndex], innerRef),
-                  isDSMobile,
-                  "data-testid": import_constants.DSAccordionDataTestid.ITEM_HEADER,
-                  id: headerId,
-                  "aria-expanded": selected,
-                  "aria-disabled": disabled || applyAriaDisabled,
-                  applyAriaDisabled,
-                  "aria-controls": contentId,
-                  ...handlers,
-                  ...globalAttrs,
-                  getOwnerProps,
-                  getOwnerPropsArguments,
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      import_styles.StyledItemHeaderContainer,
-                      {
-                        innerRef: (HTMLNode) => setReferenceElement(HTMLNode ?? null),
-                        getOwnerProps,
-                        getOwnerPropsArguments,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                          import_ItemTitle.ItemTitle,
-                          {
-                            title,
-                            secondaryTitle,
-                            value,
-                            selected,
-                            disabled,
-                            applyAriaDisabled,
-                            wrapLabel,
-                            isDSMobile,
-                            IconOpened,
-                            IconClosed,
-                            onMouseEnter: handleOnFocus,
-                            onMouseLeave: handleOnBlur,
-                            setPrimaryElement,
-                            setSecondaryElement,
-                            getOwnerProps,
-                            getOwnerPropsArguments
-                          }
-                        )
-                      }
-                    ),
-                    wrapLabel ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                      import_ds_floating_context.FloatingWrapper,
-                      {
-                        innerRef: floatingRefs.setFloating,
-                        isOpen: isFloatingOpen,
-                        floatingStyles,
-                        context: floatingContext,
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContent, { getOwnerProps, getOwnerPropsArguments, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: title }),
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-                              " ",
-                              secondaryTitle
-                            ] })
-                          ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              (selected || keepContentMounted) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_styles.StyledItemContent,
-                {
-                  "data-testid": import_constants.DSAccordionDataTestid.ITEM_CONTENT_CONTAINER,
-                  "aria-labelledby": headerId,
-                  role: "region",
-                  isDSMobile,
-                  id: contentId,
-                  ...xstyledContentAttrs,
-                  selected,
-                  keepContentMounted,
-                  applyAriaDisabled,
-                  getOwnerProps,
-                  getOwnerPropsArguments,
-                  children
-                }
-              )
-            ]
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_styles.StyledItemHeader,
+              {
+                withCustomActions,
+                withSecondaryTitle: secondaryTitle,
+                tabIndex: disabled ? -1 : 0,
+                disabled,
+                "data-disabled": disabled,
+                innerRef: (0, import_ds_system.mergeRefs)(allChildrenReferences[dsIndex], innerRef),
+                isDSMobile,
+                "data-testid": import_constants.DSAccordionDataTestid.ITEM_HEADER,
+                id: headerId,
+                "aria-expanded": selected,
+                "aria-disabled": disabled || applyAriaDisabled,
+                applyAriaDisabled,
+                "aria-controls": contentId,
+                ...handlers,
+                ...globalAttrs,
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_styles.StyledItemHeaderContainer,
+                    {
+                      innerRef: (HTMLNode) => setReferenceElement(HTMLNode ?? null),
+                      getOwnerProps,
+                      getOwnerPropsArguments,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_ItemTitle.ItemTitle,
+                        {
+                          title,
+                          secondaryTitle,
+                          value,
+                          selected,
+                          disabled,
+                          applyAriaDisabled,
+                          wrapLabel,
+                          isDSMobile,
+                          IconOpened,
+                          IconClosed,
+                          onMouseEnter: handleOnFocus,
+                          onMouseLeave: handleOnBlur,
+                          setPrimaryElement,
+                          setSecondaryElement,
+                          getOwnerProps,
+                          getOwnerPropsArguments
+                        }
+                      )
+                    }
+                  ),
+                  wrapLabel ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    import_ds_floating_context.FloatingWrapper,
+                    {
+                      innerRef: floatingRefs.setFloating,
+                      isOpen: isFloatingOpen,
+                      floatingStyles,
+                      context: floatingContext,
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContent, { getOwnerProps, getOwnerPropsArguments, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: title }),
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+                            " ",
+                            secondaryTitle
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -266,6 +247,23 @@ const DSAccordionItem = (props) => {
             getOwnerProps,
             getOwnerPropsArguments
           }
+        ),
+        (selected || keepContentMounted) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styles.StyledItemContent,
+          {
+            "data-testid": import_constants.DSAccordionDataTestid.ITEM_CONTENT_CONTAINER,
+            "aria-labelledby": headerId,
+            role: "region",
+            isDSMobile,
+            id: contentId,
+            ...xstyledContentAttrs,
+            selected,
+            keepContentMounted,
+            applyAriaDisabled,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children
+          }
         )
       ]
     }

package/dist/cjs/parts/accordionItem/DSAccordionItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/accordionItem/DSAccordionItem.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { useFloatingContext, FloatingWrapper, PopoverArrow } from '@elliemae/ds-floating-context';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useContext, useState } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../constants/index.js';\nimport { accordionItemDefaultProps } from '../../defaultProps.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.js';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types.js';\nimport { ItemCustomActions } from './ItemCustomActions.js';\nimport { ItemTitle } from './ItemTitle.js';\nimport {\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemDetails,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledTooltipContent,\n} from './styles.js';\nimport { useAccordionItem } from './useAccordionItem.js';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis.js';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionT.InternalItemProps;\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const {\n    children,\n    title,\n    secondaryTitle,\n    customActions,\n    iconOpened: IconOpened,\n    iconClosed: IconClosed,\n    value,\n    disabled,\n    dsIndex,\n    renderCustomActions,\n    CustomActions,\n    xStyledPropsContent,\n    keepContentMounted,\n    innerRef,\n    applyAriaDisabled,\n    wrapLabel,\n    ...rest\n  } = propsWithDefaults;\n\n  const { handleOnKeyDown, toggle, selected } = useAccordionItem({ value, disabled, applyAriaDisabled });\n\n  const xstyledAttrs = useGetXstyledProps(rest);\n  const xstyledContentAttrs = useGetXstyledProps(xStyledPropsContent);\n\n  const {\n    allChildrenReferences,\n    actualActiveValue,\n    props: { isDSMobile },\n  } = useContext(DSAccordionContext);\n\n  const [showPopover, setShowPopover] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const isTooltipOpen = !selected && showPopover;\n  const {\n    refs: floatingRefs,\n    floatingStyles,\n    arrowStyles,\n    context: floatingContext,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isTooltipOpen,\n    externalReferenceElement: referenceElement,\n    withoutAnimation: true,\n    customOffset: [0, 14],\n  });\n\n  const handleSummaryClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Prevent the native <details> toggle \u2014 React state (activeValue) is the\n      // single source of truth and drives the `open` attribute below.\n      e.preventDefault();\n      toggle(e);\n    },\n    [toggle],\n  );\n\n  const handleSummaryKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      // A <summary> toggles natively on Enter/Space; intercept so the toggle is\n      // routed through React state exactly like a click (keeps controlled mode,\n      // allowMultipleOpen exclusivity, and onChange firing once).\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        toggle(e);\n        return;\n      }\n      handleOnKeyDown(e, dsIndex);\n    },\n    [toggle, handleOnKeyDown, dsIndex],\n  );\n\n  const handleSummaryMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      // A native <summary> takes focus on mousedown even with tabIndex -1.\n      // Cancel that for disabled items so they cannot be focused by click either,\n      // matching the pre-migration <button disabled> behavior. applyAriaDisabled\n      // stays focusable by design, so it is intentionally not guarded here.\n      if (disabled) e.preventDefault();\n    },\n    [disabled],\n  );\n\n  const handleOnFocus = useCallback(\n    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n  );\n\n  const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n  const { className, ...globalAttrs } = useGetGlobalAttributes(rest, {\n    onClick: handleSummaryClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleSummaryClick,\n    onKeyDown: handleSummaryKeyDown,\n    onMouseDown: handleSummaryMouseDown,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const headerId = `ds-accordion-header-${value}`;\n  const contentId = `ds-accordion-content-${value}`;\n  const withCustomActions =\n    (customActions?.length > 0 || renderCustomActions !== undefined || CustomActions !== undefined) && !isDSMobile;\n\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      disabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemDetails\n        // Native disclosure state mirrors the React-controlled `selected` flag.\n        // Visibility is still governed by React (content is conditionally\n        // rendered below), so this is for native semantics/consistency only.\n        open={selected}\n        data-testid={DSAccordionDataTestid.ITEM_DETAILS}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={withCustomActions}\n          withSecondaryTitle={secondaryTitle}\n          // A native <summary> is always focusable, so `disabled` (unlike the old\n          // <button disabled>) must be removed from the tab order explicitly.\n          // applyAriaDisabled stays focusable (tabIndex 0) by design.\n          tabIndex={disabled ? -1 : 0}\n          disabled={disabled}\n          data-disabled={disabled}\n          // The trigger is a <summary>; the public innerRef type stays\n          // HTMLButtonElement for backward compatibility, so cast at the boundary.\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef) as React.Ref<HTMLElement>}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={headerId}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={contentId}\n          {...handlers}\n          {...globalAttrs}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledItemHeaderContainer\n            innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <ItemTitle\n              title={title}\n              secondaryTitle={secondaryTitle}\n              value={value}\n              selected={selected}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              wrapLabel={wrapLabel}\n              isDSMobile={isDSMobile}\n              IconOpened={IconOpened}\n              IconClosed={IconClosed}\n              onMouseEnter={handleOnFocus}\n              onMouseLeave={handleOnBlur}\n              setPrimaryElement={setPrimaryElement}\n              setSecondaryElement={setSecondaryElement}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            />\n          </StyledItemHeaderContainer>\n          {wrapLabel ? null : (\n            <FloatingWrapper\n              innerRef={floatingRefs.setFloating}\n              isOpen={isFloatingOpen}\n              floatingStyles={floatingStyles}\n              context={floatingContext}\n            >\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n              <PopoverArrow {...arrowStyles} />\n            </FloatingWrapper>\n          )}\n        </StyledItemHeader>\n        {(selected || keepContentMounted) && (\n          <StyledItemContent\n            data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n            aria-labelledby={headerId}\n            role=\"region\"\n            isDSMobile={isDSMobile}\n            id={contentId}\n            {...xstyledContentAttrs}\n            selected={selected}\n            keepContentMounted={keepContentMounted}\n            applyAriaDisabled={applyAriaDisabled}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {children}\n          </StyledItemContent>\n        )}\n      </StyledItemDetails>\n      <ItemCustomActions\n        customActions={customActions}\n        renderCustomActions={renderCustomActions}\n        CustomActionsComponent={CustomActions}\n        isDSMobile={isDSMobile}\n        allRefs={allChildrenReferences}\n        actualActiveValue={actualActiveValue}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n    </StyledItemContainer>\n  );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as ValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { useFloatingContext, FloatingWrapper, PopoverArrow } from '@elliemae/ds-floating-context';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useContext, useState } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../constants/index.js';\nimport { accordionItemDefaultProps } from '../../defaultProps.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.js';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types.js';\nimport { ItemCustomActions } from './ItemCustomActions.js';\nimport { ItemTitle } from './ItemTitle.js';\nimport {\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemDetails,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledTooltipContent,\n} from './styles.js';\nimport { useAccordionItem } from './useAccordionItem.js';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis.js';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionT.InternalItemProps;\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const {\n    children,\n    title,\n    secondaryTitle,\n    customActions,\n    iconOpened: IconOpened,\n    iconClosed: IconClosed,\n    value,\n    disabled,\n    dsIndex,\n    renderCustomActions,\n    CustomActions,\n    xStyledPropsContent,\n    keepContentMounted,\n    innerRef,\n    applyAriaDisabled,\n    wrapLabel,\n    ...rest\n  } = propsWithDefaults;\n\n  const { handleOnKeyDown, toggle, selected } = useAccordionItem({ value, disabled, applyAriaDisabled });\n\n  const xstyledAttrs = useGetXstyledProps(rest);\n  const xstyledContentAttrs = useGetXstyledProps(xStyledPropsContent);\n\n  const {\n    allChildrenReferences,\n    actualActiveValue,\n    props: { isDSMobile },\n  } = useContext(DSAccordionContext);\n\n  const [showPopover, setShowPopover] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const isTooltipOpen = !selected && showPopover;\n  const {\n    refs: floatingRefs,\n    floatingStyles,\n    arrowStyles,\n    context: floatingContext,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isTooltipOpen,\n    externalReferenceElement: referenceElement,\n    withoutAnimation: true,\n    customOffset: [0, 14],\n  });\n\n  const handleSummaryClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Prevent the native <details> toggle \u2014 React state (activeValue) is the\n      // single source of truth and drives the `open` attribute below.\n      e.preventDefault();\n      toggle(e);\n    },\n    [toggle],\n  );\n\n  const handleSummaryKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      // A <summary> toggles natively on Enter/Space; intercept so the toggle is\n      // routed through React state exactly like a click (keeps controlled mode,\n      // allowMultipleOpen exclusivity, and onChange firing once).\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        toggle(e);\n        return;\n      }\n      handleOnKeyDown(e, dsIndex);\n    },\n    [toggle, handleOnKeyDown, dsIndex],\n  );\n\n  const handleSummaryMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      // A native <summary> takes focus on mousedown even with tabIndex -1.\n      // Cancel that for disabled items so they cannot be focused by click either,\n      // matching the pre-migration <button disabled> behavior. applyAriaDisabled\n      // stays focusable by design, so it is intentionally not guarded here.\n      if (disabled) e.preventDefault();\n    },\n    [disabled],\n  );\n\n  const handleOnFocus = useCallback(\n    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n  );\n\n  const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n  const { className, ...globalAttrs } = useGetGlobalAttributes(rest, {\n    onClick: handleSummaryClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleSummaryClick,\n    onKeyDown: handleSummaryKeyDown,\n    onMouseDown: handleSummaryMouseDown,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const headerId = `ds-accordion-header-${value}`;\n  const contentId = `ds-accordion-content-${value}`;\n  const withCustomActions =\n    (customActions?.length > 0 || renderCustomActions !== undefined || CustomActions !== undefined) && !isDSMobile;\n\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      disabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemDetails\n        // Native disclosure state mirrors the React-controlled `selected` flag.\n        // Visibility is still governed by React (content is conditionally\n        // rendered below, outside <details>), so this is for native\n        // semantics/consistency only.\n        open={selected}\n        data-testid={DSAccordionDataTestid.ITEM_DETAILS}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={withCustomActions}\n          withSecondaryTitle={secondaryTitle}\n          // A native <summary> is always focusable, so `disabled` (unlike the old\n          // <button disabled>) must be removed from the tab order explicitly.\n          // applyAriaDisabled stays focusable (tabIndex 0) by design.\n          tabIndex={disabled ? -1 : 0}\n          disabled={disabled}\n          data-disabled={disabled}\n          // The trigger is a <summary>; the public innerRef type stays\n          // HTMLButtonElement for backward compatibility, so cast at the boundary.\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef) as React.Ref<HTMLElement>}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={headerId}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={contentId}\n          {...handlers}\n          {...globalAttrs}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledItemHeaderContainer\n            innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <ItemTitle\n              title={title}\n              secondaryTitle={secondaryTitle}\n              value={value}\n              selected={selected}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              wrapLabel={wrapLabel}\n              isDSMobile={isDSMobile}\n              IconOpened={IconOpened}\n              IconClosed={IconClosed}\n              onMouseEnter={handleOnFocus}\n              onMouseLeave={handleOnBlur}\n              setPrimaryElement={setPrimaryElement}\n              setSecondaryElement={setSecondaryElement}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            />\n          </StyledItemHeaderContainer>\n          {wrapLabel ? null : (\n            <FloatingWrapper\n              innerRef={floatingRefs.setFloating}\n              isOpen={isFloatingOpen}\n              floatingStyles={floatingStyles}\n              context={floatingContext}\n            >\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n              <PopoverArrow {...arrowStyles} />\n            </FloatingWrapper>\n          )}\n        </StyledItemHeader>\n      </StyledItemDetails>\n      <ItemCustomActions\n        customActions={customActions}\n        renderCustomActions={renderCustomActions}\n        CustomActionsComponent={CustomActions}\n        isDSMobile={isDSMobile}\n        allRefs={allChildrenReferences}\n        actualActiveValue={actualActiveValue}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n      {/* Content is rendered after the custom actions (not inside <details>) so\n          the DOM order matches the visual order and Tab goes\n          header -> actions -> content, as before the native-engine migration. */}\n      {(selected || keepContentMounted) && (\n        <StyledItemContent\n          data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n          aria-labelledby={headerId}\n          role=\"region\"\n          isDSMobile={isDSMobile}\n          id={contentId}\n          {...xstyledContentAttrs}\n          selected={selected}\n          keepContentMounted={keepContentMounted}\n          applyAriaDisabled={applyAriaDisabled}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {children}\n        </StyledItemContent>\n      )}\n    </StyledItemContainer>\n  );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as ValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/accordionItem/styles.js

@@ -78,6 +78,9 @@ const StyledItemDetails = (0, import_ds_system.styled)("details", {
   slot: import_constants.DSAccordionItemSlots.ITEM_DETAILS
 })`
   display: contents;
+  &::details-content {
+    grid-area: content;
+  }
 `;
 const StyledItemHeader = (0, import_ds_system.styled)("summary", {
   name: import_constants.DSAccordionName,

package/dist/cjs/parts/accordionItem/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/accordionItem/styles.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionItemSlots } from '../../constants/index.js';\ninterface StyledItemHeaderPropsT {\n  withCustomActions: boolean;\n  withSecondaryTitle?: string;\n  isDSMobile?: boolean;\n  disabled?: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n  withSecondaryTitle?: string;\n  isDSMobile?: boolean;\n  selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  isDSMobile?: boolean;\n  selected: boolean;\n  withSecondaryTitle: boolean;\n  wrapLabel: boolean;\n}\n\ninterface StyledItemContentPropsT {\n  isDSMobile?: boolean;\n  selected?: boolean;\n  keepContentMounted: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  selected: boolean;\n  wrapLabel: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  isDSMobile?: boolean;\n}\n\ninterface StyledItemContainerPropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n  isDSMobile?: boolean;\n}\n\nexport const StyledItemContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTAINER,\n})<StyledItemContainerPropsT>`\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) max-content;\n  grid-template-areas:\n    'heading actions'\n    'content content';\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  position: relative;\n\n  &::before {\n    content: '';\n    grid-area: 1 / 1 / 2 / -1;\n    align-self: stretch;\n    justify-self: stretch;\n    border-radius: 2px;\n    pointer-events: none;\n    box-sizing: border-box;\n  }\n  &:hover::before {\n    ${({ disabled, applyAriaDisabled, theme }) =>\n      !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n  }\n\n  ${xStyledCommonProps};\n`;\n\n// The `<details>` wrapper is styled with `display: contents` so its children\n// (the summary trigger + the content panel) participate directly in the item\n// container's grid, exactly as the button/content siblings did before the\n// native-engine migration. It carries the additive ITEM_DETAILS slot.\nexport const StyledItemDetails = styled('details', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_DETAILS,\n})`\n  display: contents;\n`;\n\n// Trigger element. Migrated from <button> to <summary> to adopt the native\n// disclosure pattern. Keeps the ITEM_HEADER slot/testid and the focus-ring\n// treatment. Summary defaults (list marker, default cursor) are reset here.\nexport const StyledItemHeader = styled('summary', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\n  grid-area: heading;\n  display: flex;\n  min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n    isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n  width: 100%;\n  align-items: center;\n  border: none;\n  outline: none;\n  background: none;\n  list-style: none;\n  position: relative;\n  &::-webkit-details-marker {\n    display: none;\n  }\n  &:hover {\n    cursor: ${({ disabled, applyAriaDisabled }) => (disabled || applyAriaDisabled ? 'not-allowed' : 'pointer')};\n  }\n  padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n  &:focus {\n    &:after {\n      position: absolute;\n      content: '';\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: 2;\n      ${({ withCustomActions }) =>\n        withCustomActions ? `border-right: none; border-radius: 2px 0 0 2px;` : `border-radius: 2px;`}\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\n  grid-area: content;\n  padding: ${({ isDSMobile }) => (isDSMobile ? `3px 16px 24px 16px` : '16px 20px')};\n  ${({ selected, keepContentMounted }) => {\n    if (selected) return '';\n    return keepContentMounted ? 'visibility: hidden; height: 0px; padding: 0px;' : '';\n  }}\n  color: ${({ applyAriaDisabled, theme }) =>\n    applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  ${xStyledCommonProps};\n`;\n\nexport const StyledItemAddon = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_ADDON,\n})<StyledItemAddonPropsT>`\n  height: 100%;\n  display: grid;\n  place-items: flex-start;\n  & .em-ds-icon svg {\n    fill: ${({ disabled, applyAriaDisabled, theme }) =>\n      disabled || applyAriaDisabled ? theme.colors.neutral[200] : theme.colors.brand[800]};\n  }\n`;\n\nexport const StyledItemTitles = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n  display: grid;\n  grid-gap: ${({ theme }) => theme.space.xxxs};\n  grid-template-columns: 100%;\n  width: 100%;\n  align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.125;\n  text-align: left;\n  text-overflow: ellipsis;\n  min-height: ${({ theme }) => theme.space.xs};\n  color: ${({ disabled, applyAriaDisabled, theme }) =>\n    disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n   overflow: hidden;\n   white-space: nowrap;\n   `};\n  ${({ wrapLabel }) =>\n    wrapLabel &&\n    `\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    word-break: break-word;\n`};\n  width: 100%;\n  display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  line-height: 1.273;\n  text-align: left;\n  min-height: 12px;\n  color: ${({ disabled, applyAriaDisabled, theme }) =>\n    disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  text-overflow: ellipsis;\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  display: block;`}\n  ${({ wrapLabel }) =>\n    wrapLabel &&\n    `\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    word-break: break-word;\n`};\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n  grid-area: actions;\n  position: relative;\n  align-self: stretch;\n  z-index: 1;\n  display: grid;\n  grid-auto-flow: column;\n  place-items: center;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : `0 20px 0 0`)};\n  justify-content: flex-end;\n  min-height: 28px;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: -20px;\n    border: 2px solid transparent;\n    border-left: none;\n    border-radius: 0 2px 2px 0;\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  /* Right half of the focus ring lights up when the sibling summary (inside the\n     display:contents <details>) is focused. Replaces the pre-migration\n     header-container:focus-within selector now that the trigger moved into\n     <details>. */\n  ${StyledItemDetails}:focus-within + &::after {\n    border-color: ${({ theme }) => theme.colors.brand[700]};\n  }\n`;\n\n// Heading wrapper. Now nested inside the <summary> trigger (native disclosure\n// pattern places the heading inside the summary). Consumers still apply heading\n// semantics through the dsAccordionItemHeaderContainer slot prop\n// (role=\"heading\" + aria-level), exactly as before the migration.\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})`\n  position: relative;\n  align-self: stretch;\n  min-width: 0;\n  width: 100%;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledTooltipContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_TOOLTIP,\n})`\n  padding: 8px;\n  width: 250px;\n  background: white;\n  display: grid;\n  gap: ${({ theme }) => theme.space.xxs};\n\n  p {\n    margin: 0;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionItemSlots } from '../../constants/index.js';\ninterface StyledItemHeaderPropsT {\n  withCustomActions: boolean;\n  withSecondaryTitle?: string;\n  isDSMobile?: boolean;\n  disabled?: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n  withSecondaryTitle?: string;\n  isDSMobile?: boolean;\n  selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  isDSMobile?: boolean;\n  selected: boolean;\n  withSecondaryTitle: boolean;\n  wrapLabel: boolean;\n}\n\ninterface StyledItemContentPropsT {\n  isDSMobile?: boolean;\n  selected?: boolean;\n  keepContentMounted: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  selected: boolean;\n  wrapLabel: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  isDSMobile?: boolean;\n}\n\ninterface StyledItemContainerPropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n  isDSMobile?: boolean;\n}\n\nexport const StyledItemContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTAINER,\n})<StyledItemContainerPropsT>`\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) max-content;\n  grid-template-areas:\n    'heading actions'\n    'content content';\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  position: relative;\n\n  &::before {\n    content: '';\n    grid-area: 1 / 1 / 2 / -1;\n    align-self: stretch;\n    justify-self: stretch;\n    border-radius: 2px;\n    pointer-events: none;\n    box-sizing: border-box;\n  }\n  &:hover::before {\n    ${({ disabled, applyAriaDisabled, theme }) =>\n      !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n  }\n\n  ${xStyledCommonProps};\n`;\n\n// The `<details>` wrapper is styled with `display: contents` so the summary\n// trigger participates directly in the item container's grid, exactly as the\n// button did before the native-engine migration. It carries the additive\n// ITEM_DETAILS slot. The content panel is a sibling rendered after the custom\n// actions, not a child: the UA wraps every non-summary child of <details> in\n// the `::details-content` pseudo (a real block box), which would take it out of\n// the grid and put it before the actions in the Tab order.\n// That pseudo is still generated (empty) and becomes a grid item, so it is\n// pinned to the content area to keep it from auto-placing into an extra row.\nexport const StyledItemDetails = styled('details', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_DETAILS,\n})`\n  display: contents;\n  &::details-content {\n    grid-area: content;\n  }\n`;\n\n// Trigger element. Migrated from <button> to <summary> to adopt the native\n// disclosure pattern. Keeps the ITEM_HEADER slot/testid and the focus-ring\n// treatment. Summary defaults (list marker, default cursor) are reset here.\nexport const StyledItemHeader = styled('summary', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\n  grid-area: heading;\n  display: flex;\n  min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n    isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n  width: 100%;\n  align-items: center;\n  border: none;\n  outline: none;\n  background: none;\n  list-style: none;\n  position: relative;\n  &::-webkit-details-marker {\n    display: none;\n  }\n  &:hover {\n    cursor: ${({ disabled, applyAriaDisabled }) => (disabled || applyAriaDisabled ? 'not-allowed' : 'pointer')};\n  }\n  padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n  &:focus {\n    &:after {\n      position: absolute;\n      content: '';\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: 2;\n      ${({ withCustomActions }) =>\n        withCustomActions ? `border-right: none; border-radius: 2px 0 0 2px;` : `border-radius: 2px;`}\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\n  grid-area: content;\n  padding: ${({ isDSMobile }) => (isDSMobile ? `3px 16px 24px 16px` : '16px 20px')};\n  ${({ selected, keepContentMounted }) => {\n    if (selected) return '';\n    return keepContentMounted ? 'visibility: hidden; height: 0px; padding: 0px;' : '';\n  }}\n  color: ${({ applyAriaDisabled, theme }) =>\n    applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  ${xStyledCommonProps};\n`;\n\nexport const StyledItemAddon = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_ADDON,\n})<StyledItemAddonPropsT>`\n  height: 100%;\n  display: grid;\n  place-items: flex-start;\n  & .em-ds-icon svg {\n    fill: ${({ disabled, applyAriaDisabled, theme }) =>\n      disabled || applyAriaDisabled ? theme.colors.neutral[200] : theme.colors.brand[800]};\n  }\n`;\n\nexport const StyledItemTitles = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n  display: grid;\n  grid-gap: ${({ theme }) => theme.space.xxxs};\n  grid-template-columns: 100%;\n  width: 100%;\n  align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.125;\n  text-align: left;\n  text-overflow: ellipsis;\n  min-height: ${({ theme }) => theme.space.xs};\n  color: ${({ disabled, applyAriaDisabled, theme }) =>\n    disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n   overflow: hidden;\n   white-space: nowrap;\n   `};\n  ${({ wrapLabel }) =>\n    wrapLabel &&\n    `\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    word-break: break-word;\n`};\n  width: 100%;\n  display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  line-height: 1.273;\n  text-align: left;\n  min-height: 12px;\n  color: ${({ disabled, applyAriaDisabled, theme }) =>\n    disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  text-overflow: ellipsis;\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  display: block;`}\n  ${({ wrapLabel }) =>\n    wrapLabel &&\n    `\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    word-break: break-word;\n`};\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n  grid-area: actions;\n  position: relative;\n  align-self: stretch;\n  z-index: 1;\n  display: grid;\n  grid-auto-flow: column;\n  place-items: center;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : `0 20px 0 0`)};\n  justify-content: flex-end;\n  min-height: 28px;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: -20px;\n    border: 2px solid transparent;\n    border-left: none;\n    border-radius: 0 2px 2px 0;\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  /* Right half of the focus ring lights up when the sibling summary (inside the\n     display:contents <details>) is focused. Replaces the pre-migration\n     header-container:focus-within selector now that the trigger moved into\n     <details>. */\n  ${StyledItemDetails}:focus-within + &::after {\n    border-color: ${({ theme }) => theme.colors.brand[700]};\n  }\n`;\n\n// Heading wrapper. Now nested inside the <summary> trigger (native disclosure\n// pattern places the heading inside the summary). Consumers still apply heading\n// semantics through the dsAccordionItemHeaderContainer slot prop\n// (role=\"heading\" + aria-level), exactly as before the migration.\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})`\n  position: relative;\n  align-self: stretch;\n  min-width: 0;\n  width: 100%;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledTooltipContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_TOOLTIP,\n})`\n  padding: 8px;\n  width: 250px;\n  background: white;\n  display: grid;\n  gap: ${({ theme }) => theme.space.xxs};\n\n  p {\n    margin: 0;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/parts/accordionItem/DSAccordionItem.js

@@ -131,104 +131,85 @@ const DSAccordionItem = (props) => {
       getOwnerProps,
       getOwnerPropsArguments,
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           StyledItemDetails,
           {
             open: selected,
             "data-testid": DSAccordionDataTestid.ITEM_DETAILS,
             getOwnerProps,
             getOwnerPropsArguments,
-            children: [
-              /* @__PURE__ */ jsxs(
-                StyledItemHeader,
-                {
-                  withCustomActions,
-                  withSecondaryTitle: secondaryTitle,
-                  tabIndex: disabled ? -1 : 0,
-                  disabled,
-                  "data-disabled": disabled,
-                  innerRef: mergeRefs(allChildrenReferences[dsIndex], innerRef),
-                  isDSMobile,
-                  "data-testid": DSAccordionDataTestid.ITEM_HEADER,
-                  id: headerId,
-                  "aria-expanded": selected,
-                  "aria-disabled": disabled || applyAriaDisabled,
-                  applyAriaDisabled,
-                  "aria-controls": contentId,
-                  ...handlers,
-                  ...globalAttrs,
-                  getOwnerProps,
-                  getOwnerPropsArguments,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      StyledItemHeaderContainer,
-                      {
-                        innerRef: (HTMLNode) => setReferenceElement(HTMLNode ?? null),
-                        getOwnerProps,
-                        getOwnerPropsArguments,
-                        children: /* @__PURE__ */ jsx(
-                          ItemTitle,
-                          {
-                            title,
-                            secondaryTitle,
-                            value,
-                            selected,
-                            disabled,
-                            applyAriaDisabled,
-                            wrapLabel,
-                            isDSMobile,
-                            IconOpened,
-                            IconClosed,
-                            onMouseEnter: handleOnFocus,
-                            onMouseLeave: handleOnBlur,
-                            setPrimaryElement,
-                            setSecondaryElement,
-                            getOwnerProps,
-                            getOwnerPropsArguments
-                          }
-                        )
-                      }
-                    ),
-                    wrapLabel ? null : /* @__PURE__ */ jsxs(
-                      FloatingWrapper,
-                      {
-                        innerRef: floatingRefs.setFloating,
-                        isOpen: isFloatingOpen,
-                        floatingStyles,
-                        context: floatingContext,
-                        children: [
-                          /* @__PURE__ */ jsxs(StyledTooltipContent, { getOwnerProps, getOwnerPropsArguments, children: [
-                            /* @__PURE__ */ jsx("p", { children: title }),
-                            /* @__PURE__ */ jsxs("p", { children: [
-                              " ",
-                              secondaryTitle
-                            ] })
-                          ] }),
-                          /* @__PURE__ */ jsx(PopoverArrow, { ...arrowStyles })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              (selected || keepContentMounted) && /* @__PURE__ */ jsx(
-                StyledItemContent,
-                {
-                  "data-testid": DSAccordionDataTestid.ITEM_CONTENT_CONTAINER,
-                  "aria-labelledby": headerId,
-                  role: "region",
-                  isDSMobile,
-                  id: contentId,
-                  ...xstyledContentAttrs,
-                  selected,
-                  keepContentMounted,
-                  applyAriaDisabled,
-                  getOwnerProps,
-                  getOwnerPropsArguments,
-                  children
-                }
-              )
-            ]
+            children: /* @__PURE__ */ jsxs(
+              StyledItemHeader,
+              {
+                withCustomActions,
+                withSecondaryTitle: secondaryTitle,
+                tabIndex: disabled ? -1 : 0,
+                disabled,
+                "data-disabled": disabled,
+                innerRef: mergeRefs(allChildrenReferences[dsIndex], innerRef),
+                isDSMobile,
+                "data-testid": DSAccordionDataTestid.ITEM_HEADER,
+                id: headerId,
+                "aria-expanded": selected,
+                "aria-disabled": disabled || applyAriaDisabled,
+                applyAriaDisabled,
+                "aria-controls": contentId,
+                ...handlers,
+                ...globalAttrs,
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    StyledItemHeaderContainer,
+                    {
+                      innerRef: (HTMLNode) => setReferenceElement(HTMLNode ?? null),
+                      getOwnerProps,
+                      getOwnerPropsArguments,
+                      children: /* @__PURE__ */ jsx(
+                        ItemTitle,
+                        {
+                          title,
+                          secondaryTitle,
+                          value,
+                          selected,
+                          disabled,
+                          applyAriaDisabled,
+                          wrapLabel,
+                          isDSMobile,
+                          IconOpened,
+                          IconClosed,
+                          onMouseEnter: handleOnFocus,
+                          onMouseLeave: handleOnBlur,
+                          setPrimaryElement,
+                          setSecondaryElement,
+                          getOwnerProps,
+                          getOwnerPropsArguments
+                        }
+                      )
+                    }
+                  ),
+                  wrapLabel ? null : /* @__PURE__ */ jsxs(
+                    FloatingWrapper,
+                    {
+                      innerRef: floatingRefs.setFloating,
+                      isOpen: isFloatingOpen,
+                      floatingStyles,
+                      context: floatingContext,
+                      children: [
+                        /* @__PURE__ */ jsxs(StyledTooltipContent, { getOwnerProps, getOwnerPropsArguments, children: [
+                          /* @__PURE__ */ jsx("p", { children: title }),
+                          /* @__PURE__ */ jsxs("p", { children: [
+                            " ",
+                            secondaryTitle
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsx(PopoverArrow, { ...arrowStyles })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsx(
@@ -243,6 +224,23 @@ const DSAccordionItem = (props) => {
             getOwnerProps,
             getOwnerPropsArguments
           }
+        ),
+        (selected || keepContentMounted) && /* @__PURE__ */ jsx(
+          StyledItemContent,
+          {
+            "data-testid": DSAccordionDataTestid.ITEM_CONTENT_CONTAINER,
+            "aria-labelledby": headerId,
+            role: "region",
+            isDSMobile,
+            id: contentId,
+            ...xstyledContentAttrs,
+            selected,
+            keepContentMounted,
+            applyAriaDisabled,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children
+          }
         )
       ]
     }

package/dist/esm/parts/accordionItem/DSAccordionItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionItem/DSAccordionItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { useFloatingContext, FloatingWrapper, PopoverArrow } from '@elliemae/ds-floating-context';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useContext, useState } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../constants/index.js';\nimport { accordionItemDefaultProps } from '../../defaultProps.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.js';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types.js';\nimport { ItemCustomActions } from './ItemCustomActions.js';\nimport { ItemTitle } from './ItemTitle.js';\nimport {\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemDetails,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledTooltipContent,\n} from './styles.js';\nimport { useAccordionItem } from './useAccordionItem.js';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis.js';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionT.InternalItemProps;\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const {\n    children,\n    title,\n    secondaryTitle,\n    customActions,\n    iconOpened: IconOpened,\n    iconClosed: IconClosed,\n    value,\n    disabled,\n    dsIndex,\n    renderCustomActions,\n    CustomActions,\n    xStyledPropsContent,\n    keepContentMounted,\n    innerRef,\n    applyAriaDisabled,\n    wrapLabel,\n    ...rest\n  } = propsWithDefaults;\n\n  const { handleOnKeyDown, toggle, selected } = useAccordionItem({ value, disabled, applyAriaDisabled });\n\n  const xstyledAttrs = useGetXstyledProps(rest);\n  const xstyledContentAttrs = useGetXstyledProps(xStyledPropsContent);\n\n  const {\n    allChildrenReferences,\n    actualActiveValue,\n    props: { isDSMobile },\n  } = useContext(DSAccordionContext);\n\n  const [showPopover, setShowPopover] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const isTooltipOpen = !selected && showPopover;\n  const {\n    refs: floatingRefs,\n    floatingStyles,\n    arrowStyles,\n    context: floatingContext,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isTooltipOpen,\n    externalReferenceElement: referenceElement,\n    withoutAnimation: true,\n    customOffset: [0, 14],\n  });\n\n  const handleSummaryClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Prevent the native <details> toggle \u2014 React state (activeValue) is the\n      // single source of truth and drives the `open` attribute below.\n      e.preventDefault();\n      toggle(e);\n    },\n    [toggle],\n  );\n\n  const handleSummaryKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      // A <summary> toggles natively on Enter/Space; intercept so the toggle is\n      // routed through React state exactly like a click (keeps controlled mode,\n      // allowMultipleOpen exclusivity, and onChange firing once).\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        toggle(e);\n        return;\n      }\n      handleOnKeyDown(e, dsIndex);\n    },\n    [toggle, handleOnKeyDown, dsIndex],\n  );\n\n  const handleSummaryMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      // A native <summary> takes focus on mousedown even with tabIndex -1.\n      // Cancel that for disabled items so they cannot be focused by click either,\n      // matching the pre-migration <button disabled> behavior. applyAriaDisabled\n      // stays focusable by design, so it is intentionally not guarded here.\n      if (disabled) e.preventDefault();\n    },\n    [disabled],\n  );\n\n  const handleOnFocus = useCallback(\n    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n  );\n\n  const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n  const { className, ...globalAttrs } = useGetGlobalAttributes(rest, {\n    onClick: handleSummaryClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleSummaryClick,\n    onKeyDown: handleSummaryKeyDown,\n    onMouseDown: handleSummaryMouseDown,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const headerId = `ds-accordion-header-${value}`;\n  const contentId = `ds-accordion-content-${value}`;\n  const withCustomActions =\n    (customActions?.length > 0 || renderCustomActions !== undefined || CustomActions !== undefined) && !isDSMobile;\n\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      disabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemDetails\n        // Native disclosure state mirrors the React-controlled `selected` flag.\n        // Visibility is still governed by React (content is conditionally\n        // rendered below), so this is for native semantics/consistency only.\n        open={selected}\n        data-testid={DSAccordionDataTestid.ITEM_DETAILS}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={withCustomActions}\n          withSecondaryTitle={secondaryTitle}\n          // A native <summary> is always focusable, so `disabled` (unlike the old\n          // <button disabled>) must be removed from the tab order explicitly.\n          // applyAriaDisabled stays focusable (tabIndex 0) by design.\n          tabIndex={disabled ? -1 : 0}\n          disabled={disabled}\n          data-disabled={disabled}\n          // The trigger is a <summary>; the public innerRef type stays\n          // HTMLButtonElement for backward compatibility, so cast at the boundary.\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef) as React.Ref<HTMLElement>}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={headerId}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={contentId}\n          {...handlers}\n          {...globalAttrs}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledItemHeaderContainer\n            innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <ItemTitle\n              title={title}\n              secondaryTitle={secondaryTitle}\n              value={value}\n              selected={selected}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              wrapLabel={wrapLabel}\n              isDSMobile={isDSMobile}\n              IconOpened={IconOpened}\n              IconClosed={IconClosed}\n              onMouseEnter={handleOnFocus}\n              onMouseLeave={handleOnBlur}\n              setPrimaryElement={setPrimaryElement}\n              setSecondaryElement={setSecondaryElement}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            />\n          </StyledItemHeaderContainer>\n          {wrapLabel ? null : (\n            <FloatingWrapper\n              innerRef={floatingRefs.setFloating}\n              isOpen={isFloatingOpen}\n              floatingStyles={floatingStyles}\n              context={floatingContext}\n            >\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n              <PopoverArrow {...arrowStyles} />\n            </FloatingWrapper>\n          )}\n        </StyledItemHeader>\n        {(selected || keepContentMounted) && (\n          <StyledItemContent\n            data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n            aria-labelledby={headerId}\n            role=\"region\"\n            isDSMobile={isDSMobile}\n            id={contentId}\n            {...xstyledContentAttrs}\n            selected={selected}\n            keepContentMounted={keepContentMounted}\n            applyAriaDisabled={applyAriaDisabled}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {children}\n          </StyledItemContent>\n        )}\n      </StyledItemDetails>\n      <ItemCustomActions\n        customActions={customActions}\n        renderCustomActions={renderCustomActions}\n        CustomActionsComponent={CustomActions}\n        isDSMobile={isDSMobile}\n        allRefs={allChildrenReferences}\n        actualActiveValue={actualActiveValue}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n    </StyledItemContainer>\n  );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as ValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwMX,cA4BI,YA5BJ;AAtMZ,SAAS,oBAAoB,iBAAiB,oBAAoB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,iBAAiB;AAC1B,SAAgB,aAAa,YAAY,gBAAgB;AACzD,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,iCAAiC;AAE1C,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AAErC,MAAM,kBAAkB,CAAC,UAA+C;AACtE,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,gBAAgB,YAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,iBAAiB,QAAQ,SAAS,IAAI,iBAAiB,EAAE,OAAO,UAAU,kBAAkB,CAAC;AAErG,QAAM,eAAe,mBAAmB,IAAI;AAC5C,QAAM,sBAAsB,mBAAmB,mBAAmB;AAElE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,WAAW;AAAA,EACtB,IAAI,WAAW,kBAAkB;AAEjC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA6B,IAAI;AAEjF,QAAM,EAAE,mBAAmB,0BAA0B,YAAY,kBAAkB,IAAI,qBAAqB;AAC5G,QAAM,EAAE,mBAAmB,4BAA4B,YAAY,oBAAoB,IAAI,qBAAqB;AAEhH,QAAM,gBAAgB,CAAC,YAAY;AACnC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,IAAI,mBAAmB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,kBAAkB;AAAA,IAClB,cAAc,CAAC,GAAG,EAAE;AAAA,EACtB,CAAC;AAED,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAAwB;AAGvB,QAAE,eAAe;AACjB,aAAO,CAAC;AAAA,IACV;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,uBAAuB;AAAA,IAC3B,CAAC,MAA2B;AAI1B,UAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,UAAE,eAAe;AACjB,eAAO,CAAC;AACR;AAAA,MACF;AACA,sBAAgB,GAAG,OAAO;AAAA,IAC5B;AAAA,IACA,CAAC,QAAQ,iBAAiB,OAAO;AAAA,EACnC;AAEA,QAAM,yBAAyB;AAAA,IAC7B,CAAC,MAAwB;AAKvB,UAAI,SAAU,GAAE,eAAe;AAAA,IACjC;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,gBAAgB;AAAA,IACpB,MAAM,eAAe,4BAA4B,0BAA0B;AAAA,IAC3E,CAAC,0BAA0B,0BAA0B;AAAA,EACvD;AAEA,QAAM,eAAe,YAAY,MAAM,eAAe,KAAK,GAAG,CAAC,CAAC;AAEhE,QAAM,EAAE,WAAW,GAAG,YAAY,IAAI,uBAAuB,MAAM;AAAA,IACjE,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,WAAW;AAAA,IACf,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAEA,QAAM,WAAW,uBAAuB,KAAK;AAC7C,QAAM,YAAY,wBAAwB,KAAK;AAC/C,QAAM,qBACH,eAAe,SAAS,KAAK,wBAAwB,UAAa,kBAAkB,WAAc,CAAC;AAEtG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,sBAAsB;AAAA,MACnC;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YAIC,MAAM;AAAA,YACN,eAAa,sBAAsB;AAAA,YACnC;AAAA,YACA;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,oBAAoB;AAAA,kBAIpB,UAAU,WAAW,KAAK;AAAA,kBAC1B;AAAA,kBACA,iBAAe;AAAA,kBAGf,UAAU,UAAU,sBAAsB,OAAO,GAAG,QAAQ;AAAA,kBAC5D;AAAA,kBACA,eAAa,sBAAsB;AAAA,kBACnC,IAAI;AAAA,kBACJ,iBAAe;AAAA,kBACf,iBAAe,YAAY;AAAA,kBAC3B;AAAA,kBACA,iBAAe;AAAA,kBACd,GAAG;AAAA,kBACH,GAAG;AAAA,kBACJ;AAAA,kBACA;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,UAAU,CAAC,aAAa,oBAAoB,YAAY,IAAI;AAAA,wBAC5D;AAAA,wBACA;AAAA,wBAEA;AAAA,0BAAC;AAAA;AAAA,4BACC;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA,cAAc;AAAA,4BACd,cAAc;AAAA,4BACd;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA;AAAA,wBACF;AAAA;AAAA,oBACF;AAAA,oBACC,YAAY,OACX;AAAA,sBAAC;AAAA;AAAA,wBACC,UAAU,aAAa;AAAA,wBACvB,QAAQ;AAAA,wBACR;AAAA,wBACA,SAAS;AAAA,wBAET;AAAA,+CAAC,wBAAqB,eAA8B,wBAClD;AAAA,gDAAC,OAAG,iBAAM;AAAA,4BACV,qBAAC,OAAE;AAAA;AAAA,8BAAE;AAAA,+BAAe;AAAA,6BACtB;AAAA,0BACA,oBAAC,gBAAc,GAAG,aAAa;AAAA;AAAA;AAAA,oBACjC;AAAA;AAAA;AAAA,cAEJ;AAAA,eACE,YAAY,uBACZ;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,sBAAsB;AAAA,kBACnC,mBAAiB;AAAA,kBACjB,MAAK;AAAA,kBACL;AAAA,kBACA,IAAI;AAAA,kBACH,GAAG;AAAA,kBACJ;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBAEC;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,wBAAwB;AAAA,YACxB;AAAA,YACA,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;AAGtC,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { useFloatingContext, FloatingWrapper, PopoverArrow } from '@elliemae/ds-floating-context';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useContext, useState } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../constants/index.js';\nimport { accordionItemDefaultProps } from '../../defaultProps.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.js';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types.js';\nimport { ItemCustomActions } from './ItemCustomActions.js';\nimport { ItemTitle } from './ItemTitle.js';\nimport {\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemDetails,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledTooltipContent,\n} from './styles.js';\nimport { useAccordionItem } from './useAccordionItem.js';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis.js';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionT.InternalItemProps;\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const {\n    children,\n    title,\n    secondaryTitle,\n    customActions,\n    iconOpened: IconOpened,\n    iconClosed: IconClosed,\n    value,\n    disabled,\n    dsIndex,\n    renderCustomActions,\n    CustomActions,\n    xStyledPropsContent,\n    keepContentMounted,\n    innerRef,\n    applyAriaDisabled,\n    wrapLabel,\n    ...rest\n  } = propsWithDefaults;\n\n  const { handleOnKeyDown, toggle, selected } = useAccordionItem({ value, disabled, applyAriaDisabled });\n\n  const xstyledAttrs = useGetXstyledProps(rest);\n  const xstyledContentAttrs = useGetXstyledProps(xStyledPropsContent);\n\n  const {\n    allChildrenReferences,\n    actualActiveValue,\n    props: { isDSMobile },\n  } = useContext(DSAccordionContext);\n\n  const [showPopover, setShowPopover] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const isTooltipOpen = !selected && showPopover;\n  const {\n    refs: floatingRefs,\n    floatingStyles,\n    arrowStyles,\n    context: floatingContext,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isTooltipOpen,\n    externalReferenceElement: referenceElement,\n    withoutAnimation: true,\n    customOffset: [0, 14],\n  });\n\n  const handleSummaryClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Prevent the native <details> toggle \u2014 React state (activeValue) is the\n      // single source of truth and drives the `open` attribute below.\n      e.preventDefault();\n      toggle(e);\n    },\n    [toggle],\n  );\n\n  const handleSummaryKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      // A <summary> toggles natively on Enter/Space; intercept so the toggle is\n      // routed through React state exactly like a click (keeps controlled mode,\n      // allowMultipleOpen exclusivity, and onChange firing once).\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        toggle(e);\n        return;\n      }\n      handleOnKeyDown(e, dsIndex);\n    },\n    [toggle, handleOnKeyDown, dsIndex],\n  );\n\n  const handleSummaryMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      // A native <summary> takes focus on mousedown even with tabIndex -1.\n      // Cancel that for disabled items so they cannot be focused by click either,\n      // matching the pre-migration <button disabled> behavior. applyAriaDisabled\n      // stays focusable by design, so it is intentionally not guarded here.\n      if (disabled) e.preventDefault();\n    },\n    [disabled],\n  );\n\n  const handleOnFocus = useCallback(\n    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n  );\n\n  const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n  const { className, ...globalAttrs } = useGetGlobalAttributes(rest, {\n    onClick: handleSummaryClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleSummaryClick,\n    onKeyDown: handleSummaryKeyDown,\n    onMouseDown: handleSummaryMouseDown,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const headerId = `ds-accordion-header-${value}`;\n  const contentId = `ds-accordion-content-${value}`;\n  const withCustomActions =\n    (customActions?.length > 0 || renderCustomActions !== undefined || CustomActions !== undefined) && !isDSMobile;\n\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      disabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemDetails\n        // Native disclosure state mirrors the React-controlled `selected` flag.\n        // Visibility is still governed by React (content is conditionally\n        // rendered below, outside <details>), so this is for native\n        // semantics/consistency only.\n        open={selected}\n        data-testid={DSAccordionDataTestid.ITEM_DETAILS}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={withCustomActions}\n          withSecondaryTitle={secondaryTitle}\n          // A native <summary> is always focusable, so `disabled` (unlike the old\n          // <button disabled>) must be removed from the tab order explicitly.\n          // applyAriaDisabled stays focusable (tabIndex 0) by design.\n          tabIndex={disabled ? -1 : 0}\n          disabled={disabled}\n          data-disabled={disabled}\n          // The trigger is a <summary>; the public innerRef type stays\n          // HTMLButtonElement for backward compatibility, so cast at the boundary.\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef) as React.Ref<HTMLElement>}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={headerId}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={contentId}\n          {...handlers}\n          {...globalAttrs}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledItemHeaderContainer\n            innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <ItemTitle\n              title={title}\n              secondaryTitle={secondaryTitle}\n              value={value}\n              selected={selected}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              wrapLabel={wrapLabel}\n              isDSMobile={isDSMobile}\n              IconOpened={IconOpened}\n              IconClosed={IconClosed}\n              onMouseEnter={handleOnFocus}\n              onMouseLeave={handleOnBlur}\n              setPrimaryElement={setPrimaryElement}\n              setSecondaryElement={setSecondaryElement}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            />\n          </StyledItemHeaderContainer>\n          {wrapLabel ? null : (\n            <FloatingWrapper\n              innerRef={floatingRefs.setFloating}\n              isOpen={isFloatingOpen}\n              floatingStyles={floatingStyles}\n              context={floatingContext}\n            >\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n              <PopoverArrow {...arrowStyles} />\n            </FloatingWrapper>\n          )}\n        </StyledItemHeader>\n      </StyledItemDetails>\n      <ItemCustomActions\n        customActions={customActions}\n        renderCustomActions={renderCustomActions}\n        CustomActionsComponent={CustomActions}\n        isDSMobile={isDSMobile}\n        allRefs={allChildrenReferences}\n        actualActiveValue={actualActiveValue}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n      {/* Content is rendered after the custom actions (not inside <details>) so\n          the DOM order matches the visual order and Tab goes\n          header -> actions -> content, as before the native-engine migration. */}\n      {(selected || keepContentMounted) && (\n        <StyledItemContent\n          data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n          aria-labelledby={headerId}\n          role=\"region\"\n          isDSMobile={isDSMobile}\n          id={contentId}\n          {...xstyledContentAttrs}\n          selected={selected}\n          keepContentMounted={keepContentMounted}\n          applyAriaDisabled={applyAriaDisabled}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {children}\n        </StyledItemContent>\n      )}\n    </StyledItemContainer>\n  );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as ValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/parts/accordionItem/styles.js

@@ -35,6 +35,9 @@ const StyledItemDetails = styled("details", {
   slot: DSAccordionItemSlots.ITEM_DETAILS
 })`
   display: contents;
+  &::details-content {
+    grid-area: content;
+  }
 `;
 const StyledItemHeader = styled("summary", {
   name: DSAccordionName,

package/dist/esm/parts/accordionItem/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionItem/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionItemSlots } from '../../constants/index.js';\ninterface StyledItemHeaderPropsT {\n  withCustomActions: boolean;\n  withSecondaryTitle?: string;\n  isDSMobile?: boolean;\n  disabled?: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n  withSecondaryTitle?: string;\n  isDSMobile?: boolean;\n  selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  isDSMobile?: boolean;\n  selected: boolean;\n  withSecondaryTitle: boolean;\n  wrapLabel: boolean;\n}\n\ninterface StyledItemContentPropsT {\n  isDSMobile?: boolean;\n  selected?: boolean;\n  keepContentMounted: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  selected: boolean;\n  wrapLabel: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  isDSMobile?: boolean;\n}\n\ninterface StyledItemContainerPropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n  isDSMobile?: boolean;\n}\n\nexport const StyledItemContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTAINER,\n})<StyledItemContainerPropsT>`\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) max-content;\n  grid-template-areas:\n    'heading actions'\n    'content content';\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  position: relative;\n\n  &::before {\n    content: '';\n    grid-area: 1 / 1 / 2 / -1;\n    align-self: stretch;\n    justify-self: stretch;\n    border-radius: 2px;\n    pointer-events: none;\n    box-sizing: border-box;\n  }\n  &:hover::before {\n    ${({ disabled, applyAriaDisabled, theme }) =>\n      !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n  }\n\n  ${xStyledCommonProps};\n`;\n\n// The `<details>` wrapper is styled with `display: contents` so its children\n// (the summary trigger + the content panel) participate directly in the item\n// container's grid, exactly as the button/content siblings did before the\n// native-engine migration. It carries the additive ITEM_DETAILS slot.\nexport const StyledItemDetails = styled('details', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_DETAILS,\n})`\n  display: contents;\n`;\n\n// Trigger element. Migrated from <button> to <summary> to adopt the native\n// disclosure pattern. Keeps the ITEM_HEADER slot/testid and the focus-ring\n// treatment. Summary defaults (list marker, default cursor) are reset here.\nexport const StyledItemHeader = styled('summary', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\n  grid-area: heading;\n  display: flex;\n  min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n    isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n  width: 100%;\n  align-items: center;\n  border: none;\n  outline: none;\n  background: none;\n  list-style: none;\n  position: relative;\n  &::-webkit-details-marker {\n    display: none;\n  }\n  &:hover {\n    cursor: ${({ disabled, applyAriaDisabled }) => (disabled || applyAriaDisabled ? 'not-allowed' : 'pointer')};\n  }\n  padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n  &:focus {\n    &:after {\n      position: absolute;\n      content: '';\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: 2;\n      ${({ withCustomActions }) =>\n        withCustomActions ? `border-right: none; border-radius: 2px 0 0 2px;` : `border-radius: 2px;`}\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\n  grid-area: content;\n  padding: ${({ isDSMobile }) => (isDSMobile ? `3px 16px 24px 16px` : '16px 20px')};\n  ${({ selected, keepContentMounted }) => {\n    if (selected) return '';\n    return keepContentMounted ? 'visibility: hidden; height: 0px; padding: 0px;' : '';\n  }}\n  color: ${({ applyAriaDisabled, theme }) =>\n    applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  ${xStyledCommonProps};\n`;\n\nexport const StyledItemAddon = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_ADDON,\n})<StyledItemAddonPropsT>`\n  height: 100%;\n  display: grid;\n  place-items: flex-start;\n  & .em-ds-icon svg {\n    fill: ${({ disabled, applyAriaDisabled, theme }) =>\n      disabled || applyAriaDisabled ? theme.colors.neutral[200] : theme.colors.brand[800]};\n  }\n`;\n\nexport const StyledItemTitles = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n  display: grid;\n  grid-gap: ${({ theme }) => theme.space.xxxs};\n  grid-template-columns: 100%;\n  width: 100%;\n  align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.125;\n  text-align: left;\n  text-overflow: ellipsis;\n  min-height: ${({ theme }) => theme.space.xs};\n  color: ${({ disabled, applyAriaDisabled, theme }) =>\n    disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n   overflow: hidden;\n   white-space: nowrap;\n   `};\n  ${({ wrapLabel }) =>\n    wrapLabel &&\n    `\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    word-break: break-word;\n`};\n  width: 100%;\n  display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  line-height: 1.273;\n  text-align: left;\n  min-height: 12px;\n  color: ${({ disabled, applyAriaDisabled, theme }) =>\n    disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  text-overflow: ellipsis;\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  display: block;`}\n  ${({ wrapLabel }) =>\n    wrapLabel &&\n    `\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    word-break: break-word;\n`};\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n  grid-area: actions;\n  position: relative;\n  align-self: stretch;\n  z-index: 1;\n  display: grid;\n  grid-auto-flow: column;\n  place-items: center;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : `0 20px 0 0`)};\n  justify-content: flex-end;\n  min-height: 28px;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: -20px;\n    border: 2px solid transparent;\n    border-left: none;\n    border-radius: 0 2px 2px 0;\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  /* Right half of the focus ring lights up when the sibling summary (inside the\n     display:contents <details>) is focused. Replaces the pre-migration\n     header-container:focus-within selector now that the trigger moved into\n     <details>. */\n  ${StyledItemDetails}:focus-within + &::after {\n    border-color: ${({ theme }) => theme.colors.brand[700]};\n  }\n`;\n\n// Heading wrapper. Now nested inside the <summary> trigger (native disclosure\n// pattern places the heading inside the summary). Consumers still apply heading\n// semantics through the dsAccordionItemHeaderContainer slot prop\n// (role=\"heading\" + aria-level), exactly as before the migration.\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})`\n  position: relative;\n  align-self: stretch;\n  min-width: 0;\n  width: 100%;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledTooltipContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_TOOLTIP,\n})`\n  padding: 8px;\n  width: 250px;\n  background: white;\n  display: grid;\n  gap: ${({ theme }) => theme.space.xxs};\n\n  p {\n    margin: 0;\n  }\n`;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionItemSlots } from '../../constants/index.js';\ninterface StyledItemHeaderPropsT {\n  withCustomActions: boolean;\n  withSecondaryTitle?: string;\n  isDSMobile?: boolean;\n  disabled?: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n  withSecondaryTitle?: string;\n  isDSMobile?: boolean;\n  selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  isDSMobile?: boolean;\n  selected: boolean;\n  withSecondaryTitle: boolean;\n  wrapLabel: boolean;\n}\n\ninterface StyledItemContentPropsT {\n  isDSMobile?: boolean;\n  selected?: boolean;\n  keepContentMounted: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  selected: boolean;\n  wrapLabel: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  isDSMobile?: boolean;\n}\n\ninterface StyledItemContainerPropsT {\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n  isDSMobile?: boolean;\n}\n\nexport const StyledItemContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTAINER,\n})<StyledItemContainerPropsT>`\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) max-content;\n  grid-template-areas:\n    'heading actions'\n    'content content';\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  position: relative;\n\n  &::before {\n    content: '';\n    grid-area: 1 / 1 / 2 / -1;\n    align-self: stretch;\n    justify-self: stretch;\n    border-radius: 2px;\n    pointer-events: none;\n    box-sizing: border-box;\n  }\n  &:hover::before {\n    ${({ disabled, applyAriaDisabled, theme }) =>\n      !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n  }\n\n  ${xStyledCommonProps};\n`;\n\n// The `<details>` wrapper is styled with `display: contents` so the summary\n// trigger participates directly in the item container's grid, exactly as the\n// button did before the native-engine migration. It carries the additive\n// ITEM_DETAILS slot. The content panel is a sibling rendered after the custom\n// actions, not a child: the UA wraps every non-summary child of <details> in\n// the `::details-content` pseudo (a real block box), which would take it out of\n// the grid and put it before the actions in the Tab order.\n// That pseudo is still generated (empty) and becomes a grid item, so it is\n// pinned to the content area to keep it from auto-placing into an extra row.\nexport const StyledItemDetails = styled('details', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_DETAILS,\n})`\n  display: contents;\n  &::details-content {\n    grid-area: content;\n  }\n`;\n\n// Trigger element. Migrated from <button> to <summary> to adopt the native\n// disclosure pattern. Keeps the ITEM_HEADER slot/testid and the focus-ring\n// treatment. Summary defaults (list marker, default cursor) are reset here.\nexport const StyledItemHeader = styled('summary', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\n  grid-area: heading;\n  display: flex;\n  min-height: ${({ theme, withSecondaryTitle, isDSMobile }) =>\n    isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};\n  width: 100%;\n  align-items: center;\n  border: none;\n  outline: none;\n  background: none;\n  list-style: none;\n  position: relative;\n  &::-webkit-details-marker {\n    display: none;\n  }\n  &:hover {\n    cursor: ${({ disabled, applyAriaDisabled }) => (disabled || applyAriaDisabled ? 'not-allowed' : 'pointer')};\n  }\n  padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n  &:focus {\n    &:after {\n      position: absolute;\n      content: '';\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: 2;\n      ${({ withCustomActions }) =>\n        withCustomActions ? `border-right: none; border-radius: 2px 0 0 2px;` : `border-radius: 2px;`}\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\n  grid-area: content;\n  padding: ${({ isDSMobile }) => (isDSMobile ? `3px 16px 24px 16px` : '16px 20px')};\n  ${({ selected, keepContentMounted }) => {\n    if (selected) return '';\n    return keepContentMounted ? 'visibility: hidden; height: 0px; padding: 0px;' : '';\n  }}\n  color: ${({ applyAriaDisabled, theme }) =>\n    applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  ${xStyledCommonProps};\n`;\n\nexport const StyledItemAddon = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_ADDON,\n})<StyledItemAddonPropsT>`\n  height: 100%;\n  display: grid;\n  place-items: flex-start;\n  & .em-ds-icon svg {\n    fill: ${({ disabled, applyAriaDisabled, theme }) =>\n      disabled || applyAriaDisabled ? theme.colors.neutral[200] : theme.colors.brand[800]};\n  }\n`;\n\nexport const StyledItemTitles = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n  display: grid;\n  grid-gap: ${({ theme }) => theme.space.xxxs};\n  grid-template-columns: 100%;\n  width: 100%;\n  align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_PRIMARY_TITLE,\n})<StyledPrimaryTitlePropsT>`\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.125;\n  text-align: left;\n  text-overflow: ellipsis;\n  min-height: ${({ theme }) => theme.space.xs};\n  color: ${({ disabled, applyAriaDisabled, theme }) =>\n    disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular)};\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n   overflow: hidden;\n   white-space: nowrap;\n   `};\n  ${({ wrapLabel }) =>\n    wrapLabel &&\n    `\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    word-break: break-word;\n`};\n  width: 100%;\n  display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_SECONDARY_TITLE,\n})<StyledSecondaryTitlePropsT>`\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  line-height: 1.273;\n  text-align: left;\n  min-height: 12px;\n  color: ${({ disabled, applyAriaDisabled, theme }) =>\n    disabled || applyAriaDisabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};\n  text-overflow: ellipsis;\n  ${({ selected }) =>\n    selected\n      ? `word-break: break-word;`\n      : `\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  display: block;`}\n  ${({ wrapLabel }) =>\n    wrapLabel &&\n    `\n    overflow-wrap: break-word;\n    white-space: pre-wrap;\n    word-break: break-word;\n`};\n`;\n\nexport const StyledItemCustomActions = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\n  grid-area: actions;\n  position: relative;\n  align-self: stretch;\n  z-index: 1;\n  display: grid;\n  grid-auto-flow: column;\n  place-items: center;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  margin: ${({ theme, isDSMobile }) => (isDSMobile ? `0 ${theme.space.xs}` : `0 20px 0 0`)};\n  justify-content: flex-end;\n  min-height: 28px;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: -20px;\n    border: 2px solid transparent;\n    border-left: none;\n    border-radius: 0 2px 2px 0;\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  /* Right half of the focus ring lights up when the sibling summary (inside the\n     display:contents <details>) is focused. Replaces the pre-migration\n     header-container:focus-within selector now that the trigger moved into\n     <details>. */\n  ${StyledItemDetails}:focus-within + &::after {\n    border-color: ${({ theme }) => theme.colors.brand[700]};\n  }\n`;\n\n// Heading wrapper. Now nested inside the <summary> trigger (native disclosure\n// pattern places the heading inside the summary). Consumers still apply heading\n// semantics through the dsAccordionItemHeaderContainer slot prop\n// (role=\"heading\" + aria-level), exactly as before the migration.\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})`\n  position: relative;\n  align-self: stretch;\n  min-width: 0;\n  width: 100%;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledTooltipContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_TOOLTIP,\n})`\n  padding: 8px;\n  width: 250px;\n  background: white;\n  display: grid;\n  gap: ${({ theme }) => theme.space.xxs};\n\n  p {\n    margin: 0;\n  }\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,iBAAiB,4BAA4B;AAqD/C,MAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAM4B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAe/D,CAAC,EAAE,UAAU,mBAAmB,MAAM,MACtC,CAAC,YAAY,CAAC,oBAAoB,eAAe,MAAM,OAAO,MAAM,GAAG,CAAC,MAAM,EAAE;AAAA;AAAA;AAAA,IAGlF,kBAAkB;AAAA;AAYf,MAAM,oBAAoB,OAAO,WAAW;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM,MAAM,mBAAmB,OAAO,WAAW;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA,gBAGe,CAAC,EAAE,OAAO,oBAAoB,WAAW,MACrD,aAAa,SAAS,GAAG,qBAAqB,MAAM,MAAM,IAAI,MAAM,MAAM,CAAC,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAYnE,CAAC,EAAE,UAAU,kBAAkB,MAAO,YAAY,oBAAoB,gBAAgB,SAAU;AAAA;AAAA,aAEjG,CAAC,EAAE,WAAW,MAAO,aAAa,WAAW,GAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASpC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,QAGxD,CAAC,EAAE,kBAAkB,MACrB,oBAAoB,oDAAoD,qBAAqB;AAAA;AAAA;AAAA;AAK9F,MAAM,oBAAoB,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA,aAEY,CAAC,EAAE,WAAW,MAAO,aAAa,uBAAuB,WAAY;AAAA,IAC9E,CAAC,EAAE,UAAU,mBAAmB,MAAM;AACtC,MAAI,SAAU,QAAO;AACrB,SAAO,qBAAqB,mDAAmD;AACjF,CAAC;AAAA,WACQ,CAAC,EAAE,mBAAmB,MAAM,MACnC,oBAAoB,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,IACzE,kBAAkB;AAAA;AAGf,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKW,CAAC,EAAE,UAAU,mBAAmB,MAAM,MAC5C,YAAY,oBAAoB,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAIlF,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA,cAEa,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAMtC,MAAM,qBAAqB,OAAO,OAAO;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMe,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,WAClC,CAAC,EAAE,UAAU,mBAAmB,MAAM,MAC7C,YAAY,oBAAoB,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,iBACxE,CAAC,EAAE,OAAO,WAAW,MAAO,aAAa,MAAM,YAAY,WAAW,MAAM,YAAY,OAAQ;AAAA,IAC7G,CAAC,EAAE,SAAS,MACZ,WACI,4BACA;AAAA;AAAA;AAAA,IAGJ;AAAA,IACA,CAAC,EAAE,UAAU,MACb,aACA;AAAA;AAAA;AAAA;AAAA,CAIH;AAAA;AAAA;AAAA;AAKM,MAAM,uBAAuB,OAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,WAI7C,CAAC,EAAE,UAAU,mBAAmB,MAAM,MAC7C,YAAY,oBAAoB,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,IAErF,CAAC,EAAE,SAAS,MACZ,WACI,4BACA;AAAA;AAAA;AAAA;AAAA,kBAIU;AAAA,IACd,CAAC,EAAE,UAAU,MACb,aACA;AAAA;AAAA;AAAA;AAAA,CAIH;AAAA;AAGM,MAAM,0BAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQa,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA,YAChC,CAAC,EAAE,OAAO,WAAW,MAAO,aAAa,KAAK,MAAM,MAAM,EAAE,KAAK,YAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsBtF,iBAAiB;AAAA,oBACD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAQnD,MAAM,4BAA4B,OAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASM,MAAM,uBAAuB,OAAO,OAAO;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,qBAAqB;AAC7B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,SAKQ,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-accordion",
-  "version": "3.70.2",
+  "version": "3.70.3-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accordion",
   "files": [
@@ -36,12 +36,12 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button-v2": "3.70.2",
-    "@elliemae/ds-floating-context": "3.70.2",
-    "@elliemae/ds-grid": "3.70.2",
-    "@elliemae/ds-icons": "3.70.2",
-    "@elliemae/ds-system": "3.70.2",
-    "@elliemae/ds-props-helpers": "3.70.2"
+    "@elliemae/ds-floating-context": "3.70.3-rc.1",
+    "@elliemae/ds-icons": "3.70.3-rc.1",
+    "@elliemae/ds-grid": "3.70.3-rc.1",
+    "@elliemae/ds-props-helpers": "3.70.3-rc.1",
+    "@elliemae/ds-system": "3.70.3-rc.1",
+    "@elliemae/ds-button-v2": "3.70.3-rc.1"
   },
   "devDependencies": {
     "@xstyled/system": "~3.8.1",
@@ -51,8 +51,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "~5.3.11",
-    "@elliemae/ds-test-utils": "3.70.2",
-    "@elliemae/ds-monorepo-devops": "3.70.2"
+    "@elliemae/ds-test-utils": "3.70.3-rc.1",
+    "@elliemae/ds-monorepo-devops": "3.70.3-rc.1"
   },
   "peerDependencies": {
     "lodash-es": "^4.18.1",