carbon-react 117.1.2 → 117.2.0

package/esm/components/breadcrumbs/breadcrumbs.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface BreadcrumbsProps extends TagProps {
+    /** Child crumbs to display */
+    children: React.ReactNode;
+}
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+export default Breadcrumbs;

package/esm/components/breadcrumbs/breadcrumbs.component.js

@@ -0,0 +1,28 @@
+function _extends() { _extends = Object.assign || 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); }
+
+import React from "react";
+import PropTypes from "prop-types";
+import tagComponent from "../../__internal__/utils/helpers/tags";
+import StyledBreadcrumbs from "./breadcrumbs.style";
+import useLocale from "../../hooks/__internal__/useLocale";
+const Breadcrumbs = /*#__PURE__*/React.forwardRef(({
+  children,
+  ...rest
+}, ref) => {
+  const l = useLocale();
+  return /*#__PURE__*/React.createElement(StyledBreadcrumbs, _extends({
+    ref: ref,
+    role: "navigation"
+  }, tagComponent("breadcrumbs", rest), {
+    "aria-label": l.breadcrumbs.ariaLabel()
+  }), /*#__PURE__*/React.createElement("ol", null, children));
+});
+Breadcrumbs.propTypes = {
+  "children": PropTypes.node,
+  "data-component": PropTypes.string,
+  "data-element": PropTypes.string,
+  "data-role": PropTypes.string
+};
+export { Breadcrumbs };
+Breadcrumbs.displayName = "Breadcrumbs";
+export default Breadcrumbs;

package/esm/components/breadcrumbs/breadcrumbs.style.d.ts

@@ -0,0 +1,2 @@
+declare const StyledBreadcrumbs: import("styled-components").StyledComponent<"nav", any, {}, never>;
+export default StyledBreadcrumbs;

package/esm/components/breadcrumbs/breadcrumbs.style.js

@@ -0,0 +1,9 @@
+import styled from "styled-components";
+const StyledBreadcrumbs = styled.nav`
+  ol {
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+  }
+`;
+export default StyledBreadcrumbs;

package/esm/components/breadcrumbs/crumb/crumb.component.d.ts

@@ -0,0 +1,11 @@
+import { LinkProps } from "components/link/link.component";
+import React from "react";
+import { TagProps } from "../../../__internal__/utils/helpers/tags";
+export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipPosition" | "iconType" | "iconAlign" | "isSkipLink" | "isDarkBackground" | "ariaLabel" | "className" | "variant" | "target" | "rel" | "icon" | "disabled">, TagProps {
+    /** This sets the Crumb to current, does not render Link */
+    isCurrent?: boolean;
+    /** The href string for Crumb Link */
+    href: string;
+}
+declare const Crumb: React.ForwardRefExoticComponent<CrumbProps & React.RefAttributes<HTMLLinkElement>>;
+export default Crumb;

package/esm/components/breadcrumbs/crumb/crumb.component.js

@@ -0,0 +1,80 @@
+function _extends() { _extends = Object.assign || 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); }
+
+import React from "react";
+import PropTypes from "prop-types";
+import tagComponent from "../../../__internal__/utils/helpers/tags";
+import { StyledCrumb, Divider } from "./crumb.style";
+const Crumb = /*#__PURE__*/React.forwardRef(({
+  href,
+  isCurrent,
+  children,
+  ...rest
+}, ref) => /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(StyledCrumb, _extends({
+  ref: ref,
+  isCurrent: isCurrent,
+  "aria-current": isCurrent ? "page" : undefined
+}, tagComponent("crumb", rest), !isCurrent && {
+  href
+}), children), !isCurrent && /*#__PURE__*/React.createElement(Divider, null)));
+Crumb.propTypes = {
+  "aria-activedescendant": PropTypes.string,
+  "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
+  "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
+  "aria-colcount": PropTypes.number,
+  "aria-colindex": PropTypes.number,
+  "aria-colspan": PropTypes.number,
+  "aria-controls": PropTypes.string,
+  "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
+  "aria-describedby": PropTypes.string,
+  "aria-details": PropTypes.string,
+  "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
+  "aria-errormessage": PropTypes.string,
+  "aria-expanded": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-flowto": PropTypes.string,
+  "aria-grabbed": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-haspopup": PropTypes.oneOfType([PropTypes.oneOf(["dialog", "false", "grid", "listbox", "menu", "tree", "true"]), PropTypes.bool]),
+  "aria-hidden": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-invalid": PropTypes.oneOfType([PropTypes.oneOf(["false", "grammar", "spelling", "true"]), PropTypes.bool]),
+  "aria-keyshortcuts": PropTypes.string,
+  "aria-label": PropTypes.string,
+  "aria-labelledby": PropTypes.string,
+  "aria-level": PropTypes.number,
+  "aria-live": PropTypes.oneOf(["assertive", "off", "polite"]),
+  "aria-modal": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-multiline": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-multiselectable": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-orientation": PropTypes.oneOf(["horizontal", "vertical"]),
+  "aria-owns": PropTypes.string,
+  "aria-placeholder": PropTypes.string,
+  "aria-posinset": PropTypes.number,
+  "aria-pressed": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
+  "aria-readonly": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-relevant": PropTypes.oneOf(["additions removals", "additions text", "additions", "all", "removals additions", "removals text", "removals", "text additions", "text removals", "text"]),
+  "aria-required": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-roledescription": PropTypes.string,
+  "aria-rowcount": PropTypes.number,
+  "aria-rowindex": PropTypes.number,
+  "aria-rowspan": PropTypes.number,
+  "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+  "aria-setsize": PropTypes.number,
+  "aria-sort": PropTypes.oneOf(["ascending", "descending", "none", "other"]),
+  "aria-valuemax": PropTypes.number,
+  "aria-valuemin": PropTypes.number,
+  "aria-valuenow": PropTypes.number,
+  "aria-valuetext": PropTypes.string,
+  "children": PropTypes.node,
+  "data-component": PropTypes.string,
+  "data-element": PropTypes.string,
+  "data-role": PropTypes.string,
+  "href": PropTypes.string.isRequired,
+  "isCurrent": PropTypes.bool,
+  "onClick": PropTypes.func,
+  "onKeyDown": PropTypes.func,
+  "onMouseDown": PropTypes.func,
+  "placeholderTabIndex": PropTypes.bool
+};
+Crumb.displayName = "Crumb";
+export default Crumb;

package/esm/components/breadcrumbs/crumb/crumb.style.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { LinkProps } from "../../link";
+interface StyleCrumbProps extends LinkProps {
+    isCurrent?: boolean;
+}
+export declare const StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLLinkElement>>, any, StyleCrumbProps, never>;
+export declare const Divider: import("styled-components").StyledComponent<"span", any, {
+    children: "/";
+    "aria-hidden": "true";
+}, "aria-hidden" | "children">;
+declare const _default: {
+    StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLLinkElement>>, any, StyleCrumbProps, never>;
+    Divider: import("styled-components").StyledComponent<"span", any, {
+        children: "/";
+        "aria-hidden": "true";
+    }, "aria-hidden" | "children">;
+};
+export default _default;

package/esm/components/breadcrumbs/crumb/crumb.style.js

@@ -0,0 +1,33 @@
+import styled, { css } from "styled-components";
+import Link from "../../link";
+export const StyledCrumb = styled(Link)`
+  font: var(--typographyLinkTextM);
+  ${({
+  isCurrent
+}) => isCurrent && css`
+      a {
+        color: var(--colorsUtilityYin090);
+        text-decoration: none;
+        font: var(--typographyBreadcrumbCurrentPageM);
+        cursor: text;
+        :hover {
+          color: var(--colorsUtilityYin090);
+          text-decoration: none;
+          cursor: text;
+        }
+      }
+    `}
+`;
+export const Divider = styled.span.attrs({
+  children: "/",
+  "aria-hidden": "true"
+})`
+  margin: 0px var(--spacing050) 0px var(--spacing100);
+  line-height: 16px;
+  font: var(--typographyBreadcrumbSeparatorM);
+  color: var(--colorsUtilityYin055);
+`;
+export default {
+  StyledCrumb,
+  Divider
+};

package/esm/components/breadcrumbs/crumb/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Crumb } from "./crumb.component";
+export type { CrumbProps } from "./crumb.component";

package/esm/components/breadcrumbs/crumb/index.js

@@ -0,0 +1 @@
+export { default as Crumb } from "./crumb.component";

package/esm/components/breadcrumbs/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Breadcrumbs } from "./breadcrumbs.component";
+export { Crumb } from "./crumb";
+export type { BreadcrumbsProps } from "./breadcrumbs.component";
+export type { CrumbProps } from "./crumb";

package/esm/components/breadcrumbs/index.js

@@ -0,0 +1,2 @@
+export { default as Breadcrumbs } from "./breadcrumbs.component";
+export { Crumb } from "./crumb";

package/esm/components/i18n-provider/i18n-provider.component.js

@@ -24,6 +24,9 @@ I18nProvider.propTypes = {
     "batchSelection": PropTypes.shape({
       "selected": PropTypes.func.isRequired
     }),
+    "breadcrumbs": PropTypes.shape({
+      "ariaLabel": PropTypes.func.isRequired
+    }),
     "characterCount": PropTypes.shape({
       "charactersLeft": PropTypes.func.isRequired,
       "hintString": PropTypes.func.isRequired,

package/esm/components/show-edit-pod/show-edit-pod.component.js

@@ -9,7 +9,9 @@ import Events from "../../__internal__/utils/helpers/events";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import LocaleContext from "../../__internal__/i18n-context";
 import StyledPod from "./show-edit-pod.style";
+import Logger from "../../__internal__/utils/logger";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
+let deprecateWarnTriggered = false;
 
 const ShowEditPod = ({
   border = false,
@@ -35,6 +37,11 @@ const ShowEditPod = ({
   variant = "transparent",
   ...rest
 }) => {
+  if (!deprecateWarnTriggered) {
+    deprecateWarnTriggered = true;
+    Logger.deprecate("The ShowEditPod component is deprecated and will soon be removed. Please use alternatives such as the Fieldset, Form or Pod components instead.");
+  }
+
   const locale = useContext(LocaleContext);
   const ref = useRef();
   const editModeNodeRef = useRef();

package/esm/locales/en-gb.js

@@ -14,6 +14,9 @@ const enGB = {
   batchSelection: {
     selected: count => `${count} selected`
   },
+  breadcrumbs: {
+    ariaLabel: () => "breadcrumbs"
+  },
   confirm: {
     no: () => "No",
     yes: () => "Yes"

package/esm/locales/locale.d.ts

@@ -11,6 +11,9 @@ interface Locale {
     batchSelection: {
         selected: (count: number | string) => string;
     };
+    breadcrumbs: {
+        ariaLabel: () => string;
+    };
     characterCount: {
         hintString: () => string;
         tooManyCharacters: (count: number, formattedCount: string) => string;

package/esm/locales/pl-pl.js

@@ -25,6 +25,9 @@ const plPL = {
   batchSelection: {
     selected: count => `${count} wybrano`
   },
+  breadcrumbs: {
+    ariaLabel: () => "okruszki"
+  },
   confirm: {
     no: () => "Nie",
     yes: () => "Tak"

package/lib/components/breadcrumbs/breadcrumbs.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface BreadcrumbsProps extends TagProps {
+    /** Child crumbs to display */
+    children: React.ReactNode;
+}
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+export default Breadcrumbs;

package/lib/components/breadcrumbs/breadcrumbs.component.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Breadcrumbs = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
+
+var _breadcrumbs = _interopRequireDefault(require("./breadcrumbs.style"));
+
+var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+const Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  ...rest
+}, ref) => {
+  const l = (0, _useLocale.default)();
+  return /*#__PURE__*/_react.default.createElement(_breadcrumbs.default, _extends({
+    ref: ref,
+    role: "navigation"
+  }, (0, _tags.default)("breadcrumbs", rest), {
+    "aria-label": l.breadcrumbs.ariaLabel()
+  }), /*#__PURE__*/_react.default.createElement("ol", null, children));
+});
+
+exports.Breadcrumbs = Breadcrumbs;
+Breadcrumbs.propTypes = {
+  "children": _propTypes.default.node,
+  "data-component": _propTypes.default.string,
+  "data-element": _propTypes.default.string,
+  "data-role": _propTypes.default.string
+};
+Breadcrumbs.displayName = "Breadcrumbs";
+var _default = Breadcrumbs;
+exports.default = _default;

package/lib/components/breadcrumbs/breadcrumbs.style.d.ts

@@ -0,0 +1,2 @@
+declare const StyledBreadcrumbs: import("styled-components").StyledComponent<"nav", any, {}, never>;
+export default StyledBreadcrumbs;

package/lib/components/breadcrumbs/breadcrumbs.style.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const StyledBreadcrumbs = _styledComponents.default.nav`
+  ol {
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+  }
+`;
+var _default = StyledBreadcrumbs;
+exports.default = _default;

package/lib/components/breadcrumbs/crumb/crumb.component.d.ts

@@ -0,0 +1,11 @@
+import { LinkProps } from "components/link/link.component";
+import React from "react";
+import { TagProps } from "../../../__internal__/utils/helpers/tags";
+export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipPosition" | "iconType" | "iconAlign" | "isSkipLink" | "isDarkBackground" | "ariaLabel" | "className" | "variant" | "target" | "rel" | "icon" | "disabled">, TagProps {
+    /** This sets the Crumb to current, does not render Link */
+    isCurrent?: boolean;
+    /** The href string for Crumb Link */
+    href: string;
+}
+declare const Crumb: React.ForwardRefExoticComponent<CrumbProps & React.RefAttributes<HTMLLinkElement>>;
+export default Crumb;

package/lib/components/breadcrumbs/crumb/crumb.component.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
+
+var _crumb = require("./crumb.style");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+const Crumb = /*#__PURE__*/_react.default.forwardRef(({
+  href,
+  isCurrent,
+  children,
+  ...rest
+}, ref) => /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_crumb.StyledCrumb, _extends({
+  ref: ref,
+  isCurrent: isCurrent,
+  "aria-current": isCurrent ? "page" : undefined
+}, (0, _tags.default)("crumb", rest), !isCurrent && {
+  href
+}), children), !isCurrent && /*#__PURE__*/_react.default.createElement(_crumb.Divider, null)));
+
+Crumb.propTypes = {
+  "aria-activedescendant": _propTypes.default.string,
+  "aria-atomic": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-autocomplete": _propTypes.default.oneOf(["both", "inline", "list", "none"]),
+  "aria-busy": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-checked": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "mixed", "true"]), _propTypes.default.bool]),
+  "aria-colcount": _propTypes.default.number,
+  "aria-colindex": _propTypes.default.number,
+  "aria-colspan": _propTypes.default.number,
+  "aria-controls": _propTypes.default.string,
+  "aria-current": _propTypes.default.oneOfType([_propTypes.default.oneOf(["date", "false", "location", "page", "step", "time", "true"]), _propTypes.default.bool]),
+  "aria-describedby": _propTypes.default.string,
+  "aria-details": _propTypes.default.string,
+  "aria-disabled": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-dropeffect": _propTypes.default.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
+  "aria-errormessage": _propTypes.default.string,
+  "aria-expanded": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-flowto": _propTypes.default.string,
+  "aria-grabbed": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-haspopup": _propTypes.default.oneOfType([_propTypes.default.oneOf(["dialog", "false", "grid", "listbox", "menu", "tree", "true"]), _propTypes.default.bool]),
+  "aria-hidden": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-invalid": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "grammar", "spelling", "true"]), _propTypes.default.bool]),
+  "aria-keyshortcuts": _propTypes.default.string,
+  "aria-label": _propTypes.default.string,
+  "aria-labelledby": _propTypes.default.string,
+  "aria-level": _propTypes.default.number,
+  "aria-live": _propTypes.default.oneOf(["assertive", "off", "polite"]),
+  "aria-modal": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-multiline": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-multiselectable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-orientation": _propTypes.default.oneOf(["horizontal", "vertical"]),
+  "aria-owns": _propTypes.default.string,
+  "aria-placeholder": _propTypes.default.string,
+  "aria-posinset": _propTypes.default.number,
+  "aria-pressed": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "mixed", "true"]), _propTypes.default.bool]),
+  "aria-readonly": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-relevant": _propTypes.default.oneOf(["additions removals", "additions text", "additions", "all", "removals additions", "removals text", "removals", "text additions", "text removals", "text"]),
+  "aria-required": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-roledescription": _propTypes.default.string,
+  "aria-rowcount": _propTypes.default.number,
+  "aria-rowindex": _propTypes.default.number,
+  "aria-rowspan": _propTypes.default.number,
+  "aria-selected": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-setsize": _propTypes.default.number,
+  "aria-sort": _propTypes.default.oneOf(["ascending", "descending", "none", "other"]),
+  "aria-valuemax": _propTypes.default.number,
+  "aria-valuemin": _propTypes.default.number,
+  "aria-valuenow": _propTypes.default.number,
+  "aria-valuetext": _propTypes.default.string,
+  "children": _propTypes.default.node,
+  "data-component": _propTypes.default.string,
+  "data-element": _propTypes.default.string,
+  "data-role": _propTypes.default.string,
+  "href": _propTypes.default.string.isRequired,
+  "isCurrent": _propTypes.default.bool,
+  "onClick": _propTypes.default.func,
+  "onKeyDown": _propTypes.default.func,
+  "onMouseDown": _propTypes.default.func,
+  "placeholderTabIndex": _propTypes.default.bool
+};
+Crumb.displayName = "Crumb";
+var _default = Crumb;
+exports.default = _default;

package/lib/components/breadcrumbs/crumb/crumb.style.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { LinkProps } from "../../link";
+interface StyleCrumbProps extends LinkProps {
+    isCurrent?: boolean;
+}
+export declare const StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLLinkElement>>, any, StyleCrumbProps, never>;
+export declare const Divider: import("styled-components").StyledComponent<"span", any, {
+    children: "/";
+    "aria-hidden": "true";
+}, "aria-hidden" | "children">;
+declare const _default: {
+    StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLButtonElement | HTMLLinkElement>>, any, StyleCrumbProps, never>;
+    Divider: import("styled-components").StyledComponent<"span", any, {
+        children: "/";
+        "aria-hidden": "true";
+    }, "aria-hidden" | "children">;
+};
+export default _default;

package/lib/components/breadcrumbs/crumb/crumb.style.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Divider = exports.StyledCrumb = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _link = _interopRequireDefault(require("../../link"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const StyledCrumb = (0, _styledComponents.default)(_link.default)`
+  font: var(--typographyLinkTextM);
+  ${({
+  isCurrent
+}) => isCurrent && (0, _styledComponents.css)`
+      a {
+        color: var(--colorsUtilityYin090);
+        text-decoration: none;
+        font: var(--typographyBreadcrumbCurrentPageM);
+        cursor: text;
+        :hover {
+          color: var(--colorsUtilityYin090);
+          text-decoration: none;
+          cursor: text;
+        }
+      }
+    `}
+`;
+exports.StyledCrumb = StyledCrumb;
+const Divider = _styledComponents.default.span.attrs({
+  children: "/",
+  "aria-hidden": "true"
+})`
+  margin: 0px var(--spacing050) 0px var(--spacing100);
+  line-height: 16px;
+  font: var(--typographyBreadcrumbSeparatorM);
+  color: var(--colorsUtilityYin055);
+`;
+exports.Divider = Divider;
+var _default = {
+  StyledCrumb,
+  Divider
+};
+exports.default = _default;

package/lib/components/breadcrumbs/crumb/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Crumb } from "./crumb.component";
+export type { CrumbProps } from "./crumb.component";

package/lib/components/breadcrumbs/crumb/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Crumb", {
+  enumerable: true,
+  get: function () {
+    return _crumb.default;
+  }
+});
+
+var _crumb = _interopRequireDefault(require("./crumb.component"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/breadcrumbs/crumb/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/components/breadcrumbs/crumb/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/breadcrumbs/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Breadcrumbs } from "./breadcrumbs.component";
+export { Crumb } from "./crumb";
+export type { BreadcrumbsProps } from "./breadcrumbs.component";
+export type { CrumbProps } from "./crumb";

package/lib/components/breadcrumbs/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () {
+    return _breadcrumbs.default;
+  }
+});
+Object.defineProperty(exports, "Crumb", {
+  enumerable: true,
+  get: function () {
+    return _crumb.Crumb;
+  }
+});
+
+var _breadcrumbs = _interopRequireDefault(require("./breadcrumbs.component"));
+
+var _crumb = require("./crumb");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/breadcrumbs/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/breadcrumbs/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/i18n-provider/i18n-provider.component.js

@@ -38,6 +38,9 @@ I18nProvider.propTypes = {
     "batchSelection": _propTypes.default.shape({
       "selected": _propTypes.default.func.isRequired
     }),
+    "breadcrumbs": _propTypes.default.shape({
+      "ariaLabel": _propTypes.default.func.isRequired
+    }),
     "characterCount": _propTypes.default.shape({
       "charactersLeft": _propTypes.default.func.isRequired,
       "hintString": _propTypes.default.func.isRequired,

package/lib/components/show-edit-pod/show-edit-pod.component.js

@@ -27,6 +27,8 @@ var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-conte
 
 var _showEditPod = _interopRequireDefault(require("./show-edit-pod.style"));
 
+var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -34,6 +36,7 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
+let deprecateWarnTriggered = false;
 
 const ShowEditPod = ({
   border = false,
@@ -59,6 +62,12 @@ const ShowEditPod = ({
   variant = "transparent",
   ...rest
 }) => {
+  if (!deprecateWarnTriggered) {
+    deprecateWarnTriggered = true;
+
+    _logger.default.deprecate("The ShowEditPod component is deprecated and will soon be removed. Please use alternatives such as the Fieldset, Form or Pod components instead.");
+  }
+
   const locale = (0, _react.useContext)(_i18nContext.default);
   const ref = (0, _react.useRef)();
   const editModeNodeRef = (0, _react.useRef)();

package/lib/locales/en-gb.js

@@ -21,6 +21,9 @@ const enGB = {
   batchSelection: {
     selected: count => `${count} selected`
   },
+  breadcrumbs: {
+    ariaLabel: () => "breadcrumbs"
+  },
   confirm: {
     no: () => "No",
     yes: () => "Yes"

package/lib/locales/locale.d.ts

@@ -11,6 +11,9 @@ interface Locale {
     batchSelection: {
         selected: (count: number | string) => string;
     };
+    breadcrumbs: {
+        ariaLabel: () => string;
+    };
     characterCount: {
         hintString: () => string;
         tooManyCharacters: (count: number, formattedCount: string) => string;

package/lib/locales/pl-pl.js

@@ -34,6 +34,9 @@ const plPL = {
   batchSelection: {
     selected: count => `${count} wybrano`
   },
+  breadcrumbs: {
+    ariaLabel: () => "okruszki"
+  },
   confirm: {
     no: () => "Nie",
     yes: () => "Tak"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "117.1.2",
+  "version": "117.2.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",