@zendeskgarden/react-breadcrumbs 9.0.0-next.2 → 9.0.0-next.20

package/dist/esm/elements/Breadcrumb.js

@@ -0,0 +1,40 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { forwardRef, Children, cloneElement } from 'react';
+import { useBreadcrumb } from '@zendeskgarden/container-breadcrumb';
+import { useText } from '@zendeskgarden/react-theming';
+import { StyledBreadcrumb } from '../styled/StyledBreadcrumb.js';
+import { StyledChevronIcon } from '../styled/StyledChevronIcon.js';
+import { StyledBreadcrumbItem } from '../styled/StyledBreadcrumbItem.js';
+import { StyledCenteredBreadcrumbItem } from '../styled/StyledCenteredBreadcrumbItem.js';
+
+const Breadcrumb = forwardRef((props, ref) => {
+  const {
+    getContainerProps,
+    getCurrentPageProps
+  } = useBreadcrumb();
+  const totalChildren = Children.count(props.children);
+  const mappedChildren = Children.map(props.children, (child, index) => {
+    const isLastItem = index === totalChildren - 1;
+    if (isLastItem) {
+      return React__default.createElement(StyledBreadcrumbItem, {
+        $isCurrent: true
+      }, cloneElement(child, getCurrentPageProps()));
+    }
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledBreadcrumbItem, null, child), React__default.createElement(StyledCenteredBreadcrumbItem, null, React__default.createElement(StyledChevronIcon, null)));
+  });
+  const ariaLabel = useText(Breadcrumb, props, 'aria-label', 'Breadcrumbs');
+  return React__default.createElement("nav", getContainerProps({
+    ...props,
+    ref,
+    role: null,
+    'aria-label': ariaLabel
+  }), React__default.createElement(StyledBreadcrumb, null, mappedChildren));
+});
+Breadcrumb.displayName = 'Breadcrumb';
+
+export { Breadcrumb };

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+export { Breadcrumb } from './elements/Breadcrumb.js';

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/chevron-right-stroke.svg.js

@@ -0,0 +1,25 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 12,
+    height: 12,
+    focusable: "false",
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M3.646 10.354a.5.5 0 01-.057-.638l.057-.07L7.293 6 3.646 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.708 0z"
+  })));
+};
+
+export { SvgChevronRightStroke as default };

package/dist/esm/styled/StyledBreadcrumb.js

@@ -0,0 +1,22 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'breadcrumbs.list';
+const StyledBreadcrumb = styled.ol.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledBreadcrumb",
+  componentId: "sc-11jrinn-0"
+})(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";", ";"], props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl', props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledBreadcrumb.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledBreadcrumb };

package/dist/esm/styled/StyledBreadcrumbItem.js

@@ -0,0 +1,47 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled, { css } from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME, getLineHeight, getColor } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'breadcrumbs.item';
+const sizeStyles = _ref => {
+  let {
+    theme
+  } = _ref;
+  return css(["line-height:", ";white-space:nowrap;& > :link,& > :visited{white-space:inherit;}"], getLineHeight(theme.space.base * 5, theme.fontSizes.md));
+};
+const colorStyles = _ref2 => {
+  let {
+    $isCurrent,
+    theme
+  } = _ref2;
+  return css(["color:", ";", ""], $isCurrent ? getColor({
+    variable: 'foreground.subtle',
+    theme
+  }) : 'inherit', $isCurrent && `
+      & > :link,
+      & > :visited,
+      & > :link:hover,
+      & > :visited:hover,
+      & > :link:focus,
+      & > :visited:focus {
+        color: inherit; /* [1] */
+      }
+    `);
+};
+const StyledBreadcrumbItem = styled.li.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledBreadcrumbItem",
+  componentId: "sc-r0suq7-0"
+})(["font-size:inherit;", " ", ";", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledBreadcrumbItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledBreadcrumbItem };

package/dist/esm/styled/StyledCenteredBreadcrumbItem.js

@@ -0,0 +1,21 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled from 'styled-components';
+import { DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { StyledBreadcrumbItem } from './StyledBreadcrumbItem.js';
+
+const StyledCenteredBreadcrumbItem = styled(StyledBreadcrumbItem).attrs({
+  'aria-hidden': true
+}).withConfig({
+  displayName: "StyledCenteredBreadcrumbItem",
+  componentId: "sc-1ces9y2-0"
+})(["display:flex;align-items:center;"]);
+StyledCenteredBreadcrumbItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledCenteredBreadcrumbItem };

package/dist/esm/styled/StyledChevronIcon.js

@@ -0,0 +1,34 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import styled from 'styled-components';
+import { em } from 'polished';
+import { getColor, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import SvgChevronRightStroke from '../node_modules/@zendeskgarden/svg-icons/src/12/chevron-right-stroke.svg.js';
+
+const StyledChevronIcon = styled(_ref => {
+  let {
+    children,
+    theme,
+    ...props
+  } = _ref;
+  return React__default.createElement(SvgChevronRightStroke, props);
+}).attrs({
+  role: 'presentation',
+  'aria-hidden': 'true'
+}).withConfig({
+  displayName: "StyledChevronIcon",
+  componentId: "sc-9r9qrm-0"
+})(["transform:", ";margin:0 ", ";color:", ";"], p => p.theme.rtl && `rotate(180deg);`, p => em(p.theme.space.base, p.theme.fontSizes.md), p => getColor({
+  variable: 'foreground.subtle',
+  theme: p.theme
+}));
+StyledChevronIcon.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledChevronIcon };

package/dist/index.cjs.js

@@ -1,10 +1,9 @@
 /**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
 'use strict';
 
 var React = require('react');
@@ -39,7 +38,7 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 const COMPONENT_ID$1 = 'breadcrumbs.list';
 const StyledBreadcrumb = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.2'
+  'data-garden-version': '9.0.0-next.20'
 }).withConfig({
   displayName: "StyledBreadcrumb",
   componentId: "sc-11jrinn-0"
@@ -49,7 +48,7 @@ StyledBreadcrumb.defaultProps = {
 };
 
 var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -64,47 +63,60 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   })));
 };
 
-const ValidChevronIcon = props => {
-  const {
+const StyledChevronIcon = styled__default.default(_ref => {
+  let {
+    children,
     theme,
-    ...validProps
-  } = props;
-  return React__namespace.default.createElement(SvgChevronRightStroke, validProps);
-};
-const StyledChevronIcon = styled__default.default(ValidChevronIcon).attrs({
+    ...props
+  } = _ref;
+  return React__namespace.default.createElement(SvgChevronRightStroke, props);
+}).attrs({
   role: 'presentation',
   'aria-hidden': 'true'
 }).withConfig({
   displayName: "StyledChevronIcon",
   componentId: "sc-9r9qrm-0"
-})(["transform:", ";margin:0 ", ";color:", ";"], props => props.theme.rtl && `rotate(180deg);`, props => polished.em(props.theme.space.base, props.theme.fontSizes.md), props => reactTheming.getColor('neutralHue', 600, props.theme));
+})(["transform:", ";margin:0 ", ";color:", ";"], p => p.theme.rtl && `rotate(180deg);`, p => polished.em(p.theme.space.base, p.theme.fontSizes.md), p => reactTheming.getColor({
+  variable: 'foreground.subtle',
+  theme: p.theme
+}));
 StyledChevronIcon.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
 const COMPONENT_ID = 'breadcrumbs.item';
-const linkStyles = _ref => {
+const sizeStyles = _ref => {
   let {
-    isCurrent
+    theme
   } = _ref;
-  return styled.css(["& > :link,& > :visited{white-space:inherit;}", ""], isCurrent && `
+  return styled.css(["line-height:", ";white-space:nowrap;& > :link,& > :visited{white-space:inherit;}"], reactTheming.getLineHeight(theme.space.base * 5, theme.fontSizes.md));
+};
+const colorStyles = _ref2 => {
+  let {
+    $isCurrent,
+    theme
+  } = _ref2;
+  return styled.css(["color:", ";", ""], $isCurrent ? reactTheming.getColor({
+    variable: 'foreground.subtle',
+    theme
+  }) : 'inherit', $isCurrent && `
       & > :link,
       & > :visited,
       & > :link:hover,
       & > :visited:hover,
       & > :link:focus,
       & > :visited:focus {
-        color: inherit;
+        color: inherit; /* [1] */
       }
     `);
 };
 const StyledBreadcrumbItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.2'
+  'data-garden-version': '9.0.0-next.20'
 }).withConfig({
   displayName: "StyledBreadcrumbItem",
   componentId: "sc-r0suq7-0"
-})(["line-height:", ";white-space:nowrap;color:", ";font-size:inherit;", ";", ";"], props => reactTheming.getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.isCurrent ? reactTheming.getColor(props.theme.colors.neutralHue, 600) : 'inherit', linkStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
+})(["font-size:inherit;", " ", ";", ";"], sizeStyles, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
 StyledBreadcrumbItem.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -129,7 +141,7 @@ const Breadcrumb = React.forwardRef((props, ref) => {
     const isLastItem = index === totalChildren - 1;
     if (isLastItem) {
       return React__namespace.default.createElement(StyledBreadcrumbItem, {
-        isCurrent: true
+        $isCurrent: true
       }, React.cloneElement(child, getCurrentPageProps()));
     }
     return React__namespace.default.createElement(React__namespace.default.Fragment, null, React__namespace.default.createElement(StyledBreadcrumbItem, null, child), React__namespace.default.createElement(StyledCenteredBreadcrumbItem, null, React__namespace.default.createElement(StyledChevronIcon, null)));

package/dist/typings/styled/StyledBreadcrumbItem.d.ts

@@ -4,10 +4,11 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
+import { DefaultTheme } from 'styled-components';
 export interface IStyledBreadcrumbItemProps {
-    isCurrent?: boolean;
+    $isCurrent?: boolean;
 }
-export declare const StyledBreadcrumbItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+export declare const StyledBreadcrumbItem: import("styled-components").StyledComponent<"li", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledBreadcrumbItemProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledChevronIcon.d.ts

@@ -5,11 +5,10 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { ThemeProps, DefaultTheme } from 'styled-components';
 /**
  * Accepts all `<svg>` props
  */
-export declare const StyledChevronIcon: import("styled-components").StyledComponent<React.FC<React.HTMLAttributes<SVGElement> & ThemeProps<DefaultTheme>>, DefaultTheme, {
-    role: "presentation";
-    'aria-hidden': "true";
+export declare const StyledChevronIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.JSX.Element, import("styled-components").DefaultTheme, {
+    role: string;
+    'aria-hidden': string;
 }, "role" | "aria-hidden">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-breadcrumbs",
-  "version": "9.0.0-next.2",
+  "version": "9.0.0-next.20",
   "description": "Components relating to breadcrumbs in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -21,19 +21,19 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-breadcrumb": "^1.0.0",
-    "polished": "^4.0.0",
+    "@zendeskgarden/container-breadcrumb": "^1.0.8",
+    "polished": "^4.3.1",
     "prop-types": "^15.5.7"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.1.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.2",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0-next.20",
+    "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
     "components",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e47dd011fedf130106acdb485a023340564171af"
+  "gitHead": "eab087ac0d6e74b3a4489d37d067baf7a225e7a8"
 }

package/dist/index.esm.js

@@ -1,123 +0,0 @@
-/**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-
-import * as React from 'react';
-import React__default, { forwardRef, Children, cloneElement } from 'react';
-import { useBreadcrumb } from '@zendeskgarden/container-breadcrumb';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor, getLineHeight, useText } from '@zendeskgarden/react-theming';
-import styled, { css } from 'styled-components';
-import { em } from 'polished';
-
-const COMPONENT_ID$1 = 'breadcrumbs.list';
-const StyledBreadcrumb = styled.ol.attrs({
-  'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.2'
-}).withConfig({
-  displayName: "StyledBreadcrumb",
-  componentId: "sc-11jrinn-0"
-})(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";", ";"], props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl', props => retrieveComponentStyles(COMPONENT_ID$1, props));
-StyledBreadcrumb.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 12,
-    height: 12,
-    focusable: "false",
-    viewBox: "0 0 12 12",
-    "aria-hidden": "true"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M3.646 10.354a.5.5 0 01-.057-.638l.057-.07L7.293 6 3.646 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.708 0z"
-  })));
-};
-
-const ValidChevronIcon = props => {
-  const {
-    theme,
-    ...validProps
-  } = props;
-  return React__default.createElement(SvgChevronRightStroke, validProps);
-};
-const StyledChevronIcon = styled(ValidChevronIcon).attrs({
-  role: 'presentation',
-  'aria-hidden': 'true'
-}).withConfig({
-  displayName: "StyledChevronIcon",
-  componentId: "sc-9r9qrm-0"
-})(["transform:", ";margin:0 ", ";color:", ";"], props => props.theme.rtl && `rotate(180deg);`, props => em(props.theme.space.base, props.theme.fontSizes.md), props => getColor('neutralHue', 600, props.theme));
-StyledChevronIcon.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-const COMPONENT_ID = 'breadcrumbs.item';
-const linkStyles = _ref => {
-  let {
-    isCurrent
-  } = _ref;
-  return css(["& > :link,& > :visited{white-space:inherit;}", ""], isCurrent && `
-      & > :link,
-      & > :visited,
-      & > :link:hover,
-      & > :visited:hover,
-      & > :link:focus,
-      & > :visited:focus {
-        color: inherit;
-      }
-    `);
-};
-const StyledBreadcrumbItem = styled.li.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.2'
-}).withConfig({
-  displayName: "StyledBreadcrumbItem",
-  componentId: "sc-r0suq7-0"
-})(["line-height:", ";white-space:nowrap;color:", ";font-size:inherit;", ";", ";"], props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.isCurrent ? getColor(props.theme.colors.neutralHue, 600) : 'inherit', linkStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledBreadcrumbItem.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-const StyledCenteredBreadcrumbItem = styled(StyledBreadcrumbItem).attrs({
-  'aria-hidden': true
-}).withConfig({
-  displayName: "StyledCenteredBreadcrumbItem",
-  componentId: "sc-1ces9y2-0"
-})(["display:flex;align-items:center;"]);
-StyledCenteredBreadcrumbItem.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-const Breadcrumb = forwardRef((props, ref) => {
-  const {
-    getContainerProps,
-    getCurrentPageProps
-  } = useBreadcrumb();
-  const totalChildren = Children.count(props.children);
-  const mappedChildren = Children.map(props.children, (child, index) => {
-    const isLastItem = index === totalChildren - 1;
-    if (isLastItem) {
-      return React__default.createElement(StyledBreadcrumbItem, {
-        isCurrent: true
-      }, cloneElement(child, getCurrentPageProps()));
-    }
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledBreadcrumbItem, null, child), React__default.createElement(StyledCenteredBreadcrumbItem, null, React__default.createElement(StyledChevronIcon, null)));
-  });
-  const ariaLabel = useText(Breadcrumb, props, 'aria-label', 'Breadcrumbs');
-  return React__default.createElement("nav", getContainerProps({
-    ...props,
-    ref,
-    role: null,
-    'aria-label': ariaLabel
-  }), React__default.createElement(StyledBreadcrumb, null, mappedChildren));
-});
-Breadcrumb.displayName = 'Breadcrumb';
-
-export { Breadcrumb };