@elliemae/ds-accordion 3.0.0-next.9 → 3.0.1

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

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styles_exports = {};
 __export(styles_exports, {
   StyledItemAddon: () => StyledItemAddon,
@@ -35,33 +28,53 @@ __export(styles_exports, {
   StyledItemHeaderContainer: () => StyledItemHeaderContainer,
   StyledItemTitles: () => StyledItemTitles,
   StyledPrimaryTitle: () => StyledPrimaryTitle,
-  StyledSecondaryTitle: () => StyledSecondaryTitle
+  StyledSecondaryTitle: () => StyledSecondaryTitle,
+  StyledTooltipContent: () => StyledTooltipContent
 });
+module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledItemContainer = import_styled_components.default.div`
+var import_ds_system = require("@elliemae/ds-system");
+var import_styled_components = require("@xstyled/styled-components");
+var import_exported_related = require("../../exported-related");
+const paddingSetter = ({ isDSMobile, withSecondaryTitle }) => {
+  if (isDSMobile)
+    return import_ds_system.css`
+      padding: 13px 0;
+    `;
+  if (withSecondaryTitle)
+    return import_ds_system.css`
+      padding: 6px 0;
+    `;
+  return import_ds_system.css`
+    padding: 7px 0;
+  `;
+};
+const StyledItemContainer = (0, import_ds_system.styled)("div", { name: import_exported_related.COMPONENT_NAME, slot: import_exported_related.slots.ITEM.CONTAINER })`
   display: grid;
   grid-template-rows: auto auto;
   border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};
   align-items: center;
+  min-width: 240px;
+  ${import_styled_components.layout}
+  ${import_styled_components.sizing}
+  ${import_styled_components.space}
 `;
-const StyledItemHeader = import_styled_components.default.button`
+const StyledItemHeader = (0, import_ds_system.styled)("button", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.HEADER.CONTAINER
+})`
   display: flex;
-  height: ${({ theme, withSecondaryTitle }) => withSecondaryTitle ? theme.space.m : theme.space.s};
+  min-height: ${({ theme, withSecondaryTitle, isDSMobile }) => isDSMobile ? `44px` : `${withSecondaryTitle ? theme.space.m : theme.space.s}`};
   width: 100%;
   align-items: center;
   border: none;
   outline: none;
   background: none;
-
   &:hover {
     cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
   }
-
   padding: ${({ isDSMobile }) => isDSMobile ? `0 16px` : `0`};
-
   ${({ isDSMobile }) => isDSMobile ? `flex-direction: row-reverse;` : ``}
-
   &:focus {
     &:after {
       position: absolute;
@@ -76,14 +89,18 @@ const StyledItemHeader = import_styled_components.default.button`
     }
   }
 `;
-const StyledItemContent = import_styled_components.default.div`
-  margin: ${({ isDSMobile }) => isDSMobile ? `16px 16px 24px 16px` : `16px 16px 16px 32px`};
+const StyledItemContent = (0, import_ds_system.styled)("div", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.CONTENT.CONTAINER
+})`
+  margin: ${({ isDSMobile }) => isDSMobile ? `3px 16px 24px 16px` : "16px 20px"};
   grid-column: 1/2;
 `;
-const StyledItemAddon = import_styled_components.default.div`
-  ${({ theme, isDSMobile }) => !isDSMobile ? `padding: 0 ${theme.space.xxs};` : ``}
+const StyledItemAddon = (0, import_ds_system.styled)("div", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.HEADER.ADDON
+})`
   height: 100%;
-  width: ${({ theme }) => theme.space.s};
   display: grid;
   place-items: center;
 
@@ -91,53 +108,90 @@ const StyledItemAddon = import_styled_components.default.div`
     fill: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.brand[800]};
   }
 `;
-const StyledItemTitles = import_styled_components.default.div`
+const StyledItemTitles = (0, import_ds_system.styled)("div", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.HEADER.TITLE_CONTAINER
+})`
   display: grid;
+  grid-gap: ${({ theme }) => theme.space.xxxs};
+  ${paddingSetter}
   grid-template-columns: 100%;
   width: 100%;
   align-content: center;
 `;
-const StyledPrimaryTitle = import_styled_components.default.div`
+const StyledPrimaryTitle = (0, import_ds_system.styled)("div", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.HEADER.PRIMARY_TITLE
+})`
   margin: 0;
   font-size: 16px;
-  color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.neutral[700]};
-  font-weight: ${({ theme, isDSMobile }) => isDSMobile ? theme.fontWeights.regular : theme.fontWeights.regular};
+  line-height: 1.125;
+  text-align: left;
   text-overflow: ellipsis;
-  overflow: hidden;
-  height: ${({ theme }) => theme.space.xs};
+  min-height: ${({ theme }) => theme.space.xs};
+  color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};
+  font-weight: ${({ theme, isDSMobile }) => isDSMobile ? theme.fontWeights.semibold : theme.fontWeights.regular};
+  ${({ selected }) => selected ? `word-break: break-word;` : `
+   overflow: hidden;
+   white-space: nowrap;
+   `};
   width: 100%;
-  text-align: left;
   display: block;
-  white-space: nowrap;
 `;
-const StyledSecondaryTitle = import_styled_components.default.span`
+const StyledSecondaryTitle = (0, import_ds_system.styled)("span", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.HEADER.SECONDARY_TITLE
+})`
   margin: 0;
   font-size: ${({ theme }) => theme.fontSizes.label[200]};
+  line-height: 1.273;
   text-align: left;
-  color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.neutral[500]};
+  min-height: 12px;
+  color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};
   text-overflow: ellipsis;
+  ${({ selected }) => selected ? `word-break: break-word;` : `
   overflow: hidden;
-  height: ${({ theme }) => theme.space.xs};
-  width: 100%;
-  text-align: left;
-  display: block;
   white-space: nowrap;
+  width: 100%;
+  display: block;`}
 `;
-const StyledItemCustomActions = import_styled_components.default.div`
+const StyledItemCustomActions = (0, import_ds_system.styled)("div", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.HEADER.CUSTOM_ACTIONS_CONTAINER
+})`
   display: grid;
   grid-auto-flow: column;
+  place-items: center;
   grid-gap: ${({ theme }) => theme.space.xxs};
-  margin: 0 ${({ theme }) => theme.space.xs};
+  margin: ${({ theme, isDSMobile }) => isDSMobile ? `0 ${theme.space.xs}` : "0 20px 0 16px"};
   justify-content: flex-end;
+  height: 28px;
 `;
-const StyledItemHeaderContainer = import_styled_components.default.div`
+const StyledItemHeaderContainer = (0, import_ds_system.styled)("div", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.HEADER.CONTAINER
+})`
   display: grid;
   grid-template-columns: auto max-content;
   place-items: center;
   position: relative;
+  border-radius: 2px;
   &:hover {
     ${({ disabled, theme }) => !disabled ? `background: ${theme.colors.brand[200]};` : ``}
   }
 `;
-module.exports = __toCommonJS(styles_exports);
+const StyledTooltipContent = (0, import_ds_system.styled)("div", {
+  name: import_exported_related.COMPONENT_NAME,
+  slot: import_exported_related.slots.ITEM.HEADER.TOOLTIP
+})`
+  padding: 8px;
+  width: 250px;
+  background: white;
+  display: grid;
+  gap: ${({ theme }) => theme.space.xxs};
+
+  p {
+    margin: 0;
+  }
+`;
 //# sourceMappingURL=styles.js.map

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": ["import styled from 'styled-components';\nimport type {\n  StyledItemAddonPropsT,\n  StyledItemHeaderPropsT,\n  StyledItemTitlesPropsT,\n  StyledPrimaryTitlePropsT,\n  StyledSecondaryTitlePropsT,\n  StyledItemContentPropsT,\n  StyledItemHeaderContainerPropsT,\n} from '../../DSAccordionTypes';\n\nexport const StyledItemContainer = styled.div`\n  display: grid;\n  grid-template-rows: auto auto;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};\n  align-items: center;\n`;\n\nexport const StyledItemHeader = styled.button<StyledItemHeaderPropsT>`\n  display: flex;\n  height: ${({ theme, withSecondaryTitle }) => (withSecondaryTitle ? theme.space.m : theme.space.s)};\n  width: 100%;\n  align-items: center;\n  border: none;\n  outline: none;\n  background: none;\n\n  &:hover {\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n  }\n\n  padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n\n  ${({ isDSMobile }) => (isDSMobile ? `flex-direction: row-reverse;` : ``)}\n\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<StyledItemContentPropsT>`\n  margin: ${({ isDSMobile }) => (isDSMobile ? `16px 16px 24px 16px` : `16px 16px 16px 32px`)};\n  grid-column: 1/2;\n`;\n\nexport const StyledItemAddon = styled.div<StyledItemAddonPropsT>`\n  ${({ theme, isDSMobile }) => (!isDSMobile ? `padding: 0 ${theme.space.xxs};` : ``)}\n  height: 100%;\n  width: ${({ theme }) => theme.space.s};\n  display: grid;\n  place-items: center;\n\n  & .em-ds-icon svg {\n    fill: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.brand[800])};\n  }\n`;\n\nexport const StyledItemTitles = styled.div<StyledItemTitlesPropsT>`\n  display: grid;\n  grid-template-columns: 100%;\n  width: 100%;\n  align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled.div<StyledPrimaryTitlePropsT>`\n  margin: 0;\n  font-size: 16px;\n  color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.neutral[700])};\n  font-weight: ${({ theme, isDSMobile }) => (isDSMobile ? theme.fontWeights.regular : theme.fontWeights.regular)};\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: ${({ theme }) => theme.space.xs};\n  width: 100%;\n  text-align: left;\n  display: block;\n  white-space: nowrap;\n`;\n\nexport const StyledSecondaryTitle = styled.span<StyledSecondaryTitlePropsT>`\n  margin: 0;\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  text-align: left;\n  color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.neutral[500])};\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: ${({ theme }) => theme.space.xs};\n  width: 100%;\n  text-align: left;\n  display: block;\n  white-space: nowrap;\n`;\n\nexport const StyledItemCustomActions = styled.div`\n  display: grid;\n  grid-auto-flow: column;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  margin: 0 ${({ theme }) => theme.space.xs};\n  justify-content: flex-end;\n`;\n\nexport const StyledItemHeaderContainer = styled.div<StyledItemHeaderContainerPropsT>`\n  display: grid;\n  grid-template-columns: auto max-content;\n  place-items: center;\n  position: relative;\n  &:hover {\n    ${({ disabled, theme }) => (!disabled ? `background: ${theme.colors.brand[200]};` : ``)}\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAWZ,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA,6BAGb,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI1D,MAAM,mBAAmB,iCAAO;AAAA;AAAA,YAE3B,CAAC,EAAE,OAAO,yBAA0B,qBAAqB,MAAM,MAAM,IAAI,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQnF,CAAC,EAAE,eAAgB,WAAW,gBAAgB;AAAA;AAAA;AAAA,aAG/C,CAAC,EAAE,iBAAkB,aAAa,WAAW;AAAA;AAAA,IAEtD,CAAC,EAAE,iBAAkB,aAAa,iCAAiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAW7C,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMrD,MAAM,oBAAoB,iCAAO;AAAA,YAC5B,CAAC,EAAE,iBAAkB,aAAa,wBAAwB;AAAA;AAAA;AAI/D,MAAM,kBAAkB,iCAAO;AAAA,IAClC,CAAC,EAAE,OAAO,iBAAkB,CAAC,aAAa,cAAc,MAAM,MAAM,SAAS;AAAA;AAAA,WAEtE,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,YAK1B,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAIzF,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA,WAG9B,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA,iBAChF,CAAC,EAAE,OAAO,iBAAkB,aAAa,MAAM,YAAY,UAAU,MAAM,YAAY;AAAA;AAAA;AAAA,YAG5F,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,uBAAuB,iCAAO;AAAA;AAAA,eAE5B,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA,WAEzC,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,YAGrF,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,0BAA0B,iCAAO;AAAA;AAAA;AAAA,cAGhC,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,cAC3B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAIlC,MAAM,4BAA4B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM1C,CAAC,EAAE,UAAU,YAAa,CAAC,WAAW,eAAe,MAAM,OAAO,MAAM,UAAU;AAAA;AAAA;",
+  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport { COMPONENT_NAME, slots } from '../../exported-related';\ninterface StyledItemHeaderPropsT {\n  withCustomActions: boolean;\n  withSecondaryTitle?: string;\n  isDSMobile: boolean;\n}\n\ninterface StyledItemTitlesPropsT {\n  withSecondaryTitle?: string;\n  isDSMobile: boolean;\n  selected: boolean;\n}\n\ninterface StyledPrimaryTitlePropsT {\n  disabled: boolean;\n  isDSMobile: boolean;\n  selected: boolean;\n  withSecondaryTitle: boolean;\n}\n\ninterface StyledItemContentPropsT {\n  isDSMobile: boolean;\n}\n\ninterface StyledSecondaryTitlePropsT {\n  disabled: boolean;\n  selected: boolean;\n}\n\ninterface StyledItemAddonPropsT {\n  disabled: boolean;\n  isDSMobile: boolean;\n}\n\ninterface StyledItemHeaderContainerPropsT {\n  disabled: boolean;\n}\n\ninterface StyledItemCustomActionsPropsT {\n  isDSMobile: boolean;\n}\n\ninterface PaddingSetterT {\n  isDSMobile: boolean;\n  withSecondaryTitle: boolean;\n}\n\nconst paddingSetter = ({ isDSMobile, withSecondaryTitle }: PaddingSetterT): string => {\n  if (isDSMobile)\n    return css`\n      padding: 13px 0;\n    `;\n  if (withSecondaryTitle)\n    return css`\n      padding: 6px 0;\n    `;\n  return css`\n    padding: 7px 0;\n  `;\n};\n\nexport const StyledItemContainer = styled('div', { name: COMPONENT_NAME, slot: slots.ITEM.CONTAINER })`\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  ${layout}\n  ${sizing}\n  ${space}\n`;\n\nexport const StyledItemHeader = styled('button', {\n  name: COMPONENT_NAME,\n  slot: slots.ITEM.HEADER.CONTAINER,\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  }\n  padding: ${({ isDSMobile }) => (isDSMobile ? `0 16px` : `0`)};\n  ${({ isDSMobile }) => (isDSMobile ? `flex-direction: row-reverse;` : ``)}\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: COMPONENT_NAME,\n  slot: slots.ITEM.CONTENT.CONTAINER,\n})<StyledItemContentPropsT>`\n  margin: ${({ isDSMobile }) => (isDSMobile ? `3px 16px 24px 16px` : '16px 20px')};\n  grid-column: 1/2;\n`;\n\nexport const StyledItemAddon = styled('div', {\n  name: COMPONENT_NAME,\n  slot: slots.ITEM.HEADER.ADDON,\n})<StyledItemAddonPropsT>`\n  height: 100%;\n  display: grid;\n  place-items: center;\n\n  & .em-ds-icon svg {\n    fill: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[200] : theme.colors.brand[800])};\n  }\n`;\n\nexport const StyledItemTitles = styled('div', {\n  name: COMPONENT_NAME,\n  slot: slots.ITEM.HEADER.TITLE_CONTAINER,\n})<StyledItemTitlesPropsT>`\n  display: grid;\n  grid-gap: ${({ theme }) => theme.space.xxxs};\n  ${paddingSetter}\n  grid-template-columns: 100%;\n  width: 100%;\n  align-content: center;\n`;\n\nexport const StyledPrimaryTitle = styled('div', {\n  name: COMPONENT_NAME,\n  slot: slots.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, theme }) => (disabled ? 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  width: 100%;\n  display: block;\n`;\n\nexport const StyledSecondaryTitle = styled('span', {\n  name: COMPONENT_NAME,\n  slot: slots.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, theme }) => (disabled ? 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`;\n\nexport const StyledItemCustomActions = styled('div', {\n  name: COMPONENT_NAME,\n  slot: slots.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 16px')};\n  justify-content: flex-end;\n  height: 28px;\n`;\n\nexport const StyledItemHeaderContainer = styled('div', {\n  name: COMPONENT_NAME,\n  slot: slots.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, theme }) => (!disabled ? `background: ${theme.colors.brand[200]};` : ``)}\n  }\n`;\n\nexport const StyledTooltipContent = styled('div', {\n  name: COMPONENT_NAME,\n  slot: slots.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/cjs/parts/accordionItem/useAccordionItem.js

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useAccordionItem_exports = {};
 __export(useAccordionItem_exports, {
   useAccordionItem: () => useAccordionItem
 });
+module.exports = __toCommonJS(useAccordionItem_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_DSAccordionCTX = require("../../DSAccordionCTX");
@@ -49,11 +43,17 @@ const useAccordionItem = ({ value, disabled }) => {
       const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);
       if (focusableChildrenReferences[currentIndex + 1]?.ref?.current)
         focusableChildrenReferences[currentIndex + 1]?.ref?.current?.focus();
+      else if (currentIndex === focusableChildrenReferences.length - 1) {
+        focusableChildrenReferences[0]?.ref?.current?.focus();
+      }
     }
     if (!disabled && e.key === "ArrowUp") {
       const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);
       if (focusableChildrenReferences[currentIndex - 1]?.ref?.current)
         focusableChildrenReferences[currentIndex - 1]?.ref?.current?.focus();
+      else if (currentIndex === 0) {
+        focusableChildrenReferences[focusableChildrenReferences.length - 1]?.ref?.current?.focus();
+      }
     }
   }, [disabled, focusableChildrenReferences]);
   return {
@@ -62,5 +62,4 @@ const useAccordionItem = ({ value, disabled }) => {
     selected
   };
 };
-module.exports = __toCommonJS(useAccordionItem_exports);
 //# sourceMappingURL=useAccordionItem.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/accordionItem/useAccordionItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useContext, useMemo } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport type { UseAccordionPropsT, UseAccordionItemReturnTypeT } from '../../DSAccordionTypes';\n\nexport const useAccordionItem = ({ value, disabled }: UseAccordionPropsT): UseAccordionItemReturnTypeT => {\n  const { actualActiveValue, setActiveValues, focusableChildrenReferences } = useContext(DSAccordionContext);\n\n  const selected = useMemo(() => {\n    if (Array.isArray(actualActiveValue)) {\n      return actualActiveValue.some((currentValue) => currentValue === value);\n    }\n    return value === actualActiveValue;\n  }, [actualActiveValue, value]);\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!disabled) setActiveValues(value, e);\n    },\n    [disabled, setActiveValues, value],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent, _dsIndex: number) => {\n      if (!disabled && e.key === 'ArrowDown') {\n        const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);\n        if (focusableChildrenReferences[currentIndex + 1]?.ref?.current)\n          focusableChildrenReferences[currentIndex + 1]?.ref?.current?.focus();\n      }\n\n      if (!disabled && e.key === 'ArrowUp') {\n        const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);\n        if (focusableChildrenReferences[currentIndex - 1]?.ref?.current)\n          focusableChildrenReferences[currentIndex - 1]?.ref?.current?.focus();\n      }\n    },\n    [disabled, focusableChildrenReferences],\n  );\n\n  return {\n    handleOnClick,\n    handleOnKeyDown,\n    selected,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,4BAAmC;AAG5B,MAAM,mBAAmB,CAAC,EAAE,OAAO,eAAgE;AACxG,QAAM,EAAE,mBAAmB,iBAAiB,gCAAgC,6BAAW;AAEvF,QAAM,WAAW,0BAAQ,MAAM;AAC7B,QAAI,MAAM,QAAQ,oBAAoB;AACpC,aAAO,kBAAkB,KAAK,CAAC,iBAAiB,iBAAiB;AAAA;AAEnE,WAAO,UAAU;AAAA,KAChB,CAAC,mBAAmB;AAEvB,QAAM,gBAAgB,8BACpB,CAAC,MAAwB;AACvB,QAAI,CAAC;AAAU,sBAAgB,OAAO;AAAA,KAExC,CAAC,UAAU,iBAAiB;AAG9B,QAAM,kBAAkB,8BACtB,CAAC,GAAwB,aAAqB;AAC5C,QAAI,CAAC,YAAY,EAAE,QAAQ,aAAa;AACtC,YAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU;AACpF,UAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,oCAA4B,eAAe,IAAI,KAAK,SAAS;AAAA;AAGjE,QAAI,CAAC,YAAY,EAAE,QAAQ,WAAW;AACpC,YAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU;AACpF,UAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,oCAA4B,eAAe,IAAI,KAAK,SAAS;AAAA;AAAA,KAGnE,CAAC,UAAU;AAGb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "sourcesContent": ["import React, { useCallback, useContext, useMemo } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\n\nexport interface UseAccordionItemPropsT {\n  value: string | number;\n  disabled: boolean;\n}\n\ninterface UseAccordionItemReturnTypeT {\n  handleOnClick: (e: React.MouseEvent) => void;\n  handleOnKeyDown: (e: React.KeyboardEvent, dsIndex: number) => void;\n  selected: boolean;\n}\n\nexport const useAccordionItem = ({ value, disabled }: UseAccordionItemPropsT): UseAccordionItemReturnTypeT => {\n  const { actualActiveValue, setActiveValues, focusableChildrenReferences } = useContext(DSAccordionContext);\n\n  const selected = useMemo(() => {\n    if (Array.isArray(actualActiveValue)) {\n      return actualActiveValue.some((currentValue) => currentValue === value);\n    }\n    return value === actualActiveValue;\n  }, [actualActiveValue, value]);\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!disabled) setActiveValues(value, e);\n    },\n    [disabled, setActiveValues, value],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent, _dsIndex: number) => {\n      if (!disabled && e.key === 'ArrowDown') {\n        const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);\n        if (focusableChildrenReferences[currentIndex + 1]?.ref?.current)\n          focusableChildrenReferences[currentIndex + 1]?.ref?.current?.focus();\n        else if (currentIndex === focusableChildrenReferences.length - 1) {\n          focusableChildrenReferences[0]?.ref?.current?.focus();\n        }\n      }\n\n      if (!disabled && e.key === 'ArrowUp') {\n        const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);\n        if (focusableChildrenReferences[currentIndex - 1]?.ref?.current)\n          focusableChildrenReferences[currentIndex - 1]?.ref?.current?.focus();\n        else if (currentIndex === 0) {\n          focusableChildrenReferences[focusableChildrenReferences.length - 1]?.ref?.current?.focus();\n        }\n      }\n    },\n    [disabled, focusableChildrenReferences],\n  );\n\n  return {\n    handleOnClick,\n    handleOnKeyDown,\n    selected,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,4BAAmC;AAa5B,MAAM,mBAAmB,CAAC,EAAE,OAAO,eAAoE;AAC5G,QAAM,EAAE,mBAAmB,iBAAiB,gCAAgC,6BAAW,wCAAkB;AAEzG,QAAM,WAAW,0BAAQ,MAAM;AAC7B,QAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,aAAO,kBAAkB,KAAK,CAAC,iBAAiB,iBAAiB,KAAK;AAAA,IACxE;AACA,WAAO,UAAU;AAAA,EACnB,GAAG,CAAC,mBAAmB,KAAK,CAAC;AAE7B,QAAM,gBAAgB,8BACpB,CAAC,MAAwB;AACvB,QAAI,CAAC;AAAU,sBAAgB,OAAO,CAAC;AAAA,EACzC,GACA,CAAC,UAAU,iBAAiB,KAAK,CACnC;AAEA,QAAM,kBAAkB,8BACtB,CAAC,GAAwB,aAAqB;AAC5C,QAAI,CAAC,YAAY,EAAE,QAAQ,aAAa;AACtC,YAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU,QAAQ;AAC5F,UAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,oCAA4B,eAAe,IAAI,KAAK,SAAS,MAAM;AAAA,eAC5D,iBAAiB,4BAA4B,SAAS,GAAG;AAChE,oCAA4B,IAAI,KAAK,SAAS,MAAM;AAAA,MACtD;AAAA,IACF;AAEA,QAAI,CAAC,YAAY,EAAE,QAAQ,WAAW;AACpC,YAAM,eAAe,4BAA4B,UAAU,CAAC,SAAS,KAAK,UAAU,QAAQ;AAC5F,UAAI,4BAA4B,eAAe,IAAI,KAAK;AACtD,oCAA4B,eAAe,IAAI,KAAK,SAAS,MAAM;AAAA,eAC5D,iBAAiB,GAAG;AAC3B,oCAA4B,4BAA4B,SAAS,IAAI,KAAK,SAAS,MAAM;AAAA,MAC3F;AAAA,IACF;AAAA,EACF,GACA,CAAC,UAAU,2BAA2B,CACxC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/propTypes.js

@@ -4,54 +4,47 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var propTypes_exports = {};
 __export(propTypes_exports, {
   accordionItemPropTypes: () => accordionItemPropTypes,
   accordionPropTypes: () => accordionPropTypes
 });
+module.exports = __toCommonJS(propTypes_exports);
 var React = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 const accordionItemPropTypes = {
-  children: import_ds_props_helpers.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
-  title: import_ds_props_helpers.PropTypes.string.description("Set a primary title."),
-  value: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
-  iconClosed: import_ds_props_helpers.PropTypes.node.description("Custom Dimsum Icon when it is closed."),
-  iconOpened: import_ds_props_helpers.PropTypes.node.description("Custom Dimsum Icon when it is open."),
-  secondaryTitle: import_ds_props_helpers.PropTypes.string.description("Set a secondary title"),
-  customActions: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object).description("Set Dimsum AccordionItem custom actions.").deprecated({ version: "3.x" }),
-  renderCustomActions: import_ds_props_helpers.PropTypes.func.description("This property will render any JSX in the custom actions area. You can access to all references and active values within the props.").deprecated({ version: "3.x" })
+  children: import_ds_utilities.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
+  title: import_ds_utilities.PropTypes.string.description("Set a primary title."),
+  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
+  iconClosed: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is closed."),
+  iconOpened: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is open."),
+  secondaryTitle: import_ds_utilities.PropTypes.string.description("Set a secondary title"),
+  customActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("Set Dimsum AccordionItem custom actions.").deprecated({ version: "3.x" }),
+  renderCustomActions: import_ds_utilities.PropTypes.func.description("This property will render any JSX in the custom actions area. You can access to all references and active values within the props.").deprecated({ version: "3.x" })
 };
 const accordionPropTypes = {
-  containerProps: import_ds_props_helpers.PropTypes.object.description("Adds props to the container."),
-  activeValue: import_ds_props_helpers.PropTypes.oneOfType([
-    import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number])),
-    import_ds_props_helpers.PropTypes.string,
-    import_ds_props_helpers.PropTypes.number
+  containerProps: import_ds_utilities.PropTypes.object.description("Adds props to the container."),
+  activeValue: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number])),
+    import_ds_utilities.PropTypes.string,
+    import_ds_utilities.PropTypes.number
   ]).description("Selected active value. This property makes the component a controlled one."),
-  children: import_ds_props_helpers.PropTypes.node.description("Dimsum AccordionItems to show."),
-  allowMultipleOpen: import_ds_props_helpers.PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
-  onChange: import_ds_props_helpers.PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
+  children: import_ds_utilities.PropTypes.node.description("Dimsum AccordionItems to show."),
+  allowMultipleOpen: import_ds_utilities.PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
+  onChange: import_ds_utilities.PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
 };
-module.exports = __toCommonJS(propTypes_exports);
 //# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport const accordionItemPropTypes = {\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func\n    .description(\n      'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n    )\n    .deprecated({ version: '3.x' }),\n};\n\nexport const accordionPropTypes = {\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAEnB,MAAM,yBAAyB;AAAA,EACpC,UAAU,kCAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,OAAO,kCAAU,OAAO,YAAY;AAAA,EACpC,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,SAAS,YAC/D,4DACA;AAAA,EACF,YAAY,kCAAU,KAAK,YAAY;AAAA,EACvC,YAAY,kCAAU,KAAK,YAAY;AAAA,EACvC,gBAAgB,kCAAU,OAAO,YAAY;AAAA,EAC7C,eAAe,kCAAU,QAAQ,kCAAU,QACxC,YAAY,4CACZ,WAAW,EAAE,SAAS;AAAA,EACzB,qBAAqB,kCAAU,KAC5B,YACC,sIAED,WAAW,EAAE,SAAS;AAAA;AAGpB,MAAM,qBAAqB;AAAA,EAChC,gBAAgB,kCAAU,OAAO,YAAY;AAAA,EAC7C,aAAa,kCAAU,UAAU;AAAA,IAC/B,kCAAU,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU;AAAA,IACnE,kCAAU;AAAA,IACV,kCAAU;AAAA,KACT,YAAY;AAAA,EACf,UAAU,kCAAU,KAAK,YAAY;AAAA,EACrC,mBAAmB,kCAAU,KAAK,YAAY;AAAA,EAC9C,UAAU,kCAAU,KAAK,YAAY;AAAA;",
+  "sources": ["../../src/propTypes.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const accordionItemPropTypes = {\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func\n    .description(\n      'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n    )\n    .deprecated({ version: '3.x' }),\n};\n\nexport const accordionPropTypes = {\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,yBAAyB;AAAA,EACpC,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,0DACF,EAAE;AAAA,EACF,YAAY,8BAAU,KAAK,YAAY,uCAAuC;AAAA,EAC9E,YAAY,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAC5E,gBAAgB,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,8BAAU,KAC5B,YACC,oIACF,EACC,WAAW,EAAE,SAAS,MAAM,CAAC;AAClC;AAEO,MAAM,qBAAqB;AAAA,EAChC,gBAAgB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,8BAAU,UAAU;AAAA,IAC/B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,8BAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,8BAAU,KAAK,YAAY,sDAAsD;AAC7F;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,67 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  accordionItemPropTypes: () => accordionItemPropTypes,
+  accordionPropTypes: () => accordionPropTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const accordionItemPropTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), import_ds_utilities.xstyledPropTypes), {
+  children: import_ds_utilities.PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
+  title: import_ds_utilities.PropTypes.string.description("Set a primary title."),
+  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
+  iconClosed: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is closed.").deprecated({ version: "3.x" }),
+  iconOpened: import_ds_utilities.PropTypes.node.description("Custom Dimsum Icon when it is open.").deprecated({ version: "3.x" }),
+  secondaryTitle: import_ds_utilities.PropTypes.string.description("Set a secondary title"),
+  customActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("Set Dimsum AccordionItem custom actions.").deprecated({ version: "3.x" }),
+  renderCustomActions: import_ds_utilities.PropTypes.func.description("This property will render any JSX in the header controls area. You can access to all references and active values within the props.")
+});
+const accordionPropTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), import_ds_utilities.xstyledPropTypes), {
+  containerProps: import_ds_utilities.PropTypes.object.description("Adds props to the container."),
+  activeValue: import_ds_utilities.PropTypes.oneOfType([
+    import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number])),
+    import_ds_utilities.PropTypes.string,
+    import_ds_utilities.PropTypes.number
+  ]).description("Selected active value. This property makes the component a controlled one."),
+  children: import_ds_utilities.PropTypes.node.description("Dimsum AccordionItems to show."),
+  allowMultipleOpen: import_ds_utilities.PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
+  onChange: import_ds_utilities.PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
+});
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport type { DSAccordionInternalsT } from './sharedTypes';\n\nexport declare namespace DSAccordionT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    allowMultipleOpen: boolean;\n    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n    children: React.ReactElement<InternalItemProps>[];\n    isDSMobile: boolean;\n  }\n\n  export interface OptionalProps {\n    activeValue?: DSAccordionInternalsT.InternalActiveValue;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactElement<ItemProps>[];\n  }\n\n  export interface Props extends OptionalProps, Partial<Omit<DefaultProps, 'children'>>, RequiredProps {}\n\n  export interface ItemDefaultProps {\n    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    title: string;\n    customActions: DSAccordionInternalsT.CustomActions[];\n    disabled: boolean;\n  }\n\n  export interface ItemOptionalProps {\n    secondaryTitle?: string;\n    renderCustomActions?: (props: {\n      allRefs: DSAccordionInternalsT.AllChildrenReferences;\n      actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n    }) => JSX.Element;\n  }\n\n  export interface ItemRequiredProps {\n    children: React.ReactNode;\n    value: string | number;\n  }\n\n  export interface ItemProps extends ItemRequiredProps, ItemOptionalProps, Partial<ItemDefaultProps> {}\n\n  export interface InternalItemProps\n    extends ItemRequiredProps,\n      ItemOptionalProps,\n      Omit<ItemDefaultProps, 'disabled' | 'customActions' | 'iconClosed' | 'iconOpened'> {\n    dsIndex: number;\n    disabled: boolean;\n    customActions: DSAccordionInternalsT.CustomActions[];\n    iconClosed: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n    iconOpened: React.MemoExoticComponent<React.FunctionComponent<DSAccordionInternalsT.DefaultIconProps>>;\n  }\n\n  export interface InternalProps\n    extends OptionalProps,\n      Partial<Omit<DefaultProps, 'children' | 'isDSMobile' | 'onChange'>> {\n    children: React.ReactElement<InternalItemProps>[];\n    isDSMobile: boolean;\n    onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n}\n\nexport const accordionItemPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.').deprecated({ version: '3.x' }),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.').deprecated({ version: '3.x' }),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func.description(\n    'This property will render any JSX in the header controls area. You can access to all references and active values within the props.',\n  ),\n};\n\nexport const accordionPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAuE;AAiEhE,MAAM,yBAAyB,gDACjC,gDACA,uCAFiC;AAAA,EAGpC,UAAU,8BAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,0DACF,EAAE;AAAA,EACF,YAAY,8BAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,8BAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,8BAAU,QAAQ,8BAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,8BAAU,KAAK,YAClC,qIACF;AACF;AAEO,MAAM,qBAAqB,gDAC7B,gDACA,uCAF6B;AAAA,EAGhC,gBAAgB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,8BAAU,UAAU;AAAA,IAC/B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,8BAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,8BAAU,KAAK,YAAY,sDAAsD;AAC7F;",
+  "names": []
+}

package/dist/cjs/sharedTypes.js

@@ -0,0 +1,20 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sharedTypes_exports = {};
+module.exports = __toCommonJS(sharedTypes_exports);
+var React = __toESM(require("react"));
+//# sourceMappingURL=sharedTypes.js.map

package/dist/cjs/sharedTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/sharedTypes.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export declare namespace DSAccordionInternalsT {\n  export interface CustomActions {\n    onClick: (e: React.MouseEvent) => void;\n    id: string;\n  }\n\n  export interface DefaultIconProps {\n    isDSMobile: boolean;\n  }\n\n  export interface FocusableChildrenReferences {\n    index: number;\n    value: string | number;\n    ref: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface AllChildrenReferences {\n    [index: string]: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export type InternalActiveValue = (string | number)[] | string | number | null | undefined;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/esm/DSAccordion.js

@@ -1,17 +1,17 @@
 import * as React from "react";
 import React2 from "react";
-import { describe } from "@elliemae/ds-props-helpers";
+import { describe } from "@elliemae/ds-utilities";
 import { AccordionContent } from "./parts/accordionContent/AccordionContent";
 import { useAccordion } from "./config/useAccordion";
 import { DSAccordionContext } from "./DSAccordionCTX";
-import { accordionPropTypes } from "./propTypes";
+import { accordionPropTypes } from "./react-desc-prop-types";
 const DSAccordion = (props) => {
   const ctx = useAccordion(props);
   return /* @__PURE__ */ React2.createElement(DSAccordionContext.Provider, {
     value: ctx
   }, /* @__PURE__ */ React2.createElement(AccordionContent, null));
 };
-DSAccordion.propTypes = accordionPropTypes;
+DSAccordion.displayName = "DSAccordion";
 const DSAccordionWithSchema = describe(DSAccordion);
 DSAccordionWithSchema.propTypes = accordionPropTypes;
 var DSAccordion_default = DSAccordion;