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

package/dist/_shared/cjs/Badge-ca986033.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var index_es = require('./index.es-b404d2c5.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/** 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 = index_es.__rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Badge", index_es.suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), index_es.filterDataAttrs(props)), children));
+};
+
+exports.Badge = Badge;

package/dist/_shared/cjs/Box-e225b4a4.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var index_es = require('./index.es-b404d2c5.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var Surface = require('./Surface-4bc47dcb.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * 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 = index_es.__rest(_a, ["children", "borderWidth", "elevationLevel", "padding", "isFullHeight", "isBorderRadius", "surface", "isSurfaceTransparent"]);
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.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)) }, index_es.filterDataAttrs(props)),
+        React__default["default"].createElement(Surface.Surface, { padding: padding, background: surface, isTransparent: isSurfaceTransparent }, children)));
+};
+
+exports.Box = Box;

package/dist/_shared/cjs/{BrandLogo-ce65cd74.js → BrandLogo-bf632f2b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index_es = require('./index.es-b404d2c5.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-7500f314.js');
+var Surface = require('./Surface-4bc47dcb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Breadcrumbs-c7821aa9.js → Breadcrumbs-bb292a9e.js}

@@ -1,9 +1,10 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index_es = require('./index.es-b404d2c5.js');
 var React = require('react');
 var debounce = require('./debounce-a74c28cf.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var Icon = require('./Icon-859c6c00.js');
+var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-e8329e34.js');
 var index = require('./index-9947ac13.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 
@@ -15,10 +16,10 @@ var BreadcrumbsItem = function (_a) {
     var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
     return (React__default["default"].createElement("li", { className: "arc-Breadcrumbs-item" },
         spacerIconBefore && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px", "aria-hidden": "true" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "breadcrumbLeft" }))),
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronRight2Px_esm.BtIconChevronLeft2Px }))),
         children,
         spacerIconAfter && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "aria-hidden": "true" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "breadcrumbRight" })))));
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronRight2Px_esm.BtIconChevronRight2Px })))));
 };
 
 var BreadcrumbsLink = React__default["default"].forwardRef(function (_a, ref) {

package/dist/_shared/cjs/BtIconArrowRight.esm-c78e3c11.js

@@ -0,0 +1,30 @@
+'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(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["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["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",
+    }),
+  );
+
+exports.BtIconArrowRight = BtIconArrowRight;

package/dist/_shared/cjs/BtIconChevronRight2Px.esm-e8329e34.js

@@ -0,0 +1,44 @@
+'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 BtIconChevronLeft2Px = (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", {
+      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["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", {
+      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",
+    }),
+  );
+
+exports.BtIconChevronLeft2Px = BtIconChevronLeft2Px;
+exports.BtIconChevronRight2Px = BtIconChevronRight2Px;

package/dist/_shared/cjs/BtIconChevronRightMid.esm-745faaca.js

@@ -0,0 +1,28 @@
+'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 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["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",
+    }),
+  );
+
+exports.BtIconChevronRightMid = BtIconChevronRightMid;

package/dist/_shared/cjs/BtIconPlayFill.esm-7e848bd9.js

@@ -0,0 +1,30 @@
+'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(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["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["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",
+    }),
+  );
+
+exports.BtIconPlayFill = BtIconPlayFill;

package/dist/_shared/cjs/{Button-ea665c9c.js → Button-76215474.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index_es = require('./index.es-b404d2c5.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var Icon = require('./Icon-7f1e8a19.js');
-var Surface = require('./Surface-7500f314.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
+var Icon = require('./Icon-859c6c00.js');
+var Surface = require('./Surface-4bc47dcb.js');
+var ThemeIcon = require('./ThemeIcon-6b10d20a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{ButtonV2-373877da.js → ButtonV2-320f74b2.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index_es = require('./index.es-b404d2c5.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
-var Icon = require('./Icon-7f1e8a19.js');
-var Surface = require('./Surface-7500f314.js');
-var ArcIconEclipse_esm = require('./ArcIconEclipse.esm-ac777a76.js');
+var Icon = require('./Icon-859c6c00.js');
+var Surface = require('./Surface-4bc47dcb.js');
+var Spinner = require('./Spinner-2a1d9f20.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,6 +14,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ButtonV2 = React.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 = index_es.__rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "isFullWidth", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
     var surface = React.useContext(Surface.Context).surface;
+    var iconSizes = {
+        s: 16,
+        m: 32,
+        l: 40
+    };
     var ButtonV2Classes = index.classNames("arc-ButtonV2", ["arc-ButtonV2--".concat(buttonStyle)], ["arc-ButtonV2--".concat(size)], {
         "arc-ButtonV2--onDarkSurface": surface === "dark",
         "arc-ButtonV2--emptyLabel": !label,
@@ -30,9 +35,9 @@ var ButtonV2 = React.forwardRef(function (_a, ref) {
                 }) },
                 label && React__default["default"].createElement("span", { className: "arc-ButtonV2-label" }, label),
                 isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default["default"].createElement(Icon.Icon, { size: size === "s" ? 16 : 32, icon: ArcIconEclipse_esm.ArcIconEclipse }))),
+                    React__default["default"].createElement(Spinner.Spinner, { size: size }))),
                 icon && !isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default["default"].createElement(Icon.Icon, { size: size === "s" ? 16 : 32, icon: icon }))))));
+                    React__default["default"].createElement(Icon.Icon, { size: iconSizes[size], icon: icon }))))));
     }
     return (React__default["default"].createElement("button", index_es.__assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, disabled: isLoading, type: type, form: form }),
         React__default["default"].createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
@@ -40,9 +45,9 @@ var ButtonV2 = React.forwardRef(function (_a, ref) {
             }) },
             label && React__default["default"].createElement("span", { className: "arc-ButtonV2-label" }, label),
             icon && !isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default["default"].createElement(Icon.Icon, { size: size === "s" ? 16 : 32, icon: icon }))),
+                React__default["default"].createElement(Icon.Icon, { size: iconSizes[size], icon: icon }))),
             isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default["default"].createElement(Icon.Icon, { size: size === "s" ? 16 : 32, icon: ArcIconEclipse_esm.ArcIconEclipse }))))));
+                React__default["default"].createElement(Spinner.Spinner, { size: size }))))));
 });
 
 exports.ButtonV2 = ButtonV2;

package/dist/_shared/cjs/{Calendar-e5184158.js → Calendar-16ed5bec.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index_es = require('./index.es-b404d2c5.js');
 var React = require('react');
 var index = require('./index-28fbfd5b.js');
-var index_es$1 = require('./index.es-ba095ee5.js');
+var index_es$1 = require('./index.es-11fc5df7.js');
 var useMediaQuery = require('./use-media-query-d34c83b9.js');
 var index$1 = require('./index-9947ac13.js');
-var Text = require('./Text-284a7314.js');
-var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
-var Surface = require('./Surface-7500f314.js');
-var Heading = require('./Heading-14378b72.js');
-var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-3e8d18a9.js');
-var Icon = require('./Icon-7f1e8a19.js');
+var Text = require('./Text-f6be8fdd.js');
+var VisuallyHidden = require('./VisuallyHidden-821078c9.js');
+var Surface = require('./Surface-4bc47dcb.js');
+var Heading = require('./Heading-cb321adf.js');
+var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-745faaca.js');
+var Icon = require('./Icon-859c6c00.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1123,7 +1123,7 @@ var CalendarDayNumber = React.forwardRef(function (_a, autoFocusRef) {
         onClick: onDayNumberClick(date),
         onMouseEnter: onDayNumberHover(date)
     };
-    return (React__default["default"].createElement("td", index_es.__assign({ ref: handleRefs, "data-date": date.getTime() }, (shouldRender ? tableCellProps : {})), shouldRender && (React__default["default"].createElement(React__default["default"].Fragment, null,
+    return (React__default["default"].createElement("td", index_es.__assign({ ref: handleRefs, "data-date": date.getTime() }, (shouldRender ? tableCellProps : {}), { role: "gridcell" }), shouldRender && (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, index.format(date, "MMMM do, yyyy")),
         React__default["default"].createElement("div", { className: "arc-CalendarDayNumber-buttonOuter" },
             React__default["default"].createElement("div", { className: "arc-CalendarDayNumber-buttonInner" },
@@ -1347,7 +1347,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",
       },
@@ -1356,7 +1356,7 @@ const BtIconChevronLeftMid = (props) =>
     /*#__PURE__*/ React__default["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/cjs/CardFooter-6aa9a280.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var BtIconArrowRight_esm = require('./BtIconArrowRight.esm-c78e3c11.js');
+var BtIconPlayFill_esm = require('./BtIconPlayFill.esm-7e848bd9.js');
+var Icon = require('./Icon-859c6c00.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(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["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["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["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", {
+      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_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 })),
+                    React__default["default"].createElement("div", { className: "arc-CardFooter-buttonIconLeft" },
+                        React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular }))))))));
+};
+
+exports.CardFooter = CardFooter;

package/dist/_shared/cjs/{CardHeading-3ddcf774.js → CardHeading-30ef8abc.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index_es = require('./index.es-b404d2c5.js');
 var React = require('react');
-var Heading = require('./Heading-14378b72.js');
+var Heading = require('./Heading-cb321adf.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Checkbox-850dcf99.js → Checkbox-4dbaac21.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index_es = require('./index.es-b404d2c5.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
-var FormControl = require('./FormControl-5c963e6e.js');
-var Surface = require('./Surface-7500f314.js');
-var ThemeIcon = require('./ThemeIcon-c3dc056d.js');
-var VisuallyHidden = require('./VisuallyHidden-25393f58.js');
+var FormControl = require('./FormControl-fa7bb586.js');
+var Surface = require('./Surface-4bc47dcb.js');
+var ThemeIcon = require('./ThemeIcon-6b10d20a.js');
+var VisuallyHidden = require('./VisuallyHidden-821078c9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,13 +16,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  Use `Checkbox` to allow users to select individual options.
  */
 var Checkbox = React.forwardRef(function (_a, ref) {
-    var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _f = _a.size, size = _f === void 0 ? "l" : _f, value = _a.value, _g = _a.checkboxAlignment, checkboxAlignment = _g === void 0 ? "center" : _g, props = index_es.__rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "hideLabel", "name", "onBlur", "onChange", "size", "value", "checkboxAlignment"]);
+    var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _f = _a.size, size = _f === void 0 ? "m" : _f, value = _a.value, _g = _a.checkboxAlignment, checkboxAlignment = _g === void 0 ? "center" : _g, props = index_es.__rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "hideLabel", "name", "onBlur", "onChange", "size", "value", "checkboxAlignment"]);
     var requirementStatus = React.useContext(FormControl.Context).requirementStatus;
     var surface = React.useContext(Surface.Context).surface;
     var _h = FormControl.useAriaDescribedby({
         id: id,
         errorMessage: errorMessage
     }), ariaDescribedby = _h.ariaDescribedby, idError = _h.idError;
+    var tickSize = {
+        s: { width: 14, height: 11 },
+        m: { width: 18, height: 14 }
+    };
     var idLabel = "".concat(id, "-label");
     var checkedProps = {};
     if (typeof onChange === "function") {
@@ -46,7 +50,8 @@ var Checkbox = React.forwardRef(function (_a, ref) {
             }) },
             React__default["default"].createElement("input", index_es.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", "aria-checked": checked ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, index_es.filterDataAttrs(props))),
             React__default["default"].createElement("span", { className: "arc-Checkbox-box" },
-                React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "checkboxChecked" })),
+                React__default["default"].createElement("svg", { style: tickSize[size], viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React__default["default"].createElement("path", { d: "M5.99459 14L0.350576 8.23277C0.126079 8.00285 0 7.69132 0 7.36653C0 7.04173 0.126079 6.7302 0.350576 6.50028C0.578979 6.27752 0.88258 6.15324 1.19832 6.15324C1.51405 6.15324 1.81765 6.27752 2.04606 6.50028L5.99459 10.535L15.9385 0.374054C16.0491 0.25703 16.1814 0.163688 16.3277 0.0994738C16.474 0.0352599 16.6313 0.00145997 16.7905 4.626e-05C16.9497 -0.00136745 17.1076 0.0296342 17.255 0.0912406C17.4023 0.152847 17.5362 0.243825 17.6488 0.358867C17.7614 0.473908 17.8504 0.610709 17.9107 0.761287C17.971 0.911865 18.0013 1.0732 18 1.23589C17.9986 1.39858 17.9655 1.55936 17.9026 1.70884C17.8398 1.85833 17.7485 1.99352 17.6339 2.10655L5.99459 14Z", fill: "currentColor" }))),
             React__default["default"].createElement("span", index_es.__assign({}, (checkboxAlignment === "top" && {
                 className: "arc-Checkbox-content--marginTop"
             })), hideLabel ? (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,

package/dist/_shared/cjs/{Columns-5c6bab74.js → Columns-ff4977f8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index_es = require('./index.es-c26e8978.js');
+var index_es = require('./index.es-b404d2c5.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
 

package/dist/_shared/cjs/{Combination-854a36ce.js → Combination-d19b4dc6.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var index_es = require('./index.es-c26e8978.js');
-var component = require('./component-4e71e3d3.js');
+var index_es = require('./index.es-b404d2c5.js');
+var component = require('./component-ae4b7058.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }