@arc-ui/components 12.0.0-beta.6 → 12.0.0-beta.8

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

@@ -12,9 +12,12 @@ export { ButtonV2 } from "./ButtonV2";
 export { Calendar } from "./Calendar";
 export { Checkbox } from "./Checkbox";
 export { Columns } from "./Columns";
+export { ContentSwitcher } from "./ContentSwitcher";
+export { ContentSwitcherDropdown } from "./ContentSwitcherDropdown";
 export { DatePicker } from "./DatePicker";
 export { Disclosure } from "./Disclosure";
 export { DisclosureMini } from "./DisclosureMini";
+export { Download } from "./Download";
 export { Elevation } from "./Elevation";
 export { Filter } from "./Filter";
 export { FormControl } from "./FormControl";
@@ -42,6 +45,7 @@ export { Section } from "./Section";
 export { Select } from "./Select";
 export { SiteFooter } from "./SiteFooter";
 export { SiteHeaderV2 } from "./SiteHeaderV2";
+export { Spinner } from "./Spinner";
 export { Surface, SurfaceContext } from "./Surface";
 export { Switch } from "./Switch";
 export { Tabs } from "./Tabs";

package/dist/types/styles.d.ts

@@ -8,16 +8,21 @@ import "./components/Breadcrumbs/Breadcrumbs.css";
 import "./components/Button/Button.css";
 import "./components/CardHeading/CardHeading.css";
 import "./components/CardFooter/CardFooter.css";
+import "./components/Carousel/Carousel.css";
 import "./components/Checkbox/Checkbox.css";
 import "./components/Columns/Columns.css";
 import "./components/Columns/Columns.offsets.css";
+import "./components/ContentSwitcher/ContentSwitcher.css";
+import "./components/ContentSwitcherDropdown/ContentSwitcherDropdown.css";
 import "./components/Disclosure/Disclosure.css";
 import "./components/DisclosureMini/DisclosureMini.css";
+import "./components/Download/Download.css";
 import "./components/Elevation/Elevation.css";
 import "./components/Filter/Filter.css";
 import "./components/FormControl/FormControl.css";
 import "./components/Group/Group.css";
 import "./components/Heading/Heading.css";
+import "./components/HeroBanner/HeroBanner.css";
 import "./components/HeroButton/HeroButton.css";
 import "./components/ButtonV2/ButtonV2.css";
 import "./components/Icon/Icon.css";
@@ -38,6 +43,7 @@ import "./components/Select/Select.css";
 import "./components/SiteFooter/SiteFooter.css";
 import "./components/SkipLink/SkipLink.css";
 import "./components/SiteHeaderV2/SiteHeaderV2.css";
+import "./components/Spinner/Spinner.css";
 import "./components/Surface/Surface.css";
 import "./components/Tabs/Tabs.css";
 import "./components/Tag/Tag.css";
@@ -50,7 +56,6 @@ import "./components/UniversalHeader/UniversalHeader.css";
 import "./components/VerticalSpace/VerticalSpace.css";
 import "./components/VisuallyHidden/VisuallyHidden.css";
 import "./components/Switch/Switch.css";
-import "./components/Tabs/Tabs.css";
 import "./components/Toast/Toast.css";
 import "./components/Theme/Theme.css";
 import "./components/ProgressStepper/ProgressStepper.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "12.0.0-beta.6",
+  "version": "12.0.0-beta.8",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./dist/index.js",
@@ -24,7 +24,10 @@
     "@radix-ui/react-switch": "1.0.3",
     "@radix-ui/react-tabs": "1.0.4",
     "@radix-ui/react-toast": "1.1.4",
-    "date-fns": "^2.30.0"
+    "date-fns": "^2.30.0",
+    "embla-carousel": "^8.3.0",
+    "embla-carousel-react": "^8.3.0",
+    "react-swipeable": "^7.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.14.3",
@@ -63,14 +66,13 @@
     "classnames": "^2.2.6",
     "countries-list": "^2.6.1",
     "css-loader": "^7.1.2",
+    "cy-mobile-commands": "^0.3.0",
     "cypress": "^13.3.1",
     "formik": "^2.2.9",
     "lodash": "^4.17.21",
     "postcss": "^8.0.0",
-    "postcss-import": "^13.0.0",
     "postcss-loader": "^8.1.1",
-    "postcss-minify": "^1.1.0",
-    "postcss-preset-env": "^7.0.0",
+    "postcss-plugin-namespace": "^0.0.3",
     "prop-types": "^15.7.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -90,26 +92,27 @@
     "vite": "^4.4.5",
     "vite-plugin-istanbul": "^5.0.0",
     "yup": "^0.32.11",
-    "@arc-ui/fonts-bt": "^12.0.0-beta.6",
-    "@arc-ui/fonts-ee": "^12.0.0-beta.6",
-    "@arc-ui/icons-bt": "^12.0.0-beta.6",
-    "@arc-ui/icons-ee": "^12.0.0-beta.6",
-    "@arc-ui/theme-bt-business": "^12.0.0-beta.6",
-    "@arc-ui/theme-bt-enterprise": "^12.0.0-beta.6",
-    "@arc-ui/theme-ee": "^12.0.0-beta.6",
-    "@arc-ui/helpers": "^12.0.0-beta.6",
-    "@arc-ui/tokens-arc": "^12.0.0-beta.6",
-    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.6",
-    "@arc-ui/tokens-ee": "^12.0.0-beta.6"
+    "@arc-ui/theme-bt-business": "^12.0.0-beta.8",
+    "@arc-ui/icons-bt": "^12.0.0-beta.8",
+    "@arc-ui/icons-ee": "^12.0.0-beta.8",
+    "@arc-ui/theme-bt-enterprise": "^12.0.0-beta.8",
+    "@arc-ui/theme-ee": "^12.0.0-beta.8",
+    "@arc-ui/fonts-ee": "^12.0.0-beta.8",
+    "@arc-ui/tokens-arc": "^12.0.0-beta.8",
+    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.8",
+    "@arc-ui/tokens-ee": "^12.0.0-beta.8",
+    "@arc-ui/build-utils": "^12.0.0-beta.8",
+    "@arc-ui/helpers": "^12.0.0-beta.8",
+    "@arc-ui/fonts-bt": "^12.0.0-beta.8"
   },
   "scripts": {
-    "build": "rimraf dist && rollup -c && node subpath-postcss.js",
+    "build": "rimraf dist && rollup -c && generate-subpath-css",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build --quiet",
     "storybook:quiet": "pnpm run storybook --quiet",
     "coverage:summary": "pnpm dlx nyc report --reporter=text-summary",
     "coverage:files": "pnpm dlx nyc@15.0.0 report --reporter=text",
-    "coverage:check": "pnpm dlx nyc@15.0.0 report --check-coverage --lines 85 --functions 85 --branches 85 --statements 85",
+    "coverage:check": "pnpm dlx nyc@15.0.0 report --check-coverage --lines 80 --functions 80 --branches 80 --statements 80",
     "test:components": "cypress open --component",
     "test:components:ci": "cypress run --component --browser chrome",
     "test:components:pipeline": "pnpm run test:components:ci && pnpm run coverage:check",

package/dist/_shared/cjs/ArcIconEclipse.esm-ac777a76.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ArcIconEclipse = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 28 28",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M23.2 14C23.2 15.6967 22.7308 17.3603 21.8443 18.807C20.9578 20.2536 19.6885 21.427 18.1767 22.1973C16.665 22.9675 14.9696 23.3048 13.2782 23.1716C11.5867 23.0385 9.96502 22.4402 8.59238 21.443C7.21973 20.4457 6.1496 19.0882 5.50031 17.5207C4.85102 15.9532 4.64785 14.2366 4.91327 12.5608C5.17869 10.885 5.90236 9.31525 7.00426 8.02508C8.10617 6.73491 9.5434 5.77459 11.157 5.25028",
-      stroke: "currentColor",
-      strokeWidth: 1.6,
-      strokeLinecap: "round",
-    }),
-  );
-
-exports.ArcIconEclipse = ArcIconEclipse;

package/dist/_shared/cjs/BtIconArrowRight.esm-6053bb79.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconArrowRight = (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,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconArrowRight = BtIconArrowRight;

package/dist/_shared/cjs/BtIconChevronRightMid.esm-3e8d18a9.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconChevronRightMid = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.04543 8.0002L6.19676 5.1482C6.07077 5.02196 6 4.85089 6 4.67253C6 4.49418 6.07077 4.32311 6.19676 4.19687C6.25906 4.13446 6.33304 4.08495 6.41449 4.05117C6.49594 4.01739 6.58325 4 6.67143 4C6.75961 4 6.84692 4.01739 6.92837 4.05117C7.00982 4.08495 7.0838 4.13446 7.1461 4.19687L10.4701 7.52487C10.5959 7.65108 10.6665 7.82201 10.6665 8.0002C10.6665 8.1784 10.5959 8.34932 10.4701 8.47553L7.1461 11.8035C7.0838 11.8659 7.00982 11.9155 6.92837 11.9492C6.84692 11.983 6.75961 12.0004 6.67143 12.0004C6.58325 12.0004 6.49594 11.983 6.41449 11.9492C6.33304 11.9155 6.25906 11.8659 6.19676 11.8035C6.07077 11.6773 6 11.5062 6 11.3279C6 11.1495 6.07077 10.9784 6.19676 10.8522L9.04543 8.0002Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconChevronRightMid = BtIconChevronRightMid;

package/dist/_shared/cjs/BtIconPlayFill.esm-b8997cfc.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconPlayFill = (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.16113,11.76172a.10284.10284,0,0,0-.10742,0A.10229.10229,0,0,0,13,11.85449v8.2876a.10314.10314,0,0,0,.05371.09326.10451.10451,0,0,0,.10742.00049l7.17774-4.14453a.10285.10285,0,0,0,.05371-.09277.10421.10421,0,0,0-.05371-.09375Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.83887,14.957-7.17774,4.14453A1.10791,1.10791,0,0,1,12,20.14209v-8.2876a1.107,1.107,0,0,1,1.66113-.95849l7.17774,4.14355a1.10688,1.10688,0,0,1,0,1.91748Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconPlayFill = BtIconPlayFill;

package/dist/_shared/cjs/CardFooter-a1bb3ded.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('./index-9947ac13.js');
-var BtIconArrowRight_esm = require('./BtIconArrowRight.esm-6053bb79.js');
-var BtIconPlayFill_esm = require('./BtIconPlayFill.esm-b8997cfc.js');
-var Icon = require('./Icon-7f1e8a19.js');
-var index$1 = require('./index-28fbfd5b.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconPlay = (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,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M20.83887,15.03955,13.66113,10.896A1.107,1.107,0,0,0,12,11.85449v8.2876a1.10534,1.10534,0,0,0,1.66113.95947L20.83887,16.957a1.10688,1.10688,0,0,0,0-1.91748Zm-.5,1.05176-7.17774,4.14453a.10437.10437,0,0,1-.10742-.00049A.10314.10314,0,0,1,13,20.14209v-8.2876a.10229.10229,0,0,1,.05371-.09277.10284.10284,0,0,1,.10742,0l7.17774,4.14307a.10421.10421,0,0,1,.05371.09375A.10285.10285,0,0,1,20.33887,16.09131Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconArrowRightFill = (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: "M2,16A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm16.85352-4.35352L23.207,16l-4.35351,4.35352a.5.5,0,0,1-.707-.707L21.293,16.5H9.5a.5.5,0,0,1,0-1H21.293l-3.14649-3.14648a.5.5,0,0,1,.707-.707Z",
-      fill: "currentColor",
-    }),
-  );
-
-var CardFooter = function (_a) {
-    var metaText = _a.metaText, _b = _a.buttonIcon, buttonIcon = _b === void 0 ? "arrow" : _b, _c = _a.isDarkPathway, isDarkPathway = _c === void 0 ? false : _c, _d = _a.showButton, showButton = _d === void 0 ? true : _d, _e = _a.isHovered, isHovered = _e === void 0 ? false : _e;
-    var icons = {
-        arrow: {
-            regular: BtIconArrowRight_esm.BtIconArrowRight,
-            filled: BtIconArrowRightFill
-        },
-        play: {
-            regular: BtIconPlay,
-            filled: BtIconPlayFill_esm.BtIconPlayFill
-        }
-    };
-    return (React__default["default"].createElement("div", { className: index.classNames("arc-CardFooter", {
-            "arc-CardFooter--darkPathway": isDarkPathway
-        }) },
-        React__default["default"].createElement("div", { className: "arc-CardFooter-metaTextContainer" }, metaText && (React__default["default"].createElement("div", { className: "arc-CardFooter-metaText" }, index$1.isDate(metaText) ? (React__default["default"].createElement("time", { dateTime: index$1.format(metaText, "yyyy-MM-dd") }, index$1.format(metaText, "LLLL d, yyyy"))) : (React__default["default"].createElement("span", null, metaText))))),
-        showButton && (React__default["default"].createElement("div", null,
-            React__default["default"].createElement("div", { className: "arc-CardFooter-button" },
-                React__default["default"].createElement("div", { className: "arc-CardFooter-buttonIcon" },
-                    React__default["default"].createElement("div", { className: index.classNames("arc-CardFooter-buttonIconRight", {
-                            "arc-CardFooter-buttonIconRight--isHovered": isHovered
-                        }) },
-                        React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular, size: 40 })),
-                    React__default["default"].createElement("div", { className: "arc-CardFooter-buttonIconLeft" },
-                        React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular, size: 40 }))))))));
-};
-
-exports.CardFooter = CardFooter;

package/dist/_shared/cjs/Tag-4eb2ed9e.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var index_es = require('./index.es-c26e8978.js');
-var React = require('react');
-var index = require('./index-9947ac13.js');
-var Icon = require('./Icon-7f1e8a19.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Use `Tag` to promote features and manage filtering.
- */
-var Tag = function (_a) {
-    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = index_es.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
-    var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
-    var onRemoveHandler = function () {
-        setIsRemoved(function (p) { return !p; });
-        onRemove && onRemove();
-    };
-    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Tag", {
-            "arc-Tag--isRemovable": isRemovable,
-            "arc-Tag--hasIcon": icon,
-            "arc-Tag--hasLink": link || onClick,
-            "arc-Tag--removed": isRemoved
-        }) }, (isRemoved && { "aria-hidden": true }), index_es.filterDataAttrs(props)),
-        link ? (React__default["default"].createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
-            icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
-                React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default["default"].createElement(React__default["default"].Fragment, null, onClick ? (React__default["default"].createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
-            icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
-                React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default["default"].createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
-            icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
-                React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))))),
-        isRemovable && (React__default["default"].createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "tagRemove", color: "brand", size: 20 }),
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "tagRemoveInteractive", color: "brand", size: 20 })))));
-};
-
-exports.Tag = Tag;

package/dist/_shared/esm/ArcIconEclipse.esm-bb48b82a.js

@@ -1,22 +0,0 @@
-import React__default from 'react';
-
-const ArcIconEclipse = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 28 28",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M23.2 14C23.2 15.6967 22.7308 17.3603 21.8443 18.807C20.9578 20.2536 19.6885 21.427 18.1767 22.1973C16.665 22.9675 14.9696 23.3048 13.2782 23.1716C11.5867 23.0385 9.96502 22.4402 8.59238 21.443C7.21973 20.4457 6.1496 19.0882 5.50031 17.5207C4.85102 15.9532 4.64785 14.2366 4.91327 12.5608C5.17869 10.885 5.90236 9.31525 7.00426 8.02508C8.10617 6.73491 9.5434 5.77459 11.157 5.25028",
-      stroke: "currentColor",
-      strokeWidth: 1.6,
-      strokeLinecap: "round",
-    }),
-  );
-
-export { ArcIconEclipse as A };

package/dist/_shared/esm/BtIconArrowRight.esm-93da96bb.js

@@ -1,24 +0,0 @@
-import React__default from 'react';
-
-const BtIconArrowRight = (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,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
-      fill: "currentColor",
-    }),
-  );
-
-export { BtIconArrowRight as B };

package/dist/_shared/esm/BtIconChevronRightMid.esm-4764708f.js

@@ -1,22 +0,0 @@
-import React__default from 'react';
-
-const BtIconChevronRightMid = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.04543 8.0002L6.19676 5.1482C6.07077 5.02196 6 4.85089 6 4.67253C6 4.49418 6.07077 4.32311 6.19676 4.19687C6.25906 4.13446 6.33304 4.08495 6.41449 4.05117C6.49594 4.01739 6.58325 4 6.67143 4C6.75961 4 6.84692 4.01739 6.92837 4.05117C7.00982 4.08495 7.0838 4.13446 7.1461 4.19687L10.4701 7.52487C10.5959 7.65108 10.6665 7.82201 10.6665 8.0002C10.6665 8.1784 10.5959 8.34932 10.4701 8.47553L7.1461 11.8035C7.0838 11.8659 7.00982 11.9155 6.92837 11.9492C6.84692 11.983 6.75961 12.0004 6.67143 12.0004C6.58325 12.0004 6.49594 11.983 6.41449 11.9492C6.33304 11.9155 6.25906 11.8659 6.19676 11.8035C6.07077 11.6773 6 11.5062 6 11.3279C6 11.1495 6.07077 10.9784 6.19676 10.8522L9.04543 8.0002Z",
-      fill: "currentColor",
-    }),
-  );
-
-export { BtIconChevronRightMid as B };

package/dist/_shared/esm/BtIconPlayFill.esm-05fc0344.js

@@ -1,24 +0,0 @@
-import React__default from 'react';
-
-const BtIconPlayFill = (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.16113,11.76172a.10284.10284,0,0,0-.10742,0A.10229.10229,0,0,0,13,11.85449v8.2876a.10314.10314,0,0,0,.05371.09326.10451.10451,0,0,0,.10742.00049l7.17774-4.14453a.10285.10285,0,0,0,.05371-.09277.10421.10421,0,0,0-.05371-.09375Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.83887,14.957-7.17774,4.14453A1.10791,1.10791,0,0,1,12,20.14209v-8.2876a1.107,1.107,0,0,1,1.66113-.95849l7.17774,4.14355a1.10688,1.10688,0,0,1,0,1.91748Z",
-      fill: "currentColor",
-    }),
-  );
-
-export { BtIconPlayFill as B };

package/dist/_shared/esm/CardFooter-e4380cda.js

@@ -1,73 +0,0 @@
-import React__default from 'react';
-import { c as classNames } from './index-2e73c2e9.js';
-import { B as BtIconArrowRight } from './BtIconArrowRight.esm-93da96bb.js';
-import { B as BtIconPlayFill } from './BtIconPlayFill.esm-05fc0344.js';
-import { I as Icon } from './Icon-428e8061.js';
-import { i as isDate, f as format } from './index-ce6dee84.js';
-
-const BtIconPlay = (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,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M20.83887,15.03955,13.66113,10.896A1.107,1.107,0,0,0,12,11.85449v8.2876a1.10534,1.10534,0,0,0,1.66113.95947L20.83887,16.957a1.10688,1.10688,0,0,0,0-1.91748Zm-.5,1.05176-7.17774,4.14453a.10437.10437,0,0,1-.10742-.00049A.10314.10314,0,0,1,13,20.14209v-8.2876a.10229.10229,0,0,1,.05371-.09277.10284.10284,0,0,1,.10742,0l7.17774,4.14307a.10421.10421,0,0,1,.05371.09375A.10285.10285,0,0,1,20.33887,16.09131Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconArrowRightFill = (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: "M2,16A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm16.85352-4.35352L23.207,16l-4.35351,4.35352a.5.5,0,0,1-.707-.707L21.293,16.5H9.5a.5.5,0,0,1,0-1H21.293l-3.14649-3.14648a.5.5,0,0,1,.707-.707Z",
-      fill: "currentColor",
-    }),
-  );
-
-var CardFooter = function (_a) {
-    var metaText = _a.metaText, _b = _a.buttonIcon, buttonIcon = _b === void 0 ? "arrow" : _b, _c = _a.isDarkPathway, isDarkPathway = _c === void 0 ? false : _c, _d = _a.showButton, showButton = _d === void 0 ? true : _d, _e = _a.isHovered, isHovered = _e === void 0 ? false : _e;
-    var icons = {
-        arrow: {
-            regular: BtIconArrowRight,
-            filled: BtIconArrowRightFill
-        },
-        play: {
-            regular: BtIconPlay,
-            filled: BtIconPlayFill
-        }
-    };
-    return (React__default.createElement("div", { className: classNames("arc-CardFooter", {
-            "arc-CardFooter--darkPathway": isDarkPathway
-        }) },
-        React__default.createElement("div", { className: "arc-CardFooter-metaTextContainer" }, metaText && (React__default.createElement("div", { className: "arc-CardFooter-metaText" }, isDate(metaText) ? (React__default.createElement("time", { dateTime: format(metaText, "yyyy-MM-dd") }, format(metaText, "LLLL d, yyyy"))) : (React__default.createElement("span", null, metaText))))),
-        showButton && (React__default.createElement("div", null,
-            React__default.createElement("div", { className: "arc-CardFooter-button" },
-                React__default.createElement("div", { className: "arc-CardFooter-buttonIcon" },
-                    React__default.createElement("div", { className: classNames("arc-CardFooter-buttonIconRight", {
-                            "arc-CardFooter-buttonIconRight--isHovered": isHovered
-                        }) },
-                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular, size: 40 })),
-                    React__default.createElement("div", { className: "arc-CardFooter-buttonIconLeft" },
-                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular, size: 40 }))))))));
-};
-
-export { CardFooter as C };

package/dist/_shared/esm/Tag-1ae027ee.js

@@ -1,38 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
-import React__default, { useState } from 'react';
-import { c as classNames } from './index-2e73c2e9.js';
-import { I as Icon } from './Icon-428e8061.js';
-import { T as ThemeIcon } from './ThemeIcon-9fac63d0.js';
-
-/**
- * Use `Tag` to promote features and manage filtering.
- */
-var Tag = function (_a) {
-    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = __rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
-    var _b = useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
-    var onRemoveHandler = function () {
-        setIsRemoved(function (p) { return !p; });
-        onRemove && onRemove();
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Tag", {
-            "arc-Tag--isRemovable": isRemovable,
-            "arc-Tag--hasIcon": icon,
-            "arc-Tag--hasLink": link || onClick,
-            "arc-Tag--removed": isRemoved
-        }) }, (isRemoved && { "aria-hidden": true }), filterDataAttrs(props)),
-        link ? (React__default.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement(React__default.Fragment, null, onClick ? (React__default.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))))),
-        isRemovable && (React__default.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
-            React__default.createElement(ThemeIcon, { icon: "tagRemove", color: "brand", size: 20 }),
-            React__default.createElement(ThemeIcon, { icon: "tagRemoveInteractive", color: "brand", size: 20 })))));
-};
-
-export { Tag as T };

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

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

package/dist/_shared/cjs/{index-6f33b8c0.js → index-76f7dd53.js}

@@ -221,6 +221,14 @@ function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
     };
 }
 
+/**
+ * On the server, React emits a warning when calling `useLayoutEffect`.
+ * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
+ * We use this safe version which suppresses the warning by replacing it with a noop on the server.
+ *
+ * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
+ */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : ()=>{};
+
 const $8927f6f2acc4f386$var$NODES = [
     'a',
     'button',
@@ -317,14 +325,6 @@ const $8927f6f2acc4f386$var$NODES = [
     , []);
 }
 
-/**
- * On the server, React emits a warning when calling `useLayoutEffect`.
- * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
- * We use this safe version which suppresses the warning by replacing it with a noop on the server.
- *
- * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
- */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : ()=>{};
-
 function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
     const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
         defaultProp: defaultProp,