@elliemae/ds-accordion 3.55.0-next.21 → 3.55.0-next.23

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

@@ -35,19 +35,19 @@ __export(DSAccordionItem_exports, {
 module.exports = __toCommonJS(DSAccordionItem_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_system = require("@elliemae/ds-system");
 var import_ds_button_v2 = require("@elliemae/ds-button-v2");
+var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_popperjs = require("@elliemae/ds-popperjs");
-var import_useIsShowingEllipsis = require("./useIsShowingEllipsis.js");
-var import_defaultProps = require("../../defaultProps.js");
-var import_styles = require("./styles.js");
-var import_useAccordionItem = require("./useAccordionItem.js");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_system = require("@elliemae/ds-system");
+var import_react = require("react");
 var import_DSAccordionCTX = require("../../DSAccordionCTX.js");
 var import_constants = require("../../constants/index.js");
+var import_defaultProps = require("../../defaultProps.js");
 var import_react_desc_prop_types = require("../../react-desc-prop-types.js");
+var import_styles = require("./styles.js");
+var import_useAccordionItem = require("./useAccordionItem.js");
+var import_useIsShowingEllipsis = require("./useIsShowingEllipsis.js");
 const DSAccordionItem = (props) => {
   const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
     props,
@@ -84,10 +84,6 @@ const DSAccordionItem = (props) => {
   } = (0, import_react.useContext)(import_DSAccordionCTX.DSAccordionContext);
   const [showPopover, setShowPopover] = (0, import_react.useState)(false);
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
-  const withCustomActions = (0, import_react.useMemo)(
-    () => customActions.length > 0 || renderCustomActions || CustomActions,
-    [CustomActions, customActions.length, renderCustomActions]
-  );
   const CustomActionsContent = (0, import_react.useMemo)(() => {
     if (!isDSMobile && customActions?.length > 0)
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -160,23 +156,22 @@ const DSAccordionItem = (props) => {
       {
         onMouseEnter: handleOnFocus,
         onMouseLeave: handleOnBlur,
-        rows: ["auto", "auto"],
-        rowGap: secondaryTitle ? "3px" : "0px",
+        cols: ["auto", "1fr"],
         padding: "6px 0px",
-        marginRight: withCustomActions ? `${8 / 13}rem` : `${import_styles.marginRightRemValue}rem`,
+        marginRight: "20px",
         width: "100%",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: [`${import_styles.marginRightRemValue}rem`, "auto"], children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_styles.StyledItemAddon,
-              {
-                disabled,
-                applyAriaDisabled,
-                getOwnerProps,
-                getOwnerPropsArguments,
-                children: selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOpened, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClosed, {})
-              }
-            ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styles.StyledItemAddon,
+            {
+              disabled,
+              applyAriaDisabled,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOpened, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClosed, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { rows: secondaryTitle ? ["auto", "auto"] : ["auto"], rowGap: secondaryTitle ? "3px" : "0px", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_styles.StyledItemTitles,
               {
@@ -200,11 +195,8 @@ const DSAccordionItem = (props) => {
                   }
                 )
               }
-            )
-          ] }),
-          secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: [`${import_styles.marginRightRemValue}rem`, "auto"], children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ),
+            secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_styles.StyledSecondaryTitle,
               {
                 innerRef: setSecondaryElement,
@@ -236,8 +228,7 @@ const DSAccordionItem = (props) => {
       title,
       value,
       wrapLabel,
-      setSecondaryElement,
-      withCustomActions
+      setSecondaryElement
     ]
   );
   const titleMobile = (0, import_react.useMemo)(

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-statements */\n/* eslint-disable max-lines */\nimport React, { useState, useContext, useCallback, useMemo } from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis.js';\nimport { accordionItemDefaultProps } from '../../defaultProps.js';\nimport {\n  marginRightRemValue,\n  StyledItemAddon,\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemCustomActions,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledItemTitles,\n  StyledPrimaryTitle,\n  StyledSecondaryTitle,\n  StyledTooltipContent,\n} from './styles.js';\nimport { useAccordionItem } from './useAccordionItem.js';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../constants/index.js';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.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 { handleOnClick, handleOnKeyDown, 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 withCustomActions = useMemo(\n    () => customActions.length > 0 || renderCustomActions || CustomActions,\n    [CustomActions, customActions.length, renderCustomActions],\n  );\n\n  const CustomActionsContent = useMemo(() => {\n    if (!isDSMobile && customActions?.length > 0)\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {customActions?.map(({ onClick, id, ...otherProps }) => (\n            <DSButtonV2\n              key={id}\n              onClick={(e: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>): void => {\n                e.stopPropagation();\n                if (onClick) onClick(e as React.MouseEvent<HTMLElement, MouseEvent>);\n              }}\n              {...otherProps}\n              buttonType={BUTTON_TYPES.OUTLINE}\n            />\n          ))}\n        </StyledItemCustomActions>\n      );\n\n    if (!isDSMobile && (renderCustomActions || CustomActions))\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {CustomActions !== undefined ? (\n            <CustomActions allRefs={allChildrenReferences} actualActiveValue={actualActiveValue} />\n          ) : (\n            renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })\n          )}\n        </StyledItemCustomActions>\n      );\n    return null;\n  }, [\n    CustomActions,\n    actualActiveValue,\n    allChildrenReferences,\n    customActions,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    isDSMobile,\n    renderCustomActions,\n  ]);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const onKeyDownWithIndex = useCallback(\n    (e: React.KeyboardEvent) => {\n      handleOnKeyDown(e, dsIndex);\n    },\n    [dsIndex, handleOnKeyDown],\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: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const titleDesktop = useMemo(\n    () => (\n      <Grid\n        onMouseEnter={handleOnFocus}\n        onMouseLeave={handleOnBlur}\n        rows={['auto', 'auto']}\n        rowGap={secondaryTitle ? '3px' : '0px'}\n        padding=\"6px 0px\"\n        marginRight={withCustomActions ? `${8 / 13}rem` : `${marginRightRemValue}rem`}\n        width=\"100%\"\n      >\n        <Grid cols={[`${marginRightRemValue}rem`, 'auto']}>\n          <StyledItemAddon\n            disabled={disabled}\n            applyAriaDisabled={applyAriaDisabled}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {selected ? <IconOpened /> : <IconClosed />}\n          </StyledItemAddon>\n          <StyledItemTitles\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id-${value}` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n        </Grid>\n        {secondaryTitle && (\n          <Grid cols={[`${marginRightRemValue}rem`, 'auto']}>\n            <div></div>\n            <StyledSecondaryTitle\n              innerRef={setSecondaryElement}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {secondaryTitle}\n            </StyledSecondaryTitle>\n          </Grid>\n        )}\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      disabled,\n      applyAriaDisabled,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      selected,\n      IconOpened,\n      IconClosed,\n      setPrimaryElement,\n      title,\n      value,\n      wrapLabel,\n      setSecondaryElement,\n      withCustomActions,\n    ],\n  );\n\n  const titleMobile = useMemo(\n    () => (\n      <Grid width=\"100%\">\n        <Grid cols={['auto', '20px']}>\n          <StyledItemTitles\n            onMouseEnter={handleOnFocus}\n            onMouseLeave={handleOnBlur}\n            isDSMobile\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              isDSMobile\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n          <StyledItemAddon\n            disabled={disabled}\n            applyAriaDisabled={applyAriaDisabled}\n            isDSMobile\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {selected ? <IconOpened isDSMobile /> : <IconClosed isDSMobile />}\n          </StyledItemAddon>\n        </Grid>\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      selected,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      setPrimaryElement,\n      title,\n      disabled,\n      applyAriaDisabled,\n      wrapLabel,\n      IconOpened,\n      IconClosed,\n    ],\n  );\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemHeaderContainer\n        disabled={disabled}\n        applyAriaDisabled={applyAriaDisabled}\n        innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={(customActions?.length > 0 || renderCustomActions !== undefined) && !isDSMobile}\n          withSecondaryTitle={secondaryTitle}\n          tabIndex={!disabled ? 0 : undefined}\n          disabled={disabled}\n          data-disabled={disabled}\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef)}\n          onKeyDown={onKeyDownWithIndex}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={`ds-accordion-header-${value}`}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={`ds-accordion-content-${value}`}\n          {...handlers}\n          {...globalAttrs}\n          type=\"button\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {isDSMobile ? titleMobile : titleDesktop}\n          {wrapLabel ? null : (\n            <DSPopperJS referenceElement={referenceElement} showPopover={!selected && showPopover}>\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n            </DSPopperJS>\n          )}\n        </StyledItemHeader>\n        {CustomActionsContent}\n      </StyledItemHeaderContainer>\n      {(selected || keepContentMounted) && (\n        <StyledItemContent\n          data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n          aria-labelledby={`ds-accordion-header-${value}`}\n          role=\"region\"\n          isDSMobile={isDSMobile}\n          id={`ds-accordion-content-${value}`}\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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",
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { BUTTON_TYPES, DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\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, useMemo, 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 {\n  StyledItemAddon,\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemCustomActions,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledItemTitles,\n  StyledPrimaryTitle,\n  StyledSecondaryTitle,\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 { handleOnClick, handleOnKeyDown, 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 CustomActionsContent = useMemo(() => {\n    if (!isDSMobile && customActions?.length > 0)\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {customActions?.map(({ onClick, id, ...otherProps }) => (\n            <DSButtonV2\n              key={id}\n              onClick={(e: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>): void => {\n                e.stopPropagation();\n                if (onClick) onClick(e as React.MouseEvent<HTMLElement, MouseEvent>);\n              }}\n              {...otherProps}\n              buttonType={BUTTON_TYPES.OUTLINE}\n            />\n          ))}\n        </StyledItemCustomActions>\n      );\n\n    if (!isDSMobile && (renderCustomActions || CustomActions))\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {CustomActions !== undefined ? (\n            <CustomActions allRefs={allChildrenReferences} actualActiveValue={actualActiveValue} />\n          ) : (\n            renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })\n          )}\n        </StyledItemCustomActions>\n      );\n    return null;\n  }, [\n    CustomActions,\n    actualActiveValue,\n    allChildrenReferences,\n    customActions,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    isDSMobile,\n    renderCustomActions,\n  ]);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const onKeyDownWithIndex = useCallback(\n    (e: React.KeyboardEvent) => {\n      handleOnKeyDown(e, dsIndex);\n    },\n    [dsIndex, handleOnKeyDown],\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: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const titleDesktop = useMemo(\n    () => (\n      <Grid\n        onMouseEnter={handleOnFocus}\n        onMouseLeave={handleOnBlur}\n        cols={['auto', '1fr']}\n        padding=\"6px 0px\"\n        marginRight=\"20px\"\n        width=\"100%\"\n      >\n        <StyledItemAddon\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {selected ? <IconOpened /> : <IconClosed />}\n        </StyledItemAddon>\n        <Grid rows={secondaryTitle ? ['auto', 'auto'] : ['auto']} rowGap={secondaryTitle ? '3px' : '0px'}>\n          <StyledItemTitles\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id-${value}` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n          {secondaryTitle && (\n            <StyledSecondaryTitle\n              innerRef={setSecondaryElement}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {secondaryTitle}\n            </StyledSecondaryTitle>\n          )}\n        </Grid>\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      disabled,\n      applyAriaDisabled,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      selected,\n      IconOpened,\n      IconClosed,\n      setPrimaryElement,\n      title,\n      value,\n      wrapLabel,\n      setSecondaryElement,\n    ],\n  );\n\n  const titleMobile = useMemo(\n    () => (\n      <Grid width=\"100%\">\n        <Grid cols={['auto', '20px']}>\n          <StyledItemTitles\n            onMouseEnter={handleOnFocus}\n            onMouseLeave={handleOnBlur}\n            isDSMobile\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              isDSMobile\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n          <StyledItemAddon\n            disabled={disabled}\n            applyAriaDisabled={applyAriaDisabled}\n            isDSMobile\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {selected ? <IconOpened isDSMobile /> : <IconClosed isDSMobile />}\n          </StyledItemAddon>\n        </Grid>\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      selected,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      setPrimaryElement,\n      title,\n      disabled,\n      applyAriaDisabled,\n      wrapLabel,\n      IconOpened,\n      IconClosed,\n    ],\n  );\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemHeaderContainer\n        disabled={disabled}\n        applyAriaDisabled={applyAriaDisabled}\n        innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={(customActions?.length > 0 || renderCustomActions !== undefined) && !isDSMobile}\n          withSecondaryTitle={secondaryTitle}\n          tabIndex={!disabled ? 0 : undefined}\n          disabled={disabled}\n          data-disabled={disabled}\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef)}\n          onKeyDown={onKeyDownWithIndex}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={`ds-accordion-header-${value}`}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={`ds-accordion-content-${value}`}\n          {...handlers}\n          {...globalAttrs}\n          type=\"button\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {isDSMobile ? titleMobile : titleDesktop}\n          {wrapLabel ? null : (\n            <DSPopperJS referenceElement={referenceElement} showPopover={!selected && showPopover}>\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n            </DSPopperJS>\n          )}\n        </StyledItemHeader>\n        {CustomActionsContent}\n      </StyledItemHeaderContainer>\n      {(selected || keepContentMounted) && (\n        <StyledItemContent\n          data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n          aria-labelledby={`ds-accordion-header-${value}`}\n          role=\"region\"\n          isDSMobile={isDSMobile}\n          id={`ds-accordion-content-${value}`}\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

@@ -37,8 +37,7 @@ __export(styles_exports, {
   StyledItemTitles: () => StyledItemTitles,
   StyledPrimaryTitle: () => StyledPrimaryTitle,
   StyledSecondaryTitle: () => StyledSecondaryTitle,
-  StyledTooltipContent: () => StyledTooltipContent,
-  marginRightRemValue: () => marginRightRemValue
+  StyledTooltipContent: () => StyledTooltipContent
 });
 module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
@@ -165,7 +164,6 @@ const StyledSecondaryTitle = (0, import_ds_system.styled)("span", {
     word-break: break-word;
 `};
 `;
-const marginRightRemValue = 20 / 13;
 const StyledItemCustomActions = (0, import_ds_system.styled)("div", {
   name: import_constants.DSAccordionName,
   slot: import_constants.DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER
@@ -174,7 +172,7 @@ const StyledItemCustomActions = (0, import_ds_system.styled)("div", {
   grid-auto-flow: column;
   place-items: center;
   grid-gap: ${({ theme }) => theme.space.xxs};
-  margin: ${({ theme, isDSMobile }) => isDSMobile ? `0 ${theme.space.xs}` : `0 ${marginRightRemValue}rem 0 0`};
+  margin: ${({ theme, isDSMobile }) => isDSMobile ? `0 ${theme.space.xs}` : `0 20px 0 0`};
   justify-content: flex-end;
   height: 28px;
 `;

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  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 StyledItemHeaderContainerPropsT {\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})`\n  display: grid;\n  grid-template-rows: auto auto;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  grid-template-columns: 100%;\n  ${xStyledCommonProps};\n`;\n\nexport const StyledItemHeader = styled('button', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\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  &:hover {\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n    cursor: ${({ applyAriaDisabled }) => (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-radius: 2px;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\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 marginRightRemValue = 20 / 13;\nexport const StyledItemCustomActions = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\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 ${marginRightRemValue}rem 0 0`)};\n  justify-content: flex-end;\n  height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n  display: grid;\n  grid-template-columns: auto max-content;\n  place-items: center;\n  position: relative;\n  border-radius: 2px;\n  &:hover {\n    ${({ disabled, applyAriaDisabled, theme }) =>\n      !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n  }\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  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 StyledItemHeaderContainerPropsT {\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})`\n  display: grid;\n  grid-template-rows: auto auto;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  grid-template-columns: 100%;\n  ${xStyledCommonProps};\n`;\n\nexport const StyledItemHeader = styled('button', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\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  &:hover {\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n    cursor: ${({ applyAriaDisabled }) => (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-radius: 2px;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\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  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  height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n  display: grid;\n  grid-template-columns: auto max-content;\n  place-items: center;\n  position: relative;\n  border-radius: 2px;\n  &:hover {\n    ${({ disabled, applyAriaDisabled, theme }) =>\n      !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n  }\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

@@ -1,20 +1,21 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useContext, useCallback, useMemo } from "react";
+import { BUTTON_TYPES, DSButtonV2 } from "@elliemae/ds-button-v2";
+import { Grid } from "@elliemae/ds-grid";
+import { DSPopperJS } from "@elliemae/ds-popperjs";
 import {
-  useMemoMergePropsWithDefault,
   describe,
   useGetGlobalAttributes,
-  useGetXstyledProps
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault
 } from "@elliemae/ds-props-helpers";
-import { Grid } from "@elliemae/ds-grid";
 import { mergeRefs } from "@elliemae/ds-system";
-import { DSButtonV2, BUTTON_TYPES } from "@elliemae/ds-button-v2";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
-import { useIsShowingEllipsis } from "./useIsShowingEllipsis.js";
+import { useCallback, useContext, useMemo, useState } from "react";
+import { DSAccordionContext } from "../../DSAccordionCTX.js";
+import { DSAccordionDataTestid } from "../../constants/index.js";
 import { accordionItemDefaultProps } from "../../defaultProps.js";
+import { accordionItemPropTypes } from "../../react-desc-prop-types.js";
 import {
-  marginRightRemValue,
   StyledItemAddon,
   StyledItemContainer,
   StyledItemContent,
@@ -27,9 +28,7 @@ import {
   StyledTooltipContent
 } from "./styles.js";
 import { useAccordionItem } from "./useAccordionItem.js";
-import { DSAccordionContext } from "../../DSAccordionCTX.js";
-import { DSAccordionDataTestid } from "../../constants/index.js";
-import { accordionItemPropTypes } from "../../react-desc-prop-types.js";
+import { useIsShowingEllipsis } from "./useIsShowingEllipsis.js";
 const DSAccordionItem = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(
     props,
@@ -66,10 +65,6 @@ const DSAccordionItem = (props) => {
   } = useContext(DSAccordionContext);
   const [showPopover, setShowPopover] = useState(false);
   const [referenceElement, setReferenceElement] = useState(null);
-  const withCustomActions = useMemo(
-    () => customActions.length > 0 || renderCustomActions || CustomActions,
-    [CustomActions, customActions.length, renderCustomActions]
-  );
   const CustomActionsContent = useMemo(() => {
     if (!isDSMobile && customActions?.length > 0)
       return /* @__PURE__ */ jsx(
@@ -142,23 +137,22 @@ const DSAccordionItem = (props) => {
       {
         onMouseEnter: handleOnFocus,
         onMouseLeave: handleOnBlur,
-        rows: ["auto", "auto"],
-        rowGap: secondaryTitle ? "3px" : "0px",
+        cols: ["auto", "1fr"],
         padding: "6px 0px",
-        marginRight: withCustomActions ? `${8 / 13}rem` : `${marginRightRemValue}rem`,
+        marginRight: "20px",
         width: "100%",
         children: [
-          /* @__PURE__ */ jsxs(Grid, { cols: [`${marginRightRemValue}rem`, "auto"], children: [
-            /* @__PURE__ */ jsx(
-              StyledItemAddon,
-              {
-                disabled,
-                applyAriaDisabled,
-                getOwnerProps,
-                getOwnerPropsArguments,
-                children: selected ? /* @__PURE__ */ jsx(IconOpened, {}) : /* @__PURE__ */ jsx(IconClosed, {})
-              }
-            ),
+          /* @__PURE__ */ jsx(
+            StyledItemAddon,
+            {
+              disabled,
+              applyAriaDisabled,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: selected ? /* @__PURE__ */ jsx(IconOpened, {}) : /* @__PURE__ */ jsx(IconClosed, {})
+            }
+          ),
+          /* @__PURE__ */ jsxs(Grid, { rows: secondaryTitle ? ["auto", "auto"] : ["auto"], rowGap: secondaryTitle ? "3px" : "0px", children: [
             /* @__PURE__ */ jsx(
               StyledItemTitles,
               {
@@ -182,11 +176,8 @@ const DSAccordionItem = (props) => {
                   }
                 )
               }
-            )
-          ] }),
-          secondaryTitle && /* @__PURE__ */ jsxs(Grid, { cols: [`${marginRightRemValue}rem`, "auto"], children: [
-            /* @__PURE__ */ jsx("div", {}),
-            /* @__PURE__ */ jsx(
+            ),
+            secondaryTitle && /* @__PURE__ */ jsx(
               StyledSecondaryTitle,
               {
                 innerRef: setSecondaryElement,
@@ -218,8 +209,7 @@ const DSAccordionItem = (props) => {
       title,
       value,
       wrapLabel,
-      setSecondaryElement,
-      withCustomActions
+      setSecondaryElement
     ]
   );
   const titleMobile = useMemo(

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-statements */\n/* eslint-disable max-lines */\nimport React, { useState, useContext, useCallback, useMemo } from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis.js';\nimport { accordionItemDefaultProps } from '../../defaultProps.js';\nimport {\n  marginRightRemValue,\n  StyledItemAddon,\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemCustomActions,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledItemTitles,\n  StyledPrimaryTitle,\n  StyledSecondaryTitle,\n  StyledTooltipContent,\n} from './styles.js';\nimport { useAccordionItem } from './useAccordionItem.js';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../constants/index.js';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.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 { handleOnClick, handleOnKeyDown, 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 withCustomActions = useMemo(\n    () => customActions.length > 0 || renderCustomActions || CustomActions,\n    [CustomActions, customActions.length, renderCustomActions],\n  );\n\n  const CustomActionsContent = useMemo(() => {\n    if (!isDSMobile && customActions?.length > 0)\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {customActions?.map(({ onClick, id, ...otherProps }) => (\n            <DSButtonV2\n              key={id}\n              onClick={(e: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>): void => {\n                e.stopPropagation();\n                if (onClick) onClick(e as React.MouseEvent<HTMLElement, MouseEvent>);\n              }}\n              {...otherProps}\n              buttonType={BUTTON_TYPES.OUTLINE}\n            />\n          ))}\n        </StyledItemCustomActions>\n      );\n\n    if (!isDSMobile && (renderCustomActions || CustomActions))\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {CustomActions !== undefined ? (\n            <CustomActions allRefs={allChildrenReferences} actualActiveValue={actualActiveValue} />\n          ) : (\n            renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })\n          )}\n        </StyledItemCustomActions>\n      );\n    return null;\n  }, [\n    CustomActions,\n    actualActiveValue,\n    allChildrenReferences,\n    customActions,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    isDSMobile,\n    renderCustomActions,\n  ]);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const onKeyDownWithIndex = useCallback(\n    (e: React.KeyboardEvent) => {\n      handleOnKeyDown(e, dsIndex);\n    },\n    [dsIndex, handleOnKeyDown],\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: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const titleDesktop = useMemo(\n    () => (\n      <Grid\n        onMouseEnter={handleOnFocus}\n        onMouseLeave={handleOnBlur}\n        rows={['auto', 'auto']}\n        rowGap={secondaryTitle ? '3px' : '0px'}\n        padding=\"6px 0px\"\n        marginRight={withCustomActions ? `${8 / 13}rem` : `${marginRightRemValue}rem`}\n        width=\"100%\"\n      >\n        <Grid cols={[`${marginRightRemValue}rem`, 'auto']}>\n          <StyledItemAddon\n            disabled={disabled}\n            applyAriaDisabled={applyAriaDisabled}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {selected ? <IconOpened /> : <IconClosed />}\n          </StyledItemAddon>\n          <StyledItemTitles\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id-${value}` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n        </Grid>\n        {secondaryTitle && (\n          <Grid cols={[`${marginRightRemValue}rem`, 'auto']}>\n            <div></div>\n            <StyledSecondaryTitle\n              innerRef={setSecondaryElement}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {secondaryTitle}\n            </StyledSecondaryTitle>\n          </Grid>\n        )}\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      disabled,\n      applyAriaDisabled,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      selected,\n      IconOpened,\n      IconClosed,\n      setPrimaryElement,\n      title,\n      value,\n      wrapLabel,\n      setSecondaryElement,\n      withCustomActions,\n    ],\n  );\n\n  const titleMobile = useMemo(\n    () => (\n      <Grid width=\"100%\">\n        <Grid cols={['auto', '20px']}>\n          <StyledItemTitles\n            onMouseEnter={handleOnFocus}\n            onMouseLeave={handleOnBlur}\n            isDSMobile\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              isDSMobile\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n          <StyledItemAddon\n            disabled={disabled}\n            applyAriaDisabled={applyAriaDisabled}\n            isDSMobile\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {selected ? <IconOpened isDSMobile /> : <IconClosed isDSMobile />}\n          </StyledItemAddon>\n        </Grid>\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      selected,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      setPrimaryElement,\n      title,\n      disabled,\n      applyAriaDisabled,\n      wrapLabel,\n      IconOpened,\n      IconClosed,\n    ],\n  );\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemHeaderContainer\n        disabled={disabled}\n        applyAriaDisabled={applyAriaDisabled}\n        innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={(customActions?.length > 0 || renderCustomActions !== undefined) && !isDSMobile}\n          withSecondaryTitle={secondaryTitle}\n          tabIndex={!disabled ? 0 : undefined}\n          disabled={disabled}\n          data-disabled={disabled}\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef)}\n          onKeyDown={onKeyDownWithIndex}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={`ds-accordion-header-${value}`}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={`ds-accordion-content-${value}`}\n          {...handlers}\n          {...globalAttrs}\n          type=\"button\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {isDSMobile ? titleMobile : titleDesktop}\n          {wrapLabel ? null : (\n            <DSPopperJS referenceElement={referenceElement} showPopover={!selected && showPopover}>\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n            </DSPopperJS>\n          )}\n        </StyledItemHeader>\n        {CustomActionsContent}\n      </StyledItemHeaderContainer>\n      {(selected || keepContentMounted) && (\n        <StyledItemContent\n          data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n          aria-labelledby={`ds-accordion-header-${value}`}\n          role=\"region\"\n          isDSMobile={isDSMobile}\n          id={`ds-accordion-content-${value}`}\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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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { BUTTON_TYPES, DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\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, useMemo, 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 {\n  StyledItemAddon,\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemCustomActions,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledItemTitles,\n  StyledPrimaryTitle,\n  StyledSecondaryTitle,\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 { handleOnClick, handleOnKeyDown, 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 CustomActionsContent = useMemo(() => {\n    if (!isDSMobile && customActions?.length > 0)\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {customActions?.map(({ onClick, id, ...otherProps }) => (\n            <DSButtonV2\n              key={id}\n              onClick={(e: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>): void => {\n                e.stopPropagation();\n                if (onClick) onClick(e as React.MouseEvent<HTMLElement, MouseEvent>);\n              }}\n              {...otherProps}\n              buttonType={BUTTON_TYPES.OUTLINE}\n            />\n          ))}\n        </StyledItemCustomActions>\n      );\n\n    if (!isDSMobile && (renderCustomActions || CustomActions))\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {CustomActions !== undefined ? (\n            <CustomActions allRefs={allChildrenReferences} actualActiveValue={actualActiveValue} />\n          ) : (\n            renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })\n          )}\n        </StyledItemCustomActions>\n      );\n    return null;\n  }, [\n    CustomActions,\n    actualActiveValue,\n    allChildrenReferences,\n    customActions,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    isDSMobile,\n    renderCustomActions,\n  ]);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const onKeyDownWithIndex = useCallback(\n    (e: React.KeyboardEvent) => {\n      handleOnKeyDown(e, dsIndex);\n    },\n    [dsIndex, handleOnKeyDown],\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: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const titleDesktop = useMemo(\n    () => (\n      <Grid\n        onMouseEnter={handleOnFocus}\n        onMouseLeave={handleOnBlur}\n        cols={['auto', '1fr']}\n        padding=\"6px 0px\"\n        marginRight=\"20px\"\n        width=\"100%\"\n      >\n        <StyledItemAddon\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {selected ? <IconOpened /> : <IconClosed />}\n        </StyledItemAddon>\n        <Grid rows={secondaryTitle ? ['auto', 'auto'] : ['auto']} rowGap={secondaryTitle ? '3px' : '0px'}>\n          <StyledItemTitles\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id-${value}` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n          {secondaryTitle && (\n            <StyledSecondaryTitle\n              innerRef={setSecondaryElement}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {secondaryTitle}\n            </StyledSecondaryTitle>\n          )}\n        </Grid>\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      disabled,\n      applyAriaDisabled,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      selected,\n      IconOpened,\n      IconClosed,\n      setPrimaryElement,\n      title,\n      value,\n      wrapLabel,\n      setSecondaryElement,\n    ],\n  );\n\n  const titleMobile = useMemo(\n    () => (\n      <Grid width=\"100%\">\n        <Grid cols={['auto', '20px']}>\n          <StyledItemTitles\n            onMouseEnter={handleOnFocus}\n            onMouseLeave={handleOnBlur}\n            isDSMobile\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              isDSMobile\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n          <StyledItemAddon\n            disabled={disabled}\n            applyAriaDisabled={applyAriaDisabled}\n            isDSMobile\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {selected ? <IconOpened isDSMobile /> : <IconClosed isDSMobile />}\n          </StyledItemAddon>\n        </Grid>\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      selected,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      setPrimaryElement,\n      title,\n      disabled,\n      applyAriaDisabled,\n      wrapLabel,\n      IconOpened,\n      IconClosed,\n    ],\n  );\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemHeaderContainer\n        disabled={disabled}\n        applyAriaDisabled={applyAriaDisabled}\n        innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={(customActions?.length > 0 || renderCustomActions !== undefined) && !isDSMobile}\n          withSecondaryTitle={secondaryTitle}\n          tabIndex={!disabled ? 0 : undefined}\n          disabled={disabled}\n          data-disabled={disabled}\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef)}\n          onKeyDown={onKeyDownWithIndex}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={`ds-accordion-header-${value}`}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={`ds-accordion-content-${value}`}\n          {...handlers}\n          {...globalAttrs}\n          type=\"button\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {isDSMobile ? titleMobile : titleDesktop}\n          {wrapLabel ? null : (\n            <DSPopperJS referenceElement={referenceElement} showPopover={!selected && showPopover}>\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n            </DSPopperJS>\n          )}\n        </StyledItemHeader>\n        {CustomActionsContent}\n      </StyledItemHeaderContainer>\n      {(selected || keepContentMounted) && (\n        <StyledItemContent\n          data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n          aria-labelledby={`ds-accordion-header-${value}`}\n          role=\"region\"\n          isDSMobile={isDSMobile}\n          id={`ds-accordion-content-${value}`}\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

@@ -122,7 +122,6 @@ const StyledSecondaryTitle = styled("span", {
     word-break: break-word;
 `};
 `;
-const marginRightRemValue = 20 / 13;
 const StyledItemCustomActions = styled("div", {
   name: DSAccordionName,
   slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER
@@ -131,7 +130,7 @@ const StyledItemCustomActions = styled("div", {
   grid-auto-flow: column;
   place-items: center;
   grid-gap: ${({ theme }) => theme.space.xxs};
-  margin: ${({ theme, isDSMobile }) => isDSMobile ? `0 ${theme.space.xs}` : `0 ${marginRightRemValue}rem 0 0`};
+  margin: ${({ theme, isDSMobile }) => isDSMobile ? `0 ${theme.space.xs}` : `0 20px 0 0`};
   justify-content: flex-end;
   height: 28px;
 `;
@@ -172,7 +171,6 @@ export {
   StyledItemTitles,
   StyledPrimaryTitle,
   StyledSecondaryTitle,
-  StyledTooltipContent,
-  marginRightRemValue
+  StyledTooltipContent
 };
 //# sourceMappingURL=styles.js.map

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  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 StyledItemHeaderContainerPropsT {\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})`\n  display: grid;\n  grid-template-rows: auto auto;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  grid-template-columns: 100%;\n  ${xStyledCommonProps};\n`;\n\nexport const StyledItemHeader = styled('button', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\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  &:hover {\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n    cursor: ${({ applyAriaDisabled }) => (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-radius: 2px;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\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 marginRightRemValue = 20 / 13;\nexport const StyledItemCustomActions = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER,\n})<StyledItemCustomActionsPropsT>`\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 ${marginRightRemValue}rem 0 0`)};\n  justify-content: flex-end;\n  height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n  display: grid;\n  grid-template-columns: auto max-content;\n  place-items: center;\n  position: relative;\n  border-radius: 2px;\n  &:hover {\n    ${({ disabled, applyAriaDisabled, theme }) =>\n      !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n  }\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  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 StyledItemHeaderContainerPropsT {\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})`\n  display: grid;\n  grid-template-rows: auto auto;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n  min-width: 240px;\n  grid-template-columns: 100%;\n  ${xStyledCommonProps};\n`;\n\nexport const StyledItemHeader = styled('button', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER,\n})<StyledItemHeaderPropsT>`\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  &:hover {\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n    cursor: ${({ applyAriaDisabled }) => (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-radius: 2px;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledItemContent = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_CONTENT_CONTAINER,\n})<StyledItemContentPropsT>`\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  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  height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionItemSlots.ITEM_HEADER_CONTAINER,\n})<StyledItemHeaderContainerPropsT>`\n  display: grid;\n  grid-template-columns: auto max-content;\n  place-items: center;\n  position: relative;\n  border-radius: 2px;\n  &:hover {\n    ${({ disabled, applyAriaDisabled, theme }) =>\n      !disabled && !applyAriaDisabled ? `background: ${theme.colors.brand[200]};` : ``}\n  }\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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",
   "names": []
 }

package/dist/types/parts/accordionItem/styles.d.ts

@@ -48,7 +48,6 @@ export declare const StyledItemAddon: import("styled-components").StyledComponen
 export declare const StyledItemTitles: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledItemTitlesPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledPrimaryTitle: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledPrimaryTitlePropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledSecondaryTitle: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, StyledSecondaryTitlePropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
-export declare const marginRightRemValue: number;
 export declare const StyledItemCustomActions: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledItemCustomActionsPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledItemHeaderContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledItemHeaderContainerPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledTooltipContent: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-accordion",
-  "version": "3.55.0-next.21",
+  "version": "3.55.0-next.23",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accordion",
   "files": [
@@ -37,12 +37,12 @@
   },
   "dependencies": {
     "lodash-es": "^4.17.21",
-    "@elliemae/ds-button-v2": "3.55.0-next.21",
-    "@elliemae/ds-props-helpers": "3.55.0-next.21",
-    "@elliemae/ds-popperjs": "3.55.0-next.21",
-    "@elliemae/ds-icons": "3.55.0-next.21",
-    "@elliemae/ds-grid": "3.55.0-next.21",
-    "@elliemae/ds-system": "3.55.0-next.21"
+    "@elliemae/ds-button-v2": "3.55.0-next.23",
+    "@elliemae/ds-grid": "3.55.0-next.23",
+    "@elliemae/ds-icons": "3.55.0-next.23",
+    "@elliemae/ds-popperjs": "3.55.0-next.23",
+    "@elliemae/ds-props-helpers": "3.55.0-next.23",
+    "@elliemae/ds-system": "3.55.0-next.23"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.65",
@@ -52,8 +52,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.55.0-next.21",
-    "@elliemae/ds-test-utils": "3.55.0-next.21"
+    "@elliemae/ds-monorepo-devops": "3.55.0-next.23",
+    "@elliemae/ds-test-utils": "3.55.0-next.23"
   },
   "peerDependencies": {
     "lodash-es": "^4.17.21",