@arc-ui/components 11.19.0 → 11.21.0

package/dist/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type AvatarImage } from "./types/avatar-image";
+import { type AvatarSize } from "./types/avatar-size";
+export declare const Avatar: React.FC<AvatarProps>;
+export interface AvatarProps {
+    initials?: string;
+    href?: string;
+    title?: string;
+    ariaLabel?: string;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    img?: AvatarImage;
+    size?: AvatarSize;
+}

package/dist/types/components/Avatar/components/AvatarContent/AvatarContent.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type AvatarImage } from "../../types/avatar-image";
+import { type AvatarSize } from "../../types/avatar-size";
+export declare const AvatarContent: React.FC<AvatarContentProps>;
+export interface AvatarContentProps {
+    initials?: string;
+    img?: AvatarImage;
+    size?: AvatarSize;
+}

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { Avatar } from "./Avatar";

package/dist/types/components/Avatar/types/avatar-icon-size.d.ts

@@ -0,0 +1 @@
+export type AvatarIconSize = 16 | 24 | 32 | 40;

package/dist/types/components/Avatar/types/avatar-image.d.ts

@@ -0,0 +1,2 @@
+import { type ImageProps } from "../../Image/Image";
+export type AvatarImage = Pick<ImageProps, "src" | "loading" | "sizes" | "srcSet" | "width" | "height" | "alt">;

package/dist/types/components/Avatar/types/avatar-size.d.ts

@@ -0,0 +1 @@
+export type AvatarSize = "s" | "m" | "l" | "xl";

package/dist/types/components/Avatar/types/avatar-text-size.d.ts

@@ -0,0 +1,2 @@
+import { type HeadingSize } from "../../Heading/Heading";
+export type AvatarTextSize = Extract<HeadingSize, "xxxs" | "xxs" | "xs" | "s">;

package/dist/types/components/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type AvatarSize } from "../Avatar/types/avatar-size";
+import { type GroupAvatar } from "./types/group-avatar";
+export declare const AvatarGroup: React.FC<AvatarGroupProps>;
+export interface AvatarGroupProps {
+    avatars: GroupAvatar[];
+    size?: AvatarSize;
+    max?: number;
+    title?: string;
+    ariaLabel?: string;
+    href?: string;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+}

package/dist/types/components/AvatarGroup/index.d.ts

@@ -0,0 +1 @@
+export { AvatarGroup } from "./AvatarGroup";

package/dist/types/components/AvatarGroup/types/group-avatar.d.ts

@@ -0,0 +1,2 @@
+import { AvatarProps } from "../../Avatar/Avatar";
+export type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick">;

package/dist/types/components/AvatarGroup/utils/get-avatars.d.ts

@@ -0,0 +1,2 @@
+import { type GroupAvatar } from "../types/group-avatar";
+export declare const getAvatars: (avatars: GroupAvatar[], max?: number) => GroupAvatar[];

package/dist/types/components/ProgressStepper/ProgressStepper.d.ts

@@ -22,7 +22,7 @@ export interface ProgressStepperProps {
      */
     isFluid?: boolean;
     /**
-     * Determine if `<ProgressStepper.Item />` should be able to expand. This only is appliciable when direction is set to vertical
+     * <b>DEPRECATED</b>: This will be removed in a future release.
      */
     isExpandable?: boolean;
 }

package/dist/types/components/ProgressStepper/ProgressStepperItem/ProgressStepperItem.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-import { ProgressStatus } from "../progressStatus";
+import { type ProgressStatus } from "../progressStatus";
 export declare const ProgressStepperItem: FC<ProgressStepperItemProps>;
 export interface ProgressStepperItemProps {
     /**
@@ -27,10 +27,6 @@ export interface ProgressStepperItemProps {
      * Determine a direction for `<ProgressStepper.Item />`
      */
     direction?: "horizontal" | "vertical";
-    /**
-     * Determine the position of the step `<ProgressStepper.Item />`
-     */
-    position?: "first" | "middle" | "last";
     /**
      * Determine a status for `<ProgressStepper.Item />`
      */
@@ -44,11 +40,11 @@ export interface ProgressStepperItemProps {
      */
     isFluid?: boolean;
     /**
-     * Determine the context `<ProgressStepper.Item /> should b`
+     * Determine the context `<ProgressStepper.Item /> should be`
      */
     previousStep?: ProgressStatus;
     /**
-     * Determine if `<ProgressStepper.Item /> should have expandable content`
+     * DEPRECATED: Determine if `<ProgressStepper.Item /> should have expandable content`
      */
     isExpandable?: boolean;
     /**

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Complete.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Complete: React.FC;

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Current.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Current: React.FC;

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Error.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Error: React.FC;

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Todo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Todo: React.FC;

package/dist/types/components/ProgressStepper/ProgressStepperItem/icons/Warning.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Warning: React.FC;

package/dist/types/components/Rule/Rule.d.ts

@@ -1,7 +1,8 @@
 import { FC } from "react";
 /**
- * Use `Rule` to display a horizontal rule.
+ * Use `Rule` to display a horizontal or vertical rule.
  */
 export declare const Rule: FC<RuleProps>;
 export interface RuleProps {
+    orientation?: "horizontal" | "vertical";
 }

package/dist/types/components/Select/Select.d.ts

@@ -26,6 +26,10 @@ export interface SelectProps extends Omit<FormControlProps, "children" | "elemen
         name: string;
         value: string;
     }[];
+    /**
+     * value for the Select. Passing a value makes the Select a controlled component.
+     */
+    value?: string;
     /**
      * error message for the Select.
      */

package/dist/types/components/SkipLink/SkipLink.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from "react";
+import { SkipLinkItem } from "./SkipLinkItem/SkipLinkItem";
+export declare const SkipLink: FC<SkipLinkProps> & {
+    Item: typeof SkipLinkItem;
+};
+export interface SkipLinkProps {
+    /**
+     * Links to display in the SkipLink.Item.
+     */
+    children?: ReactNode;
+}

package/dist/types/components/SkipLink/SkipLinkItem/SkipLinkItem.d.ts

@@ -0,0 +1,16 @@
+import { FC } from "react";
+export declare const SkipLinkItem: FC<SkipLinkItemProps>;
+export interface SkipLinkItemProps {
+    /**
+     * The label to display for SkipLink.Item.
+     */
+    label: string;
+    /**
+     * The URL the skip link navigates to.
+     */
+    href?: string;
+    /**
+     * The ID attribute of the target element the skip link navigates to.
+     */
+    id?: string;
+}

package/dist/types/components/SkipLink/index.d.ts

@@ -0,0 +1 @@
+export { SkipLink } from "./SkipLink";

package/dist/types/components/index.d.ts

@@ -1,5 +1,7 @@
 export { Align } from "./Align";
 export { Alert } from "./Alert";
+export { Avatar } from "./Avatar";
+export { AvatarGroup } from "./AvatarGroup";
 export { Badge } from "./Badge";
 export { Base } from "./Base";
 export { Box } from "./Box";

package/dist/types/private-components/ConditionalWrapper/ConditionalWrapper.d.ts

@@ -2,5 +2,6 @@ import React from "react";
 export declare const ConditionalWrapper: React.FC<{
     condition: boolean;
     wrapper: (children: React.ReactNode) => React.ReactNode;
+    fallback?: (children: React.ReactNode) => React.ReactNode;
     children: React.ReactNode;
 }>;

package/dist/types/styles.d.ts

@@ -33,6 +33,7 @@ import "./components/ScrollToTop/ScrollToTop.css";
 import "./components/Section/Section.css";
 import "./components/Select/Select.css";
 import "./components/SiteFooter/SiteFooter.css";
+import "./components/SkipLink/SkipLink.css";
 import "./components/SiteHeader/SiteHeader.css";
 import "./components/SiteHeaderV2/SiteHeaderV2.css";
 import "./components/Surface/Surface.css";
@@ -78,6 +79,8 @@ import "./components/Calendar/Calendar.css";
 import "./components/DatePicker/DatePicker.css";
 import "./components/InformationCard/InformationCard.css";
 import "./components/TypographyCard/TypographyCard.css";
+import "./components/Avatar/Avatar.css";
+import "./components/AvatarGroup/AvatarGroup.css";
 import "./private-components/CardHeading/CardHeading.css";
 import "./private-components/CardLabel/CardLabel.css";
 import "./private-components/CardFooter/CardFooter.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "11.19.0",
+  "version": "11.21.0",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./dist/index.js",
@@ -77,7 +77,7 @@
     "camelcase": "^6.2.1",
     "classnames": "^2.2.6",
     "countries-list": "^2.6.1",
-    "cypress": "^13.3.0",
+    "cypress": "^13.3.1",
     "formik": "^2.2.9",
     "lodash": "^4.17.21",
     "postcss": "^8.0.0",

package/dist/_shared/cjs/ProgressStepper-3af8a210.js

@@ -1,141 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var React = require('react');
-var index = require('./index-9947ac13.js');
-var BtIconAlert_esm = require('./BtIconAlert.esm-1a0ff9f0.js');
-var Icon = require('./Icon-b46897a3.js');
-var Surface = require('./Surface-038db6e1.js');
-var VerticalSpace = require('./VerticalSpace-dc53bb70.js');
-var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconTickVariant = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconCrossAlt = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M16.70709,16.02l4.48236-4.49365a.4996.4996,0,1,0-.707-.70606l-4.481,4.49225-4.481-4.49225a.4996.4996,0,1,0-.707.70606L15.29584,16.02l-4.48236,4.49365a.4996.4996,0,1,0,.707.70606l4.481-4.49225,4.481,4.49225a.4996.4996,0,1,0,.707-.70606Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconCircle = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 32 32",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9 16C9 19.87 12.13 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9C12.13 9 9 12.13 9 16ZM16 7C11.03 7 7 11.03 7 16C7 20.97 11.03 25 16 25C20.97 25 25 20.97 25 16C25 11.03 20.97 7 16 7Z",
-      fill: "currentColor",
-    }),
-  );
-
-var ProgressStepperItem = function (_a) {
-    var _b, _c, _d;
-    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _e = _a.direction, direction = _e === void 0 ? "horizontal" : _e, _f = _a.status, status = _f === void 0 ? "todo" : _f, _g = _a.size, size = _g === void 0 ? "large" : _g, _h = _a.position, position = _h === void 0 ? "middle" : _h, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, isExpandable = _a.isExpandable, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = filterDataAttrs.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "position", "isFluid", "ariaLabel", "onClick", "previousStep", "isExpandable", "stepContent", "isStepContentHidden"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var statusIcons = {
-        completed: BtIconTickVariant,
-        current: BtIconCircle,
-        warning: BtIconAlert_esm.BtIconAlert,
-        error: BtIconCrossAlt
-    };
-    var onClickHandler = function (event) {
-        event.preventDefault();
-        onClick && onClick();
-    };
-    var capitaliseFirstLetter = function (word) {
-        return word.charAt(0).toUpperCase() + word.slice(1);
-    };
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-ProgressStepperItem", (_b = {
-                "arc-ProgressStepperItem--vertical": direction === "vertical",
-                "arc-ProgressStepperItem--isFluid": isFluid,
-                "arc-ProgressStepperItem--onDarkSurface": surface === "dark",
-                "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
-            },
-            _b["arc-ProgressStepperItem--".concat(size)] = size === "small",
-            _b)) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconSection", (_c = {},
-                _c["arc-ProgressStepperItem-iconSection--".concat(position)] = position !== "middle",
-                _c)) },
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailBefore" }),
-            React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconWrapper", (_d = {},
-                    _d["arc-ProgressStepperItem-iconWrapper--".concat(status)] = status !== "todo",
-                    _d)), "data-testid": "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default["default"].createElement("div", { style: {
-                    width: size === "small" ? "16px" : "32px",
-                    height: size === "small" ? "16px" : "32px"
-                } })) : (React__default["default"].createElement(Icon.Icon, { size: size === "small" ? 16 : 32, icon: statusIcons[status] }))),
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailAfter" })),
-        React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-textSection" },
-            status !== "todo" && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
-                capitaliseFirstLetter(status),
-                ":")),
-            titleHref ? (React__default["default"].createElement("a", { href: titleHref, "aria-label": ariaLabel, className: "arc-ProgressStepperItem-title", onClick: onClickHandler }, title)) : (React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-title" }, title)),
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
-            isExpandable && direction === "vertical" && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-nodeItem" },
-                    React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-keyline" }),
-                    stepContent && !isStepContentHidden && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                        React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-                        stepContent))))))));
-};
-
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
-var ProgressStepper = function (_a) {
-    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = filterDataAttrs.__rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
-    var items = React__default["default"].Children.toArray(children);
-    var getStepStatus = function (item) {
-        var _a;
-        return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.status;
-    };
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-ProgressStepper", {
-            "arc-ProgressStepper--vertical": direction === "vertical"
-        }) }, filterDataAttrs.filterDataAttrs(props)), items.map(function (item, index) {
-        var currentPosition = index === 0
-            ? "first"
-            : index === React__default["default"].Children.count(children) - 1
-                ? "last"
-                : undefined;
-        return (React__default["default"].createElement(React__default["default"].Fragment, { key: "StepperItem-".concat(index) },
-            React__default["default"].createElement(ProgressStepperItem, filterDataAttrs.__assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, direction: direction, isExpandable: isExpandable, size: size, position: currentPosition, previousStep: getStepStatus(items[index - 1]) }, filterDataAttrs.filterDataAttrs(item.props)))));
-    })));
-};
-ProgressStepper.Item = ProgressStepperItem;
-
-exports.ProgressStepper = ProgressStepper;

package/dist/_shared/esm/ProgressStepper-d4c5b6d9.js

@@ -1,135 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
-import React__default, { useContext } from 'react';
-import { c as classNames } from './index-2e73c2e9.js';
-import { B as BtIconAlert } from './BtIconAlert.esm-a4608d47.js';
-import { I as Icon } from './Icon-15799695.js';
-import { C as Context } from './Surface-0ca6817d.js';
-import { V as VerticalSpace } from './VerticalSpace-43cd9138.js';
-import { V as VisuallyHidden } from './VisuallyHidden-b9eebf71.js';
-
-const BtIconTickVariant = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconCrossAlt = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16.70709,16.02l4.48236-4.49365a.4996.4996,0,1,0-.707-.70606l-4.481,4.49225-4.481-4.49225a.4996.4996,0,1,0-.707.70606L15.29584,16.02l-4.48236,4.49365a.4996.4996,0,1,0,.707.70606l4.481-4.49225,4.481,4.49225a.4996.4996,0,1,0,.707-.70606Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconCircle = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 32 32",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9 16C9 19.87 12.13 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9C12.13 9 9 12.13 9 16ZM16 7C11.03 7 7 11.03 7 16C7 20.97 11.03 25 16 25C20.97 25 25 20.97 25 16C25 11.03 20.97 7 16 7Z",
-      fill: "currentColor",
-    }),
-  );
-
-var ProgressStepperItem = function (_a) {
-    var _b, _c, _d;
-    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _e = _a.direction, direction = _e === void 0 ? "horizontal" : _e, _f = _a.status, status = _f === void 0 ? "todo" : _f, _g = _a.size, size = _g === void 0 ? "large" : _g, _h = _a.position, position = _h === void 0 ? "middle" : _h, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, isExpandable = _a.isExpandable, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = __rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "position", "isFluid", "ariaLabel", "onClick", "previousStep", "isExpandable", "stepContent", "isStepContentHidden"]);
-    var surface = useContext(Context).surface;
-    var statusIcons = {
-        completed: BtIconTickVariant,
-        current: BtIconCircle,
-        warning: BtIconAlert,
-        error: BtIconCrossAlt
-    };
-    var onClickHandler = function (event) {
-        event.preventDefault();
-        onClick && onClick();
-    };
-    var capitaliseFirstLetter = function (word) {
-        return word.charAt(0).toUpperCase() + word.slice(1);
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-ProgressStepperItem", (_b = {
-                "arc-ProgressStepperItem--vertical": direction === "vertical",
-                "arc-ProgressStepperItem--isFluid": isFluid,
-                "arc-ProgressStepperItem--onDarkSurface": surface === "dark",
-                "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
-            },
-            _b["arc-ProgressStepperItem--".concat(size)] = size === "small",
-            _b)) }, filterDataAttrs(props)),
-        React__default.createElement("div", { className: classNames("arc-ProgressStepperItem-iconSection", (_c = {},
-                _c["arc-ProgressStepperItem-iconSection--".concat(position)] = position !== "middle",
-                _c)) },
-            React__default.createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailBefore" }),
-            React__default.createElement("div", { className: classNames("arc-ProgressStepperItem-iconWrapper", (_d = {},
-                    _d["arc-ProgressStepperItem-iconWrapper--".concat(status)] = status !== "todo",
-                    _d)), "data-testid": "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default.createElement("div", { style: {
-                    width: size === "small" ? "16px" : "32px",
-                    height: size === "small" ? "16px" : "32px"
-                } })) : (React__default.createElement(Icon, { size: size === "small" ? 16 : 32, icon: statusIcons[status] }))),
-            React__default.createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailAfter" })),
-        React__default.createElement("div", { className: "arc-ProgressStepperItem-textSection" },
-            status !== "todo" && (React__default.createElement(VisuallyHidden, null,
-                capitaliseFirstLetter(status),
-                ":")),
-            titleHref ? (React__default.createElement("a", { href: titleHref, "aria-label": ariaLabel, className: "arc-ProgressStepperItem-title", onClick: onClickHandler }, title)) : (React__default.createElement("div", { className: "arc-ProgressStepperItem-title" }, title)),
-            React__default.createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
-            isExpandable && direction === "vertical" && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("div", { className: "arc-ProgressStepperItem-nodeItem" },
-                    React__default.createElement("div", { className: "arc-ProgressStepperItem-keyline" }),
-                    stepContent && !isStepContentHidden && (React__default.createElement(React__default.Fragment, null,
-                        React__default.createElement(VerticalSpace, { size: "8" }),
-                        stepContent))))))));
-};
-
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
-var ProgressStepper = function (_a) {
-    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = __rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
-    var items = React__default.Children.toArray(children);
-    var getStepStatus = function (item) {
-        var _a;
-        return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.status;
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-ProgressStepper", {
-            "arc-ProgressStepper--vertical": direction === "vertical"
-        }) }, filterDataAttrs(props)), items.map(function (item, index) {
-        var currentPosition = index === 0
-            ? "first"
-            : index === React__default.Children.count(children) - 1
-                ? "last"
-                : undefined;
-        return (React__default.createElement(React__default.Fragment, { key: "StepperItem-".concat(index) },
-            React__default.createElement(ProgressStepperItem, __assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, direction: direction, isExpandable: isExpandable, size: size, position: currentPosition, previousStep: getStepStatus(items[index - 1]) }, filterDataAttrs(item.props)))));
-    })));
-};
-ProgressStepper.Item = ProgressStepperItem;
-
-export { ProgressStepper as P };

package/dist/_shared/cjs/{CardLabel-768abf20.js → BtIconArrowRight.esm-50d96943.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
 var index = require('./index-9947ac13.js');
 var suffixModifier = require('./suffix-modifier-64dcd338.js');
 
@@ -9,6 +9,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var CardHeading = function (_a) {
+    var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "s" : _b, _c = _a.isDarkPathway, isDarkPathway = _c === void 0 ? false : _c, _d = _a.linkData, linkData = _d === void 0 ? {} : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e;
+    var HeadingElement = "h".concat(headingLevel);
+    return (React__default["default"].createElement(HeadingElement, { className: index.classNames("arc-CardHeading", "arc-CardHeading--".concat(size), {
+            "arc-CardHeading--darkPathway": isDarkPathway
+        }) }, href ? (React__default["default"].createElement("a", filterDataAttrs.__assign({ className: "arc-CardHeading-link", href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterDataAttrs.filterDataAttrs(linkData)), heading)) : (heading)));
+};
+
+var CardLabel = function (_a) {
+    var _b;
+    var text = _a.text, _c = _a.color, color = _c === void 0 ? "muted" : _c, _d = _a.isBold, isBold = _d === void 0 ? true : _d, _e = _a.isDarkPathway, isDarkPathway = _e === void 0 ? false : _e;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("span", { className: index.classNames("arc-CardLabel", (_b = {},
+                _b[suffixModifier.suffixModifier("arc-CardLabel--color", color)] = !isDarkPathway,
+                _b["arc-CardLabel--bold"] = isBold,
+                _b["arc-CardLabel--darkPathway"] = isDarkPathway,
+                _b)) }, text)));
+};
+
 const BtIconArrowRight = (props) =>
   /*#__PURE__*/ React__default["default"].createElement(
     "svg",
@@ -30,25 +49,6 @@ const BtIconArrowRight = (props) =>
     }),
   );
 
-var CardHeading = function (_a) {
-    var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "s" : _b, _c = _a.isDarkPathway, isDarkPathway = _c === void 0 ? false : _c, _d = _a.linkData, linkData = _d === void 0 ? {} : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e;
-    var HeadingElement = "h".concat(headingLevel);
-    return (React__default["default"].createElement(HeadingElement, { className: index.classNames("arc-CardHeading", "arc-CardHeading--".concat(size), {
-            "arc-CardHeading--darkPathway": isDarkPathway
-        }) }, href ? (React__default["default"].createElement("a", filterDataAttrs.__assign({ className: "arc-CardHeading-link", href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterDataAttrs.filterDataAttrs(linkData)), heading)) : (heading)));
-};
-
-var CardLabel = function (_a) {
-    var _b;
-    var text = _a.text, _c = _a.color, color = _c === void 0 ? "muted" : _c, _d = _a.isBold, isBold = _d === void 0 ? true : _d, _e = _a.isDarkPathway, isDarkPathway = _e === void 0 ? false : _e;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("span", { className: index.classNames("arc-CardLabel", (_b = {},
-                _b[suffixModifier.suffixModifier("arc-CardLabel--color", color)] = !isDarkPathway,
-                _b["arc-CardLabel--bold"] = isBold,
-                _b["arc-CardLabel--darkPathway"] = isDarkPathway,
-                _b)) }, text)));
-};
-
 exports.BtIconArrowRight = BtIconArrowRight;
 exports.CardHeading = CardHeading;
 exports.CardLabel = CardLabel;