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

package/dist/_shared/cjs/{index-568bc1da.js → index-879e71ee.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6f33b8c0.js');
+var index = require('./index-76f7dd53.js');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -23,12 +23,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
-/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
-    return localDir || globalDir || 'ltr';
-}
-
 const $1746a345f3d73bb7$var$useReactId = React__namespace['useId'.toString()] || (()=>undefined
 );
 let $1746a345f3d73bb7$var$count = 0;
@@ -43,5 +37,11 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
     return deterministicId || (id ? `radix-${id}` : '');
 }
 
+const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
+/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
+    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
+    return localDir || globalDir || 'ltr';
+}
+
 exports.$1746a345f3d73bb7$export$f680877a34711e37 = $1746a345f3d73bb7$export$f680877a34711e37;
 exports.$f631663db3294ace$export$b39126d51d94e6f3 = $f631663db3294ace$export$b39126d51d94e6f3;

package/dist/_shared/cjs/{index-c137700a.js → index-ba3141f5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6f33b8c0.js');
+var index = require('./index-76f7dd53.js');
 
 function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     const [size, setSize] = React.useState(undefined);

package/dist/_shared/cjs/{index-677557a4.js → index-dbc843d3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6f33b8c0.js');
+var index = require('./index-76f7dd53.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{index.es-ba095ee5.js → index.es-11fc5df7.js}

@@ -2,9 +2,9 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 18 Sep 2024 09:30:43 GMT
+ * Generated on Tue, 12 Nov 2024 11:47:06 GMT
  */
-var SemSizeBreakpointsS = "576px"; // Small (SM) - 576px to 767px: This is often used for smartphones in landscape mode and small tablets.
+var SemSizeBreakpointsS = "636px"; // Small (SM) - 636px to 767px: This is often used for smartphones in landscape mode and small tablets.
 var SemSizeBreakpointsM = "768px"; // Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens.
 var SemSizeBreakpointsL = "1024px"; // Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops.
 

package/dist/_shared/cjs/{index.es-c26e8978.js → index.es-b404d2c5.js}

@@ -195,7 +195,130 @@ var suffixModifier = function (rootClassName, suffix) {
     }));
 };
 
+var name = "@arc-ui/arc-ui";
+var homepage = "https://ui.digital-ent-int.bt.com";
+var author = "BT Business Digital UI Team <ui-digital-ent-int@bt.com>";
+var version = "12.0.0-beta.8";
+var engines = {
+	node: "20.x"
+};
+var devDependencies = {
+	"@commitlint/cli": "^17.1.2",
+	"@commitlint/config-conventional": "^17.1.0",
+	"@testing-library/dom": "^8.5.0",
+	"@testing-library/jest-dom": "^5.16.1",
+	"@testing-library/react": "^13.3.0",
+	"@testing-library/user-event": "^13.5.0",
+	"@types/jest": "^27.0.3",
+	"@types/testing-library__jest-dom": "^5.14.2",
+	"@typescript-eslint/eslint-plugin": "^4.5.0",
+	"@typescript-eslint/parser": "^4.5.0",
+	"conventional-recommended-bump": "^6.0.5",
+	eslint: "^7.27.0",
+	"eslint-config-react-app": "^6.0.0",
+	husky: "^8.0.0",
+	jest: "^27.4.3",
+	lerna: "^7.3.0",
+	"postcss-scss": "^4.0.3",
+	prettier: "^3.0.3",
+	"resize-observer-polyfill": "1.5.1",
+	semver: "^7.3.2",
+	"standard-changelog": "^2.0.21",
+	stylelint: "^14.5.3",
+	"stylelint-config-prettier": "^9.0.3",
+	"stylelint-config-standard": "^25.0.0",
+	"stylelint-config-suitcss": "^18.0.0",
+	"stylelint-selector-bem-pattern": "^2.1.1",
+	"ts-jest": "^27.1.0"
+};
+var scripts = {
+	build: "pnpm run build:deps && pnpm run build:components",
+	"build:deps": "pnpm run build:helpers && pnpm run build:icons && pnpm run build:tokens:web",
+	"build:components": "pnpm run build:components:arc && pnpm run build:components:community",
+	"build:components:arc": "pnpm run --filter @arc-ui/components build",
+	"build:components:community": "pnpm run --filter @arc-ui/community-components build",
+	"build:helpers": "pnpm run --filter @arc-ui/helpers build",
+	"build:icons": "pnpm run build:icons:bt && pnpm run build:icons:ee",
+	"build:icons:bt": "pnpm run --filter @arc-ui/icons-bt build",
+	"build:icons:ee": "pnpm run --filter @arc-ui/icons-ee build",
+	"build:tokens:web": "pnpm run build:tokens:arc && pnpm run build:tokens:bt:enterprise && pnpm run build:tokens:ee && pnpm run build:tokens:bt:business",
+	"build:tokens:arc": "pnpm run --filter @arc-ui/tokens-arc build",
+	"build:tokens:bt:enterprise": "pnpm run --filter @arc-ui/tokens-bt-enterprise build",
+	"build:tokens:bt:business": "pnpm run --filter @arc-ui/tokens-bt-business build",
+	"build:tokens:ee": "pnpm run --filter @arc-ui/tokens-ee build",
+	"build:storybook:arc": "pnpm run --filter @arc-ui/components storybook:build",
+	"build:storybook:community": "pnpm run --filter @arc-ui/community-components storybook:build",
+	"build:website": "pnpm run --filter website build && pnpm run build:website:storybook",
+	"build:website:quick": "pnpm run --filter website build && pnpm run build:website:storybook:copy && pnpm run build:website:storybook:copy:community",
+	"build:website:storybook": "pnpm run build:storybook:arc && pnpm run build:storybook:community && pnpm run build:website:storybook:copy && pnpm run build:website:storybook:copy:community",
+	"build:website:storybook:copy": "cp -R packages/arc-components/storybook-static apps/website/build/storybook",
+	"build:website:storybook:copy:community": "cp -R packages/community-components/storybook-static apps/website/build/storybook-community",
+	changelog: "node scripts/create-changelog",
+	"internal:prettier": "prettier './**/*.{css,html,js,json,md,ts,tsx,scss}'",
+	"test:prettier": "pnpm run internal:prettier --check",
+	prettier: "pnpm run internal:prettier --write",
+	lint: "stylelint '**/*{.css,.scss}' && eslint .",
+	"lint:ci": "pnpm run lint --max-warnings 0",
+	"lint:commit-message": "pnpm dlx commitlint --edit $1",
+	precommit: "pnpm run lint && pnpm run test && pnpm run test:components:ci",
+	"start:storybook:arc": "pnpm run --filter @arc-ui/components storybook:quiet",
+	"start:storybook:community": "pnpm run --filter @arc-ui/community-components storybook:quiet",
+	"start:website": "pnpm run --filter website start",
+	test: "pnpm run test:prettier && pnpm run test:unit",
+	"test:components:ci": "pnpm run test:components:arc:ci && pnpm run test:components:community:ci",
+	"test:components:arc": "pnpm run --filter @arc-ui/components test:components",
+	"test:components:arc:ci": "pnpm run --filter @arc-ui/components test:components:pipeline",
+	"test:components:community": "pnpm run --filter @arc-ui/community-components test:components",
+	"test:components:community:ci": "pnpm run --filter @arc-ui/community-components test:components:pipeline",
+	"test:coverage": "pnpm run test:unit --coverage",
+	"test:unit": "TZ=UTC jest",
+	"test:watch": "pnpm run test:unit --changedSince=origin/master --coverage --watch",
+	release: "conventional-recommended-bump -p angular | xargs pnpm version --no-git-tag-version",
+	"release-commit": "git add -u && git commit -m \"release: v${npm_package_version}\" --no-verify",
+	version: "pnpm run changelog && lerna version --force-publish -y --no-push --no-changelog --no-git-tag-version $npm_package_version",
+	"update-versions": "node scripts/update-versions",
+	prepare: "husky install",
+	prerelease: "lerna version --force-publish -y --no-push --no-changelog --no-git-tag-version",
+	"generate:component": "pnpm run --filter @arc-ui/components generate:component $1 "
+};
+var browserslist = [
+	"defaults",
+	"last 1 Chrome version",
+	"last 1 ChromeAndroid version",
+	"last 1 Edge version",
+	"last 1 Firefox version",
+	"Firefox ESR",
+	"Firefox 91",
+	"Firefox 78",
+	"Firefox 68",
+	"Safari >= 14",
+	"iOS >= 14",
+	"Samsung >= 16",
+	"not IE 11",
+	"not Edge < 18",
+	"not and_qq > 0",
+	"not UCAndroid > 0",
+	"not OperaMini all"
+];
+var pkg = {
+	name: name,
+	homepage: homepage,
+	author: author,
+	"private": true,
+	version: version,
+	engines: engines,
+	devDependencies: devDependencies,
+	scripts: scripts,
+	browserslist: browserslist
+};
+
+// @ts-ignore
+var getVersionClassName = function () {
+    return "arc-v".concat(pkg.version.replace(/\./g, "-"));
+};
+
 exports.__rest = __rest;
 exports.__spreadArray = __spreadArray;
 exports.filterDataAttrs = filterDataAttrs;
+exports.getVersionClassName = getVersionClassName;
 exports.suffixModifier = suffixModifier;

package/dist/_shared/esm/{Avatar-b5ac0a89.js → Avatar-b2fde5c6.js}

@@ -1,10 +1,10 @@
-import { a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-5496ec12.js';
+import { a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-4921e8dd.js';
 import React__default from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
 import { C as ConditionalWrapper } from './ConditionalWrapper-b85979de.js';
-import { T as ThemeIcon } from './ThemeIcon-9fac63d0.js';
-import { I as Image } from './Image-c1dc10b5.js';
-import { H as Heading } from './Heading-0dfbdb24.js';
+import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
+import { I as Image } from './Image-85c39506.js';
+import { H as Heading } from './Heading-14df0c64.js';
 
 var AvatarContent = function (_a) {
     var img = _a.img, initials = _a.initials, _b = _a.size, size = _b === void 0 ? "xl" : _b;

package/dist/_shared/esm/Badge-a6bda4a7.js

@@ -0,0 +1,11 @@
+import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import React__default from 'react';
+import { c as classNames } from './index-2e73c2e9.js';
+
+/** Use `Badge` as a static, non-interactive way to provide short updates. */
+var Badge = function (_a) {
+    var children = _a.children, _b = _a.state, state = _b === void 0 ? "default" : _b, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = __rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Badge", suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), filterDataAttrs(props)), children));
+};
+
+export { Badge as B };

package/dist/_shared/esm/Box-2a1645ed.js

@@ -0,0 +1,23 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import React__default from 'react';
+import { c as classNames } from './index-2e73c2e9.js';
+import { S as Surface } from './Surface-56d329b0.js';
+
+/**
+ * Use `Box` as a simple way to group bespoke content and interactive elements together.
+ */
+var Box = function (_a) {
+    var _b;
+    var children = _a.children, borderWidth = _a.borderWidth, elevationLevel = _a.elevationLevel, padding = _a.padding, _c = _a.isFullHeight, isFullHeight = _c === void 0 ? false : _c, _d = _a.isBorderRadius, isBorderRadius = _d === void 0 ? false : _d, _e = _a.surface, surface = _e === void 0 ? "light-white" : _e, isSurfaceTransparent = _a.isSurfaceTransparent, props = __rest(_a, ["children", "borderWidth", "elevationLevel", "padding", "isFullHeight", "isBorderRadius", "surface", "isSurfaceTransparent"]);
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Box", (_b = {},
+            _b["arc-Box--fullHeight"] = isFullHeight,
+            _b["arc-Box--borderRadius"] = isBorderRadius,
+            _b["arc-Box--borderThin"] = borderWidth === "thin",
+            _b["arc-Box--borderMedium"] = borderWidth === "medium",
+            _b["arc-Box--elevation1"] = elevationLevel === "1",
+            _b["arc-Box--elevation2"] = elevationLevel === "2",
+            _b)) }, filterDataAttrs(props)),
+        React__default.createElement(Surface, { padding: padding, background: surface, isTransparent: isSurfaceTransparent }, children)));
+};
+
+export { Box as B };

package/dist/_shared/esm/{BrandLogo-fb863b5b.js → BrandLogo-3424eb79.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from './index.es-5496ec12.js';
+import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from './index.es-4921e8dd.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
-import { C as Context } from './Surface-c425e5e6.js';
+import { C as Context } from './Surface-56d329b0.js';
 
 /**
  * Use `BrandLogo` to display the brand logo.

package/dist/_shared/esm/{Breadcrumbs-01ebed9b.js → Breadcrumbs-7de7bfa5.js}

@@ -1,7 +1,8 @@
-import { a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-5496ec12.js';
+import { a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-4921e8dd.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { d as debounce_1 } from './debounce-c8e41002.js';
-import { T as ThemeIcon } from './ThemeIcon-9fac63d0.js';
+import { I as Icon } from './Icon-3e813b34.js';
+import { B as BtIconChevronLeft2Px, a as BtIconChevronRight2Px } from './BtIconChevronRight2Px.esm-84262845.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
 
@@ -9,10 +10,10 @@ var BreadcrumbsItem = function (_a) {
     var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
     return (React__default.createElement("li", { className: "arc-Breadcrumbs-item" },
         spacerIconBefore && (React__default.createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px", "aria-hidden": "true" },
-            React__default.createElement(ThemeIcon, { icon: "breadcrumbLeft" }))),
+            React__default.createElement(Icon, { icon: BtIconChevronLeft2Px }))),
         children,
         spacerIconAfter && (React__default.createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "aria-hidden": "true" },
-            React__default.createElement(ThemeIcon, { icon: "breadcrumbRight" })))));
+            React__default.createElement(Icon, { icon: BtIconChevronRight2Px })))));
 };
 
 var BreadcrumbsLink = React__default.forwardRef(function (_a, ref) {

package/dist/_shared/esm/BtIconArrowRight.esm-8bcaa8ad.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+const BtIconArrowRight = (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", {
+      d: "M16 2C13.2311 2 10.5243 2.82109 8.22202 4.35943C5.91973 5.89777 4.12531 8.08427 3.06569 10.6424C2.00606 13.2006 1.72881 16.0155 2.26901 18.7313C2.8092 21.447 4.14257 23.9416 6.10051 25.8995C8.05844 27.8574 10.553 29.1908 13.2687 29.731C15.9845 30.2712 18.7994 29.9939 21.3576 28.9343C23.9157 27.8747 26.1022 26.0803 27.6406 23.778C29.1789 21.4757 30 18.7689 30 16C30 12.287 28.525 8.72601 25.8995 6.1005C23.274 3.475 19.713 2 16 2ZM16 29C13.4288 29 10.9154 28.2376 8.77759 26.8091C6.63975 25.3806 4.97351 23.3503 3.98957 20.9749C3.00563 18.5994 2.74818 15.9856 3.24979 13.4638C3.7514 10.9421 4.98953 8.62569 6.80761 6.80761C8.6257 4.98953 10.9421 3.7514 13.4638 3.24979C15.9856 2.74818 18.5994 3.00563 20.9749 3.98957C23.3503 4.97351 25.3806 6.63975 26.8091 8.77759C28.2376 10.9154 29 13.4288 29 16C28.996 19.4466 27.6251 22.7509 25.188 25.188C22.7509 27.6251 19.4466 28.996 16 29Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M18.146 11.646C18.0523 11.7398 17.9996 11.8669 17.9996 11.9995C17.9996 12.1321 18.0523 12.2592 18.146 12.353L21.293 15.5H9.5C9.36739 15.5 9.24021 15.5527 9.14645 15.6464C9.05268 15.7402 9 15.8674 9 16C9 16.1326 9.05268 16.2598 9.14645 16.3536C9.24021 16.4473 9.36739 16.5 9.5 16.5H21.293L18.147 19.646C18.0992 19.6921 18.0612 19.7473 18.0349 19.8083C18.0087 19.8693 17.995 19.9349 17.9944 20.0013C17.9938 20.0677 18.0064 20.1335 18.0316 20.195C18.0567 20.2564 18.0939 20.3123 18.1408 20.3592C18.1877 20.4061 18.2436 20.4433 18.305 20.4684C18.3665 20.4936 18.4323 20.5062 18.4987 20.5056C18.5651 20.505 18.6307 20.4913 18.6917 20.4651C18.7527 20.4388 18.8079 20.4008 18.854 20.353L23.207 16L18.853 11.646C18.7592 11.5523 18.6321 11.4996 18.4995 11.4996C18.3669 11.4996 18.2398 11.5523 18.146 11.646Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconArrowRight as B };

package/dist/_shared/esm/BtIconChevronRight2Px.esm-84262845.js

@@ -0,0 +1,37 @@
+import React__default from 'react';
+
+const BtIconChevronLeft2Px = (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", {
+      d: "M22.5 29.999C22.3687 29.9991 22.2386 29.9733 22.1173 29.923C21.9959 29.8727 21.8857 29.799 21.793 29.706L8.086 15.993L21.793 2.29398C21.9806 2.10648 22.2351 2.00119 22.5004 2.00128C22.7656 2.00138 23.02 2.10684 23.2075 2.29448C23.395 2.48213 23.5003 2.73657 23.5002 3.00184C23.5001 3.26711 23.3946 3.52148 23.207 3.70898L10.914 15.994L23.207 28.29C23.3468 28.4298 23.442 28.608 23.4806 28.802C23.5192 28.9959 23.4993 29.1969 23.4237 29.3796C23.348 29.5623 23.2199 29.7185 23.0555 29.8284C22.891 29.9383 22.6978 29.9969 22.5 29.997V29.999Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconChevronRight2Px = (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", {
+      d: "M9.5 29.999C9.30204 29.9992 9.10849 29.9406 8.94387 29.8306C8.77924 29.7207 8.65095 29.5644 8.57524 29.3815C8.49953 29.1986 8.47981 28.9973 8.51857 28.8032C8.55734 28.6091 8.65285 28.4308 8.793 28.291L21.086 16.006L8.793 3.71002C8.60536 3.52251 8.49989 3.26815 8.4998 3.00288C8.4997 2.73761 8.60499 2.48316 8.7925 2.29552C8.98001 2.10788 9.23437 2.00241 9.49964 2.00232C9.76492 2.00223 10.0194 2.10751 10.207 2.29502L23.914 16.008L10.207 29.708C10.1141 29.8008 10.0039 29.8743 9.88259 29.9244C9.76127 29.9746 9.63126 29.9992 9.5 29.999Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconChevronLeft2Px as B, BtIconChevronRight2Px as a };

package/dist/_shared/esm/BtIconChevronRightMid.esm-f67f0ca3.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+
+const BtIconChevronRightMid = (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: "M18.0909 16.0004L12.3935 10.2964C12.1415 10.0439 12 9.70178 12 9.34507C12 8.98835 12.1415 8.64621 12.3935 8.39374C12.5181 8.26892 12.6661 8.1699 12.829 8.10234C12.9919 8.03478 13.1665 8 13.3429 8C13.5192 8 13.6938 8.03478 13.8567 8.10234C14.0196 8.1699 14.1676 8.26892 14.2922 8.39374L20.9402 15.0497C21.1918 15.3022 21.3331 15.644 21.3331 16.0004C21.3331 16.3568 21.1918 16.6986 20.9402 16.9511L14.2922 23.6071C14.1676 23.7319 14.0196 23.8309 13.8567 23.8985C13.6938 23.966 13.5192 24.0008 13.3429 24.0008C13.1665 24.0008 12.9919 23.966 12.829 23.8985C12.6661 23.8309 12.5181 23.7319 12.3935 23.6071C12.1415 23.3546 12 23.0125 12 22.6557C12 22.299 12.1415 21.9569 12.3935 21.7044L18.0909 16.0004Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconChevronRightMid as B };

package/dist/_shared/esm/BtIconPlayFill.esm-ec2797a0.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+const BtIconPlayFill = (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", {
+      d: "M13.161 11.762C13.1449 11.7522 13.1264 11.747 13.1075 11.747C13.0886 11.747 13.0701 11.7522 13.054 11.762C13.0374 11.7709 13.0236 11.7841 13.014 11.8004C13.0045 11.8166 12.9996 11.8352 13 11.854V20.142C12.9996 20.161 13.0044 20.1797 13.0139 20.1961C13.0234 20.2125 13.0373 20.226 13.054 20.235C13.0702 20.2446 13.0887 20.2497 13.1075 20.2497C13.1263 20.2497 13.1448 20.2446 13.161 20.235L20.339 16.091C20.3555 16.0821 20.3693 16.0688 20.3788 16.0525C20.3884 16.0363 20.3933 16.0178 20.393 15.999C20.3935 15.9799 20.3887 15.961 20.3792 15.9444C20.3697 15.9278 20.3558 15.9142 20.339 15.905L13.161 11.762Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M16 2C13.2311 2 10.5243 2.82109 8.22202 4.35943C5.91973 5.89777 4.12532 8.08427 3.06569 10.6424C2.00607 13.2006 1.72882 16.0155 2.26901 18.7313C2.80921 21.447 4.14258 23.9416 6.10051 25.8995C8.05845 27.8574 10.553 29.1908 13.2687 29.731C15.9845 30.2712 18.7994 29.9939 21.3576 28.9343C23.9157 27.8747 26.1022 26.0803 27.6406 23.778C29.1789 21.4757 30 18.7689 30 16C30 12.287 28.525 8.72601 25.8995 6.1005C23.274 3.475 19.713 2 16 2ZM20.839 16.957L13.661 21.102C13.4926 21.199 13.3016 21.25 13.1072 21.2499C12.9128 21.2497 12.7219 21.1984 12.5536 21.1012C12.3853 21.0039 12.2455 20.8641 12.1484 20.6957C12.0512 20.5273 12 20.3364 12 20.142V11.854C12.0001 11.6597 12.0513 11.4688 12.1485 11.3005C12.2458 11.1323 12.3856 10.9926 12.5539 10.8955C12.7223 10.7984 12.9132 10.7473 13.1075 10.7474C13.3019 10.7475 13.4928 10.7987 13.661 10.896L20.839 15.04C21.0072 15.1372 21.1469 15.2769 21.244 15.4452C21.3411 15.6134 21.3922 15.8042 21.3922 15.9985C21.3922 16.1928 21.3411 16.3836 21.244 16.5518C21.1469 16.7201 21.0072 16.8598 20.839 16.957Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconPlayFill as B };

package/dist/_shared/esm/{Button-1491784f.js → Button-9cab8eec.js}

@@ -1,9 +1,9 @@
-import { _ as __rest, s as suffixModifier, a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
+import { _ as __rest, s as suffixModifier, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { forwardRef, useContext } from 'react';
-import { I as Icon } from './Icon-428e8061.js';
-import { C as Context } from './Surface-c425e5e6.js';
-import { T as ThemeIcon } from './ThemeIcon-9fac63d0.js';
+import { I as Icon } from './Icon-3e813b34.js';
+import { C as Context } from './Surface-56d329b0.js';
+import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
 
 /**
  * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.

package/dist/_shared/esm/{ButtonV2-f9019e00.js → ButtonV2-4dc8830e.js}

@@ -1,13 +1,18 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { I as Icon } from './Icon-428e8061.js';
-import { C as Context } from './Surface-c425e5e6.js';
-import { A as ArcIconEclipse } from './ArcIconEclipse.esm-bb48b82a.js';
+import { I as Icon } from './Icon-3e813b34.js';
+import { C as Context } from './Surface-56d329b0.js';
+import { S as Spinner } from './Spinner-9d28043d.js';
 
 var ButtonV2 = forwardRef(function (_a, ref) {
     var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, _c = _a.iconPosition, iconPosition = _c === void 0 ? "beforeText" : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, ariaLabel = _a.ariaLabel, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "isFullWidth", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
     var surface = useContext(Context).surface;
+    var iconSizes = {
+        s: 16,
+        m: 32,
+        l: 40
+    };
     var ButtonV2Classes = classNames("arc-ButtonV2", ["arc-ButtonV2--".concat(buttonStyle)], ["arc-ButtonV2--".concat(size)], {
         "arc-ButtonV2--onDarkSurface": surface === "dark",
         "arc-ButtonV2--emptyLabel": !label,
@@ -24,9 +29,9 @@ var ButtonV2 = forwardRef(function (_a, ref) {
                 }) },
                 label && React__default.createElement("span", { className: "arc-ButtonV2-label" }, label),
                 isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default.createElement(Icon, { size: size === "s" ? 16 : 32, icon: ArcIconEclipse }))),
+                    React__default.createElement(Spinner, { size: size }))),
                 icon && !isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default.createElement(Icon, { size: size === "s" ? 16 : 32, icon: icon }))))));
+                    React__default.createElement(Icon, { size: iconSizes[size], icon: icon }))))));
     }
     return (React__default.createElement("button", __assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, disabled: isLoading, type: type, form: form }),
         React__default.createElement("span", { className: classNames("arc-ButtonV2-inner", {
@@ -34,9 +39,9 @@ var ButtonV2 = forwardRef(function (_a, ref) {
             }) },
             label && React__default.createElement("span", { className: "arc-ButtonV2-label" }, label),
             icon && !isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default.createElement(Icon, { size: size === "s" ? 16 : 32, icon: icon }))),
+                React__default.createElement(Icon, { size: iconSizes[size], icon: icon }))),
             isLoading && (React__default.createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default.createElement(Icon, { size: size === "s" ? 16 : 32, icon: ArcIconEclipse }))))));
+                React__default.createElement(Spinner, { size: size }))))));
 });
 
 export { ButtonV2 as B };

package/dist/_shared/esm/{Calendar-5c2fb044.js → Calendar-e3f8c4f0.js}

@@ -1,15 +1,15 @@
-import { b as __spreadArray, a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-5496ec12.js';
+import { b as __spreadArray, a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-4921e8dd.js';
 import React__default, { createContext, forwardRef, useContext, useCallback, useRef, useState, useReducer, useEffect } from 'react';
 import { r as requiredArgs, t as toDate, a as toInteger, _ as _typeof, g as getDefaultOptions, f as format } from './index-ce6dee84.js';
-import { S as SemSizeBreakpointsM } from './index.es-974af4a2.js';
+import { S as SemSizeBreakpointsM } from './index.es-52a3bcff.js';
 import { u as useMediaQuery } from './use-media-query-d3622da8.js';
 import { c as classNames } from './index-2e73c2e9.js';
-import { T as Text } from './Text-96d8a35f.js';
-import { V as VisuallyHidden } from './VisuallyHidden-cf45ac18.js';
-import { S as Surface } from './Surface-c425e5e6.js';
-import { H as Heading } from './Heading-0dfbdb24.js';
-import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-4764708f.js';
-import { I as Icon } from './Icon-428e8061.js';
+import { T as Text } from './Text-98ad2e78.js';
+import { V as VisuallyHidden } from './VisuallyHidden-fee374a8.js';
+import { S as Surface } from './Surface-56d329b0.js';
+import { H as Heading } from './Heading-14df0c64.js';
+import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-f67f0ca3.js';
+import { I as Icon } from './Icon-3e813b34.js';
 
 /**
  * @name addMonths
@@ -1117,7 +1117,7 @@ var CalendarDayNumber = forwardRef(function (_a, autoFocusRef) {
         onClick: onDayNumberClick(date),
         onMouseEnter: onDayNumberHover(date)
     };
-    return (React__default.createElement("td", __assign({ ref: handleRefs, "data-date": date.getTime() }, (shouldRender ? tableCellProps : {})), shouldRender && (React__default.createElement(React__default.Fragment, null,
+    return (React__default.createElement("td", __assign({ ref: handleRefs, "data-date": date.getTime() }, (shouldRender ? tableCellProps : {}), { role: "gridcell" }), shouldRender && (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(VisuallyHidden, null, format(date, "MMMM do, yyyy")),
         React__default.createElement("div", { className: "arc-CalendarDayNumber-buttonOuter" },
             React__default.createElement("div", { className: "arc-CalendarDayNumber-buttonInner" },
@@ -1341,7 +1341,7 @@ const BtIconChevronLeftMid = (props) =>
     "svg",
     Object.assign(
       {
-        viewBox: "0 0 16 16",
+        viewBox: "0 0 32 32",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
       },
@@ -1350,7 +1350,7 @@ const BtIconChevronLeftMid = (props) =>
     /*#__PURE__*/ React__default.createElement("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
-      d: "M7.62107 8.00023L10.4697 10.8522C10.5957 10.9785 10.6665 11.1495 10.6665 11.3279C10.6665 11.5063 10.5957 11.6773 10.4697 11.8036C10.4074 11.866 10.3335 11.9155 10.252 11.9493C10.1706 11.983 10.0833 12.0004 9.99507 12.0004C9.9069 12.0004 9.81959 11.983 9.73814 11.9493C9.65669 11.9155 9.5827 11.866 9.52041 11.8036L6.19641 8.47556C6.07061 8.34935 5.99998 8.17842 5.99998 8.00023C5.99998 7.82203 6.07061 7.6511 6.19641 7.52489L9.52041 4.19689C9.5827 4.13449 9.65669 4.08498 9.73814 4.0512C9.81959 4.01741 9.9069 4.00003 9.99507 4.00003C10.0832 4.00003 10.1706 4.01741 10.252 4.0512C10.3335 4.08498 10.4074 4.13449 10.4697 4.19689C10.5957 4.32313 10.6665 4.4942 10.6665 4.67256C10.6665 4.85092 10.5957 5.02199 10.4697 5.14823L7.62107 8.00023Z",
+      d: "M13.9091 16.0002L19.6065 21.7042C19.8585 21.9567 20 22.2988 20 22.6555C20 23.0123 19.8585 23.3544 19.6065 23.6069C19.4819 23.7317 19.3339 23.8307 19.171 23.8983C19.0081 23.9658 18.8335 24.0006 18.6571 24.0006C18.4808 24.0006 18.3062 23.9658 18.1433 23.8983C17.9804 23.8307 17.8324 23.7317 17.7078 23.6069L11.0598 16.9509C10.8082 16.6985 10.6669 16.3566 10.6669 16.0002C10.6669 15.6438 10.8082 15.302 11.0598 15.0495L17.7078 8.39354C17.8324 8.26873 17.9804 8.16971 18.1433 8.10215C18.3062 8.03458 18.4808 7.99981 18.6571 7.99981C18.8335 7.99981 19.0081 8.03458 19.171 8.10215C19.3339 8.16971 19.4819 8.26873 19.6065 8.39354C19.8585 8.64602 20 8.98816 20 9.34487C20 9.70159 19.8585 10.0437 19.6065 10.2962L13.9091 16.0002Z",
       fill: "currentColor",
     }),
   );

package/dist/_shared/esm/CardFooter-2902bd84.js

@@ -0,0 +1,73 @@
+import React__default from 'react';
+import { c as classNames } from './index-2e73c2e9.js';
+import { B as BtIconArrowRight } from './BtIconArrowRight.esm-8bcaa8ad.js';
+import { B as BtIconPlayFill } from './BtIconPlayFill.esm-ec2797a0.js';
+import { I as Icon } from './Icon-3e813b34.js';
+import { i as isDate, f as format } from './index-ce6dee84.js';
+
+const BtIconPlay = (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", {
+      d: "M16 2C13.2311 2 10.5243 2.82109 8.22202 4.35943C5.91973 5.89777 4.12532 8.08427 3.06569 10.6424C2.00607 13.2006 1.72882 16.0155 2.26901 18.7313C2.80921 21.447 4.14258 23.9416 6.10051 25.8995C8.05845 27.8574 10.553 29.1908 13.2687 29.731C15.9845 30.2712 18.7994 29.9939 21.3576 28.9343C23.9157 27.8747 26.1022 26.0803 27.6406 23.778C29.1789 21.4757 30 18.7689 30 16C30 12.287 28.525 8.72601 25.8995 6.1005C23.274 3.475 19.713 2 16 2ZM16 29C13.4288 29 10.9154 28.2376 8.77759 26.8091C6.63975 25.3806 4.97351 23.3503 3.98957 20.9749C3.00563 18.5994 2.74819 15.9856 3.2498 13.4638C3.75141 10.9421 4.98954 8.62569 6.80762 6.80761C8.6257 4.98953 10.9421 3.7514 13.4638 3.24979C15.9856 2.74818 18.5995 3.00563 20.9749 3.98957C23.3503 4.97351 25.3807 6.63975 26.8091 8.77759C28.2376 10.9154 29 13.4288 29 16C28.996 19.4466 27.6251 22.7509 25.188 25.188C22.7509 27.6251 19.4466 28.996 16 29Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M20.839 15.04L13.661 10.896C13.4928 10.7987 13.3019 10.7475 13.1075 10.7474C12.9132 10.7473 12.7223 10.7984 12.5539 10.8955C12.3856 10.9926 12.2458 11.1323 12.1485 11.3005C12.0513 11.4688 12.0001 11.6597 12 11.854V20.142C11.9991 20.3367 12.0497 20.5283 12.1466 20.6972C12.2436 20.8661 12.3834 21.0063 12.5521 21.1038C12.7207 21.2012 12.912 21.2524 13.1068 21.2521C13.3015 21.2518 13.4927 21.2 13.661 21.102L20.839 16.957C21.0072 16.8598 21.1469 16.7201 21.244 16.5518C21.3411 16.3836 21.3922 16.1928 21.3922 15.9985C21.3922 15.8042 21.3411 15.6134 21.244 15.4452C21.1469 15.2769 21.0072 15.1372 20.839 15.04ZM20.339 16.091L13.161 20.236C13.1448 20.2457 13.1264 20.2508 13.1075 20.2508C13.0887 20.2508 13.0702 20.2457 13.054 20.236C13.0372 20.2269 13.0232 20.2133 13.0136 20.1967C13.0041 20.1801 12.9994 20.1611 13 20.142V11.854C12.9996 11.8352 13.0045 11.8166 13.014 11.8004C13.0236 11.7841 13.0374 11.7709 13.054 11.762C13.0701 11.7522 13.0886 11.747 13.1075 11.747C13.1264 11.747 13.1449 11.7522 13.161 11.762L20.339 15.905C20.3558 15.9142 20.3697 15.9278 20.3792 15.9444C20.3888 15.961 20.3935 15.9799 20.393 15.999C20.3933 16.0178 20.3884 16.0363 20.3788 16.0525C20.3693 16.0688 20.3555 16.0821 20.339 16.091Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconArrowRightFill = (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", {
+      d: "M2 16C2 18.7689 2.82109 21.4757 4.35943 23.778C5.89777 26.0803 8.08427 27.8747 10.6424 28.9343C13.2006 29.9939 16.0155 30.2712 18.7313 29.731C21.447 29.1908 23.9416 27.8574 25.8995 25.8995C27.8574 23.9416 29.1908 21.447 29.731 18.7313C30.2712 16.0155 29.9939 13.2006 28.9343 10.6424C27.8747 8.08427 26.0803 5.89777 23.778 4.35943C21.4757 2.82109 18.7689 2 16 2C12.287 2 8.72601 3.475 6.1005 6.1005C3.475 8.72601 2 12.287 2 16ZM18.854 11.646L23.207 16L18.853 20.354C18.7587 20.4451 18.6324 20.4955 18.5013 20.4943C18.3702 20.4932 18.2448 20.4406 18.1521 20.3479C18.0594 20.2552 18.0068 20.1298 18.0057 19.9987C18.0045 19.8676 18.0549 19.7413 18.146 19.647L21.293 16.5H9.5C9.36739 16.5 9.24021 16.4473 9.14645 16.3536C9.05268 16.2598 9 16.1326 9 16C9 15.8674 9.05268 15.7402 9.14645 15.6464C9.24021 15.5527 9.36739 15.5 9.5 15.5H21.293L18.147 12.354C18.0559 12.2597 18.0055 12.1334 18.0067 12.0023C18.0078 11.8712 18.0604 11.7458 18.1531 11.6531C18.2458 11.5604 18.3712 11.5078 18.5023 11.5067C18.6334 11.5055 18.7597 11.5559 18.854 11.647V11.646Z",
+      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 })),
+                    React__default.createElement("div", { className: "arc-CardFooter-buttonIconLeft" },
+                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular }))))))));
+};
+
+export { CardFooter as C };

package/dist/_shared/esm/{CardHeading-4223432d.js → CardHeading-6d3dbfad.js}

@@ -1,6 +1,6 @@
-import { a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
+import { a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
 import React__default from 'react';
-import { H as Heading } from './Heading-0dfbdb24.js';
+import { H as Heading } from './Heading-14df0c64.js';
 
 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 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d;