carbon-react 154.3.2 → 154.3.3-beta.1

package/esm/components/badge/badge.style.js

@@ -1,105 +1 @@
-import styled, { css } from "styled-components";
-import StyledIcon from "../icon/icon.style";
-import Button from "../button";
-import Icon from "../icon";
-import baseTheme from "../../style/themes/base";
-import { toColor } from "../../style/utils/color";
-const commonStyles = `
-  overflow: hidden;
-  border-radius: var(--borderRadiusCircle);
-  position: absolute;
-  top: -14px;
-  right: -4px;
-  padding: 0;
-  margin-right: 0;
-  background: var(--colorsActionMajorYang100);
-`;
-const StyledBadgeWrapper = styled.div`
-  position: relative;
-  display: inline-block;
-`;
-const StyledCounter = styled.div`
-  font-weight: 500;
-  font-size: 12px;
-  margin-top: -1px;
-`;
-const StyledBadge = styled.span.attrs(({
-  onClick
-}) => ({
-  as: onClick ? Button : undefined
-}))`
-  ${commonStyles}
-  cursor: default;
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  width: 22px;
-  min-height: 22px;
-  border: solid 2px transparent;
-  z-index: 2;
-
-  ${({
-  color,
-  theme
-}) => css`
-    border-color: ${toColor(theme, color)};
-    color: ${toColor(theme, color)};
-  `};
-
-  ::-moz-focus-inner {
-    border: none;
-  }
-
-  ${({
-  onClick,
-  color,
-  theme,
-  isFocused,
-  isHovered
-}) => css`
-    ${onClick && `
-      ${commonStyles}
-      width: 26px;
-      min-height: 26px;
-      text-align: center;
-
-      ::-moz-focus-inner {
-        border: none;
-      }
-
-      border-color: ${toColor(theme, color)};
-      color: ${toColor(theme, color)};
-
-      ${(isFocused || isHovered) && `
-        && {
-          background: ${toColor(theme, color)};
-          border: none;
-          ${StyledCounter} {
-            display: none;
-          }
-
-          ${StyledIcon} {
-            display: block;
-            width: auto;
-            height: auto;
-            margin-right: 0;
-
-            :before {
-              font-size: 20px;
-              color: var(--colorsActionMajorYang100);
-            }
-          }
-        }
-      `}
-      }
-    `}
-  `}
-`;
-const StyledCrossIcon = styled(Icon)`
-  margin: 0;
-  display: none;
-`;
-StyledBadge.defaultProps = {
-  theme: baseTheme
-};
-export { StyledBadge, StyledBadgeWrapper, StyledCrossIcon, StyledCounter };
+import n,{css as o}from"styled-components";import e from"../icon/icon.style.js";import t from"../button/button.component.js";import i from"../icon/icon.component.js";import r from"../../style/themes/base/index.js";import{toColor as s}from"../../style/utils/color.js";const a="\n  overflow: hidden;\n  border-radius: var(--borderRadiusCircle);\n  position: absolute;\n  top: -14px;\n  right: -4px;\n  padding: 0;\n  margin-right: 0;\n  background: var(--colorsActionMajorYang100);\n",d=n.div.withConfig({displayName:"badge.style__StyledBadgeWrapper",componentId:"sc-ae720540-0"})(["position:relative;display:inline-block;"]),l=n.div.withConfig({displayName:"badge.style__StyledCounter",componentId:"sc-ae720540-1"})(["font-weight:500;font-size:12px;margin-top:-1px;"]),c=n.span.attrs((({onClick:n})=>({as:n?t:void 0}))).withConfig({displayName:"badge.style__StyledBadge",componentId:"sc-ae720540-2"})([""," cursor:default;align-items:center;display:inline-flex;justify-content:center;width:22px;min-height:22px;border:solid 2px transparent;z-index:2;",";::-moz-focus-inner{border:none;}",""],a,(({color:n,theme:e})=>o(["border-color:",";color:",";"],s(e,n),s(e,n))),(({onClick:n,color:t,theme:i,isFocused:r,isHovered:d})=>o(["",""],n&&`\n      ${a}\n      width: 26px;\n      min-height: 26px;\n      text-align: center;\n\n      ::-moz-focus-inner {\n        border: none;\n      }\n\n      border-color: ${s(i,t)};\n      color: ${s(i,t)};\n\n      ${(r||d)&&`\n        && {\n          background: ${s(i,t)};\n          border: none;\n          ${l} {\n            display: none;\n          }\n\n          ${e} {\n            display: block;\n            width: auto;\n            height: auto;\n            margin-right: 0;\n\n            :before {\n              font-size: 20px;\n              color: var(--colorsActionMajorYang100);\n            }\n          }\n        }\n      `}\n      }\n    `))),p=n(i).withConfig({displayName:"badge.style__StyledCrossIcon",componentId:"sc-ae720540-3"})(["margin:0;display:none;"]);c.defaultProps={theme:r};export{c as StyledBadge,d as StyledBadgeWrapper,l as StyledCounter,p as StyledCrossIcon};

package/esm/components/badge/index.js

@@ -1 +1 @@
-export { default } from "./badge.component";
+export{Badge as default}from"./badge.component.js";

package/esm/components/batch-selection/__internal__/batch-selection.context.js

@@ -1,5 +1 @@
-import React from "react";
-const BatchSelectionContext = /*#__PURE__*/React.createContext({
-  batchSelectionDisabled: false
-});
-export default BatchSelectionContext;
+import t from"react";const e=t.createContext({batchSelectionDisabled:!1});export{e as default};

package/esm/components/batch-selection/batch-selection.component.js

@@ -1,30 +1 @@
-import React from "react";
-import useLocale from "../../hooks/__internal__/useLocale";
-import { StyledBatchSelection, StyledSelectionCount } from "./batch-selection.style";
-import BatchSelectionContext from "./__internal__/batch-selection.context";
-export const BatchSelection = ({
-  disabled = false,
-  children,
-  colorTheme = "transparent",
-  selectedCount,
-  hidden,
-  "data-element": dataElement,
-  "data-role": dataRole
-}) => {
-  const l = useLocale();
-  return /*#__PURE__*/React.createElement(StyledBatchSelection, {
-    colorTheme: colorTheme,
-    "data-component": "batch-selection",
-    "data-element": dataElement,
-    "data-role": dataRole,
-    disabled: disabled,
-    hidden: hidden
-  }, /*#__PURE__*/React.createElement(StyledSelectionCount, {
-    "data-element": "selection-count"
-  }, l.batchSelection.selected(selectedCount)), /*#__PURE__*/React.createElement(BatchSelectionContext.Provider, {
-    value: {
-      batchSelectionDisabled: disabled
-    }
-  }, children));
-};
-export default BatchSelection;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import o from"../../hooks/__internal__/useLocale/useLocale.js";import{StyledBatchSelection as a,StyledSelectionCount as n}from"./batch-selection.style.js";import l from"./__internal__/batch-selection.context.js";const r=({disabled:r=!1,children:c,colorTheme:i="transparent",selectedCount:d,hidden:s,"data-element":m,"data-role":h})=>{const b=o();return e(a,{colorTheme:i,"data-component":"batch-selection","data-element":m,"data-role":h,disabled:r,hidden:s,children:[t(n,{"data-element":"selection-count",children:b.batchSelection.selected(d)}),t(l.Provider,{value:{batchSelectionDisabled:r},children:c})]})};export{r as BatchSelection,r as default};

package/esm/components/batch-selection/batch-selection.style.js

@@ -1,76 +1 @@
-import styled, { css } from "styled-components";
-import StyledIconButton from "../icon-button/icon-button.style";
-import StyledIcon from "../icon/icon.style";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-const StyledBatchSelection = styled.div`
-  ${({
-  disabled,
-  colorTheme,
-  hidden
-}) => css`
-    align-items: center;
-    display: inline-flex;
-    border-radius: var(--borderRadius100);
-
-    ${hidden && "visibility: hidden;"}
-
-    ${StyledIcon} {
-      ${!disabled && `color: var(--colorsActionMajorYin065);`}
-      &:focus {
-        ${addFocusStyling()}
-      }
-    }
-
-    ${colorTheme === "dark" && css`
-      background-color: var(--colorsUtilityMajor500);
-      color: var(--colorsUtilityYang100);
-
-      ${StyledIcon} {
-        color: var(--colorsActionMajorYang100);
-      }
-    `}
-
-    ${colorTheme === "light" && css`
-      background-color: var(--colorsUtilityMajor150);
-    `}
-
-    ${colorTheme === "white" && css`
-      background-color: var(--colorsUtilityYang100);
-      box-shadow: var(--boxShadow100);
-    `}
-
-    ${StyledIconButton} {
-      margin: 0;
-      position: static;
-      padding: 10px;
-    }
-
-    ${StyledIconButton}:hover {
-      ${!disabled && `
-    background-color: var(--colorsActionMajor500);
-      border-radius: var(--borderRadius100);
-
-      ${StyledIcon} {
-        color: var(--colorsActionMajorYang100);
-      }
-    `}
-    }
-
-    ${StyledIconButton}:focus {
-      border-radius: var(--borderRadius100);
-      z-index: 1;
-      ${addFocusStyling()}
-    }
-
-    ${disabled && css`
-      background: transparent;
-      color: var(--colorsUtilityYin030);
-      cursor: not-allowed;
-    `}
-  `}
-`;
-const StyledSelectionCount = styled.span`
-  display: inline-block;
-  padding: 10px 15px;
-`;
-export { StyledBatchSelection, StyledSelectionCount };
+import o,{css as r}from"styled-components";import i from"../icon-button/icon-button.style.js";import n from"../icon/icon.style.js";import a from"../../style/utils/add-focus-styling.js";const t=o.div.withConfig({displayName:"batch-selection.style__StyledBatchSelection",componentId:"sc-108d9ca5-0"})(["",""],(({disabled:o,colorTheme:t,hidden:c})=>r(["align-items:center;display:inline-flex;border-radius:var(--borderRadius100);"," ","{"," &:focus{","}}"," "," "," ","{margin:0;position:static;padding:10px;}",":hover{","}",":focus{border-radius:var(--borderRadius100);z-index:1;","}",""],c&&"visibility: hidden;",n,!o&&"color: var(--colorsActionMajorYin065);",a(),"dark"===t&&r(["background-color:var(--colorsUtilityMajor500);color:var(--colorsUtilityYang100);","{color:var(--colorsActionMajorYang100);}"],n),"light"===t&&r(["background-color:var(--colorsUtilityMajor150);"]),"white"===t&&r(["background-color:var(--colorsUtilityYang100);box-shadow:var(--boxShadow100);"]),i,i,!o&&`\n    background-color: var(--colorsActionMajor500);\n      border-radius: var(--borderRadius100);\n\n      ${n} {\n        color: var(--colorsActionMajorYang100);\n      }\n    `,i,a(),o&&r(["background:transparent;color:var(--colorsUtilityYin030);cursor:not-allowed;"])))),c=o.span.withConfig({displayName:"batch-selection.style__StyledSelectionCount",componentId:"sc-108d9ca5-1"})(["display:inline-block;padding:10px 15px;"]);export{t as StyledBatchSelection,c as StyledSelectionCount};

package/esm/components/batch-selection/index.js

@@ -1 +1 @@
-export { default } from "./batch-selection.component";
+export{BatchSelection as default}from"./batch-selection.component.js";

package/esm/components/box/box.component.js

@@ -1,72 +1 @@
-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); }
-import React from "react";
-import { filterStyledSystemMarginProps, filterStyledSystemPaddingProps, filterStyledSystemLayoutProps, filterStyledSystemFlexboxProps, filterStyledSystemGridProps } from "../../style/utils";
-import StyledBox from "./box.style";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-export const Box = /*#__PURE__*/React.forwardRef(({
-  "data-component": dataComponent,
-  tabIndex,
-  as,
-  id,
-  role,
-  overflowWrap,
-  scrollVariant,
-  boxSizing,
-  gap,
-  columnGap,
-  rowGap,
-  className,
-  children,
-  bg,
-  backgroundColor,
-  boxShadow,
-  borderRadius,
-  color,
-  opacity,
-  height,
-  width,
-  "aria-hidden": ariaHidden,
-  ...rest
-}, ref) => {
-  let actualWidth = "";
-  if (typeof width === "number") {
-    actualWidth = width <= 1 ? `${(width * 100).toFixed(0)}%` : `${width}px`;
-  } else if (typeof width === "string") {
-    actualWidth = width;
-  }
-  let actualHeight = "";
-  if (typeof height === "number") {
-    actualHeight = height <= 1 ? `${(height * 100).toFixed(0)}%` : `${height}px`;
-  } else if (typeof height === "string") {
-    actualHeight = height;
-  }
-  const cssProps = {
-    color,
-    opacity,
-    width: actualWidth,
-    height: actualHeight
-  };
-  return /*#__PURE__*/React.createElement(StyledBox, _extends({
-    as: as,
-    id: id,
-    role: role,
-    overflowWrap: overflowWrap,
-    scrollVariant: scrollVariant,
-    boxSizing: boxSizing,
-    gap: gap,
-    columnGap: columnGap,
-    rowGap: rowGap,
-    className: className,
-    ref: ref,
-    bg: bg,
-    backgroundColor: backgroundColor,
-    boxShadow: boxShadow,
-    borderRadius: borderRadius,
-    "aria-hidden": ariaHidden
-  }, tagComponent(dataComponent, rest), filterStyledSystemMarginProps(rest), filterStyledSystemPaddingProps(rest), filterStyledSystemFlexboxProps(rest), filterStyledSystemGridProps(rest), filterStyledSystemLayoutProps(rest), {
-    cssProps: cssProps,
-    tabIndex: tabIndex
-  }), children);
-});
-Box.displayName = "Box";
-export default Box;
+import{jsx as r}from"react/jsx-runtime";import e from"react";import t from"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../style/utils/filter-styled-system-layout-props.js";import i from"../../style/utils/filter-styled-system-flexbox-props.js";import a from"../../style/utils/filter-styled-system-grid-props.js";import s from"./box.style.js";import l from"../../__internal__/utils/helpers/tags/tags.js";function p(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}const c=e.forwardRef(((e,c)=>{var{"data-component":f,tabIndex:b,as:d,id:y,role:u,overflowWrap:m,scrollVariant:g,boxSizing:O,gap:j,columnGap:h,rowGap:w,className:x,children:P,bg:v,backgroundColor:S,boxShadow:k,borderRadius:G,color:D,opacity:I,height:N,width:R,"aria-hidden":$}=e,_=function(r,e){if(null==r)return{};var t,o,n=function(r,e){if(null==r)return{};var t,o,n={},i=Object.keys(r);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||(n[t]=r[t]);return n}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(n[t]=r[t])}return n}(e,["data-component","tabIndex","as","id","role","overflowWrap","scrollVariant","boxSizing","gap","columnGap","rowGap","className","children","bg","backgroundColor","boxShadow","borderRadius","color","opacity","height","width","aria-hidden"]);let z="";"number"==typeof R?z=R<=1?`${(100*R).toFixed(0)}%`:`${R}px`:"string"==typeof R&&(z=R);let C="";"number"==typeof N?C=N<=1?`${(100*N).toFixed(0)}%`:`${N}px`:"string"==typeof N&&(C=N);const E={color:D,opacity:I,width:z,height:C};return r(s,(V=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),o.forEach((function(e){p(r,e,t[e])}))}return r}({as:d,id:y,role:u,overflowWrap:m,scrollVariant:g,boxSizing:O,gap:j,columnGap:h,rowGap:w,className:x,ref:c,bg:v,backgroundColor:S,boxShadow:k,borderRadius:G,"aria-hidden":$},l(f,_),o(_),t(_),i(_),a(_),n(_)),W=null!=(W={cssProps:E,tabIndex:b,children:P})?W:{},Object.getOwnPropertyDescriptors?Object.defineProperties(V,Object.getOwnPropertyDescriptors(W)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(W)).forEach((function(r){Object.defineProperty(V,r,Object.getOwnPropertyDescriptor(W,r))})),V));var V,W}));c.displayName="Box";export{c as Box,c as default};

package/esm/components/box/box.config.js

@@ -1,10 +1 @@
-export default {
-  light: {
-    thumb: "var(--colorsUtilityMajor300)",
-    track: "var(--colorsUtilityMajor025)"
-  },
-  dark: {
-    thumb: "var(--colorsUtilityMajor200)",
-    track: "var(--colorsUtilityMajor400)"
-  }
-};
+var r={light:{thumb:"var(--colorsUtilityMajor300)",track:"var(--colorsUtilityMajor025)"},dark:{thumb:"var(--colorsUtilityMajor200)",track:"var(--colorsUtilityMajor400)"}};export{r as default};

package/esm/components/box/box.style.js

@@ -1,120 +1 @@
-import styled, { css } from "styled-components";
-import { space, layout, flexbox, grid, position as positionFn } from "styled-system";
-import boxGap from "../../style/utils/box-gap";
-import BaseTheme from "../../style/themes/base";
-import styledColor from "../../style/utils/color";
-import boxConfig from "./box.config";
-const calculatePosition = props => {
-  const {
-    position,
-    ...rest
-  } = positionFn(props);
-  return {
-    position,
-    zIndex: ["sticky", "fixed"].includes(position) ? 3 : undefined,
-    ...rest
-  };
-};
-const StyledBox = styled.div`
-  ${space}
-  ${layout}
-  ${flexbox}
-  ${grid}
-  ${calculatePosition}
-
-  ${({
-  borderRadius = "borderRadius000"
-}) => css`
-    border-radius: var(--${borderRadius});
-  `}
-  
-  ${({
-  cssProps,
-  bg,
-  backgroundColor,
-  ...rest
-}) => styledColor({
-  color: cssProps?.color,
-  bg,
-  backgroundColor,
-  ...rest
-})}
-
-  ${({
-  cssProps
-}) => css`
-    opacity: ${cssProps?.opacity};
-  `}
-
-  ${({
-  overflowWrap
-}) => overflowWrap && css`
-      overflow-wrap: ${overflowWrap};
-    `}
-  
-  ${({
-  cssProps,
-  size
-}) => cssProps?.height && !size && css`
-      height: ${cssProps?.height};
-    `}
-
-  ${({
-  cssProps,
-  size
-}) => cssProps?.width && !size && css`
-      width: ${cssProps?.width};
-    `}
-
-  ${({
-  scrollVariant
-}) => scrollVariant && css`
-      scrollbar-color: ${boxConfig[scrollVariant].thumb}
-        ${boxConfig[scrollVariant].track};
-
-      &::-webkit-scrollbar {
-        width: 8px;
-      }
-      &::-webkit-scrollbar-track {
-        background-color: ${boxConfig[scrollVariant].track};
-      }
-      &::-webkit-scrollbar-thumb {
-        background-color: ${boxConfig[scrollVariant].thumb};
-      }
-    `}
-
-  ${({
-  boxSizing
-}) => boxSizing && css`
-      box-sizing: ${boxSizing};
-    `}
-
-    ${({
-  display,
-  gap,
-  columnGap,
-  rowGap
-}) => (display === "flex" || display === "inline-flex" || display === "grid" || display === "inline-grid") && css`
-      ${gap !== undefined && css`
-        gap: ${boxGap(gap)};
-      `}
-
-      ${columnGap !== undefined && css`
-        column-gap: ${boxGap(columnGap)};
-      `}
-
-      ${rowGap !== undefined && css`
-        row-gap: ${boxGap(rowGap)};
-      `}
-    `};
-
-  ${({
-  boxShadow
-}) => boxShadow && css`
-      box-shadow: var(--${boxShadow});
-    `}
-`;
-StyledBox.defaultProps = {
-  theme: BaseTheme
-};
-export default StyledBox;
+import o,{css as r}from"styled-components";import{space as t,layout as e,flexbox as i,grid as n,position as l}from"styled-system";import s from"../../style/utils/box-gap.js";import c from"../../style/themes/base/index.js";import a from"../../style/utils/color.js";import u from"./box.config.js";function b(o,r,t){return r in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function d(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},e=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(t).filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})))),e.forEach((function(r){b(o,r,t[r])}))}return o}function p(o,r){if(null==o)return{};var t,e,i=function(o,r){if(null==o)return{};var t,e,i={},n=Object.keys(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||(i[t]=o[t]);return i}(o,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(o,t)&&(i[t]=o[t])}return i}const f=o.div.withConfig({displayName:"box.style__StyledBox",componentId:"sc-3cdf6c6d-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";",""],t,e,i,n,(o=>{const r=l(o),{position:t}=r,e=p(r,["position"]);return d({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},e)}),(({borderRadius:o="borderRadius000"})=>r(["border-radius:var(--",");"],o)),(o=>{var{cssProps:r,bg:t,backgroundColor:e}=o,i=p(o,["cssProps","bg","backgroundColor"]);return a(d({color:null==r?void 0:r.color,bg:t,backgroundColor:e},i))}),(({cssProps:o})=>r(["opacity:",";"],null==o?void 0:o.opacity)),(({overflowWrap:o})=>o&&r(["overflow-wrap:",";"],o)),(({cssProps:o,size:t})=>(null==o?void 0:o.height)&&!t&&r(["height:",";"],null==o?void 0:o.height)),(({cssProps:o,size:t})=>(null==o?void 0:o.width)&&!t&&r(["width:",";"],null==o?void 0:o.width)),(({scrollVariant:o})=>o&&r(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],u[o].thumb,u[o].track,u[o].track,u[o].thumb)),(({boxSizing:o})=>o&&r(["box-sizing:",";"],o)),(({display:o,gap:t,columnGap:e,rowGap:i})=>("flex"===o||"inline-flex"===o||"grid"===o||"inline-grid"===o)&&r([""," "," ",""],void 0!==t&&r(["gap:",";"],s(t)),void 0!==e&&r(["column-gap:",";"],s(e)),void 0!==i&&r(["row-gap:",";"],s(i)))),(({boxShadow:o})=>o&&r(["box-shadow:var(--",");"],o)));f.defaultProps={theme:c};export{f as default};

package/esm/components/box/index.js

@@ -1 +1 @@
-export { default } from "./box.component";
+export{Box as default}from"./box.component.js";

package/esm/components/breadcrumbs/__internal__/breadcrumbs.context.js

@@ -1,9 +1 @@
-import createStrictContext from "../../../__internal__/utils/createStrictContext";
-const [BreadcrumbsProvider, useBreadcrumbsContext] = createStrictContext({
-  name: "BreadcrumbsContext",
-  errorMessage: "Carbon Breadcrumbs: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
-  defaultValue: {
-    isDarkBackground: false
-  }
-});
-export { BreadcrumbsProvider, useBreadcrumbsContext };
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[r,t]=e({name:"BreadcrumbsContext",errorMessage:"Carbon Breadcrumbs: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{isDarkBackground:!1}});export{r as BreadcrumbsProvider,t as useBreadcrumbsContext};

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

@@ -1,24 +1 @@
-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); }
-import React from "react";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-import StyledBreadcrumbs from "./breadcrumbs.style";
-import useLocale from "../../hooks/__internal__/useLocale";
-import { BreadcrumbsProvider } from "./__internal__/breadcrumbs.context";
-export const Breadcrumbs = /*#__PURE__*/React.forwardRef(({
-  children,
-  isDarkBackground = false,
-  ...rest
-}, ref) => {
-  const l = useLocale();
-  return /*#__PURE__*/React.createElement(BreadcrumbsProvider, {
-    value: {
-      isDarkBackground
-    }
-  }, /*#__PURE__*/React.createElement(StyledBreadcrumbs, _extends({
-    ref: ref,
-    role: "navigation",
-    "aria-label": l.breadcrumbs.ariaLabel()
-  }, rest, tagComponent("breadcrumbs", rest)), /*#__PURE__*/React.createElement("ol", null, children)));
-});
-Breadcrumbs.displayName = "Breadcrumbs";
-export default Breadcrumbs;
+import{jsx as r}from"react/jsx-runtime";import e from"react";import t from"../../__internal__/utils/helpers/tags/tags.js";import n from"./breadcrumbs.style.js";import o from"../../hooks/__internal__/useLocale/useLocale.js";import{BreadcrumbsProvider as c}from"./__internal__/breadcrumbs.context.js";function a(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function i(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){a(r,e,t[e])}))}return r}const l=e.forwardRef(((e,a)=>{var{children:l,isDarkBackground:s=!1}=e,u=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},c=Object.keys(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(e,["children","isDarkBackground"]);const b=o();return r(c,{value:{isDarkBackground:s},children:r(n,(f=i({ref:a,role:"navigation","aria-label":b.breadcrumbs.ariaLabel()},u,t("breadcrumbs",u)),p={children:r("ol",{children:l})},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(p)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(p)).forEach((function(r){Object.defineProperty(f,r,Object.getOwnPropertyDescriptor(p,r))})),f))});var f,p}));l.displayName="Breadcrumbs";export{l as Breadcrumbs,l as default};

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

@@ -1,18 +1 @@
-import styled from "styled-components";
-import { space } from "styled-system";
-import baseTheme from "../../style/themes/base";
-const StyledBreadcrumbs = styled.nav`
-  ${space}
-
-  ol {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    display: flex;
-    flex-wrap: wrap;
-  }
-`;
-StyledBreadcrumbs.defaultProps = {
-  theme: baseTheme
-};
-export default StyledBreadcrumbs;
+import e from"styled-components";import{space as s}from"styled-system";import t from"../../style/themes/base/index.js";const o=e.nav.withConfig({displayName:"breadcrumbs.style__StyledBreadcrumbs",componentId:"sc-368af004-0"})([""," ol{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;}"],s);o.defaultProps={theme:t};export{o as default};

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

@@ -1,31 +1 @@
-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); }
-import React from "react";
-import tagComponent from "../../../__internal__/utils/helpers/tags";
-import { StyledCrumb, Divider } from "./crumb.style";
-import { useBreadcrumbsContext } from "../__internal__/breadcrumbs.context";
-const Crumb = /*#__PURE__*/React.forwardRef(({
-  href,
-  isCurrent,
-  children,
-  onClick,
-  ...rest
-}, ref) => {
-  const {
-    isDarkBackground
-  } = useBreadcrumbsContext();
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(StyledCrumb, _extends({
-    ref: ref,
-    isCurrent: isCurrent,
-    "aria-current": isCurrent ? "page" : undefined,
-    isDarkBackground: isDarkBackground
-  }, rest, tagComponent("crumb", rest), !isCurrent && {
-    href,
-    onClick
-  }), children), !isCurrent && /*#__PURE__*/React.createElement(Divider, {
-    "data-role": "crumb-divider",
-    "aria-hidden": "true",
-    isDarkBackground: isDarkBackground
-  }));
-});
-Crumb.displayName = "Crumb";
-export default Crumb;
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import{StyledCrumb as o,Divider as c}from"./crumb.style.js";import{useBreadcrumbsContext as i}from"../__internal__/breadcrumbs.context.js";function a(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function u(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){a(r,e,t[e])}))}return r}const l=t.forwardRef(((t,a)=>{var{href:l,isCurrent:f,children:s,onClick:b}=t,p=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},c=Object.keys(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(t,["href","isCurrent","children","onClick"]);const{isDarkBackground:O}=i();return r("li",{children:[e(o,(y=u({ref:a,isCurrent:f,"aria-current":f?"page":void 0,isDarkBackground:O},p,n("crumb",p),!f&&{href:l,onClick:b}),m={children:s},m=null!=m?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(m)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(m)).forEach((function(r){Object.defineProperty(y,r,Object.getOwnPropertyDescriptor(m,r))})),y)),!f&&e(c,{"data-role":"crumb-divider","aria-hidden":"true",isDarkBackground:O})]});var y,m}));l.displayName="Crumb";export{l as default};

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

@@ -1,40 +1 @@
-import styled, { css } from "styled-components";
-import Link from "../../link";
-const getCurrentCrumbColor = isDarkBackground => {
-  return isDarkBackground ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityYin090)";
-};
-export const StyledCrumb = styled(Link)`
-  font: var(--typographyLinkTextM);
-  ${({
-  isCurrent,
-  isDarkBackground
-}) => isCurrent && css`
-      a {
-        color: ${getCurrentCrumbColor(isDarkBackground)};
-        text-decoration: none;
-        font: var(--typographyBreadcrumbCurrentPageM);
-        :hover {
-          color: ${getCurrentCrumbColor(isDarkBackground)};
-          text-decoration: none;
-          cursor: text;
-        }
-      }
-    `}
-`;
-export const Divider = styled.span`
-  ::after {
-    content: "/";
-    margin: 0px var(--spacing050) 0px var(--spacing100);
-    line-height: 16px;
-    font: var(--typographyBreadcrumbSeparatorM);
-    ${({
-  isDarkBackground
-}) => css`
-      color: ${isDarkBackground ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityYin055)"};
-    `}
-  }
-`;
-export default {
-  StyledCrumb,
-  Divider
-};
+import r,{css as o}from"styled-components";import{Link as t}from"../../link/link.component.js";const a=r=>r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",n=r(t).withConfig({displayName:"crumb.style__StyledCrumb",componentId:"sc-d31421e1-0"})(["font:var(--typographyLinkTextM);",""],(({isCurrent:r,isDarkBackground:t})=>r&&o(["a{color:",";text-decoration:none;font:var(--typographyBreadcrumbCurrentPageM);:hover{color:",";text-decoration:none;cursor:text;}}"],a(t),a(t)))),e=r.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-d31421e1-1"})(['::after{content:"/";margin:0px var(--spacing050) 0px var(--spacing100);line-height:16px;font:var(--typographyBreadcrumbSeparatorM);',"}"],(({isDarkBackground:r})=>o(["color:",";"],r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin055)")));var i={StyledCrumb:n,Divider:e};export{e as Divider,n as StyledCrumb,i as default};

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

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

package/esm/components/breadcrumbs/index.js

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