@arc-ui/components 11.22.0 → 11.24.0

package/dist/TextArea/TextArea.cjs.js

@@ -11,25 +11,26 @@ var Text = require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/Image-e873b8fc.js');
 require('../_shared/cjs/Base-f5a86eed.js');
 require('../_shared/cjs/Breadcrumbs-c6eaf5c4.js');
-require('../_shared/cjs/Button-84533dc8.js');
+require('../_shared/cjs/Button-6ba21d3b.js');
 require('../_shared/cjs/Card-5b19cabc.js');
-require('../_shared/cjs/Checkbox-8915fcd9.js');
+require('../_shared/cjs/Checkbox-0253327b.js');
 require('../_shared/cjs/Columns-ae4f8cef.js');
-require('../_shared/cjs/Filter-f4b73f5d.js');
-var FormControl = require('../_shared/cjs/FormControl-5f3b6ce4.js');
+require('../_shared/cjs/Filter-f9506dfa.js');
+var FormControl = require('../_shared/cjs/FormControl-68258ce1.js');
+require('../_shared/cjs/Grid-da776e77.js');
 require('../_shared/cjs/Group-0429741a.js');
 require('../_shared/cjs/Poster-9b48fd61.js');
-require('../_shared/cjs/ProgressStepper-20a61620.js');
-require('../_shared/cjs/RadioGroup-07bb155e.js');
+require('../_shared/cjs/ProgressStepper-57cfef1e.js');
+require('../_shared/cjs/RadioGroup-85eda600.js');
 require('../_shared/cjs/debounce-123468fb.js');
 require('../_shared/cjs/SiteFooter-65b6360c.js');
-require('../_shared/cjs/SiteHeader.rehydrator-ea49f8d5.js');
-require('../_shared/cjs/SiteHeaderV2-e0735a9d.js');
-require('../_shared/cjs/Tabs-24e6f45b.js');
-require('../_shared/cjs/TextInput-5da70ec2.js');
-require('../_shared/cjs/Toast-7a20d1b9.js');
+require('../_shared/cjs/SiteHeader.rehydrator-b76b0889.js');
+require('../_shared/cjs/SiteHeaderV2-ce1c8737.js');
+require('../_shared/cjs/Tabs-bc9fac46.js');
+require('../_shared/cjs/TextInput-8d139489.js');
+require('../_shared/cjs/Toast-26207fef.js');
 require('../_shared/cjs/UniversalHeader-b8389447.js');
-var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
 require('../_shared/cjs/Icon-b46897a3.js');
@@ -38,7 +39,7 @@ require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
 require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
-require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
+require('../_shared/cjs/DisclosureMini-09c749e5.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/BrandLogo-aea340c8.js');
@@ -64,7 +65,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 var TextArea = React.forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width"]);
+    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete"]);
     var surface = React.useContext(Surface.Context).surface;
     var ourRef = React.useRef(null);
     var _j = React.useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _j[0], setCharacterCount = _j[1];
@@ -99,7 +100,7 @@ var TextArea = React.forwardRef(function (_a, ref) {
                 "arc-TextArea--noResize": resize !== "manual",
                 "arc-TextArea--onDarkSurface": surface === "dark",
                 "arc-TextArea--invalid": errorMessage
-            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width }, "aria-describedby": "".concat(id, "-helper") })));
+            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete })));
 });
 
 exports.TextArea = TextArea;

package/dist/TextArea/TextArea.esm.js

@@ -7,25 +7,26 @@ import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/Image-12fbd327.js';
 import '../_shared/esm/Base-f200653c.js';
 import '../_shared/esm/Breadcrumbs-7d55e1a6.js';
-import '../_shared/esm/Button-3f294e64.js';
+import '../_shared/esm/Button-a7d134c6.js';
 import '../_shared/esm/Card-7fc6c9b4.js';
-import '../_shared/esm/Checkbox-0e051546.js';
+import '../_shared/esm/Checkbox-588619c7.js';
 import '../_shared/esm/Columns-d96b7425.js';
-import '../_shared/esm/Filter-ad254e3d.js';
-import { F as FormControl } from '../_shared/esm/FormControl-cc99cde0.js';
+import '../_shared/esm/Filter-258ba675.js';
+import { F as FormControl } from '../_shared/esm/FormControl-8e836656.js';
+import '../_shared/esm/Grid-07dbf4bd.js';
 import '../_shared/esm/Group-73fdb896.js';
 import '../_shared/esm/Poster-4ec2f679.js';
-import '../_shared/esm/ProgressStepper-74d48612.js';
-import '../_shared/esm/RadioGroup-362be63f.js';
+import '../_shared/esm/ProgressStepper-6c811282.js';
+import '../_shared/esm/RadioGroup-6c8f8454.js';
 import '../_shared/esm/debounce-6fed6b84.js';
 import '../_shared/esm/SiteFooter-38ee1536.js';
-import '../_shared/esm/SiteHeader.rehydrator-65c8cf71.js';
-import '../_shared/esm/SiteHeaderV2-c74b811b.js';
-import '../_shared/esm/Tabs-a85af483.js';
-import '../_shared/esm/TextInput-1d1c5fd6.js';
-import '../_shared/esm/Toast-7a232e15.js';
+import '../_shared/esm/SiteHeader.rehydrator-8ad7651b.js';
+import '../_shared/esm/SiteHeaderV2-a7c1b1cb.js';
+import '../_shared/esm/Tabs-9485cab6.js';
+import '../_shared/esm/TextInput-c0388103.js';
+import '../_shared/esm/Toast-fcbfc194.js';
 import '../_shared/esm/UniversalHeader-80c7313f.js';
-import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-06692fd3.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
 import '../_shared/esm/Icon-15799695.js';
@@ -34,7 +35,7 @@ import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 import '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
+import '../_shared/esm/DisclosureMini-56719716.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/BrandLogo-1af78f76.js';
@@ -56,7 +57,7 @@ import '../_shared/esm/BtIconTick.esm-e265098f.js';
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 var TextArea = forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width"]);
+    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete"]);
     var surface = useContext(Context).surface;
     var ourRef = useRef(null);
     var _j = useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _j[0], setCharacterCount = _j[1];
@@ -91,7 +92,7 @@ var TextArea = forwardRef(function (_a, ref) {
                 "arc-TextArea--noResize": resize !== "manual",
                 "arc-TextArea--onDarkSurface": surface === "dark",
                 "arc-TextArea--invalid": errorMessage
-            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width }, "aria-describedby": "".concat(id, "-helper") })));
+            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete })));
 });
 
 export { TextArea };

package/dist/TextInput/TextInput.cjs.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-5da70ec2.js');
+var TextInput = require('../_shared/cjs/TextInput-8d139489.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/FormControl-5f3b6ce4.js');
+require('../_shared/cjs/FormControl-68258ce1.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
+require('../_shared/cjs/DisclosureMini-09c749e5.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 require('../_shared/cjs/Icon-b46897a3.js');
 
 

package/dist/TextInput/TextInput.esm.js

@@ -1,13 +1,13 @@
-export { a as TextInput } from '../_shared/esm/TextInput-1d1c5fd6.js';
+export { a as TextInput } from '../_shared/esm/TextInput-c0388103.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/FormControl-cc99cde0.js';
+import '../_shared/esm/FormControl-8e836656.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
+import '../_shared/esm/DisclosureMini-56719716.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import '../_shared/esm/VisuallyHidden-06692fd3.js';
 import '../_shared/esm/Icon-15799695.js';

package/dist/Toast/Toast.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Toast = require('../_shared/cjs/Toast-7a20d1b9.js');
+var Toast = require('../_shared/cjs/Toast-26207fef.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/extends-8c5e4b48.js');

package/dist/Toast/Toast.esm.js

@@ -1,4 +1,4 @@
-export { T as Toast } from '../_shared/esm/Toast-7a232e15.js';
+export { T as Toast } from '../_shared/esm/Toast-fcbfc194.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/extends-8cc61aad.js';

package/dist/TypographyCard/TypographyCard.cjs.js

@@ -16,6 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/** Use `TypographyCard` for content that benefits from larger and energetic typography. */
 var TypographyCard = function (_a) {
     var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, _c = _a.pathway, pathway = _c === void 0 ? "light" : _c, _d = _a.buttonIcon, buttonIcon = _d === void 0 ? "arrow" : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, props = filterDataAttrs.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "linkData", "pathway", "buttonIcon", "headingLevel"]);
     var surface = React.useContext(Surface.Context).surface;

package/dist/TypographyCard/TypographyCard.esm.js

@@ -8,6 +8,7 @@ import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconArrowRightFill.esm-99019d1a.js';
 import '../_shared/esm/Icon-15799695.js';
 
+/** Use `TypographyCard` for content that benefits from larger and energetic typography. */
 var TypographyCard = function (_a) {
     var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, _c = _a.pathway, pathway = _c === void 0 ? "light" : _c, _d = _a.buttonIcon, buttonIcon = _d === void 0 ? "arrow" : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, props = __rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "linkData", "pathway", "buttonIcon", "headingLevel"]);
     var surface = useContext(Context).surface;

package/dist/Visible/Visible.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('../_shared/cjs/index-9947ac13.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Visible = function (_a) {
+    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = filterDataAttrs.__rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-Visible", {
+            "arc-Visible--xs": xs,
+            "arc-Visible--s": s,
+            "arc-Visible--m": m,
+            "arc-Visible--l": l,
+            "arc-Visible--xl": xl
+        }) }, filterDataAttrs.filterDataAttrs(props)), children));
+};
+
+exports.Visible = Visible;

package/dist/Visible/Visible.esm.js

@@ -0,0 +1,16 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+
+var Visible = function (_a) {
+    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = __rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Visible", {
+            "arc-Visible--xs": xs,
+            "arc-Visible--s": s,
+            "arc-Visible--m": m,
+            "arc-Visible--l": l,
+            "arc-Visible--xl": xl
+        }) }, filterDataAttrs(props)), children));
+};
+
+export { Visible };

package/dist/Visible/package.json

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

package/dist/VisuallyHidden/VisuallyHidden.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 require('react');
 
 

package/dist/VisuallyHidden/VisuallyHidden.esm.js

@@ -1,2 +1,2 @@
-export { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-b9eebf71.js';
+export { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-06692fd3.js';
 import 'react';

package/dist/_shared/cjs/{Avatar-12ece0dd.js → Avatar-f1b1c129.js}

@@ -53,6 +53,7 @@ var AvatarContent = function (_a) {
     return React__default["default"].createElement(Icon.Icon, { size: iconSize[size], icon: BtIconUser });
 };
 
+/** Use `Avatar` to visually represent a user. */
 var Avatar = function (_a) {
     var img = _a.img, initials = _a.initials, href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? "xl" : _b, props = filterDataAttrs.__rest(_a, ["img", "initials", "href", "title", "ariaLabel", "onClick", "size"]);
     var wrapperAttrs = filterDataAttrs.__assign({ className: index.classNames("arc-Avatar", "arc-Avatar--".concat(size), {

package/dist/_shared/cjs/{Button-84533dc8.js → Button-6ba21d3b.js}

@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
- * Use `Button` to allow users to take actions with clicks and taps.
+ * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.
  */
 var Button = React.forwardRef(function (_a, ref) {
     var _b;

package/dist/_shared/cjs/{Calendar-c6ed5f2c.js → Calendar-b022545c.js}

@@ -5,7 +5,7 @@ var useMediaQuery = require('./use-media-query-e61881d8.js');
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var index = require('./index-9947ac13.js');
 var Text = require('./Text-606ca3a2.js');
-var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
+var VisuallyHidden = require('./VisuallyHidden-b0de4c7b.js');
 var Surface = require('./Surface-038db6e1.js');
 var Heading = require('./Heading-27cba320.js');
 var BtIconChevronLeftMid_esm = require('./BtIconChevronLeftMid.esm-0aaa6770.js');
@@ -3626,7 +3626,7 @@ var CalendarNavButton = function (_a) {
         previous: BtIconChevronLeftMid_esm.BtIconChevronLeftMid,
         next: BtIconChevronRightMid_esm.BtIconChevronRightMid
     };
-    return (React__default["default"].createElement("button", { "aria-label": ariaLabel, disabled: isDisabled, onClick: onClick, className: index.classNames("arc-CalendarNavButton", {
+    return (React__default["default"].createElement("button", { "aria-label": ariaLabel, disabled: isDisabled, onClick: onClick, type: "button", className: index.classNames("arc-CalendarNavButton", {
             "arc-CalendarNavButton--previous": direction === "previous",
             "arc-CalendarNavButton--next": direction === "next"
         }) },
@@ -3902,7 +3902,7 @@ var reducer = function (state, action) {
 var CalendarFooter = function (_a) {
     var onCancelClick = _a.onCancelClick;
     return (React__default["default"].createElement("div", { className: "arc-CalendarFooter" },
-        React__default["default"].createElement("button", { className: "arc-CalendarFooter-button", onClick: onCancelClick }, "Cancel")));
+        React__default["default"].createElement("button", { type: "button", className: "arc-CalendarFooter-button", onClick: onCancelClick }, "Cancel")));
 };
 
 var CalendarWrapper = function (_a) {
@@ -3912,6 +3912,7 @@ var CalendarWrapper = function (_a) {
             React__default["default"].createElement("div", { className: "arc-CalendarWrapper-inner" }, children))));
 };
 
+/** Use `Calendar` to clearly present available dates and allowing users to choose a way to enter information. */
 var Calendar = function (_a) {
     var _b = _a.type, type = _b === void 0 ? "month" : _b, _c = _a.selectionType, selectionType = _c === void 0 ? "single" : _c, _d = _a.autoFocusOnMount, autoFocusOnMount = _d === void 0 ? false : _d, _e = _a.selectedRange, rawSelectedRange = _e === void 0 ? [] : _e, _f = _a.selectedDate, rawSelectedDate = _f === void 0 ? new Date() : _f, rawDisabledDates = _a.disabledDates, rawMinDate = _a.minDate, rawMaxDate = _a.maxDate, onCancelClick = _a.onCancelClick, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect;
     var todayDate = dateWithoutTime(new Date());

package/dist/_shared/cjs/{Checkbox-8915fcd9.js → Checkbox-0253327b.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var BtIconTickAlt2Px_esm = require('./BtIconTickAlt2Px.esm-57c89acc.js');
 var BtIconAlert_esm = require('./BtIconAlert.esm-1a0ff9f0.js');
 var index = require('./index-9947ac13.js');
-var FormControl = require('./FormControl-5f3b6ce4.js');
+var FormControl = require('./FormControl-68258ce1.js');
 var Surface = require('./Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -44,7 +44,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
         React__default["default"].createElement("label", { id: idLabel, htmlFor: id, className: index.classNames("arc-Checkbox-label", {
                 "arc-Checkbox-label--top": checkboxAlignment === "top"
             }) },
-            React__default["default"].createElement("input", filterDataAttrs.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "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 }, filterDataAttrs.filterDataAttrs(props))),
+            React__default["default"].createElement("input", filterDataAttrs.__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 }, filterDataAttrs.filterDataAttrs(props))),
             React__default["default"].createElement("span", { className: "arc-Checkbox-box" },
                 React__default["default"].createElement(BtIconTickAlt2Px_esm.BtIconTickAlt2Px, null)),
             React__default["default"].createElement("span", filterDataAttrs.__assign({}, (checkboxAlignment === "top" && {

package/dist/_shared/cjs/{DisclosureMini-d0eeb6bb.js → DisclosureMini-09c749e5.js}

@@ -12,8 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
- * Use `DisclosureMini` to display content that is only visible when toggled into
- * an "open" state.
+ * Use `DisclosureMini` to show and hide sections of content.
  */
 var DisclosureMini = function (_a) {
     var children = _a.children, summary = _a.summary, onClick = _a.onClick, id = _a.id, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? "left" : _c, _d = _a.size, size = _d === void 0 ? "l" : _d, props = filterDataAttrs.__rest(_a, ["children", "summary", "onClick", "id", "isOpen", "iconPosition", "size"]);

package/dist/_shared/cjs/{Filter-f4b73f5d.js → Filter-f9506dfa.js}

@@ -4,6 +4,7 @@ var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var Surface = require('./Surface-038db6e1.js');
 var index = require('./index-9947ac13.js');
+var VisuallyHidden = require('./VisuallyHidden-b0de4c7b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21,7 +22,10 @@ var FilterControl = function (_a) {
             "arc-FilterControl--onDarkSurface": surface === "dark",
             "arc-FilterControl--selected": selected
         }), onClick: onClickHandler, tabIndex: 0, "aria-pressed": selected },
-        React__default["default"].createElement("div", { className: "arc-FilterControl-text" }, children)));
+        React__default["default"].createElement("div", { className: "arc-FilterControl-text" },
+            React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, "Filter by"),
+            " ",
+            children)));
 };
 
 var FilterControls = function (_a) {
@@ -54,7 +58,7 @@ var FilterItems = function (_a) {
             : children))) : (React__default["default"].createElement("div", { "aria-live": "assertive" }, error));
 };
 
-/** use `Filter` for interactive elements that filter and categorise page content. */
+/** Use `Filter` to filter and categorise page content. */
 var Filter = function (_a) {
     var children = _a.children, onChange = _a.onChange, displayType = _a.displayType, controlsAlignment = _a.controlsAlignment, _b = _a.logicType, logicType = _b === void 0 ? "OR" : _b, error = _a.error, props = filterDataAttrs.__rest(_a, ["children", "onChange", "displayType", "controlsAlignment", "logicType", "error"]);
     var _c = React.useState([]), selectedControls = _c[0], setSelectedControls = _c[1];

package/dist/_shared/cjs/{FormControl-5f3b6ce4.js → FormControl-68258ce1.js}

@@ -5,8 +5,8 @@ var index = require('./index-9947ac13.js');
 var React = require('react');
 var BtIconAlert_esm = require('./BtIconAlert.esm-1a0ff9f0.js');
 var Surface = require('./Surface-038db6e1.js');
-var DisclosureMini = require('./DisclosureMini-d0eeb6bb.js');
-var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
+var DisclosureMini = require('./DisclosureMini-09c749e5.js');
+var VisuallyHidden = require('./VisuallyHidden-b0de4c7b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/Grid-da776e77.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var BREAKPOINTS = ["xs", "s", "m", "l", "xl"];
+
+var Col = function (props) {
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-Grid-col", BREAKPOINTS.reduce(function (acc, bp) {
+            var _a;
+            var _b, _c;
+            var sizeValue = props === null || props === void 0 ? void 0 : props[bp];
+            var orderValue = (_b = props.order) === null || _b === void 0 ? void 0 : _b[bp];
+            var offsetValue = (_c = props.offset) === null || _c === void 0 ? void 0 : _c[bp];
+            return filterDataAttrs.__assign(filterDataAttrs.__assign({}, acc), (_a = {}, _a["arc-Grid-col--".concat(bp).concat(sizeValue)] = sizeValue !== undefined, _a["arc-Grid-order--".concat(bp).concat(orderValue)] = orderValue !== undefined, _a["arc-Grid-offset--".concat(bp).concat(offsetValue)] = offsetValue !== undefined, _a));
+        }, {})) }, filterDataAttrs.filterDataAttrs(props)), props.children));
+};
+
+var Row = function (_a) {
+    var _b = _a.direction, direction = _b === void 0 ? "row" : _b, _c = _a.align, align = _c === void 0 ? "normal" : _c, _d = _a.justify, justify = _d === void 0 ? "normal" : _d, children = _a.children, props = filterDataAttrs.__rest(_a, ["direction", "align", "justify", "children"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-Grid-row", "".concat(suffixModifier.suffixModifier("arc-Grid-row--direction", direction)), "".concat(suffixModifier.suffixModifier("arc-Grid-row--justify", justify)), "".concat(suffixModifier.suffixModifier("arc-Grid-row--align", align))) }, filterDataAttrs.filterDataAttrs(props)), children));
+};
+
+/**
+ * Use `Grid` to compose layouts on a 12-column grid.
+ */
+var Grid = function (_a) {
+    var children = _a.children, isFluid = _a.isFluid, isDebugVisible = _a.isDebugVisible, isGutterless = _a.isGutterless, props = filterDataAttrs.__rest(_a, ["children", "isFluid", "isDebugVisible", "isGutterless"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-Grid", {
+            "arc-Grid--fluid": isFluid,
+            "arc-Grid--debugVisible": isDebugVisible,
+            "arc-Grid--gutterless": isGutterless
+        }) }, filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { className: "arc-Grid-inner" }, children)));
+};
+Grid.Row = Row;
+Grid.Col = Col;
+
+exports.Grid = Grid;

package/dist/_shared/cjs/{ProgressStepper-20a61620.js → ProgressStepper-57cfef1e.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var index = require('./index-9947ac13.js');
 var Icon = require('./Icon-b46897a3.js');
 var Surface = require('./Surface-038db6e1.js');
-var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
+var VisuallyHidden = require('./VisuallyHidden-b0de4c7b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -76,13 +76,13 @@ var ProgressStepperItem = function (_a) {
             status !== "todo" && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
                 capitaliseFirstLetter(status),
                 ":")),
-            titleHref ? (React__default["default"].createElement("a", { href: titleHref, "aria-label": ariaLabel, className: index.classNames("arc-ProgressStepperItem-title", "arc-ProgressStepperItem-title--link"), onClick: onClickHandler }, title)) : (React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-title" }, title)),
+            titleHref || onClick ? (React__default["default"].createElement("a", { role: !titleHref && onClick ? "button" : undefined, href: titleHref, "aria-label": ariaLabel, className: index.classNames("arc-ProgressStepperItem-title", "arc-ProgressStepperItem-title--link"), onClick: onClickHandler }, title)) : (React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-title" }, title)),
             React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
             stepContent && !isStepContentHidden && direction === "vertical" && (React__default["default"].createElement(React__default["default"].Fragment, null,
                 React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-nodeItem" }, stepContent))))));
 };
 
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
+/** Use `ProgressStepper` to provide an overview of a series of steps in a digital journey. */
 var ProgressStepper = function (_a) {
     var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = filterDataAttrs.__rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
     var items = React__default["default"].Children.toArray(children);

package/dist/_shared/cjs/{RadioGroup-07bb155e.js → RadioGroup-85eda600.js}

@@ -2,7 +2,7 @@
 
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var FormControl = require('./FormControl-5f3b6ce4.js');
+var FormControl = require('./FormControl-68258ce1.js');
 var index = require('./index-9947ac13.js');
 var Surface = require('./Surface-038db6e1.js');
 
@@ -36,7 +36,7 @@ var RadioButton = React.forwardRef(function (_a, ref) {
         React__default["default"].createElement("label", { className: index.classNames("arc-RadioButton-label", {
                 "arc-RadioButton-label--alignTop": radioButtonAlignment === "top"
             }), htmlFor: id, id: idLabel },
-            React__default["default"].createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value }),
+            React__default["default"].createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value, "aria-checked": checked }),
             React__default["default"].createElement("span", { className: index.classNames({
                     "arc-RadioButton-label--marginTop": radioButtonAlignment === "top"
                 }) },

package/dist/_shared/cjs/{SiteHeader.rehydrator-ea49f8d5.js → SiteHeader.rehydrator-b76b0889.js}

@@ -9,7 +9,7 @@ var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-dbf8cbee.js');
 var Surface = require('./Surface-038db6e1.js');
 var BrandLogo = require('./BrandLogo-aea340c8.js');
-var Button = require('./Button-84533dc8.js');
+var Button = require('./Button-6ba21d3b.js');
 var suffixModifier = require('./suffix-modifier-64dcd338.js');
 var Text = require('./Text-606ca3a2.js');
 

package/dist/_shared/cjs/{SiteHeaderV2-e0735a9d.js → SiteHeaderV2-ce1c8737.js}

@@ -10,7 +10,7 @@ var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-d01ebbd4.js');
 var ConditionalWrapper = require('./ConditionalWrapper-be3b2625.js');
 var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-dbf8cbee.js');
-var Button = require('./Button-84533dc8.js');
+var Button = require('./Button-6ba21d3b.js');
 var suffixModifier = require('./suffix-modifier-64dcd338.js');
 var Text = require('./Text-606ca3a2.js');
 var Icon = require('./Icon-b46897a3.js');

package/dist/_shared/cjs/{Tabs-24e6f45b.js → Tabs-bc9fac46.js}

@@ -470,6 +470,7 @@ var TabsList = function (_a) {
             React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowRightFill_esm.BtIconArrowRightFill, size: 40, color: "brand" })))));
 };
 
+/** Use `Tabs` to allow users to navigate between different sections of relevant content. */
 var Tabs = function (_a) {
     var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = filterDataAttrs.__rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
     return (React__default["default"].createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, filterDataAttrs.__assign({ className: "arc-Tabs-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, filterDataAttrs.filterDataAttrs(props)), children));

package/dist/_shared/cjs/{Tag-8723b324.js → Tag-73a59171.js}

@@ -49,10 +49,10 @@ const BtIconCrossFill = (props) =>
   );
 
 /**
- * use `Tag` to promote features and manage filtering.
+ * Use `Tag` to promote features and manage filtering.
  */
 var Tag = function (_a) {
-    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, props = filterDataAttrs.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove"]);
+    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = filterDataAttrs.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
     var surface = React.useContext(Surface.Context).surface;
     var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
     var onRemoveHandler = function () {
@@ -69,13 +69,13 @@ var Tag = function (_a) {
         link ? (React__default["default"].createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
             icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
                 React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))) : (React__default["default"].createElement(React__default["default"].Fragment, null, onClick ? (React__default["default"].createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
+            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default["default"].createElement(React__default["default"].Fragment, null, onClick ? (React__default["default"].createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
             icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
                 React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))) : (React__default["default"].createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
+            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default["default"].createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
             icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
                 React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))))),
+            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))))),
         isRemovable && (React__default["default"].createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag" },
             React__default["default"].createElement(Icon.Icon, { icon: BtIconCross, color: "brand", size: 20 }),
             React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossFill, color: "brand", size: 20 })))));