@arc-ui/components 11.6.0 → 11.8.0

package/dist/Toast/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/toast",
+  "types": "./Toast.esm.d.ts",
+  "main": "./Toast.cjs.js",
+  "module": "./Toast.esm.js",
+  "private": true
+}

package/dist/Truncate/Truncate.cjs.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
 var Truncate = function (_a) {
-    var _b = _a.maxWidth, maxWidth = _b === void 0 ? 100 : _b, title = _a.title, children = _a.children;
-    return (React__default["default"].createElement("div", { className: "arc-Truncate", style: { maxWidth: "".concat(maxWidth, "%") }, title: title }, children));
+    var _b = _a.maxWidth, maxWidth = _b === void 0 ? 100 : _b, title = _a.title, children = _a.children, props = filterDataAttrs.__rest(_a, ["maxWidth", "title", "children"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-Truncate", style: { maxWidth: "".concat(maxWidth, "%") }, title: title }, filterDataAttrs.filterDataAttrs(props)), children));
 };
 
 exports.Truncate = Truncate;

package/dist/Truncate/Truncate.esm.js

@@ -1,9 +1,10 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import React__default from 'react';
 
 /** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
 var Truncate = function (_a) {
-    var _b = _a.maxWidth, maxWidth = _b === void 0 ? 100 : _b, title = _a.title, children = _a.children;
-    return (React__default.createElement("div", { className: "arc-Truncate", style: { maxWidth: "".concat(maxWidth, "%") }, title: title }, children));
+    var _b = _a.maxWidth, maxWidth = _b === void 0 ? 100 : _b, title = _a.title, children = _a.children, props = __rest(_a, ["maxWidth", "title", "children"]);
+    return (React__default.createElement("div", __assign({ className: "arc-Truncate", style: { maxWidth: "".concat(maxWidth, "%") }, title: title }, filterDataAttrs(props)), children));
 };
 
 export { Truncate };

package/dist/UniversalHeader/UniversalHeader.cjs.d.ts

@@ -1 +1 @@
-export { UniversalHeader } from "../_shared/cjs/UniversalHeader-cc1d9e5a";
+export { UniversalHeader } from "../_shared/cjs/UniversalHeader-da622e1a";

package/dist/UniversalHeader/UniversalHeader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var UniversalHeader = require('../_shared/cjs/UniversalHeader-cc1d9e5a.js');
+var UniversalHeader = require('../_shared/cjs/UniversalHeader-da622e1a.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('react');
-require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
 require('../_shared/cjs/index-45bfb67b.js');
 
 

package/dist/UniversalHeader/UniversalHeader.esm.d.ts

@@ -1 +1 @@
-export { UniversalHeader } from "../_shared/esm/UniversalHeader-7926abde";
+export { UniversalHeader } from "../_shared/esm/UniversalHeader-1c5a886d";

package/dist/UniversalHeader/UniversalHeader.esm.js

@@ -1,5 +1,5 @@
-export { U as UniversalHeader } from '../_shared/esm/UniversalHeader-7926abde.js';
+export { U as UniversalHeader } from '../_shared/esm/UniversalHeader-1c5a886d.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import 'react';
-import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/Surface-dde51789.js';
 import '../_shared/esm/index-2ae58626.js';

package/dist/_shared/cjs/{BrandLogo-8008f0c4.js → BrandLogo-8107d59f.js}

@@ -4,7 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
 var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Breadcrumbs-8b554370.js → Breadcrumbs-0906dd10.js}

@@ -1,10 +1,10 @@
 'use strict';
 
+var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var React = require('react');
 var debounce = require('./debounce-506538c5.js');
 var BtIconChevronRight2Px = require('./BtIconChevronRight2Px-a8e40136.js');
-var Icon = require('./Icon-9ae8dbe1.js');
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var Icon = require('./Icon-e1dd45eb.js');
 var index = require('./index-45bfb67b.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 
@@ -13,8 +13,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var BreadcrumbsItem = function (_a) {
-    var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
-    return (React__default["default"].createElement("li", { className: "arc-Breadcrumbs-item" },
+    var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children, props = filterDataAttrs.__rest(_a, ["spacerIconAfter", "spacerIconBefore", "children"]);
+    return (React__default["default"].createElement("li", filterDataAttrs.__assign({ className: "arc-Breadcrumbs-item" }, filterDataAttrs.filterDataAttrs(props)),
         spacerIconBefore && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px" },
             React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronRight2Px.BtIconChevronLeft2Px_2 }))),
         children,
@@ -23,18 +23,18 @@ var BreadcrumbsItem = function (_a) {
 };
 
 var BreadcrumbsLink = React__default["default"].forwardRef(function (_a, ref) {
-    var onClick = _a.onClick, href = _a.href, isActive = _a.isActive, children = _a.children;
+    var onClick = _a.onClick, href = _a.href, isActive = _a.isActive, children = _a.children, props = filterDataAttrs.__rest(_a, ["onClick", "href", "isActive", "children"]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null, isActive || href === undefined ? (React__default["default"].createElement("span", filterDataAttrs.__assign({}, (isActive && { "aria-hidden": "true" }), { onClick: onClick, className: index.classNames({
             "arc-Breadcrumbs-text": true,
             "arc-Breadcrumbs-text--active": isActive
-        }) }), children)) : (React__default["default"].createElement("a", filterDataAttrs.__assign({}, (onClick && ref
+        }) }, filterDataAttrs.filterDataAttrs(props)), children)) : (React__default["default"].createElement("a", filterDataAttrs.__assign({}, (onClick && ref
         ? { onClick: onClick }
-        : { onClick: handleLinkClick.handleLinkClick({ handler: onClick }) }), { className: "arc-Breadcrumbs-text", ref: ref, href: href }), children))));
+        : { onClick: handleLinkClick.handleLinkClick({ handler: onClick }) }), { className: "arc-Breadcrumbs-text", ref: ref, href: href }, filterDataAttrs.filterDataAttrs(props)), children))));
 });
 
 /** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */
 var Breadcrumbs = function (_a) {
-    var isLight = _a.isLight, children = _a.children;
+    var isLight = _a.isLight, children = _a.children, props = filterDataAttrs.__rest(_a, ["isLight", "children"]);
     var breadcrumbsList = React.useRef(null);
     var _b = React.useState(false), isCompressed = _b[0], setIsCompressed = _b[1];
     var _c = React.useState(false), showBackTrail = _c[0], setShowBackTrail = _c[1];
@@ -73,10 +73,10 @@ var Breadcrumbs = function (_a) {
         // eslint-disable-next-line
     }, []);
     var items = React__default["default"].Children.toArray(children);
-    return (React__default["default"].createElement("nav", { "aria-label": "Breadcrumbs", role: "navigation", className: index.classNames({
+    return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ "aria-label": "Breadcrumbs", role: "navigation", className: index.classNames({
             "arc-Breadcrumbs": true,
             "arc-Breadcrumbs--dark": isLight
-        }) },
+        }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("ul", { className: "arc-Breadcrumbs-list", ref: breadcrumbsList }, showBackTrail ? (React__default["default"].createElement(React__default["default"].Fragment, null, items.length < 3 ? (React__default["default"].createElement(Breadcrumbs.Item, { spacerIconBefore: true }, items[0].props.children)) : (React__default["default"].createElement(Breadcrumbs.Item, { spacerIconBefore: true }, items[items.length - 2].props.children)))) : (React__default["default"].createElement(React__default["default"].Fragment, null, isCompressed ? (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(Breadcrumbs.Item, { spacerIconAfter: true }, items[0].props.children),
             React__default["default"].createElement(Breadcrumbs.Item, { spacerIconAfter: true },

package/dist/_shared/cjs/BtIconTick-42fcc5ec.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var React$3 = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$3);
+
+const React$2 = React__default["default"];
+const BtIconNotification = props =>
+  /*#__PURE__*/ React$2.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React$2.createElement("defs", null),
+    /*#__PURE__*/ React$2.createElement("path", {
+      d:
+        "M24.50977,21.98867,24,21.99014,23.99414,13.975a7.98466,7.98466,0,0,0-6.66046-7.86011,1.46733,1.46733,0,0,0,.15655-.65063,1.48633,1.48633,0,1,0-2.97265,0,1.46732,1.46732,0,0,0,.15826.65369,7.9849,7.9849,0,0,0-6.63971,7.857v8.0166l-.50781-.00293a1.50464,1.50464,0,1,0,0,3.00928h3.45679a1.997,1.997,0,0,0,3.99365,0h9.532a1.50464,1.50464,0,1,0-.001-3.00928ZM16.00391,4.97793a.48633.48633,0,1,1-.48633.48633A.48668.48668,0,0,1,16.00391,4.97793ZM12.98242,25.97158a.998.998,0,0,1-.99469-.97363h1.98841A.99785.99785,0,0,1,12.98242,25.97158ZM24.51074,23.998H7.52832a.50465.50465,0,0,1-.00488-1.00928l1.51269.00293V13.975a6.979,6.979,0,0,1,13.958.00049L23,22.99209l1.51074-.00342a.50464.50464,0,1,1,0,1.00928Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconNotification_2 = BtIconNotification;
+
+const React$1 = React__default["default"];
+const BtIconAlertTriangle = props =>
+  /*#__PURE__*/ React$1.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React$1.createElement("defs", null),
+    /*#__PURE__*/ React$1.createElement("path", {
+      fill: "currentColor",
+      d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z"
+    }),
+    /*#__PURE__*/ React$1.createElement("path", {
+      d:
+        "M16.00488,20.00977a.49972.49972,0,0,0,.5-.5l.002-9.00977a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,20.00977Z",
+      fill: "currentColor"
+    }),
+    /*#__PURE__*/ React$1.createElement("path", {
+      d:
+        "M29.83691,26.21,17.041,4.5332A1.15617,1.15617,0,0,0,16.03711,3.959h-.001a1.159,1.159,0,0,0-1.00586.57373L2.23535,26.21045a1.16676,1.16676,0,0,0,1.00488,1.76074H28.83105A1.16843,1.16843,0,0,0,29.83691,26.21Zm-.86035.67725a.164.164,0,0,1-.14551.084H3.24023a.16737.16737,0,0,1-.14355-.25244L15.8916,5.0415a.167.167,0,0,1,.28809,0l12.7959,21.67627A.16531.16531,0,0,1,28.97656,26.88721Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconAlertTriangle_2 = BtIconAlertTriangle;
+
+const React = React__default["default"];
+const BtIconTick = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement(
+      "g",
+      {
+        "data-name": "Icons"
+      },
+      /*#__PURE__*/ React.createElement("path", {
+        d:
+          "M16,3A13,13,0,1,1,3,16,12.9741,12.9741,0,0,1,16,3m0-1A14,14,0,1,0,30,16,14.04116,14.04116,0,0,0,16,2Z",
+        fill: "currentColor"
+      }),
+      /*#__PURE__*/ React.createElement("path", {
+        d:
+          "M13.5,21.2,9.1,16.8a.495.495,0,1,1,.7-.7l3.6,3.6L22,11.1a.495.495,0,1,1,.7.7Z",
+        fill: "currentColor"
+      })
+    )
+  );
+var BtIconTick_2 = BtIconTick;
+
+exports.BtIconAlertTriangle_2 = BtIconAlertTriangle_2;
+exports.BtIconNotification_2 = BtIconNotification_2;
+exports.BtIconTick_2 = BtIconTick_2;

package/dist/_shared/cjs/{Button-27512fee.d.ts → Button-5aaa6776.d.ts}

@@ -28,6 +28,10 @@ interface ButtonElementProps {
      * be inferred. Type 'reset' deliberately excluded.
      */
     type?: "button" | "submit";
+    /**
+     * Refers to the id of a form so it can be submitted if the button exists outside of it.
+     */
+    form?: string;
 }
 interface LinkElementProps {
     /**

package/dist/_shared/cjs/{Button-27512fee.js → Button-5aaa6776.js}

@@ -6,8 +6,8 @@ var BtIconChevronRightMid = require('./BtIconChevronRightMid-5a38d855.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
 var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Icon = require('./Icon-9ae8dbe1.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Icon = require('./Icon-e1dd45eb.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Button = React.forwardRef(function (_a, ref) {
     var _b;
-    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, supportingText = _a.supportingText, target = _a.target, type = _a.type, props = filterDataAttrs.__rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type"]);
+    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = filterDataAttrs.__rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type", "form"]);
     var surface = React.useContext(Surface.Context).surface;
     var buttonClasses = index.classNames((_b = {
             "arc-Button": true,
@@ -43,7 +43,7 @@ var Button = React.forwardRef(function (_a, ref) {
                 buttonText,
                 buttonIcon)));
     }
-    return (React__default["default"].createElement("button", filterDataAttrs.__assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, disabled: isDisabled, type: type }),
+    return (React__default["default"].createElement("button", filterDataAttrs.__assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, disabled: isDisabled, type: type, form: form }),
         React__default["default"].createElement("span", { className: "arc-Button-inner" },
             buttonText,
             buttonIcon)));

package/dist/_shared/cjs/{Card-804ab0e5.js → Card-fd189ba8.js}

@@ -4,11 +4,11 @@ var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
 var BtIconChevronRightMid = require('./BtIconChevronRightMid-5a38d855.js');
-var Icon = require('./Icon-9ae8dbe1.js');
-var Image = require('./Image-3bf4b4f3.js');
-var Heading = require('./Heading-d45f6a7f.js');
+var Icon = require('./Icon-e1dd45eb.js');
+var Image = require('./Image-0e393cbf.js');
+var Heading = require('./Heading-e3332dcf.js');
 var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{Checkbox-21d3c4f6.js → Checkbox-02c546ca.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var BtIconTickAlt2Px = require('./BtIconTickAlt2Px-bdf06f8c.js');
 var BtIconAlert = require('./BtIconAlert-637db790.js');
 var index = require('./index-45bfb67b.js');
-var FormControl = require('./FormControl-9aaddd54.js');
-var Surface = require('./Surface-6da0a78e.js');
+var FormControl = require('./FormControl-1e1bf2bf.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/Columns-e90798f8.d.ts

@@ -73,4 +73,4 @@ interface ColumnsProps {
      */
     isGutterless?: boolean;
 }
-export { Columns, Col, ColProps, ColumnsProps };
+export { Columns, Col, Span, ColProps, ColumnsProps };

package/dist/_shared/cjs/{Curve-b05589d8.d.ts → Curve-781ef633.d.ts}

@@ -1,8 +1,11 @@
 import { FC } from "react";
 import { backgroundsBT } from "../../Surface/Surface.cjs";
 /**
- * Use `Curve` sparingly to soften edges and create a more natural, less rigid
- * look and feel.
+#### Deprecation Notice
+
+The `Curve` component is an outdated brand feature and is being deprecated from Arc as a standalone component or sub-component within other components. Do not use Curve for any new work, and prepare to update any design that features it to remove it.
+
+`Curve` will be removed from Arc in a subsequent release
  */
 declare const Curve: FC<CurveProps>;
 declare const sizes: readonly ["s", "m", "l"];

package/dist/_shared/cjs/{Curve-b05589d8.js → Curve-781ef633.js}

@@ -10,8 +10,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
- * Use `Curve` sparingly to soften edges and create a more natural, less rigid
- * look and feel.
+#### Deprecation Notice
+
+The `Curve` component is an outdated brand feature and is being deprecated from Arc as a standalone component or sub-component within other components. Do not use Curve for any new work, and prepare to update any design that features it to remove it.
+
+`Curve` will be removed from Arc in a subsequent release
  */
 var Curve = function (_a) {
     var _b;

package/dist/_shared/cjs/{DisclosureMini-067e0319.js → DisclosureMini-52706ee6.js}

@@ -4,8 +4,8 @@ var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
 var BtIconChevronDown2Px = require('./BtIconChevronDown2Px-8fb4e2eb.js');
-var Text = require('./Text-6f2827e6.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Text = require('./Text-fa447e2d.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Filter-f7d2fbda.js → Filter-a7574fe7.js}

@@ -2,7 +2,7 @@
 
 var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var React = require('react');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 var index = require('./index-45bfb67b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{FormControl-9aaddd54.js → FormControl-1e1bf2bf.js}

@@ -4,8 +4,8 @@ var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
 var BtIconAlert = require('./BtIconAlert-637db790.js');
-var Surface = require('./Surface-6da0a78e.js');
-var DisclosureMini = require('./DisclosureMini-067e0319.js');
+var Surface = require('./Surface-b7c51b2b.js');
+var DisclosureMini = require('./DisclosureMini-52706ee6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Group-d83f8c2e.js → Group-f85dd4c0.js}

@@ -3,7 +3,7 @@
 var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Heading-d45f6a7f.d.ts → Heading-e3332dcf.d.ts}

@@ -33,6 +33,10 @@ interface HeadingProps {
      * The color of the Heading.
      */
     color?: HeadingColor;
+    /**
+     * Id for the Heading.
+     */
+    id?: string;
     /**
      * HTML section heading level. If not provided, the Heading will render as
      * a span.

package/dist/_shared/cjs/{Heading-d45f6a7f.js → Heading-e3332dcf.js}

@@ -4,7 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
 var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Heading = function (_a) {
     var _b;
-    var _c = _a.align, align = _c === void 0 ? "left" : _c, _d = _a.casing, casing = _d === void 0 ? "auto" : _d, children = _a.children, _e = _a.color, color = _e === void 0 ? "auto" : _e, level = _a.level, size = _a.size, props = filterDataAttrs.__rest(_a, ["align", "casing", "children", "color", "level", "size"]);
+    var _c = _a.align, align = _c === void 0 ? "left" : _c, _d = _a.casing, casing = _d === void 0 ? "auto" : _d, children = _a.children, _e = _a.color, color = _e === void 0 ? "auto" : _e, level = _a.level, size = _a.size, id = _a.id, props = filterDataAttrs.__rest(_a, ["align", "casing", "children", "color", "level", "size", "id"]);
     var surface = React.useContext(Surface.Context).surface;
     var Element = "span";
     if (level) {
         Element = "h".concat(level);
     }
-    return (React__default["default"].createElement(Element, filterDataAttrs.__assign({ className: index.classNames((_b = {
+    return (React__default["default"].createElement(Element, filterDataAttrs.__assign({ id: id, className: index.classNames((_b = {
                 "arc-Heading": true
             },
             _b[suffixModifier.suffixModifier("arc-Heading--align", align)] = align && align !== "left",

package/dist/_shared/cjs/{Icon-9ae8dbe1.js → Icon-e1dd45eb.js}

@@ -4,7 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var React$1 = require('react');
 var index = require('./index-45bfb67b.js');
 var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Image-3bf4b4f3.js → Image-0e393cbf.js}

@@ -41,5 +41,7 @@ var ImageSource = function (_a) {
 };
 ImageSource.displayName = "Image.Source";
 Image.Source = ImageSource;
+var loadingOptions = ["eager", "lazy"];
 
 exports.Image = Image;
+exports.loadingOptions = loadingOptions;

package/dist/_shared/cjs/{Poster-e05bbe13.d.ts → Poster-faea1ad3.d.ts}

@@ -1,7 +1,7 @@
 import React from "react";
 import { FC, ReactNode } from "react";
 import { anchorPoints } from "./index-9483ad5f";
-import { loadingOptions } from "./Image-3bf4b4f3";
+import { loadingOptions } from "./Image-0e393cbf";
 declare const PosterVideo: FC<PosterVideoProps>;
 interface PosterVideoProps {
     /**

package/dist/_shared/cjs/{Poster-e05bbe13.js → Poster-faea1ad3.js}

@@ -3,8 +3,8 @@
 var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
-var Surface = require('./Surface-6da0a78e.js');
-var Image = require('./Image-3bf4b4f3.js');
+var Surface = require('./Surface-b7c51b2b.js');
+var Image = require('./Image-0e393cbf.js');
 var suffixModifier = require('./suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/{esm/RadioGroup-1fd0f389.d.ts → cjs/RadioGroup-d7664b0c.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "./FormControl-5e3fdca3";
+import { FormControlProps } from "./FormControl-1e1bf2bf";
 /**
  * Radio Button component.
  */

package/dist/_shared/cjs/{RadioGroup-81805ef9.js → RadioGroup-d7664b0c.js}

@@ -2,9 +2,9 @@
 
 var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var React = require('react');
-var FormControl = require('./FormControl-9aaddd54.js');
+var FormControl = require('./FormControl-1e1bf2bf.js');
 var index = require('./index-45bfb67b.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{SiteFooter-c540b5f1.js → SiteFooter-5da774e1.js}

@@ -4,10 +4,10 @@ var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index_es = require('./index.es-77def0c9.js');
 var BtIconChevronDown2Px = require('./BtIconChevronDown2Px-8fb4e2eb.js');
 var React = require('react');
-var BrandLogo = require('./BrandLogo-8008f0c4.js');
-var Curve = require('./Curve-b05589d8.js');
+var BrandLogo = require('./BrandLogo-8107d59f.js');
+var Curve = require('./Curve-781ef633.js');
 var Section = require('./Section-48aca5f5.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/SiteHeader-c25ee36e.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode } from "react";
-import { subBrands } from "./BrandLogo-8008f0c4";
+import { subBrands } from "./BrandLogo-8107d59f";
 import { Column } from "./index-f419cf04";
 import { Item } from "./index-699086a7";
 import { ItemGroup } from "./index-e340924e";
 import { NavItem, NavItemWithSubNav } from "./index-e6d20018";
-import { NodeItem } from "./SiteHeader.rehydrator-f7fa2efe";
+import { NodeItem } from "./SiteHeader.rehydrator-acc9d8c4";
 import { SubNavItem } from "./index-74488a9f";
 declare const Context: React.Context<{
     transparent: boolean;
@@ -74,5 +74,5 @@ interface SiteHeaderProps {
      */
     subBrand?: typeof subBrands[number];
 }
-export { MenuButton } from "./SiteHeader.rehydrator-f7fa2efe";
+export { MenuButton } from "./SiteHeader.rehydrator-acc9d8c4";
 export { SiteHeader, SiteHeaderProps, Context as SiteHeaderContext };

package/dist/_shared/cjs/{SiteHeader.rehydrator-f7fa2efe.js → SiteHeader.rehydrator-acc9d8c4.js}

@@ -7,11 +7,11 @@ var index_es = require('./index.es-77def0c9.js');
 var BtIconChevronDown2Px = require('./BtIconChevronDown2Px-8fb4e2eb.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 var BtIconChevronRight2Px = require('./BtIconChevronRight2Px-a8e40136.js');
-var Surface = require('./Surface-6da0a78e.js');
-var BrandLogo = require('./BrandLogo-8008f0c4.js');
-var Button = require('./Button-27512fee.js');
+var Surface = require('./Surface-b7c51b2b.js');
+var BrandLogo = require('./BrandLogo-8107d59f.js');
+var Button = require('./Button-5aaa6776.js');
 var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Text = require('./Text-6f2827e6.js');
+var Text = require('./Text-fa447e2d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{Surface-6da0a78e.d.ts → Surface-b7c51b2b.d.ts}

@@ -12,12 +12,13 @@ declare const Surface: FC<SurfaceProps>;
 declare const backgrounds: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
 declare const backgroundsBT: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
 type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
+type SurfaceBackgroundColor = "black" | "brand" | "brand-flat" | "dark" | "darker" | "coral" | "turquoise" | "light" | "lighter" | "white";
 interface SurfaceProps extends HTMLAttributes<HTMLElement> {
     /**
      * Background colour of the Surface. Contents will change colour to meet
      * accessibility requirements.
      */
-    background?: typeof backgrounds[number];
+    background?: SurfaceBackgroundColor;
     /**
      * Content to display on the Surface.
      */
@@ -47,4 +48,4 @@ interface SurfaceProps extends HTMLAttributes<HTMLElement> {
      */
     paddingVertical?: SurfacePadding;
 }
-export { Surface, backgrounds, backgroundsBT, SurfacePadding, SurfaceProps, Context as SurfaceContext };
+export { Surface, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor, SurfaceProps, Context as SurfaceContext };

package/dist/_shared/cjs/{Surface-6da0a78e.js → Surface-b7c51b2b.js}

@@ -26,7 +26,7 @@ var Surface = function (_a) {
         surface = "dark";
     }
     return (React__default["default"].createElement(Provider, { value: { surface: surface } },
-        React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
+        React__default["default"].createElement("div", filterDataAttrs.__assign({ "data-testid": "arc-surface", className: index.classNames((_b = {
                     "arc-Surface": true
                 },
                 _b["arc-Surface--".concat(background &&

package/dist/_shared/{esm/Text-00e9743b.d.ts → cjs/Text-fa447e2d.d.ts}

@@ -30,5 +30,9 @@ interface TextProps {
      * Visual emphasis of the Text.
      */
     tone?: Tone;
+    /**
+     * Id for the Text.
+     */
+    id?: string;
 }
 export { Text, Tone, TextSize, TextProps };

package/dist/_shared/cjs/{Text-6f2827e6.js → Text-fa447e2d.js}

@@ -4,7 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var index = require('./index-45bfb67b.js');
 var React = require('react');
 var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-6da0a78e.js');
+var Surface = require('./Surface-b7c51b2b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,9 +15,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Text = function (_a) {
     var _b;
-    var _c = _a.align, align = _c === void 0 ? "left" : _c, children = _a.children, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isMeasured, isMeasured = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "m" : _f, _g = _a.tone, tone = _g === void 0 ? "default" : _g, props = filterDataAttrs.__rest(_a, ["align", "children", "isInline", "isMeasured", "size", "tone"]);
+    var _c = _a.align, align = _c === void 0 ? "left" : _c, children = _a.children, id = _a.id, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isMeasured, isMeasured = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "m" : _f, _g = _a.tone, tone = _g === void 0 ? "default" : _g, props = filterDataAttrs.__rest(_a, ["align", "children", "id", "isInline", "isMeasured", "size", "tone"]);
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("span", filterDataAttrs.__assign({ className: index.classNames((_b = {
+    return (React__default["default"].createElement("span", filterDataAttrs.__assign({ id: id, className: index.classNames((_b = {
                 "arc-Text": true
             },
             _b[suffixModifier.suffixModifier("arc-Text--align", align)] = align !== "left",