@elliemae/ds-breadcrumb 3.5.0-rc.9 → 3.6.0-next.0

package/dist/cjs/DSBreadcrumb.js

@@ -31,6 +31,7 @@ __export(DSBreadcrumb_exports, {
 });
 module.exports = __toCommonJS(DSBreadcrumb_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_DSBreadcrumbItem = __toESM(require("./DSBreadcrumbItem"));
@@ -48,28 +49,30 @@ const DSBreadcrumb = ({
 }) => {
   const [addRef, onKeyDown] = (0, import_useKeyboardNavigation.useKeyboardNavigation)();
   const safeElement = (0, import_react.useMemo)(() => htmlElements.indexOf(as) > -1 ? as : "nav", [as]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, {
     "aria-label": label,
     "data-testid": "breadcrumb-nav-container",
     ...rest,
     ...containerProps,
-    as: safeElement
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledList, {
-    "data-testid": "list-container"
-  }, import_react.default.Children.map(
-    children,
-    (child, childIndex) => childIndex < children.length - 1 ? (0, import_react.cloneElement)(child, {
-      childIndex,
-      addRef,
-      onKeyDown
-    }) : (0, import_react.cloneElement)(child, {
-      childIndex,
-      addRef,
-      onKeyDown,
-      trailingSlash,
-      isTitle
+    as: safeElement,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledList, {
+      "data-testid": "list-container",
+      children: import_react.default.Children.map(
+        children,
+        (child, childIndex) => childIndex < children.length - 1 ? (0, import_react.cloneElement)(child, {
+          childIndex,
+          addRef,
+          onKeyDown
+        }) : (0, import_react.cloneElement)(child, {
+          childIndex,
+          addRef,
+          onKeyDown,
+          trailingSlash,
+          isTitle
+        })
+      )
     })
-  )));
+  });
 };
 DSBreadcrumb.Item = import_DSBreadcrumbItem.default;
 const props = {

package/dist/cjs/DSBreadcrumb.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSBreadcrumb.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { cloneElement, useMemo } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport DSBreadcrumbItem from './DSBreadcrumbItem';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation';\nimport type { DSBreadcrumbPropsT } from './index.d';\nimport { StyledContainer, StyledList } from './styles';\n\nconst htmlElements = ['nav', 'div', 'header', 'footer', 'main'] as const;\n\nconst DSBreadcrumb = ({\n  containerProps = {},\n  as = 'nav',\n  label = 'Breadcrumb',\n  isTitle = false,\n  children,\n  trailingSlash = true,\n  ...rest\n}: DSBreadcrumbPropsT): React.ReactElement => {\n  const [addRef, onKeyDown] = useKeyboardNavigation();\n\n  const safeElement = useMemo(() => (htmlElements.indexOf(as) > -1 ? as : 'nav'), [as]);\n\n  return (\n    <StyledContainer\n      aria-label={label}\n      data-testid=\"breadcrumb-nav-container\"\n      {...rest}\n      {...containerProps}\n      as={safeElement}\n    >\n      <StyledList data-testid=\"list-container\">\n        {React.Children.map(children, (child: React.ReactElement, childIndex) =>\n          childIndex < children.length - 1\n            ? cloneElement(child, {\n                childIndex,\n                addRef,\n                onKeyDown,\n              })\n            : cloneElement(child, {\n                childIndex,\n                addRef,\n                onKeyDown,\n                trailingSlash,\n                isTitle,\n              }),\n        )}\n      </StyledList>\n    </StyledContainer>\n  );\n};\n\nDSBreadcrumb.Item = DSBreadcrumbItem;\n\nconst props = {\n  /** props injected to breadcrumb wrapper */\n  containerProps: PropTypes.object.description('props injected to breadcrumb wrapper'),\n  /**\n   * Type of element you want the main container to be:\n   * 'nav', 'div', 'header', 'footer', 'main'\n   */\n  as: PropTypes.string.description(\n    \"Type of element you want the main container to be: 'nav', 'div', 'header', 'footer', 'main'\",\n  ),\n  /**\n   * Whether to show the last element of the breadcrumb as a title\n   * Also removes trailing slash to show last element as title\n   */\n  isTitle: PropTypes.bool.description(\n    'Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title',\n  ),\n  /** breadcrumb label */\n  label: PropTypes.string.description('breadcrumb label'),\n  /**\n   * Container items to wrap\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description(\n    'Container items to wrap',\n  ),\n};\n\nDSBreadcrumb.propTypes = props;\nDSBreadcrumb.displayName = 'DSBreadcrumb';\n\nconst DSBreadcrumbWithSchema = describe(DSBreadcrumb);\nDSBreadcrumbWithSchema.propTypes = props;\n\nexport { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements };\nexport default DSBreadcrumb;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,0BAAoC;AACpC,8BAA6B;AAC7B,mCAAsC;AAEtC,oBAA4C;AAE5C,MAAM,eAAe,CAAC,OAAO,OAAO,UAAU,UAAU,MAAM;AAE9D,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,KACb;AACL,MAA8C;AAC5C,QAAM,CAAC,QAAQ,SAAS,QAAI,oDAAsB;AAElD,QAAM,kBAAc,sBAAQ,MAAO,aAAa,QAAQ,EAAE,IAAI,KAAK,KAAK,OAAQ,CAAC,EAAE,CAAC;AAEpF,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,cAAY;AAAA,IACZ,eAAY;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,IAAI;AAAA,KAEJ,6BAAAA,QAAA,cAAC;AAAA,IAAW,eAAY;AAAA,KACrB,aAAAA,QAAM,SAAS;AAAA,IAAI;AAAA,IAAU,CAAC,OAA2B,eACxD,aAAa,SAAS,SAAS,QAC3B,2BAAa,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,QACD,2BAAa,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACP,CACF,CACF;AAEJ;AAEA,aAAa,OAAO,wBAAAC;AAEpB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,sCAAsC;AAAA,EAKnF,IAAI,8BAAU,OAAO;AAAA,IACnB;AAAA,EACF;AAAA,EAKA,SAAS,8BAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAItD,UAAU,8BAAU,QAAQ,8BAAU,OAAO,EAAE,WAAW;AAAA,IACxD;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAE3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA6C;AAC7C,0BAAoC;AACpC,8BAA6B;AAC7B,mCAAsC;AAEtC,oBAA4C;AAE5C,MAAM,eAAe,CAAC,OAAO,OAAO,UAAU,UAAU,MAAM;AAE9D,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,KACb;AACL,MAA8C;AAC5C,QAAM,CAAC,QAAQ,SAAS,QAAI,oDAAsB;AAElD,QAAM,kBAAc,sBAAQ,MAAO,aAAa,QAAQ,EAAE,IAAI,KAAK,KAAK,OAAQ,CAAC,EAAE,CAAC;AAEpF,SACE,4CAAC;AAAA,IACC,cAAY;AAAA,IACZ,eAAY;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,IAAI;AAAA,IAEJ,sDAAC;AAAA,MAAW,eAAY;AAAA,MACrB,uBAAAA,QAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAA2B,eACxD,aAAa,SAAS,SAAS,QAC3B,2BAAa,OAAO;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC,QACD,2BAAa,OAAO;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACP;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,aAAa,OAAO,wBAAAC;AAEpB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,sCAAsC;AAAA,EAKnF,IAAI,8BAAU,OAAO;AAAA,IACnB;AAAA,EACF;AAAA,EAKA,SAAS,8BAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAItD,UAAU,8BAAU,QAAQ,8BAAU,OAAO,EAAE,WAAW;AAAA,IACxD;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAE3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
   "names": ["React", "DSBreadcrumbItem"]
 }

package/dist/cjs/DSBreadcrumbItem.js

@@ -30,7 +30,7 @@ __export(DSBreadcrumbItem_exports, {
 });
 module.exports = __toCommonJS(DSBreadcrumbItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_styles = require("./styles");
 function DSBreadcrumbItem({
@@ -47,23 +47,25 @@ function DSBreadcrumbItem({
   onKeyDown = () => null,
   ...rest
 }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCrumbWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCrumbWrapper, {
     "aria-current": active ? "page" : void 0,
     "data-testid": "breadcrumb-item-container",
     isTitle,
     trailingSlash,
-    ...rest
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLink, {
-    as,
-    href,
-    onClick,
-    ref: addRef,
-    tabIndex: 0,
-    isActive: active,
-    onKeyDown: (e) => onKeyDown(e, childIndex, onClick),
-    isTitle,
-    color
-  }, label));
+    ...rest,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledLink, {
+      as,
+      href,
+      onClick,
+      ref: addRef,
+      tabIndex: 0,
+      isActive: active,
+      onKeyDown: (e) => onKeyDown(e, childIndex, onClick),
+      isTitle,
+      color,
+      children: label
+    })
+  });
 }
 const props = {
   containerComponent: import_ds_utilities.PropTypes.string.description("inject props to wrapper"),

package/dist/cjs/DSBreadcrumbItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSBreadcrumbItem.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport type { DSBreadcrumbItemPropsT } from './index.d';\nimport { StyledLink, StyledCrumbWrapper } from './styles';\n\nfunction DSBreadcrumbItem({\n  active = false,\n  as = 'a',\n  href = undefined,\n  isTitle,\n  onClick = () => null,\n  label = '',\n  color = null,\n  addRef,\n  childIndex,\n  trailingSlash,\n  onKeyDown = () => null,\n  ...rest\n}: DSBreadcrumbItemPropsT): React.ReactElement {\n  return (\n    <StyledCrumbWrapper\n      aria-current={active ? 'page' : undefined}\n      data-testid=\"breadcrumb-item-container\"\n      isTitle={isTitle}\n      trailingSlash={trailingSlash}\n      {...rest}\n    >\n      <StyledLink\n        as={as}\n        href={href}\n        onClick={onClick}\n        ref={addRef}\n        tabIndex={0}\n        isActive={active}\n        onKeyDown={(e: React.KeyboardEvent) =>\n          onKeyDown(e, childIndex, onClick)\n        }\n        isTitle={isTitle}\n        color={color}\n      >\n        {label}\n      </StyledLink>\n    </StyledCrumbWrapper>\n  );\n}\n\nconst props = {\n  /** inject props to wrapper */\n  containerComponent: PropTypes.string.description('inject props to wrapper'),\n  /** render as any html node */\n  as: PropTypes.string.description('render as any html node'),\n  /** active item */\n  active: PropTypes.bool.description('active item'),\n  /** href link */\n  href: PropTypes.string.description('href link'),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** style item as title */\n  isTitle: PropTypes.bool.description('style item as title'),\n  /** add trailing slash */\n  trailingSlash: PropTypes.bool.description('add trailing slash'),\n  /** item label */\n  label: PropTypes.string.description('item label'),\n  /** link color */\n  color: PropTypes.string.description('link color'),\n};\n\nDSBreadcrumbItem.propTypes = props;\nDSBreadcrumbItem.displayName = 'DSBreadcrumbItem';\n\nconst DSBreadcrumbItemWithSchema = describe(DSBreadcrumbItem);\nDSBreadcrumbItemWithSchema.propTypes = props;\n\nexport { DSBreadcrumbItem, DSBreadcrumbItemWithSchema };\nexport default DSBreadcrumbItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AAEpC,oBAA+C;AAE/C,SAAS,iBAAiB;AAAA,EACxB,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,MAAM;AAAA,KACf;AACL,GAA+C;AAC7C,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,gBAAc,SAAS,SAAS;AAAA,IAChC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACC,GAAG;AAAA,KAEJ,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW,CAAC,MACV,UAAU,GAAG,YAAY,OAAO;AAAA,IAElC;AAAA,IACA;AAAA,KAEC,KACH,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,oBAAoB,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1E,IAAI,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1D,QAAQ,8BAAU,KAAK,YAAY,aAAa;AAAA,EAEhD,MAAM,8BAAU,OAAO,YAAY,WAAW;AAAA,EAE9C,SAAS,8BAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,SAAS,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAEzD,eAAe,8BAAU,KAAK,YAAY,oBAAoB;AAAA,EAE9D,OAAO,8BAAU,OAAO,YAAY,YAAY;AAAA,EAEhD,OAAO,8BAAU,OAAO,YAAY,YAAY;AAClD;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAE/B,MAAM,iCAA6B,8BAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AAEpC,oBAA+C;AAE/C,SAAS,iBAAiB;AAAA,EACxB,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,MAAM;AAAA,KACf;AACL,GAA+C;AAC7C,SACE,4CAAC;AAAA,IACC,gBAAc,SAAS,SAAS;AAAA,IAChC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IAEJ,sDAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW,CAAC,MACV,UAAU,GAAG,YAAY,OAAO;AAAA,MAElC;AAAA,MACA;AAAA,MAEC;AAAA,KACH;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,oBAAoB,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1E,IAAI,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1D,QAAQ,8BAAU,KAAK,YAAY,aAAa;AAAA,EAEhD,MAAM,8BAAU,OAAO,YAAY,WAAW;AAAA,EAE9C,SAAS,8BAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,SAAS,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAEzD,eAAe,8BAAU,KAAK,YAAY,oBAAoB;AAAA,EAE9D,OAAO,8BAAU,OAAO,YAAY,YAAY;AAAA,EAEhD,OAAO,8BAAU,OAAO,YAAY,YAAY;AAClD;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAE/B,MAAM,iCAA6B,8BAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
+  "names": []
 }

package/dist/esm/DSBreadcrumb.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import React2, { cloneElement, useMemo } from "react";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import DSBreadcrumbItem from "./DSBreadcrumbItem";
@@ -16,28 +17,30 @@ const DSBreadcrumb = ({
 }) => {
   const [addRef, onKeyDown] = useKeyboardNavigation();
   const safeElement = useMemo(() => htmlElements.indexOf(as) > -1 ? as : "nav", [as]);
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+  return /* @__PURE__ */ jsx(StyledContainer, {
     "aria-label": label,
     "data-testid": "breadcrumb-nav-container",
     ...rest,
     ...containerProps,
-    as: safeElement
-  }, /* @__PURE__ */ React2.createElement(StyledList, {
-    "data-testid": "list-container"
-  }, React2.Children.map(
-    children,
-    (child, childIndex) => childIndex < children.length - 1 ? cloneElement(child, {
-      childIndex,
-      addRef,
-      onKeyDown
-    }) : cloneElement(child, {
-      childIndex,
-      addRef,
-      onKeyDown,
-      trailingSlash,
-      isTitle
+    as: safeElement,
+    children: /* @__PURE__ */ jsx(StyledList, {
+      "data-testid": "list-container",
+      children: React2.Children.map(
+        children,
+        (child, childIndex) => childIndex < children.length - 1 ? cloneElement(child, {
+          childIndex,
+          addRef,
+          onKeyDown
+        }) : cloneElement(child, {
+          childIndex,
+          addRef,
+          onKeyDown,
+          trailingSlash,
+          isTitle
+        })
+      )
     })
-  )));
+  });
 };
 DSBreadcrumb.Item = DSBreadcrumbItem;
 const props = {

package/dist/esm/DSBreadcrumb.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSBreadcrumb.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { cloneElement, useMemo } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport DSBreadcrumbItem from './DSBreadcrumbItem';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation';\nimport type { DSBreadcrumbPropsT } from './index.d';\nimport { StyledContainer, StyledList } from './styles';\n\nconst htmlElements = ['nav', 'div', 'header', 'footer', 'main'] as const;\n\nconst DSBreadcrumb = ({\n  containerProps = {},\n  as = 'nav',\n  label = 'Breadcrumb',\n  isTitle = false,\n  children,\n  trailingSlash = true,\n  ...rest\n}: DSBreadcrumbPropsT): React.ReactElement => {\n  const [addRef, onKeyDown] = useKeyboardNavigation();\n\n  const safeElement = useMemo(() => (htmlElements.indexOf(as) > -1 ? as : 'nav'), [as]);\n\n  return (\n    <StyledContainer\n      aria-label={label}\n      data-testid=\"breadcrumb-nav-container\"\n      {...rest}\n      {...containerProps}\n      as={safeElement}\n    >\n      <StyledList data-testid=\"list-container\">\n        {React.Children.map(children, (child: React.ReactElement, childIndex) =>\n          childIndex < children.length - 1\n            ? cloneElement(child, {\n                childIndex,\n                addRef,\n                onKeyDown,\n              })\n            : cloneElement(child, {\n                childIndex,\n                addRef,\n                onKeyDown,\n                trailingSlash,\n                isTitle,\n              }),\n        )}\n      </StyledList>\n    </StyledContainer>\n  );\n};\n\nDSBreadcrumb.Item = DSBreadcrumbItem;\n\nconst props = {\n  /** props injected to breadcrumb wrapper */\n  containerProps: PropTypes.object.description('props injected to breadcrumb wrapper'),\n  /**\n   * Type of element you want the main container to be:\n   * 'nav', 'div', 'header', 'footer', 'main'\n   */\n  as: PropTypes.string.description(\n    \"Type of element you want the main container to be: 'nav', 'div', 'header', 'footer', 'main'\",\n  ),\n  /**\n   * Whether to show the last element of the breadcrumb as a title\n   * Also removes trailing slash to show last element as title\n   */\n  isTitle: PropTypes.bool.description(\n    'Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title',\n  ),\n  /** breadcrumb label */\n  label: PropTypes.string.description('breadcrumb label'),\n  /**\n   * Container items to wrap\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description(\n    'Container items to wrap',\n  ),\n};\n\nDSBreadcrumb.propTypes = props;\nDSBreadcrumb.displayName = 'DSBreadcrumb';\n\nconst DSBreadcrumbWithSchema = describe(DSBreadcrumb);\nDSBreadcrumbWithSchema.propTypes = props;\n\nexport { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements };\nexport default DSBreadcrumb;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,cAAc,eAAe;AAC7C,SAAS,WAAW,gBAAgB;AACpC,OAAO,sBAAsB;AAC7B,SAAS,6BAA6B;AAEtC,SAAS,iBAAiB,kBAAkB;AAE5C,MAAM,eAAe,CAAC,OAAO,OAAO,UAAU,UAAU,MAAM;AAE9D,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,KACb;AACL,MAA8C;AAC5C,QAAM,CAAC,QAAQ,SAAS,IAAI,sBAAsB;AAElD,QAAM,cAAc,QAAQ,MAAO,aAAa,QAAQ,EAAE,IAAI,KAAK,KAAK,OAAQ,CAAC,EAAE,CAAC;AAEpF,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,cAAY;AAAA,IACZ,eAAY;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,IAAI;AAAA,KAEJ,gBAAAA,OAAA,cAAC;AAAA,IAAW,eAAY;AAAA,KACrBA,OAAM,SAAS;AAAA,IAAI;AAAA,IAAU,CAAC,OAA2B,eACxD,aAAa,SAAS,SAAS,IAC3B,aAAa,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,IACD,aAAa,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACP,CACF,CACF;AAEJ;AAEA,aAAa,OAAO;AAEpB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,sCAAsC;AAAA,EAKnF,IAAI,UAAU,OAAO;AAAA,IACnB;AAAA,EACF;AAAA,EAKA,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAItD,UAAU,UAAU,QAAQ,UAAU,OAAO,EAAE,WAAW;AAAA,IACxD;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAE3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,UAAS,cAAc,eAAe;AAC7C,SAAS,WAAW,gBAAgB;AACpC,OAAO,sBAAsB;AAC7B,SAAS,6BAA6B;AAEtC,SAAS,iBAAiB,kBAAkB;AAE5C,MAAM,eAAe,CAAC,OAAO,OAAO,UAAU,UAAU,MAAM;AAE9D,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,KACb;AACL,MAA8C;AAC5C,QAAM,CAAC,QAAQ,SAAS,IAAI,sBAAsB;AAElD,QAAM,cAAc,QAAQ,MAAO,aAAa,QAAQ,EAAE,IAAI,KAAK,KAAK,OAAQ,CAAC,EAAE,CAAC;AAEpF,SACE,oBAAC;AAAA,IACC,cAAY;AAAA,IACZ,eAAY;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,IAAI;AAAA,IAEJ,8BAAC;AAAA,MAAW,eAAY;AAAA,MACrB,UAAAA,OAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAA2B,eACxD,aAAa,SAAS,SAAS,IAC3B,aAAa,OAAO;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC,IACD,aAAa,OAAO;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACP;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,aAAa,OAAO;AAEpB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,sCAAsC;AAAA,EAKnF,IAAI,UAAU,OAAO;AAAA,IACnB;AAAA,EACF;AAAA,EAKA,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,OAAO,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAItD,UAAU,UAAU,QAAQ,UAAU,OAAO,EAAE,WAAW;AAAA,IACxD;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAE3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
   "names": ["React"]
 }

package/dist/esm/DSBreadcrumbItem.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { StyledLink, StyledCrumbWrapper } from "./styles";
 function DSBreadcrumbItem({
@@ -16,23 +16,25 @@ function DSBreadcrumbItem({
   onKeyDown = () => null,
   ...rest
 }) {
-  return /* @__PURE__ */ React2.createElement(StyledCrumbWrapper, {
+  return /* @__PURE__ */ jsx(StyledCrumbWrapper, {
     "aria-current": active ? "page" : void 0,
     "data-testid": "breadcrumb-item-container",
     isTitle,
     trailingSlash,
-    ...rest
-  }, /* @__PURE__ */ React2.createElement(StyledLink, {
-    as,
-    href,
-    onClick,
-    ref: addRef,
-    tabIndex: 0,
-    isActive: active,
-    onKeyDown: (e) => onKeyDown(e, childIndex, onClick),
-    isTitle,
-    color
-  }, label));
+    ...rest,
+    children: /* @__PURE__ */ jsx(StyledLink, {
+      as,
+      href,
+      onClick,
+      ref: addRef,
+      tabIndex: 0,
+      isActive: active,
+      onKeyDown: (e) => onKeyDown(e, childIndex, onClick),
+      isTitle,
+      color,
+      children: label
+    })
+  });
 }
 const props = {
   containerComponent: PropTypes.string.description("inject props to wrapper"),

package/dist/esm/DSBreadcrumbItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSBreadcrumbItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport type { DSBreadcrumbItemPropsT } from './index.d';\nimport { StyledLink, StyledCrumbWrapper } from './styles';\n\nfunction DSBreadcrumbItem({\n  active = false,\n  as = 'a',\n  href = undefined,\n  isTitle,\n  onClick = () => null,\n  label = '',\n  color = null,\n  addRef,\n  childIndex,\n  trailingSlash,\n  onKeyDown = () => null,\n  ...rest\n}: DSBreadcrumbItemPropsT): React.ReactElement {\n  return (\n    <StyledCrumbWrapper\n      aria-current={active ? 'page' : undefined}\n      data-testid=\"breadcrumb-item-container\"\n      isTitle={isTitle}\n      trailingSlash={trailingSlash}\n      {...rest}\n    >\n      <StyledLink\n        as={as}\n        href={href}\n        onClick={onClick}\n        ref={addRef}\n        tabIndex={0}\n        isActive={active}\n        onKeyDown={(e: React.KeyboardEvent) =>\n          onKeyDown(e, childIndex, onClick)\n        }\n        isTitle={isTitle}\n        color={color}\n      >\n        {label}\n      </StyledLink>\n    </StyledCrumbWrapper>\n  );\n}\n\nconst props = {\n  /** inject props to wrapper */\n  containerComponent: PropTypes.string.description('inject props to wrapper'),\n  /** render as any html node */\n  as: PropTypes.string.description('render as any html node'),\n  /** active item */\n  active: PropTypes.bool.description('active item'),\n  /** href link */\n  href: PropTypes.string.description('href link'),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** style item as title */\n  isTitle: PropTypes.bool.description('style item as title'),\n  /** add trailing slash */\n  trailingSlash: PropTypes.bool.description('add trailing slash'),\n  /** item label */\n  label: PropTypes.string.description('item label'),\n  /** link color */\n  color: PropTypes.string.description('link color'),\n};\n\nDSBreadcrumbItem.propTypes = props;\nDSBreadcrumbItem.displayName = 'DSBreadcrumbItem';\n\nconst DSBreadcrumbItemWithSchema = describe(DSBreadcrumbItem);\nDSBreadcrumbItemWithSchema.propTypes = props;\n\nexport { DSBreadcrumbItem, DSBreadcrumbItemWithSchema };\nexport default DSBreadcrumbItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AAEpC,SAAS,YAAY,0BAA0B;AAE/C,SAAS,iBAAiB;AAAA,EACxB,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,MAAM;AAAA,KACf;AACL,GAA+C;AAC7C,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,gBAAc,SAAS,SAAS;AAAA,IAChC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACC,GAAG;AAAA,KAEJ,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW,CAAC,MACV,UAAU,GAAG,YAAY,OAAO;AAAA,IAElC;AAAA,IACA;AAAA,KAEC,KACH,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,oBAAoB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1E,IAAI,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1D,QAAQ,UAAU,KAAK,YAAY,aAAa;AAAA,EAEhD,MAAM,UAAU,OAAO,YAAY,WAAW;AAAA,EAE9C,SAAS,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,SAAS,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAEzD,eAAe,UAAU,KAAK,YAAY,oBAAoB;AAAA,EAE9D,OAAO,UAAU,OAAO,YAAY,YAAY;AAAA,EAEhD,OAAO,UAAU,OAAO,YAAY,YAAY;AAClD;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAE/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,YAAY,0BAA0B;AAE/C,SAAS,iBAAiB;AAAA,EACxB,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,MAAM;AAAA,KACf;AACL,GAA+C;AAC7C,SACE,oBAAC;AAAA,IACC,gBAAc,SAAS,SAAS;AAAA,IAChC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW,CAAC,MACV,UAAU,GAAG,YAAY,OAAO;AAAA,MAElC;AAAA,MACA;AAAA,MAEC;AAAA,KACH;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,oBAAoB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1E,IAAI,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE1D,QAAQ,UAAU,KAAK,YAAY,aAAa;AAAA,EAEhD,MAAM,UAAU,OAAO,YAAY,WAAW;AAAA,EAE9C,SAAS,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,SAAS,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAEzD,eAAe,UAAU,KAAK,YAAY,oBAAoB;AAAA,EAE9D,OAAO,UAAU,OAAO,YAAY,YAAY;AAAA,EAEhD,OAAO,UAAU,OAAO,YAAY,YAAY;AAClD;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAE/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-breadcrumb",
-  "version": "3.5.0-rc.9",
+  "version": "3.6.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Breadcrumb",
   "files": [
@@ -51,8 +51,8 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.5.0-rc.9",
-    "@elliemae/ds-utilities": "3.5.0-rc.9"
+    "@elliemae/ds-system": "3.6.0-next.0",
+    "@elliemae/ds-utilities": "3.6.0-next.0"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.6.0",