@danske/sapphire-react-lab 0.105.1 → 0.106.1

package/build/esm/Breadcrumbs/src/BreadcrumbItem.js

@@ -8,60 +8,53 @@ import { BreadcrumbsContext } from './Breadcrumbs.js';
 import { BreadcrumbOverflowMenu } from './BreadcrumbOverflowMenu.js';
 import { BreadcrumbItemLink } from './BreadcrumbItemLink.js';
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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;
-};
 class BreadcrumbItemCollectionNode extends CollectionNode {
+  static type = "item";
 }
-BreadcrumbItemCollectionNode.type = "item";
-const BreadcrumbItem = createLeafComponent(BreadcrumbItemCollectionNode, function BreadcrumbItem2(props, ref, node) {
-  var _a;
-  useThemeCheck();
-  const { styleProps } = useSapphireStyleProps(props);
-  const {
-    size,
-    overflowNodes,
-    isDisabled: breadcrumbsDisabled
-  } = useContext(BreadcrumbsContext);
-  const { isDisabled: individualDisabled = false } = props;
-  const isCurrent = node.nextKey == null;
-  const isDisabled = individualDisabled || breadcrumbsDisabled;
-  const shouldRender = !overflowNodes.some((item) => (item == null ? void 0 : item.key) === node.key);
-  const showOverflowMenu = ((_a = overflowNodes[0]) == null ? void 0 : _a.key) === node.key;
-  if (!shouldRender && !showOverflowMenu) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null);
-  }
-  if (!shouldRender && showOverflowMenu) {
-    return /* @__PURE__ */ React.createElement(BreadcrumbOverflowMenu, null);
+const BreadcrumbItem = createLeafComponent(
+  BreadcrumbItemCollectionNode,
+  function BreadcrumbItem2(props, ref, node) {
+    useThemeCheck();
+    const { styleProps } = useSapphireStyleProps(props);
+    const {
+      size,
+      overflowNodes,
+      isDisabled: breadcrumbsDisabled
+    } = useContext(BreadcrumbsContext);
+    const { isDisabled: individualDisabled = false } = props;
+    const isCurrent = node.nextKey == null;
+    const isDisabled = individualDisabled || breadcrumbsDisabled;
+    const shouldRender = !overflowNodes.some((item) => item?.key === node.key);
+    const showOverflowMenu = overflowNodes[0]?.key === node.key;
+    if (!shouldRender && !showOverflowMenu) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null);
+    }
+    if (!shouldRender && showOverflowMenu) {
+      return /* @__PURE__ */ React.createElement(BreadcrumbOverflowMenu, null);
+    }
+    node.href = props.href;
+    return /* @__PURE__ */ React.createElement(
+      "li",
+      {
+        ref,
+        className: clsx(styles["sapphire-breadcrumbs__item"]),
+        style: { ...styleProps.style },
+        "data-disabled": isDisabled || void 0,
+        "data-current": isCurrent || void 0
+      },
+      isCurrent ? /* @__PURE__ */ React.createElement(
+        Typography.Body,
+        {
+          elementType: "span",
+          isSemibold: true,
+          size: size === "lg" ? "md" : size === "md" ? "sm" : "xs"
+        },
+        node.rendered
+      ) : /* @__PURE__ */ React.createElement(BreadcrumbItemLink, { isDisabled, ...props }, node.rendered),
+      !isCurrent && /* @__PURE__ */ React.createElement(BreadcrumbsSeparator, null)
+    );
   }
-  node.href = props.href;
-  return /* @__PURE__ */ React.createElement("li", {
-    ref,
-    className: clsx(styles["sapphire-breadcrumbs__item"]),
-    style: __spreadValues({}, styleProps.style),
-    "data-disabled": isDisabled || void 0,
-    "data-current": isCurrent || void 0
-  }, isCurrent ? /* @__PURE__ */ React.createElement(Typography.Body, {
-    elementType: "span",
-    isSemibold: true,
-    size: size === "lg" ? "md" : size === "md" ? "sm" : "xs"
-  }, node.rendered) : /* @__PURE__ */ React.createElement(BreadcrumbItemLink, __spreadValues({
-    isDisabled
-  }, props), node.rendered), !isCurrent && /* @__PURE__ */ React.createElement(BreadcrumbsSeparator, null));
-});
+);
 
 export { BreadcrumbItem };
 //# sourceMappingURL=BreadcrumbItem.js.map

package/build/esm/Breadcrumbs/src/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbItem.tsx"],"sourcesContent":["import React, { useContext, ForwardedRef } from 'react';\nimport type { BreadcrumbProps as RACBreadcrumbProps } from 'react-aria-components';\nimport { CollectionNode, createLeafComponent } from '@react-aria/collections';\nimport {\n  useSapphireStyleProps,\n  useThemeCheck,\n  SapphireStyleProps,\n  Typography,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport { BreadcrumbsSeparator } from './BreadcrumbsSeparator';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';\nimport { BreadcrumbsContext } from './Breadcrumbs';\nimport { BreadcrumbOverflowMenu } from './BreadcrumbOverflowMenu';\nimport { BreadcrumbItemNode } from './types';\nimport {\n  BreadcrumbItemLink,\n  BreadcrumbItemLinkProps,\n} from './BreadcrumbItemLink';\n\nexport type BreadcrumbItemProps = {\n  isDisabled?: boolean;\n} & SapphireStyleProps &\n  GlobalDomAttributes &\n  Pick<RACBreadcrumbProps, 'children'> &\n  BreadcrumbItemLinkProps;\n\nclass BreadcrumbItemCollectionNode extends CollectionNode<unknown> {\n  static readonly type = 'item';\n}\n\n/**\n * The implementation is based on React Aria's BreadcrumbItem, with added support for\n * overflow menu data handling.\n */\nexport const BreadcrumbItem = createLeafComponent(\n  BreadcrumbItemCollectionNode,\n  function BreadcrumbItem(\n    props: BreadcrumbItemProps,\n    ref: ForwardedRef<HTMLLIElement>,\n    node: BreadcrumbItemNode\n  ): JSX.Element {\n    useThemeCheck();\n    const { styleProps } = useSapphireStyleProps(props);\n    const {\n      size,\n      overflowNodes,\n      isDisabled: breadcrumbsDisabled,\n    } = useContext(BreadcrumbsContext);\n    const { isDisabled: individualDisabled = false } = props;\n\n    const isCurrent = node.nextKey == null;\n    const isDisabled = individualDisabled || breadcrumbsDisabled;\n\n    /**\n     * The item should not be rendered if it's in the overflow indexes.\n     * The only exception is the first overflow menu item, which will be rendered\n     * as the overflow menu trigger.\n     */\n    const shouldRender = !overflowNodes.some((item) => item?.key === node.key);\n    const showOverflowMenu = overflowNodes[0]?.key === node.key;\n\n    if (!shouldRender && !showOverflowMenu) {\n      return <></>;\n    }\n\n    if (!shouldRender && showOverflowMenu) {\n      return <BreadcrumbOverflowMenu />;\n    }\n\n    node.href = props.href;\n\n    return (\n      <li\n        ref={ref}\n        className={clsx(styles['sapphire-breadcrumbs__item'])}\n        style={{ ...styleProps.style }}\n        data-disabled={isDisabled || undefined}\n        data-current={isCurrent || undefined}\n      >\n        {isCurrent ? (\n          <Typography.Body\n            elementType=\"span\"\n            isSemibold\n            size={size === 'lg' ? 'md' : size === 'md' ? 'sm' : 'xs'}\n          >\n            {node.rendered}\n          </Typography.Body>\n        ) : (\n          <BreadcrumbItemLink isDisabled={isDisabled} {...props}>\n            {node.rendered}\n          </BreadcrumbItemLink>\n        )}\n        {!isCurrent && <BreadcrumbsSeparator />}\n      </li>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAA,4BAAA,SAA2C,cAAwB,CAAA;AAAA,CAAA;AAAnE,6BACkB,IAAO,GAAA,MAAA,CAAA;AAOlB,MAAM,iBAAiB,mBAC5B,CAAA,4BAAA,EACA,SACE,eAAA,CAAA,KAAA,EACA,KACA,IACa,EAAA;AA1CjB,EAAA,IAAA,EAAA,CAAA;AA2CI,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAC7C,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,GAAA,GACV,UAAW,CAAA,kBAAA,CAAA,CAAA;AACf,EAAM,MAAA,EAAE,UAAY,EAAA,kBAAA,GAAqB,KAAU,EAAA,GAAA,KAAA,CAAA;AAEnD,EAAM,MAAA,SAAA,GAAY,KAAK,OAAW,IAAA,IAAA,CAAA;AAClC,EAAA,MAAM,aAAa,kBAAsB,IAAA,mBAAA,CAAA;AAOzC,EAAM,MAAA,YAAA,GAAe,CAAC,aAAc,CAAA,IAAA,CAAK,CAAC,IAAS,KAAA,CAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,SAAQ,IAAK,CAAA,GAAA,CAAA,CAAA;AACtE,EAAA,MAAM,gBAAmB,GAAA,CAAA,CAAA,EAAA,GAAA,aAAA,CAAc,CAAd,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,SAAQ,IAAK,CAAA,GAAA,CAAA;AAExD,EAAI,IAAA,CAAC,YAAgB,IAAA,CAAC,gBAAkB,EAAA;AACtC,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA;AAGT,EAAI,IAAA,CAAC,gBAAgB,gBAAkB,EAAA;AACrC,IAAA,2CAAQ,sBAAD,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA;AAGT,EAAA,IAAA,CAAK,OAAO,KAAM,CAAA,IAAA,CAAA;AAElB,EAAA,2CACG,IAAD,EAAA;AAAA,IACE,GAAA;AAAA,IACA,SAAA,EAAW,KAAK,MAAO,CAAA,4BAAA,CAAA,CAAA;AAAA,IACvB,KAAA,EAAO,mBAAK,UAAW,CAAA,KAAA,CAAA;AAAA,IACvB,iBAAe,UAAc,IAAA,KAAA,CAAA;AAAA,IAC7B,gBAAc,SAAa,IAAA,KAAA,CAAA;AAAA,GAE1B,EAAA,SAAA,mBACE,KAAA,CAAA,aAAA,CAAA,UAAA,CAAW,IAAZ,EAAA;AAAA,IACE,WAAY,EAAA,MAAA;AAAA,IACZ,UAAU,EAAA,IAAA;AAAA,IACV,MAAM,IAAS,KAAA,IAAA,GAAO,IAAO,GAAA,IAAA,KAAS,OAAO,IAAO,GAAA,IAAA;AAAA,GAEnD,EAAA,IAAA,CAAK,QAGR,CAAA,mBAAA,KAAA,CAAA,aAAA,CAAC,kBAAD,EAAA,cAAA,CAAA;AAAA,IAAoB,UAAA;AAAA,GAAA,EAA4B,QAC7C,IAAK,CAAA,QAAA,CAAA,EAGT,CAAC,SAAA,wCAAc,oBAAD,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbItem.tsx"],"sourcesContent":["import React, { useContext, ForwardedRef } from 'react';\nimport type { BreadcrumbProps as RACBreadcrumbProps } from 'react-aria-components';\nimport { CollectionNode, createLeafComponent } from '@react-aria/collections';\nimport {\n  useSapphireStyleProps,\n  useThemeCheck,\n  SapphireStyleProps,\n  Typography,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport { BreadcrumbsSeparator } from './BreadcrumbsSeparator';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';\nimport { BreadcrumbsContext } from './Breadcrumbs';\nimport { BreadcrumbOverflowMenu } from './BreadcrumbOverflowMenu';\nimport { BreadcrumbItemNode } from './types';\nimport {\n  BreadcrumbItemLink,\n  BreadcrumbItemLinkProps,\n} from './BreadcrumbItemLink';\n\nexport type BreadcrumbItemProps = {\n  isDisabled?: boolean;\n} & SapphireStyleProps &\n  GlobalDomAttributes &\n  Pick<RACBreadcrumbProps, 'children'> &\n  BreadcrumbItemLinkProps;\n\nclass BreadcrumbItemCollectionNode extends CollectionNode<unknown> {\n  static readonly type = 'item';\n}\n\n/**\n * The implementation is based on React Aria's BreadcrumbItem, with added support for\n * overflow menu data handling.\n */\nexport const BreadcrumbItem = createLeafComponent(\n  BreadcrumbItemCollectionNode,\n  function BreadcrumbItem(\n    props: BreadcrumbItemProps,\n    ref: ForwardedRef<HTMLLIElement>,\n    node: BreadcrumbItemNode\n  ): JSX.Element {\n    useThemeCheck();\n    const { styleProps } = useSapphireStyleProps(props);\n    const {\n      size,\n      overflowNodes,\n      isDisabled: breadcrumbsDisabled,\n    } = useContext(BreadcrumbsContext);\n    const { isDisabled: individualDisabled = false } = props;\n\n    const isCurrent = node.nextKey == null;\n    const isDisabled = individualDisabled || breadcrumbsDisabled;\n\n    /**\n     * The item should not be rendered if it's in the overflow indexes.\n     * The only exception is the first overflow menu item, which will be rendered\n     * as the overflow menu trigger.\n     */\n    const shouldRender = !overflowNodes.some((item) => item?.key === node.key);\n    const showOverflowMenu = overflowNodes[0]?.key === node.key;\n\n    if (!shouldRender && !showOverflowMenu) {\n      return <></>;\n    }\n\n    if (!shouldRender && showOverflowMenu) {\n      return <BreadcrumbOverflowMenu />;\n    }\n\n    node.href = props.href;\n\n    return (\n      <li\n        ref={ref}\n        className={clsx(styles['sapphire-breadcrumbs__item'])}\n        style={{ ...styleProps.style }}\n        data-disabled={isDisabled || undefined}\n        data-current={isCurrent || undefined}\n      >\n        {isCurrent ? (\n          <Typography.Body\n            elementType=\"span\"\n            isSemibold\n            size={size === 'lg' ? 'md' : size === 'md' ? 'sm' : 'xs'}\n          >\n            {node.rendered}\n          </Typography.Body>\n        ) : (\n          <BreadcrumbItemLink isDisabled={isDisabled} {...props}>\n            {node.rendered}\n          </BreadcrumbItemLink>\n        )}\n        {!isCurrent && <BreadcrumbsSeparator />}\n      </li>\n    );\n  }\n);\n"],"names":["BreadcrumbItem"],"mappings":";;;;;;;;;;AA4BA,MAAM,qCAAqC,cAAA,CAAwB;AAAA,EACjE,OAAgB,IAAA,GAAO,MAAA;AACzB;AAMO,MAAM,cAAA,GAAiB,mBAAA;AAAA,EAC5B,4BAAA;AAAA,EACA,SAASA,eAAAA,CACP,KAAA,EACA,GAAA,EACA,IAAA,EACa;AACb,IAAA,aAAA,EAAc;AACd,IAAA,MAAM,EAAE,UAAA,EAAW,GAAI,qBAAA,CAAsB,KAAK,CAAA;AAClD,IAAA,MAAM;AAAA,MACJ,IAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY;AAAA,KACd,GAAI,WAAW,kBAAkB,CAAA;AACjC,IAAA,MAAM,EAAE,UAAA,EAAY,kBAAA,GAAqB,KAAA,EAAM,GAAI,KAAA;AAEnD,IAAA,MAAM,SAAA,GAAY,KAAK,OAAA,IAAW,IAAA;AAClC,IAAA,MAAM,aAAa,kBAAA,IAAsB,mBAAA;AAOzC,IAAA,MAAM,YAAA,GAAe,CAAC,aAAA,CAAc,IAAA,CAAK,CAAC,IAAA,KAAS,IAAA,EAAM,GAAA,KAAQ,IAAA,CAAK,GAAG,CAAA;AACzE,IAAA,MAAM,gBAAA,GAAmB,aAAA,CAAc,CAAC,CAAA,EAAG,QAAQ,IAAA,CAAK,GAAA;AAExD,IAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,gBAAA,EAAkB;AACtC,MAAA,uBAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAE,CAAA;AAAA,IACX;AAEA,IAAA,IAAI,CAAC,gBAAgB,gBAAA,EAAkB;AACrC,MAAA,2CAAQ,sBAAA,EAAA,IAAuB,CAAA;AAAA,IACjC;AAEA,IAAA,IAAA,CAAK,OAAO,KAAA,CAAM,IAAA;AAElB,IAAA,uBACE,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,4BAA4B,CAAC,CAAA;AAAA,QACpD,KAAA,EAAO,EAAE,GAAG,UAAA,CAAW,KAAA,EAAM;AAAA,QAC7B,iBAAe,UAAA,IAAc,MAAA;AAAA,QAC7B,gBAAc,SAAA,IAAa;AAAA,OAAA;AAAA,MAE1B,SAAA,mBACC,KAAA,CAAA,aAAA;AAAA,QAAC,UAAA,CAAW,IAAA;AAAA,QAAX;AAAA,UACC,WAAA,EAAY,MAAA;AAAA,UACZ,UAAA,EAAU,IAAA;AAAA,UACV,MAAM,IAAA,KAAS,IAAA,GAAO,IAAA,GAAO,IAAA,KAAS,OAAO,IAAA,GAAO;AAAA,SAAA;AAAA,QAEnD,IAAA,CAAK;AAAA,0BAGR,KAAA,CAAA,aAAA,CAAC,kBAAA,EAAA,EAAmB,YAAyB,GAAG,KAAA,EAAA,EAC7C,KAAK,QACR,CAAA;AAAA,MAED,CAAC,SAAA,oBAAa,KAAA,CAAA,aAAA,CAAC,oBAAA,EAAA,IAAqB;AAAA,KACvC;AAAA,EAEJ;AACF;;;;"}

package/build/esm/Breadcrumbs/src/BreadcrumbItemLink.js

@@ -3,56 +3,28 @@ import { useThemeCheck, useSapphireStyleProps, Button } from '@danske/sapphire-r
 import { BreadcrumbsContext } from './Breadcrumbs.js';
 import { BreadcrumbItemStatic } from './BreadcrumbItemStatic.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const BreadcrumbItemLink = forwardRef(function BreadcrumbItemLink2(_a, ref) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+const BreadcrumbItemLink = forwardRef(function BreadcrumbItemLink2({ children, ...props }, ref) {
   useThemeCheck();
   const { styleProps: sapphireStyleProps } = useSapphireStyleProps(props);
-  const _a2 = sapphireStyleProps, { style, className } = _a2, styleProps = __objRest(_a2, ["style", "className"]);
+  const { style, className, ...styleProps } = sapphireStyleProps;
   const { size } = useContext(BreadcrumbsContext);
-  if (!props.href) {
-    return /* @__PURE__ */ React.createElement(BreadcrumbItemStatic, __spreadProps(__spreadValues({}, props), {
-      size
-    }), children);
+  if (!props.href && !props.UNSAFE_onClick) {
+    return /* @__PURE__ */ React.createElement(BreadcrumbItemStatic, { ...props, size }, children);
   }
-  return /* @__PURE__ */ React.createElement(Button, __spreadProps(__spreadValues(__spreadValues({}, props), styleProps), {
-    UNSAFE_className: className,
-    UNSAFE_style: __spreadValues({}, style),
-    ref,
-    size,
-    variant: "tertiary",
-    isDisabled: props.isDisabled
-  }), children);
+  return /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      ...props,
+      ...styleProps,
+      UNSAFE_className: className,
+      UNSAFE_style: { ...style },
+      ref,
+      size,
+      variant: "tertiary",
+      isDisabled: props.isDisabled
+    },
+    children
+  );
 });
 BreadcrumbItemLink.displayName = "BreadcrumbItemLink";
 

package/build/esm/Breadcrumbs/src/BreadcrumbItemLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItemLink.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbItemLink.tsx"],"sourcesContent":["import React, { useContext, forwardRef } from 'react';\nimport {\n  Button,\n  ButtonProps,\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport { FocusableRef } from '@react-types/shared';\nimport { BreadcrumbsContext } from './Breadcrumbs';\nimport { BreadcrumbItemStatic } from './BreadcrumbItemStatic';\n\nexport type BreadcrumbItemLinkProps = Pick<\n  ButtonProps<'a'>,\n  | 'children'\n  | 'href'\n  | 'hrefLang'\n  | 'target'\n  | 'rel'\n  | 'isDisabled'\n  | 'icon'\n  // TODO when moving to \"core\", use types under `types.ts` instead of plain strings\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'aria-details'\n  | 'UNSAFE_onClick'\n> &\n  SapphireStyleProps &\n  GlobalDomAttributes;\n\nexport const BreadcrumbItemLink = forwardRef(function BreadcrumbItemLink(\n  { children, ...props }: BreadcrumbItemLinkProps,\n  ref: FocusableRef<HTMLAnchorElement>\n): JSX.Element {\n  useThemeCheck();\n  const { styleProps: sapphireStyleProps } = useSapphireStyleProps(props);\n  const { style, className, ...styleProps } = sapphireStyleProps;\n  const { size } = useContext(BreadcrumbsContext);\n\n  if (!props.href) {\n    return (\n      <BreadcrumbItemStatic {...props} size={size}>\n        {children}\n      </BreadcrumbItemStatic>\n    );\n  }\n\n  return (\n    <Button\n      {...props}\n      {...styleProps}\n      UNSAFE_className={className}\n      UNSAFE_style={{ ...style }}\n      ref={ref}\n      size={size}\n      variant=\"tertiary\"\n      isDisabled={props.isDisabled}\n    >\n      {children}\n    </Button>\n  );\n});\n\nBreadcrumbItemLink.displayName = 'BreadcrumbItemLink';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,kBAAqB,GAAA,UAAA,CAAW,SAC3C,mBAAA,CAAA,EAAA,EACA,GACa,EAAA;AAFb,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAF,QAAA,EAAA,GAAA,EAAA,EAAe,KAAf,GAAA,SAAA,CAAA,EAAA,EAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AAGF,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA,EAAE,UAAY,EAAA,kBAAA,EAAA,GAAuB,qBAAsB,CAAA,KAAA,CAAA,CAAA;AACjE,EAAA,MAA4C,0BAApC,EAAO,KAAA,EAAA,SAAA,EAAA,GAA6B,KAAf,UAAe,GAAA,SAAA,CAAA,GAAA,EAAf,CAArB,OAAO,EAAA,WAAA,CAAA,CAAA,CAAA;AACf,EAAM,MAAA,EAAE,SAAS,UAAW,CAAA,kBAAA,CAAA,CAAA;AAE5B,EAAI,IAAA,CAAC,MAAM,IAAM,EAAA;AACf,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,oBAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAA0B,KAA1B,CAAA,EAAA;AAAA,MAAiC,IAAA;AAAA,KAC9B,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,GAAA;AAKP,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAD,aACM,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EACA,UAFN,CAAA,EAAA;AAAA,IAGE,gBAAkB,EAAA,SAAA;AAAA,IAClB,cAAc,cAAK,CAAA,EAAA,EAAA,KAAA,CAAA;AAAA,IACnB,GAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAQ,EAAA,UAAA;AAAA,IACR,YAAY,KAAM,CAAA,UAAA;AAAA,GAEjB,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAKP,kBAAA,CAAmB,WAAc,GAAA,oBAAA;;;;"}
+{"version":3,"file":"BreadcrumbItemLink.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbItemLink.tsx"],"sourcesContent":["import React, { useContext, forwardRef } from 'react';\nimport {\n  Button,\n  ButtonProps,\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport { FocusableRef } from '@react-types/shared';\nimport { BreadcrumbsContext } from './Breadcrumbs';\nimport { BreadcrumbItemStatic } from './BreadcrumbItemStatic';\n\nexport type BreadcrumbItemLinkProps = Pick<\n  ButtonProps<'a'>,\n  | 'children'\n  | 'href'\n  | 'hrefLang'\n  | 'target'\n  | 'rel'\n  | 'isDisabled'\n  | 'icon'\n  // TODO when moving to \"core\", use types under `types.ts` instead of plain strings\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'aria-details'\n  | 'UNSAFE_onClick'\n> &\n  SapphireStyleProps &\n  GlobalDomAttributes;\n\nexport const BreadcrumbItemLink = forwardRef(function BreadcrumbItemLink(\n  { children, ...props }: BreadcrumbItemLinkProps,\n  ref: FocusableRef<HTMLAnchorElement>\n): JSX.Element {\n  useThemeCheck();\n  const { styleProps: sapphireStyleProps } = useSapphireStyleProps(props);\n  const { style, className, ...styleProps } = sapphireStyleProps;\n  const { size } = useContext(BreadcrumbsContext);\n\n  if (!props.href && !props.UNSAFE_onClick) {\n    return (\n      <BreadcrumbItemStatic {...props} size={size}>\n        {children}\n      </BreadcrumbItemStatic>\n    );\n  }\n\n  return (\n    <Button\n      {...props}\n      {...styleProps}\n      UNSAFE_className={className}\n      UNSAFE_style={{ ...style }}\n      ref={ref}\n      size={size}\n      variant=\"tertiary\"\n      isDisabled={props.isDisabled}\n    >\n      {children}\n    </Button>\n  );\n});\n\nBreadcrumbItemLink.displayName = 'BreadcrumbItemLink';\n"],"names":["BreadcrumbItemLink"],"mappings":";;;;;AAgCO,MAAM,kBAAA,GAAqB,WAAW,SAASA,mBAAAA,CACpD,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,EACrB,GAAA,EACa;AACb,EAAA,aAAA,EAAc;AACd,EAAA,MAAM,EAAE,UAAA,EAAY,kBAAA,EAAmB,GAAI,sBAAsB,KAAK,CAAA;AACtE,EAAA,MAAM,EAAE,KAAA,EAAO,SAAA,EAAW,GAAG,YAAW,GAAI,kBAAA;AAC5C,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,UAAA,CAAW,kBAAkB,CAAA;AAE9C,EAAA,IAAI,CAAC,KAAA,CAAM,IAAA,IAAQ,CAAC,MAAM,cAAA,EAAgB;AACxC,IAAA,uBACE,KAAA,CAAA,aAAA,CAAC,oBAAA,EAAA,EAAsB,GAAG,KAAA,EAAO,QAC9B,QACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,gBAAA,EAAkB,SAAA;AAAA,MAClB,YAAA,EAAc,EAAE,GAAG,KAAA,EAAM;AAAA,MACzB,GAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MACR,YAAY,KAAA,CAAM;AAAA,KAAA;AAAA,IAEjB;AAAA,GACH;AAEJ,CAAC;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;;;"}

package/build/esm/Breadcrumbs/src/BreadcrumbItemStatic.js

@@ -4,53 +4,32 @@ import clsx from 'clsx';
 import styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';
 import { mergeRefs } from '@react-aria/utils';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const BreadcrumbItemStatic = forwardRef(function BreadcrumbItemStatic2(_a, ref) {
-  var _b = _a, { size } = _b, props = __objRest(_b, ["size"]);
+const BreadcrumbItemStatic = forwardRef(function BreadcrumbItemStatic2({ size, ...props }, ref) {
   useThemeCheck();
   const { styleProps } = useSapphireStyleProps(props);
-  return /* @__PURE__ */ React.createElement(TooltipIfNeeded, {
-    title: props.children
-  }, (tooltipContentRef, tooltipProps) => {
-    const positioningRef = tooltipProps == null ? void 0 : tooltipProps.ref;
-    return /* @__PURE__ */ React.createElement("span", __spreadProps(__spreadValues({}, tooltipProps), {
-      ref: mergeRefs(ref, tooltipContentRef, positioningRef),
-      className: clsx(styles["sapphire-breadcrumbs__item--static"], {
-        [styles["sapphire-breadcrumbs__item--static--sm"]]: size === "sm",
-        [styles["sapphire-breadcrumbs__item--static--lg"]]: size === "lg"
-      }, styleProps.className),
-      style: styleProps.style
-    }), props.children);
+  return /* @__PURE__ */ React.createElement(TooltipIfNeeded, { title: props.children }, (tooltipContentRef, tooltipProps) => {
+    const positioningRef = tooltipProps?.ref;
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        ...tooltipProps,
+        ref: mergeRefs(
+          ref,
+          tooltipContentRef,
+          positioningRef
+        ),
+        className: clsx(
+          styles["sapphire-breadcrumbs__item--static"],
+          {
+            [styles["sapphire-breadcrumbs__item--static--sm"]]: size === "sm",
+            [styles["sapphire-breadcrumbs__item--static--lg"]]: size === "lg"
+          },
+          styleProps.className
+        ),
+        style: styleProps.style
+      },
+      props.children
+    );
   });
 });
 

package/build/esm/Breadcrumbs/src/BreadcrumbItemStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItemStatic.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbItemStatic.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  GlobalDomAttributes,\n  TooltipIfNeeded,\n} from '@danske/sapphire-react';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';\nimport { mergeRefs } from '@react-aria/utils';\n\nexport type BreadcrumbItemStaticProps = Pick<\n  React.HTMLAttributes<HTMLSpanElement>,\n  'children'\n> &\n  SapphireStyleProps &\n  GlobalDomAttributes & { size: 'sm' | 'md' | 'lg' };\n\nexport const BreadcrumbItemStatic = forwardRef<\n  HTMLSpanElement,\n  BreadcrumbItemStaticProps\n>(function BreadcrumbItemStatic({ size, ...props }, ref): JSX.Element {\n  useThemeCheck();\n  const { styleProps } = useSapphireStyleProps(props);\n  return (\n    <TooltipIfNeeded<HTMLSpanElement> title={props.children}>\n      {(tooltipContentRef, tooltipProps) => {\n        const positioningRef = tooltipProps?.ref;\n        return (\n          <span\n            {...tooltipProps}\n            ref={\n              mergeRefs(\n                ref,\n                tooltipContentRef,\n                positioningRef\n              ) as React.LegacyRef<HTMLSpanElement>\n            }\n            className={clsx(\n              styles['sapphire-breadcrumbs__item--static'],\n              {\n                [styles['sapphire-breadcrumbs__item--static--sm']]:\n                  size === 'sm',\n                [styles['sapphire-breadcrumbs__item--static--lg']]:\n                  size === 'lg',\n              },\n              styleProps.className\n            )}\n            style={styleProps.style}\n          >\n            {props.children}\n          </span>\n        );\n      }}\n    </TooltipIfNeeded>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,oBAAuB,GAAA,UAAA,CAGlC,SAA8B,qBAAA,CAAA,EAAA,EAAoB,GAAkB,EAAA;AAAtC,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAF,IAAA,EAAA,GAAA,EAAA,EAAW,KAAX,GAAA,SAAA,CAAA,EAAA,EAAW,CAAT,MAAA,CAAA,CAAA,CAAA;AAChC,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAC7C,EAAA,2CACG,eAAD,EAAA;AAAA,IAAkC,OAAO,KAAM,CAAA,QAAA;AAAA,GAC5C,EAAA,CAAC,mBAAmB,YAAiB,KAAA;AACpC,IAAA,MAAM,iBAAiB,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,GAAA,CAAA;AACrC,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,MAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,YADN,CAAA,EAAA;AAAA,MAEE,GAAA,EACE,SACE,CAAA,GAAA,EACA,iBACA,EAAA,cAAA,CAAA;AAAA,MAGJ,SAAA,EAAW,IACT,CAAA,MAAA,CAAO,oCACP,CAAA,EAAA;AAAA,QACG,CAAA,MAAA,CAAO,4CACN,IAAS,KAAA,IAAA;AAAA,QACV,CAAA,MAAA,CAAO,4CACN,IAAS,KAAA,IAAA;AAAA,OAAA,EAEb,UAAW,CAAA,SAAA,CAAA;AAAA,MAEb,OAAO,UAAW,CAAA,KAAA;AAAA,KAAA,CAAA,EAEjB,KAAM,CAAA,QAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"BreadcrumbItemStatic.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbItemStatic.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  GlobalDomAttributes,\n  TooltipIfNeeded,\n} from '@danske/sapphire-react';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';\nimport { mergeRefs } from '@react-aria/utils';\n\nexport type BreadcrumbItemStaticProps = Pick<\n  React.HTMLAttributes<HTMLSpanElement>,\n  'children'\n> &\n  SapphireStyleProps &\n  GlobalDomAttributes & { size: 'sm' | 'md' | 'lg' };\n\nexport const BreadcrumbItemStatic = forwardRef<\n  HTMLSpanElement,\n  BreadcrumbItemStaticProps\n>(function BreadcrumbItemStatic({ size, ...props }, ref): JSX.Element {\n  useThemeCheck();\n  const { styleProps } = useSapphireStyleProps(props);\n  return (\n    <TooltipIfNeeded<HTMLSpanElement> title={props.children}>\n      {(tooltipContentRef, tooltipProps) => {\n        const positioningRef = tooltipProps?.ref;\n        return (\n          <span\n            {...tooltipProps}\n            ref={\n              mergeRefs(\n                ref,\n                tooltipContentRef,\n                positioningRef\n              ) as React.LegacyRef<HTMLSpanElement>\n            }\n            className={clsx(\n              styles['sapphire-breadcrumbs__item--static'],\n              {\n                [styles['sapphire-breadcrumbs__item--static--sm']]:\n                  size === 'sm',\n                [styles['sapphire-breadcrumbs__item--static--lg']]:\n                  size === 'lg',\n              },\n              styleProps.className\n            )}\n            style={styleProps.style}\n          >\n            {props.children}\n          </span>\n        );\n      }}\n    </TooltipIfNeeded>\n  );\n});\n"],"names":["BreadcrumbItemStatic"],"mappings":";;;;;;AAmBO,MAAM,oBAAA,GAAuB,WAGlC,SAASA,qBAAAA,CAAqB,EAAE,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,EAAkB;AACpE,EAAA,aAAA,EAAc;AACd,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,qBAAA,CAAsB,KAAK,CAAA;AAClD,EAAA,2CACG,eAAA,EAAA,EAAiC,KAAA,EAAO,MAAM,QAAA,EAAA,EAC5C,CAAC,mBAAmB,YAAA,KAAiB;AACpC,IAAA,MAAM,iBAAiB,YAAA,EAAc,GAAA;AACrC,IAAA,uBACE,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,GAAA,EACE,SAAA;AAAA,UACE,GAAA;AAAA,UACA,iBAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEF,SAAA,EAAW,IAAA;AAAA,UACT,OAAO,oCAAoC,CAAA;AAAA,UAC3C;AAAA,YACE,CAAC,MAAA,CAAO,wCAAwC,CAAC,GAC/C,IAAA,KAAS,IAAA;AAAA,YACX,CAAC,MAAA,CAAO,wCAAwC,CAAC,GAC/C,IAAA,KAAS;AAAA,WACb;AAAA,UACA,UAAA,CAAW;AAAA,SACb;AAAA,QACA,OAAO,UAAA,CAAW;AAAA,OAAA;AAAA,MAEjB,KAAA,CAAM;AAAA,KACT;AAAA,EAEJ,CACF,CAAA;AAEJ,CAAC;;;;"}

package/build/esm/Breadcrumbs/src/BreadcrumbOverflowMenu.js

@@ -6,17 +6,24 @@ import { BreadcrumbsSeparator } from './BreadcrumbsSeparator.js';
 
 const BreadcrumbOverflowMenu = () => {
   const { size, overflowNodes } = useContext(BreadcrumbsContext);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Menu, {
-    triggerElement: /* @__PURE__ */ React.createElement(IconButton, {
-      "aria-label": "Show more breadcrumbs",
-      size
-    }, /* @__PURE__ */ React.createElement(OverflowMenuHorizontal, null))
-  }, overflowNodes.map((item) => !item ? null : /* @__PURE__ */ React.createElement(MenuItem, {
-    key: item.key,
-    id: item.key,
-    href: item.href,
-    isDisabled: !item.href
-  }, item.rendered))), /* @__PURE__ */ React.createElement(BreadcrumbsSeparator, null));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Menu,
+    {
+      triggerElement: /* @__PURE__ */ React.createElement(IconButton, { "aria-label": "Show more breadcrumbs", size }, /* @__PURE__ */ React.createElement(OverflowMenuHorizontal, null))
+    },
+    overflowNodes.map(
+      (item) => !item ? null : /* @__PURE__ */ React.createElement(
+        MenuItem,
+        {
+          key: item.key,
+          id: item.key,
+          href: item.href,
+          isDisabled: !item.href
+        },
+        item.rendered
+      )
+    )
+  ), /* @__PURE__ */ React.createElement(BreadcrumbsSeparator, null));
 };
 
 export { BreadcrumbOverflowMenu };

package/build/esm/Breadcrumbs/src/BreadcrumbOverflowMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbOverflowMenu.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbOverflowMenu.tsx"],"sourcesContent":["import { Menu, MenuItem, IconButton } from '@danske/sapphire-react';\nimport { OverflowMenuHorizontal } from '@danske/sapphire-icons/react';\nimport React from 'react';\nimport { useContext } from 'react';\nimport { BreadcrumbsContext } from './Breadcrumbs';\nimport { BreadcrumbsSeparator } from './BreadcrumbsSeparator';\n\n/**\n * Component that is being rendered in the case of overflowed breadcrumbs.\n * It is an internal component, so it's automatically rendered when the Breadcrumb\n * component detects overflow.\n */\nexport const BreadcrumbOverflowMenu = (): JSX.Element => {\n  const { size, overflowNodes } = useContext(BreadcrumbsContext);\n\n  return (\n    <>\n      <Menu\n        triggerElement={\n          <IconButton aria-label=\"Show more breadcrumbs\" size={size}>\n            <OverflowMenuHorizontal />\n          </IconButton>\n        }\n      >\n        {overflowNodes.map((item) =>\n          !item ? null : (\n            <MenuItem\n              key={item.key}\n              id={item.key}\n              href={item.href}\n              isDisabled={!item.href}\n            >\n              {item.rendered}\n            </MenuItem>\n          )\n        )}\n      </Menu>\n      <BreadcrumbsSeparator />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,yBAAyB,MAAmB;AACvD,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAA,GAAkB,UAAW,CAAA,kBAAA,CAAA,CAAA;AAE3C,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,IAAD,EAAA;AAAA,IACE,cAAA,sCACG,UAAD,EAAA;AAAA,MAAY,YAAW,EAAA,uBAAA;AAAA,MAAwB,IAAA;AAAA,KAAA,sCAC5C,sBAAD,EAAA,IAAA,CAAA,CAAA;AAAA,GAIH,EAAA,aAAA,CAAc,IAAI,CAAC,IAAA,KAClB,CAAC,IAAO,GAAA,IAAA,uCACL,QAAD,EAAA;AAAA,IACE,KAAK,IAAK,CAAA,GAAA;AAAA,IACV,IAAI,IAAK,CAAA,GAAA;AAAA,IACT,MAAM,IAAK,CAAA,IAAA;AAAA,IACX,UAAA,EAAY,CAAC,IAAK,CAAA,IAAA;AAAA,GAEjB,EAAA,IAAA,CAAK,QAKd,CAAA,CAAA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAD,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"BreadcrumbOverflowMenu.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbOverflowMenu.tsx"],"sourcesContent":["import { Menu, MenuItem, IconButton } from '@danske/sapphire-react';\nimport { OverflowMenuHorizontal } from '@danske/sapphire-icons/react';\nimport React from 'react';\nimport { useContext } from 'react';\nimport { BreadcrumbsContext } from './Breadcrumbs';\nimport { BreadcrumbsSeparator } from './BreadcrumbsSeparator';\n\n/**\n * Component that is being rendered in the case of overflowed breadcrumbs.\n * It is an internal component, so it's automatically rendered when the Breadcrumb\n * component detects overflow.\n */\nexport const BreadcrumbOverflowMenu = (): JSX.Element => {\n  const { size, overflowNodes } = useContext(BreadcrumbsContext);\n\n  return (\n    <>\n      <Menu\n        triggerElement={\n          <IconButton aria-label=\"Show more breadcrumbs\" size={size}>\n            <OverflowMenuHorizontal />\n          </IconButton>\n        }\n      >\n        {overflowNodes.map((item) =>\n          !item ? null : (\n            <MenuItem\n              key={item.key}\n              id={item.key}\n              href={item.href}\n              isDisabled={!item.href}\n            >\n              {item.rendered}\n            </MenuItem>\n          )\n        )}\n      </Menu>\n      <BreadcrumbsSeparator />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,yBAAyB,MAAmB;AACvD,EAAA,MAAM,EAAE,IAAA,EAAM,aAAA,EAAc,GAAI,WAAW,kBAAkB,CAAA;AAE7D,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,cAAA,sCACG,UAAA,EAAA,EAAW,YAAA,EAAW,yBAAwB,IAAA,EAAA,kBAC7C,KAAA,CAAA,aAAA,CAAC,4BAAuB,CAC1B;AAAA,KAAA;AAAA,IAGD,aAAA,CAAc,GAAA;AAAA,MAAI,CAAC,IAAA,KAClB,CAAC,IAAA,GAAO,IAAA,mBACN,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAK,IAAA,CAAK,GAAA;AAAA,UACV,IAAI,IAAA,CAAK,GAAA;AAAA,UACT,MAAM,IAAA,CAAK,IAAA;AAAA,UACX,UAAA,EAAY,CAAC,IAAA,CAAK;AAAA,SAAA;AAAA,QAEjB,IAAA,CAAK;AAAA;AACR;AAEJ,GACF,kBACA,KAAA,CAAA,aAAA,CAAC,oBAAA,EAAA,IAAqB,CACxB,CAAA;AAEJ;;;;"}

package/build/esm/Breadcrumbs/src/Breadcrumbs.js

@@ -8,75 +8,56 @@ import { useSapphireStyleProps } from '@danske/sapphire-react';
 import styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';
 import clsx from 'clsx';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const BreadcrumbsContext = createContext({ size: "md", overflowNodes: [] });
-const Breadcrumbs = forwardRef(function Breadcrumbs2(_a, fwdRef) {
-  var _b = _a, { maxWidth, size = "md" } = _b, props = __objRest(_b, ["maxWidth", "size"]);
+const Breadcrumbs = forwardRef(function Breadcrumbs2({ maxWidth, size = "md", ...props }, fwdRef) {
   const [RACprops, ref] = useContextProps(props, fwdRef, BreadcrumbsContext$1);
   const { styleProps } = useSapphireStyleProps(RACprops);
   const containerRef = useRef(null);
   const { CollectionRoot } = useContext(CollectionRendererContext);
   const { navProps } = useBreadcrumbs(RACprops);
   const DOMProps = filterDOMProps(RACprops, { global: true });
-  return /* @__PURE__ */ React.createElement(CollectionBuilder, {
-    content: /* @__PURE__ */ React.createElement(Collection, __spreadValues({}, RACprops))
-  }, (collection) => {
-    const { overflowNodes } = useBreadcrumbThreshold(collection.size, containerRef, ref);
-    const keys = Array.from(collection.getKeys());
-    return /* @__PURE__ */ React.createElement("div", {
-      ref: containerRef,
-      style: __spreadProps(__spreadValues({}, styleProps.style), {
-        maxWidth,
-        display: "flex"
-      })
-    }, /* @__PURE__ */ React.createElement("ol", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React.createElement(CollectionBuilder, { content: /* @__PURE__ */ React.createElement(Collection, { ...RACprops }) }, (collection) => {
+    const { overflowNodes } = useBreadcrumbThreshold(
+      collection.size,
+      containerRef,
       ref
-    }, mergeProps(DOMProps, navProps)), {
-      className: clsx(styles["sapphire-breadcrumbs"], {
-        [styles["sapphire-breadcrumbs--sm"]]: size === "sm",
-        [styles["sapphire-breadcrumbs--lg"]]: size === "lg"
-      })
-    }), /* @__PURE__ */ React.createElement(BreadcrumbsContext.Provider, {
-      value: {
-        size,
-        overflowNodes: overflowNodes.map((index) => collection.getItem(keys[index])),
-        isDisabled: RACprops.isDisabled
-      }
-    }, /* @__PURE__ */ React.createElement(BreadcrumbsContext$1.Provider, {
-      value: RACprops
-    }, /* @__PURE__ */ React.createElement(CollectionRoot, {
-      collection
-    })))));
+    );
+    const keys = Array.from(collection.getKeys());
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: containerRef,
+        style: {
+          ...styleProps.style,
+          maxWidth,
+          display: "flex"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "ol",
+        {
+          ref,
+          ...mergeProps(DOMProps, navProps),
+          className: clsx(styles["sapphire-breadcrumbs"], {
+            [styles["sapphire-breadcrumbs--sm"]]: size === "sm",
+            [styles["sapphire-breadcrumbs--lg"]]: size === "lg"
+          })
+        },
+        /* @__PURE__ */ React.createElement(
+          BreadcrumbsContext.Provider,
+          {
+            value: {
+              size,
+              overflowNodes: overflowNodes.map(
+                (index) => collection.getItem(keys[index])
+              ),
+              isDisabled: RACprops.isDisabled
+            }
+          },
+          /* @__PURE__ */ React.createElement(BreadcrumbsContext$1.Provider, { value: RACprops }, /* @__PURE__ */ React.createElement(CollectionRoot, { collection }))
+        )
+      )
+    );
   });
 });
 

package/build/esm/Breadcrumbs/src/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/Breadcrumbs/src/Breadcrumbs.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport { useBreadcrumbs } from '@react-aria/breadcrumbs';\nimport { Collection, CollectionBuilder } from '@react-aria/collections';\nimport { filterDOMProps, mergeProps } from '@react-aria/utils';\nimport { forwardRefType } from '@react-types/shared';\nimport { ForwardedRef, forwardRef, useContext, useRef } from 'react';\nimport {\n  BreadcrumbsContext as RACBreadcrumbsContext,\n  BreadcrumbsProps as RACBreadcrumbsProps,\n  CollectionRendererContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { useBreadcrumbThreshold } from './useBreadcrumbThreshold';\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';\nimport clsx from 'clsx';\nimport { BreadcrumbItemNode } from './types';\n\nexport type BreadcrumbsProps<T extends object> = Pick<\n  RACBreadcrumbsProps<T>,\n  'aria-label' | 'isDisabled' | 'children'\n> & {\n  /**\n   * The size of the breadcrumbs component.\n   *\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Maximum width for the breadcrumbs container. When content overflows,\n   * it will show an overflow menu with the first and last items.\n   */\n  maxWidth?: React.CSSProperties['maxWidth'];\n} & SapphireStyleProps &\n  GlobalDomAttributes;\n\nexport const BreadcrumbsContext = createContext<{\n  size: 'sm' | 'md' | 'lg';\n  overflowNodes: (BreadcrumbItemNode | null)[];\n  isDisabled?: boolean;\n}>({ size: 'md', overflowNodes: [] });\n\n/**\n * Implementation is based on React Aria's Breadcrumbs component.\n * It was necessary to own the implementation to add support for\n * handling the collection directly, as we need it for the overflow calculation logic.\n */\nexport const Breadcrumbs = (forwardRef as forwardRefType)(function Breadcrumbs<\n  T extends object\n>(\n  { maxWidth, size = 'md', ...props }: BreadcrumbsProps<T>,\n  fwdRef: ForwardedRef<HTMLOListElement>\n) {\n  const [RACprops, ref] = useContextProps(props, fwdRef, RACBreadcrumbsContext);\n  const { styleProps } = useSapphireStyleProps(RACprops);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { CollectionRoot } = useContext(CollectionRendererContext);\n  const { navProps } = useBreadcrumbs(RACprops);\n  const DOMProps = filterDOMProps(RACprops, { global: true });\n\n  return (\n    <CollectionBuilder content={<Collection {...RACprops} />}>\n      {(collection) => {\n        const { overflowNodes } = useBreadcrumbThreshold(\n          collection.size,\n          containerRef,\n          ref\n        );\n        const keys = Array.from(collection.getKeys());\n        return (\n          <div\n            ref={containerRef}\n            style={{\n              ...styleProps.style,\n              maxWidth,\n              display: 'flex',\n            }}\n          >\n            <ol\n              ref={ref}\n              {...mergeProps(DOMProps, navProps)}\n              className={clsx(styles['sapphire-breadcrumbs'], {\n                [styles['sapphire-breadcrumbs--sm']]: size === 'sm',\n                [styles['sapphire-breadcrumbs--lg']]: size === 'lg',\n              })}\n            >\n              <BreadcrumbsContext.Provider\n                value={{\n                  size,\n                  overflowNodes: overflowNodes.map((index) =>\n                    collection.getItem(keys[index])\n                  ),\n                  isDisabled: RACprops.isDisabled,\n                }}\n              >\n                <RACBreadcrumbsContext.Provider value={RACprops}>\n                  <CollectionRoot collection={collection} />\n                </RACBreadcrumbsContext.Provider>\n              </BreadcrumbsContext.Provider>\n            </ol>\n          </div>\n        );\n      }}\n    </CollectionBuilder>\n  );\n});\n"],"names":["RACBreadcrumbsContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCO,MAAM,kBAAqB,GAAA,aAAA,CAI/B,EAAE,IAAA,EAAM,MAAM,aAAe,EAAA,EAAA,EAAA,EAAA;AAOzB,MAAM,WAAe,GAAA,UAAA,CAA8B,SAGxD,YAAA,CAAA,EAAA,EACA,MACA,EAAA;AAFA,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,IAAO,GAAA,IAAA,EAAA,GAAnB,IAA4B,KAA5B,GAAA,SAAA,CAAA,EAAA,EAA4B,CAA1B,UAAU,EAAA,MAAA,CAAA,CAAA,CAAA;AAGZ,EAAA,MAAM,CAAC,QAAA,EAAU,GAAO,CAAA,GAAA,eAAA,CAAgB,OAAO,MAAQ,EAAAA,oBAAA,CAAA,CAAA;AACvD,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,QAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,eAAe,MAAuB,CAAA,IAAA,CAAA,CAAA;AAC5C,EAAM,MAAA,EAAE,mBAAmB,UAAW,CAAA,yBAAA,CAAA,CAAA;AACtC,EAAM,MAAA,EAAE,aAAa,cAAe,CAAA,QAAA,CAAA,CAAA;AACpC,EAAA,MAAM,QAAW,GAAA,cAAA,CAAe,QAAU,EAAA,EAAE,MAAQ,EAAA,IAAA,EAAA,CAAA,CAAA;AAEpD,EAAA,2CACG,iBAAD,EAAA;AAAA,IAAmB,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,UAAA,EAAD,cAAgB,CAAA,EAAA,EAAA,QAAA,CAAA,CAAA;AAAA,GAAA,EACzC,CAAC,UAAe,KAAA;AACf,IAAA,MAAM,EAAE,aAAA,EAAA,GAAkB,sBACxB,CAAA,UAAA,CAAW,MACX,YACA,EAAA,GAAA,CAAA,CAAA;AAEF,IAAM,MAAA,IAAA,GAAO,KAAM,CAAA,IAAA,CAAK,UAAW,CAAA,OAAA,EAAA,CAAA,CAAA;AACnC,IAAA,2CACG,KAAD,EAAA;AAAA,MACE,GAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAA,UAAA,CAAW,KADT,CAAA,EAAA;AAAA,QAEL,QAAA;AAAA,QACA,OAAS,EAAA,MAAA;AAAA,OAAA,CAAA;AAAA,KAAA,sCAGV,IAAD,EAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACE,GAAA;AAAA,KACI,EAAA,UAAA,CAAW,UAAU,QAF3B,CAAA,CAAA,EAAA;AAAA,MAGE,SAAA,EAAW,IAAK,CAAA,MAAA,CAAO,sBAAyB,CAAA,EAAA;AAAA,QAC7C,CAAA,MAAA,CAAO,8BAA8B,IAAS,KAAA,IAAA;AAAA,QAC9C,CAAA,MAAA,CAAO,8BAA8B,IAAS,KAAA,IAAA;AAAA,OAAA,CAAA;AAAA,KAGjD,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,mBAAmB,QAApB,EAAA;AAAA,MACE,KAAO,EAAA;AAAA,QACL,IAAA;AAAA,QACA,eAAe,aAAc,CAAA,GAAA,CAAI,CAAC,KAChC,KAAA,UAAA,CAAW,QAAQ,IAAK,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,QAE1B,YAAY,QAAS,CAAA,UAAA;AAAA,OAAA;AAAA,KAGvB,kBAAA,KAAA,CAAA,aAAA,CAACA,qBAAsB,QAAvB,EAAA;AAAA,MAAgC,KAAO,EAAA,QAAA;AAAA,KAAA,sCACpC,cAAD,EAAA;AAAA,MAAgB,UAAA;AAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/Breadcrumbs/src/Breadcrumbs.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport { useBreadcrumbs } from '@react-aria/breadcrumbs';\nimport { Collection, CollectionBuilder } from '@react-aria/collections';\nimport { filterDOMProps, mergeProps } from '@react-aria/utils';\nimport { forwardRefType } from '@react-types/shared';\nimport { ForwardedRef, forwardRef, useContext, useRef } from 'react';\nimport {\n  BreadcrumbsContext as RACBreadcrumbsContext,\n  BreadcrumbsProps as RACBreadcrumbsProps,\n  CollectionRendererContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { useBreadcrumbThreshold } from './useBreadcrumbThreshold';\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';\nimport clsx from 'clsx';\nimport { BreadcrumbItemNode } from './types';\n\nexport type BreadcrumbsProps<T extends object> = Pick<\n  RACBreadcrumbsProps<T>,\n  'aria-label' | 'isDisabled' | 'children'\n> & {\n  /**\n   * The size of the breadcrumbs component.\n   *\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Maximum width for the breadcrumbs container. When content overflows,\n   * it will show an overflow menu with the first and last items.\n   */\n  maxWidth?: React.CSSProperties['maxWidth'];\n} & SapphireStyleProps &\n  GlobalDomAttributes;\n\nexport const BreadcrumbsContext = createContext<{\n  size: 'sm' | 'md' | 'lg';\n  overflowNodes: (BreadcrumbItemNode | null)[];\n  isDisabled?: boolean;\n}>({ size: 'md', overflowNodes: [] });\n\n/**\n * Implementation is based on React Aria's Breadcrumbs component.\n * It was necessary to own the implementation to add support for\n * handling the collection directly, as we need it for the overflow calculation logic.\n */\nexport const Breadcrumbs = (forwardRef as forwardRefType)(function Breadcrumbs<\n  T extends object\n>(\n  { maxWidth, size = 'md', ...props }: BreadcrumbsProps<T>,\n  fwdRef: ForwardedRef<HTMLOListElement>\n) {\n  const [RACprops, ref] = useContextProps(props, fwdRef, RACBreadcrumbsContext);\n  const { styleProps } = useSapphireStyleProps(RACprops);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { CollectionRoot } = useContext(CollectionRendererContext);\n  const { navProps } = useBreadcrumbs(RACprops);\n  const DOMProps = filterDOMProps(RACprops, { global: true });\n\n  return (\n    <CollectionBuilder content={<Collection {...RACprops} />}>\n      {(collection) => {\n        const { overflowNodes } = useBreadcrumbThreshold(\n          collection.size,\n          containerRef,\n          ref\n        );\n        const keys = Array.from(collection.getKeys());\n        return (\n          <div\n            ref={containerRef}\n            style={{\n              ...styleProps.style,\n              maxWidth,\n              display: 'flex',\n            }}\n          >\n            <ol\n              ref={ref}\n              {...mergeProps(DOMProps, navProps)}\n              className={clsx(styles['sapphire-breadcrumbs'], {\n                [styles['sapphire-breadcrumbs--sm']]: size === 'sm',\n                [styles['sapphire-breadcrumbs--lg']]: size === 'lg',\n              })}\n            >\n              <BreadcrumbsContext.Provider\n                value={{\n                  size,\n                  overflowNodes: overflowNodes.map((index) =>\n                    collection.getItem(keys[index])\n                  ),\n                  isDisabled: RACprops.isDisabled,\n                }}\n              >\n                <RACBreadcrumbsContext.Provider value={RACprops}>\n                  <CollectionRoot collection={collection} />\n                </RACBreadcrumbsContext.Provider>\n              </BreadcrumbsContext.Provider>\n            </ol>\n          </div>\n        );\n      }}\n    </CollectionBuilder>\n  );\n});\n"],"names":["Breadcrumbs","RACBreadcrumbsContext"],"mappings":";;;;;;;;;;AAwCO,MAAM,kBAAA,GAAqB,cAI/B,EAAE,IAAA,EAAM,MAAM,aAAA,EAAe,IAAI;AAO7B,MAAM,WAAA,GAAe,UAAA,CAA8B,SAASA,YAAAA,CAGjE,EAAE,QAAA,EAAU,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAClC,MAAA,EACA;AACA,EAAA,MAAM,CAAC,QAAA,EAAU,GAAG,IAAI,eAAA,CAAgB,KAAA,EAAO,QAAQC,oBAAqB,CAAA;AAC5E,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,qBAAA,CAAsB,QAAQ,CAAA;AACrD,EAAA,MAAM,YAAA,GAAe,OAAuB,IAAI,CAAA;AAChD,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,UAAA,CAAW,yBAAyB,CAAA;AAC/D,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,cAAA,CAAe,QAAQ,CAAA;AAC5C,EAAA,MAAM,WAAW,cAAA,CAAe,QAAA,EAAU,EAAE,MAAA,EAAQ,MAAM,CAAA;AAE1D,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,qBAAkB,OAAA,kBAAS,KAAA,CAAA,aAAA,CAAC,cAAY,GAAG,QAAA,EAAU,CAAA,EAAA,EACnD,CAAC,UAAA,KAAe;AACf,IAAA,MAAM,EAAE,eAAc,GAAI,sBAAA;AAAA,MACxB,UAAA,CAAW,IAAA;AAAA,MACX,YAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,CAAK,UAAA,CAAW,SAAS,CAAA;AAC5C,IAAA,uBACE,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO;AAAA,UACL,GAAG,UAAA,CAAW,KAAA;AAAA,UACd,QAAA;AAAA,UACA,OAAA,EAAS;AAAA;AACX,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACC,GAAG,UAAA,CAAW,QAAA,EAAU,QAAQ,CAAA;AAAA,UACjC,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,sBAAsB,CAAA,EAAG;AAAA,YAC9C,CAAC,MAAA,CAAO,0BAA0B,CAAC,GAAG,IAAA,KAAS,IAAA;AAAA,YAC/C,CAAC,MAAA,CAAO,0BAA0B,CAAC,GAAG,IAAA,KAAS;AAAA,WAChD;AAAA,SAAA;AAAA,wBAED,KAAA,CAAA,aAAA;AAAA,UAAC,kBAAA,CAAmB,QAAA;AAAA,UAAnB;AAAA,YACC,KAAA,EAAO;AAAA,cACL,IAAA;AAAA,cACA,eAAe,aAAA,CAAc,GAAA;AAAA,gBAAI,CAAC,KAAA,KAChC,UAAA,CAAW,OAAA,CAAQ,IAAA,CAAK,KAAK,CAAC;AAAA,eAChC;AAAA,cACA,YAAY,QAAA,CAAS;AAAA;AACvB,WAAA;AAAA,0BAEA,KAAA,CAAA,aAAA,CAACA,qBAAsB,QAAA,EAAtB,EAA+B,OAAO,QAAA,EAAA,kBACrC,KAAA,CAAA,aAAA,CAAC,cAAA,EAAA,EAAe,UAAA,EAAwB,CAC1C;AAAA;AACF;AACF,KACF;AAAA,EAEJ,CACF,CAAA;AAEJ,CAAC;;;;"}

package/build/esm/Breadcrumbs/src/BreadcrumbsSeparator.js

@@ -8,12 +8,14 @@ import { BreadcrumbsContext } from './Breadcrumbs.js';
 const BreadcrumbsSeparator = () => {
   const { size } = useContext(BreadcrumbsContext);
   const iconSize = size === "lg" ? "md" : "sm";
-  return /* @__PURE__ */ React.createElement("span", {
-    className: clsx(styles["sapphire-breadcrumbs__separator"]),
-    "aria-hidden": "true"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    size: iconSize
-  }, /* @__PURE__ */ React.createElement(ChevronRight, null)));
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: clsx(styles["sapphire-breadcrumbs__separator"]),
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React.createElement(Icon, { size: iconSize }, /* @__PURE__ */ React.createElement(ChevronRight, null))
+  );
 };
 
 export { BreadcrumbsSeparator };

package/build/esm/Breadcrumbs/src/BreadcrumbsSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsSeparator.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbsSeparator.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';\nimport { ChevronRight } from '@danske/sapphire-icons/react';\nimport { Icon } from '@danske/sapphire-react';\nimport { BreadcrumbsContext } from './Breadcrumbs';\n\nexport const BreadcrumbsSeparator = (): JSX.Element => {\n  const { size } = useContext(BreadcrumbsContext);\n\n  // Based on the design\n  const iconSize = size === 'lg' ? 'md' : 'sm';\n\n  return (\n    <span\n      className={clsx(styles['sapphire-breadcrumbs__separator'])}\n      aria-hidden=\"true\"\n    >\n      <Icon size={iconSize}>\n        <ChevronRight />\n      </Icon>\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,uBAAuB,MAAmB;AACrD,EAAM,MAAA,EAAE,SAAS,UAAW,CAAA,kBAAA,CAAA,CAAA;AAG5B,EAAM,MAAA,QAAA,GAAW,IAAS,KAAA,IAAA,GAAO,IAAO,GAAA,IAAA,CAAA;AAExC,EAAA,2CACG,MAAD,EAAA;AAAA,IACE,SAAA,EAAW,KAAK,MAAO,CAAA,iCAAA,CAAA,CAAA;AAAA,IACvB,aAAY,EAAA,MAAA;AAAA,GAAA,sCAEX,IAAD,EAAA;AAAA,IAAM,IAAM,EAAA,QAAA;AAAA,GAAA,sCACT,YAAD,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"BreadcrumbsSeparator.js","sources":["../../../../src/Breadcrumbs/src/BreadcrumbsSeparator.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport styles from '@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css';\nimport { ChevronRight } from '@danske/sapphire-icons/react';\nimport { Icon } from '@danske/sapphire-react';\nimport { BreadcrumbsContext } from './Breadcrumbs';\n\nexport const BreadcrumbsSeparator = (): JSX.Element => {\n  const { size } = useContext(BreadcrumbsContext);\n\n  // Based on the design\n  const iconSize = size === 'lg' ? 'md' : 'sm';\n\n  return (\n    <span\n      className={clsx(styles['sapphire-breadcrumbs__separator'])}\n      aria-hidden=\"true\"\n    >\n      <Icon size={iconSize}>\n        <ChevronRight />\n      </Icon>\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,uBAAuB,MAAmB;AACrD,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,UAAA,CAAW,kBAAkB,CAAA;AAG9C,EAAA,MAAM,QAAA,GAAW,IAAA,KAAS,IAAA,GAAO,IAAA,GAAO,IAAA;AAExC,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,iCAAiC,CAAC,CAAA;AAAA,MACzD,aAAA,EAAY;AAAA,KAAA;AAAA,wCAEX,IAAA,EAAA,EAAK,IAAA,EAAM,QAAA,EAAA,kBACV,KAAA,CAAA,aAAA,CAAC,kBAAa,CAChB;AAAA,GACF;AAEJ;;;;"}

package/build/esm/Breadcrumbs/src/useBreadcrumbThreshold.js

@@ -31,9 +31,10 @@ const useBreadcrumbThreshold = (childrenCount, containerRef, breadcrumbRef) => {
     };
   }, [itemWidths, containerWidth, childrenCount]);
   const computeItemWidths = () => {
-    if (!breadcrumbRef.current)
-      return;
-    const breadcrumbItems = Array.from(breadcrumbRef.current.children);
+    if (!breadcrumbRef.current) return;
+    const breadcrumbItems = Array.from(
+      breadcrumbRef.current.children
+    );
     const widths = breadcrumbItems.map((item) => item.offsetWidth).filter(Boolean);
     if (widths.length === breadcrumbItems.length) {
       setItemWidths(widths);
@@ -47,8 +48,7 @@ const useBreadcrumbThreshold = (childrenCount, containerRef, breadcrumbRef) => {
   useResizeObserver({
     ref: containerRef,
     onResize: () => {
-      if (!containerRef.current)
-        return;
+      if (!containerRef.current) return;
       setContainerWidth(containerRef.current.offsetWidth);
     }
   });