@arc-ui/components 11.16.0 → 11.17.0

package/dist/SiteFooter/SiteFooter.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteFooter = require('../_shared/cjs/SiteFooter-97c27b29.js');
+var SiteFooter = require('../_shared/cjs/SiteFooter-65b6360c.js');
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
-require('../_shared/cjs/index.es-26dd8c5d.js');
+require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/BrandLogo-aea340c8.js');
 require('../_shared/cjs/index-9947ac13.js');

package/dist/SiteFooter/SiteFooter.esm.js

@@ -1,8 +1,8 @@
-import { S as SiteFooter } from '../_shared/esm/SiteFooter-94316b8b.js';
-export { S as SiteFooter } from '../_shared/esm/SiteFooter-94316b8b.js';
+import { S as SiteFooter } from '../_shared/esm/SiteFooter-38ee1536.js';
+export { S as SiteFooter } from '../_shared/esm/SiteFooter-38ee1536.js';
 import { d as __awaiter, e as __generator, a as __assign } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import React__default from 'react';
-import '../_shared/esm/index.es-c552c0ea.js';
+import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/BrandLogo-1af78f76.js';
 import '../_shared/esm/index-2e73c2e9.js';

package/dist/SiteHeader/SiteHeader.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-af3dddef.js');
+var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-df053a52.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/index.es-26dd8c5d.js');
+require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
 require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,8 +1,8 @@
-export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-1b507253.js';
+export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-32bdcd88.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/index.es-c552c0ea.js';
+import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';

package/dist/SiteHeaderV2/SiteHeaderV2.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SiteHeaderV2 = require('../_shared/cjs/SiteHeaderV2-8ce6d4fc.js');
+require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+require('../_shared/cjs/use-media-query-e61881d8.js');
+require('react');
+require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/BrandLogo-aea340c8.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/handle-link-click-17a44cf4.js');
+require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
+require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
+require('../_shared/cjs/Button-4fed080a.js');
+require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
+require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Text-606ca3a2.js');
+
+
+
+exports.SiteHeaderV2 = SiteHeaderV2.SiteHeaderV2;

package/dist/SiteHeaderV2/SiteHeaderV2.esm.js

@@ -0,0 +1,15 @@
+export { S as SiteHeaderV2 } from '../_shared/esm/SiteHeaderV2-f8377627.js';
+import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import '../_shared/esm/use-media-query-4c807227.js';
+import 'react';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/BrandLogo-1af78f76.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/handle-link-click-f64f55a2.js';
+import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
+import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
+import '../_shared/esm/Button-a453e8e4.js';
+import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
+import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Text-14f586ac.js';

package/dist/SiteHeaderV2/package.json

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

package/dist/Switch/Switch.cjs.js

@@ -10,13 +10,14 @@ require('react-dom');
 var Icon = require('../_shared/cjs/Icon-a9801f05.js');
 var BtIconTickAlt2Px_esm = require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-var FormControl = require('../_shared/cjs/FormControl-166e0957.js');
+var FormControl = require('../_shared/cjs/FormControl-b26ad353.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
+require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -512,10 +513,10 @@ const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07b
 var Switch = function (_a) {
     var defaultChecked = _a.defaultChecked, onCheckedChange = _a.onCheckedChange, label = _a.label, name = _a.name, onBlur = _a.onBlur, value = _a.value, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, id = _a.id, _c = _a.labelSize, labelSize = _c === void 0 ? "s" : _c, statusText = _a.statusText, _d = _a.hideLabel, hideLabel = _d === void 0 ? false : _d, props = filterDataAttrs.__rest(_a, ["defaultChecked", "onCheckedChange", "label", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "labelSize", "statusText", "hideLabel"]);
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: hideLabel ? "" : label, labelSize: labelSize, requirementStatus: "not-applicable" },
+    return (React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: "not-applicable" },
         !hideLabel && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
         React__default["default"].createElement("div", { className: "arc-Switch-container" },
-            React__default["default"].createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, filterDataAttrs.__assign({ id: id, "aria-label": label, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedChange, disabled: isDisabled, className: index.classNames("arc-Switch", {
+            React__default["default"].createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, filterDataAttrs.__assign({ id: id, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedChange, disabled: isDisabled, className: index.classNames("arc-Switch", {
                     "arc-Switch--large": labelSize === "l",
                     "arc-Switch--isDisabled": isDisabled,
                     "arc-Switch--onDarkSurface": surface === "dark"

package/dist/Switch/Switch.esm.js

@@ -6,13 +6,14 @@ import 'react-dom';
 import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
 import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import { F as FormControl } from '../_shared/esm/FormControl-9d4ddfec.js';
+import { F as FormControl } from '../_shared/esm/FormControl-f0b8fe91.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/DisclosureMini-ec17b008.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
+import '../_shared/esm/VisuallyHidden-b9eebf71.js';
 
 function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
     return function handleEvent(event) {
@@ -504,10 +505,10 @@ const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07b
 var Switch = function (_a) {
     var defaultChecked = _a.defaultChecked, onCheckedChange = _a.onCheckedChange, label = _a.label, name = _a.name, onBlur = _a.onBlur, value = _a.value, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, id = _a.id, _c = _a.labelSize, labelSize = _c === void 0 ? "s" : _c, statusText = _a.statusText, _d = _a.hideLabel, hideLabel = _d === void 0 ? false : _d, props = __rest(_a, ["defaultChecked", "onCheckedChange", "label", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "labelSize", "statusText", "hideLabel"]);
     var surface = useContext(Context).surface;
-    return (React__default.createElement(FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: hideLabel ? "" : label, labelSize: labelSize, requirementStatus: "not-applicable" },
+    return (React__default.createElement(FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: "not-applicable" },
         !hideLabel && React__default.createElement(VerticalSpace, { size: "8" }),
         React__default.createElement("div", { className: "arc-Switch-container" },
-            React__default.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, __assign({ id: id, "aria-label": label, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedChange, disabled: isDisabled, className: classNames("arc-Switch", {
+            React__default.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, __assign({ id: id, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedChange, disabled: isDisabled, className: classNames("arc-Switch", {
                     "arc-Switch--large": labelSize === "l",
                     "arc-Switch--isDisabled": isDisabled,
                     "arc-Switch--onDarkSurface": surface === "dark"

package/dist/Tabs/Tabs.cjs.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tabs = require('../_shared/cjs/Tabs-cc77dabb.js');
+var Tabs = require('../_shared/cjs/Tabs-34db6bc1.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/extends-8c5e4b48.js');
-require('../_shared/cjs/index-56a040f4.js');
+require('../_shared/cjs/index-dd1d18ea.js');
 require('react-dom');
-require('../_shared/cjs/index-d31f2b65.js');
-require('../_shared/cjs/index-84e6a68f.js');
+require('../_shared/cjs/index-9f99d686.js');
+require('../_shared/cjs/index-6eb396a3.js');
 require('../_shared/cjs/index-dcfdd5da.js');
-require('../_shared/cjs/index-49c72a87.js');
+require('../_shared/cjs/index-d38f1bd0.js');
 require('../_shared/cjs/Icon-a9801f05.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');

package/dist/Tabs/Tabs.esm.js

@@ -1,13 +1,13 @@
-export { T as Tabs } from '../_shared/esm/Tabs-8719d952.js';
+export { T as Tabs } from '../_shared/esm/Tabs-df9965dd.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/extends-8cc61aad.js';
-import '../_shared/esm/index-12f3a407.js';
+import '../_shared/esm/index-7b531fa7.js';
 import 'react-dom';
-import '../_shared/esm/index-39019a9b.js';
-import '../_shared/esm/index-936b5179.js';
+import '../_shared/esm/index-044da8d0.js';
+import '../_shared/esm/index-efa9be1a.js';
 import '../_shared/esm/index-a624de47.js';
-import '../_shared/esm/index-db47e95a.js';
+import '../_shared/esm/index-ca72c9d5.js';
 import '../_shared/esm/Icon-abd0d990.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';

package/dist/TextArea/TextArea.cjs.js

@@ -12,21 +12,22 @@ require('../_shared/cjs/Base-f5a86eed.js');
 require('../_shared/cjs/Breadcrumbs-ef659d2b.js');
 require('../_shared/cjs/Button-4fed080a.js');
 require('../_shared/cjs/Card-17dcc171.js');
-require('../_shared/cjs/Checkbox-904ad028.js');
+require('../_shared/cjs/Checkbox-4d4b432f.js');
 require('../_shared/cjs/Columns-ae4f8cef.js');
 require('../_shared/cjs/Filter-1bde635c.js');
-var FormControl = require('../_shared/cjs/FormControl-166e0957.js');
+var FormControl = require('../_shared/cjs/FormControl-b26ad353.js');
 require('../_shared/cjs/Group-0429741a.js');
 require('../_shared/cjs/Image-e873b8fc.js');
 require('../_shared/cjs/Poster-9b48fd61.js');
 require('../_shared/cjs/ProgressStepper-9cdc0afe.js');
-require('../_shared/cjs/RadioGroup-1eddf86f.js');
+require('../_shared/cjs/RadioGroup-23c964ae.js');
 require('../_shared/cjs/debounce-123468fb.js');
-require('../_shared/cjs/SiteFooter-97c27b29.js');
-require('../_shared/cjs/SiteHeader.rehydrator-af3dddef.js');
-require('../_shared/cjs/Tabs-cc77dabb.js');
-require('../_shared/cjs/TextInput-fd9c756f.js');
-require('../_shared/cjs/Toast-91e96744.js');
+require('../_shared/cjs/SiteFooter-65b6360c.js');
+require('../_shared/cjs/SiteHeader.rehydrator-df053a52.js');
+require('../_shared/cjs/SiteHeaderV2-8ce6d4fc.js');
+require('../_shared/cjs/Tabs-34db6bc1.js');
+require('../_shared/cjs/TextInput-d0370fa8.js');
+require('../_shared/cjs/Toast-392b1d60.js');
 require('../_shared/cjs/UniversalHeader-b8389447.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
@@ -38,23 +39,22 @@ require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
-require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
-require('../_shared/cjs/index.es-26dd8c5d.js');
+require('../_shared/cjs/VerticalSpace-dc53bb70.js');
+require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/BrandLogo-aea340c8.js');
 require('../_shared/cjs/Curve-d038052b.js');
 require('../_shared/cjs/Section-59804166.js');
 require('../_shared/cjs/extends-8c5e4b48.js');
-require('../_shared/cjs/index-56a040f4.js');
+require('../_shared/cjs/index-dd1d18ea.js');
 require('react-dom');
-require('../_shared/cjs/index-d31f2b65.js');
-require('../_shared/cjs/index-84e6a68f.js');
+require('../_shared/cjs/index-9f99d686.js');
+require('../_shared/cjs/index-6eb396a3.js');
 require('../_shared/cjs/index-dcfdd5da.js');
-require('../_shared/cjs/index-49c72a87.js');
+require('../_shared/cjs/index-d38f1bd0.js');
 require('../_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js');
-require('../_shared/cjs/index-4ecad2dd.js');
-require('../_shared/cjs/index-6542b467.js');
-require('../_shared/cjs/index-1641d0b4.js');
+require('../_shared/cjs/index-74004a9c.js');
+require('../_shared/cjs/index-a31e64a9.js');
 require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
 require('../_shared/cjs/BtIconTick.esm-844eac6c.js');
 
@@ -64,7 +64,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, 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, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText"]);
+    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 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];
@@ -87,7 +87,7 @@ var TextArea = React.forwardRef(function (_a, ref) {
         onChange && onChange(e);
         setCharacterCount(e.target.value.length);
     };
-    return (React__default["default"].createElement(FormControl.FormControl, filterDataAttrs.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
+    return (React__default["default"].createElement(FormControl.FormControl, filterDataAttrs.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
             showCharacterCount && (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(Text.Text, { tone: isDisabled ? "muted" : "default" },
                 React__default["default"].createElement("span", { className: "arc-TextArea-characterCount" },
@@ -98,7 +98,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 })));
+            }), 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 } })));
 });
 
 exports.TextArea = TextArea;

package/dist/TextArea/TextArea.esm.js

@@ -8,21 +8,22 @@ import '../_shared/esm/Base-f200653c.js';
 import '../_shared/esm/Breadcrumbs-36edfb3d.js';
 import '../_shared/esm/Button-a453e8e4.js';
 import '../_shared/esm/Card-201e9f28.js';
-import '../_shared/esm/Checkbox-8a5bb9a1.js';
+import '../_shared/esm/Checkbox-720b074d.js';
 import '../_shared/esm/Columns-d96b7425.js';
 import '../_shared/esm/Filter-58a42358.js';
-import { F as FormControl } from '../_shared/esm/FormControl-9d4ddfec.js';
+import { F as FormControl } from '../_shared/esm/FormControl-f0b8fe91.js';
 import '../_shared/esm/Group-73fdb896.js';
 import '../_shared/esm/Image-12fbd327.js';
 import '../_shared/esm/Poster-4ec2f679.js';
 import '../_shared/esm/ProgressStepper-f51f86c3.js';
-import '../_shared/esm/RadioGroup-238db88d.js';
+import '../_shared/esm/RadioGroup-37fdb06b.js';
 import '../_shared/esm/debounce-6fed6b84.js';
-import '../_shared/esm/SiteFooter-94316b8b.js';
-import '../_shared/esm/SiteHeader.rehydrator-1b507253.js';
-import '../_shared/esm/Tabs-8719d952.js';
-import '../_shared/esm/TextInput-c1e2a1dd.js';
-import '../_shared/esm/Toast-7cb1e544.js';
+import '../_shared/esm/SiteFooter-38ee1536.js';
+import '../_shared/esm/SiteHeader.rehydrator-32bdcd88.js';
+import '../_shared/esm/SiteHeaderV2-f8377627.js';
+import '../_shared/esm/Tabs-df9965dd.js';
+import '../_shared/esm/TextInput-abbab56b.js';
+import '../_shared/esm/Toast-5d66e13f.js';
 import '../_shared/esm/UniversalHeader-80c7313f.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
@@ -34,29 +35,28 @@ import '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/DisclosureMini-ec17b008.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
-import '../_shared/esm/VerticalSpace-43cd9138.js';
 import '../_shared/esm/VisuallyHidden-b9eebf71.js';
-import '../_shared/esm/index.es-c552c0ea.js';
+import '../_shared/esm/VerticalSpace-43cd9138.js';
+import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/BrandLogo-1af78f76.js';
 import '../_shared/esm/Curve-d8679dde.js';
 import '../_shared/esm/Section-73781b56.js';
 import '../_shared/esm/extends-8cc61aad.js';
-import '../_shared/esm/index-12f3a407.js';
+import '../_shared/esm/index-7b531fa7.js';
 import 'react-dom';
-import '../_shared/esm/index-39019a9b.js';
-import '../_shared/esm/index-936b5179.js';
+import '../_shared/esm/index-044da8d0.js';
+import '../_shared/esm/index-efa9be1a.js';
 import '../_shared/esm/index-a624de47.js';
-import '../_shared/esm/index-db47e95a.js';
+import '../_shared/esm/index-ca72c9d5.js';
 import '../_shared/esm/BtIconArrowRightFill.esm-99019d1a.js';
-import '../_shared/esm/index-d0307140.js';
-import '../_shared/esm/index-246b4f18.js';
-import '../_shared/esm/index-6b7b075c.js';
+import '../_shared/esm/index-2cfab9f2.js';
+import '../_shared/esm/index-25a5b393.js';
 import '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
 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, 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, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText"]);
+    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 surface = useContext(Context).surface;
     var ourRef = useRef(null);
     var _j = useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _j[0], setCharacterCount = _j[1];
@@ -79,7 +79,7 @@ var TextArea = forwardRef(function (_a, ref) {
         onChange && onChange(e);
         setCharacterCount(e.target.value.length);
     };
-    return (React__default.createElement(FormControl, __assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
+    return (React__default.createElement(FormControl, __assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
             showCharacterCount && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Text, { tone: isDisabled ? "muted" : "default" },
                 React__default.createElement("span", { className: "arc-TextArea-characterCount" },
@@ -90,7 +90,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 })));
+            }), 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 } })));
 });
 
 export { TextArea };

package/dist/TextInput/TextInput.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-fd9c756f.js');
+var TextInput = require('../_shared/cjs/TextInput-d0370fa8.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/FormControl-166e0957.js');
+require('../_shared/cjs/FormControl-b26ad353.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
@@ -14,6 +14,7 @@ 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/Icon-a9801f05.js');
 
 
 

package/dist/TextInput/TextInput.esm.js

@@ -1,8 +1,8 @@
-export { T as TextInput } from '../_shared/esm/TextInput-c1e2a1dd.js';
+export { T as TextInput } from '../_shared/esm/TextInput-abbab56b.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/FormControl-9d4ddfec.js';
+import '../_shared/esm/FormControl-f0b8fe91.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/DisclosureMini-ec17b008.js';
@@ -10,3 +10,4 @@ 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/Icon-abd0d990.js';

package/dist/Toast/Toast.cjs.js

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Toast = require('../_shared/cjs/Toast-91e96744.js');
+var Toast = require('../_shared/cjs/Toast-392b1d60.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/extends-8c5e4b48.js');
 require('react-dom');
-require('../_shared/cjs/index-56a040f4.js');
-require('../_shared/cjs/index-d31f2b65.js');
-require('../_shared/cjs/index-4ecad2dd.js');
-require('../_shared/cjs/index-6542b467.js');
-require('../_shared/cjs/index-49c72a87.js');
-require('../_shared/cjs/index-1641d0b4.js');
+require('../_shared/cjs/index-dd1d18ea.js');
+require('../_shared/cjs/index-9f99d686.js');
+require('../_shared/cjs/index-74004a9c.js');
+require('../_shared/cjs/index-d38f1bd0.js');
+require('../_shared/cjs/index-a31e64a9.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
 require('../_shared/cjs/BtIconTick.esm-844eac6c.js');

package/dist/Toast/Toast.esm.js

@@ -1,14 +1,13 @@
-export { T as Toast } from '../_shared/esm/Toast-7cb1e544.js';
+export { T as Toast } from '../_shared/esm/Toast-5d66e13f.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/extends-8cc61aad.js';
 import 'react-dom';
-import '../_shared/esm/index-12f3a407.js';
-import '../_shared/esm/index-39019a9b.js';
-import '../_shared/esm/index-d0307140.js';
-import '../_shared/esm/index-246b4f18.js';
-import '../_shared/esm/index-db47e95a.js';
-import '../_shared/esm/index-6b7b075c.js';
+import '../_shared/esm/index-7b531fa7.js';
+import '../_shared/esm/index-044da8d0.js';
+import '../_shared/esm/index-2cfab9f2.js';
+import '../_shared/esm/index-ca72c9d5.js';
+import '../_shared/esm/index-25a5b393.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
 import '../_shared/esm/BtIconTick.esm-e265098f.js';

package/dist/TypographyCard/TypographyCard.cjs.js

@@ -4,90 +4,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-8e8ac316.js');
-var BtIconArrowRightFill_esm = require('../_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
 var index = require('../_shared/cjs/index-9947ac13.js');
+var CardLabel = require('../_shared/cjs/CardLabel-768abf20.js');
+var CardFooter = require('../_shared/cjs/CardFooter-43c32239.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js');
+require('../_shared/cjs/Icon-a9801f05.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const BtIconPlay = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M20.83887,15.03955,13.66113,10.896A1.107,1.107,0,0,0,12,11.85449v8.2876a1.10534,1.10534,0,0,0,1.66113.95947L20.83887,16.957a1.10688,1.10688,0,0,0,0-1.91748Zm-.5,1.05176-7.17774,4.14453a.10437.10437,0,0,1-.10742-.00049A.10314.10314,0,0,1,13,20.14209v-8.2876a.10229.10229,0,0,1,.05371-.09277.10284.10284,0,0,1,.10742,0l7.17774,4.14307a.10421.10421,0,0,1,.05371.09375A.10285.10285,0,0,1,20.33887,16.09131Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconPlayFill = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M13.16113,11.76172a.10284.10284,0,0,0-.10742,0A.10229.10229,0,0,0,13,11.85449v8.2876a.10314.10314,0,0,0,.05371.09326.10451.10451,0,0,0,.10742.00049l7.17774-4.14453a.10285.10285,0,0,0,.05371-.09277.10421.10421,0,0,0-.05371-.09375Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.83887,14.957-7.17774,4.14453A1.10791,1.10791,0,0,1,12,20.14209v-8.2876a1.107,1.107,0,0,1,1.66113-.95849l7.17774,4.14355a1.10688,1.10688,0,0,1,0,1.91748Z",
-      fill: "currentColor",
-    }),
-  );
-
-// move arrow to right all the time when no meta text
-// 1 typography card + 2 media cards
 var TypographyCard = function (_a) {
     var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, _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", "linkData", "pathway", "buttonIcon", "headingLevel"]);
-    var HeadingElement = "h".concat(headingLevel);
-    var icons = {
-        arrow: {
-            regular: BtIconArrowRight_esm.BtIconArrowRight,
-            hover: BtIconArrowRightFill_esm.BtIconArrowRightFill
-        },
-        play: {
-            regular: BtIconPlay,
-            hover: BtIconPlayFill
-        }
-    };
+    var _f = React.useState(false), showHoverState = _f[0], setShowHoverState = _f[1];
+    var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
+    var isDarkPathway = pathway === "dark";
     return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-TypographyCard", {
-            "arc-TypographyCard--darkPathway": pathway === "dark",
-            "arc-TypographyCard--lightPathway": pathway === "light"
+            "arc-TypographyCard--outlined": showHoverState,
+            "arc-TypographyCard--darkPathway": isDarkPathway,
+            "arc-TypographyCard--lightPathway": !isDarkPathway
         }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-TypographyCard-contentContainer" },
             label && (React__default["default"].createElement("div", { className: "arc-TypographyCard-labelContainer" },
-                React__default["default"].createElement("span", { className: "arc-TypographyCard-label" }, label))),
-            React__default["default"].createElement(HeadingElement, { className: "arc-TypographyCard-heading" },
-                React__default["default"].createElement("a", filterDataAttrs.__assign({ className: "arc-TypographyCard-headingLink", href: url, onClick: onClick }, filterDataAttrs.filterDataAttrs(linkData)), heading))),
-        React__default["default"].createElement("div", { className: "arc-TypographyCard-footer" },
-            React__default["default"].createElement("div", { className: "arc-TypographyCard-metaTextContainer" }, metaText && (React__default["default"].createElement("span", { className: "arc-TypographyCard-metaText" }, metaText))),
-            React__default["default"].createElement("div", { className: "arc-TypographyCard-footerButton" },
-                React__default["default"].createElement("div", { className: index.classNames("arc-TypographyCard-footerButtonIcon", "arc-TypographyCard-footerButtonIcon--regular") },
-                    React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular, size: 40 })),
-                React__default["default"].createElement("div", { className: "arc-TypographyCard-footerButtonIcon arc-TypographyCard-footerButtonIcon--hover" },
-                    React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].hover, size: 40 }))))));
+                React__default["default"].createElement(CardLabel.CardLabel, { isDarkPathway: isDarkPathway, isBold: false, text: label }))),
+            React__default["default"].createElement(CardLabel.CardHeading, { size: "m", linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, isDarkPathway: isDarkPathway, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
+        React__default["default"].createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, showFilledIcon: showHoverState, buttonIcon: buttonIcon, metaText: metaText })));
 };
 
 exports.TypographyCard = TypographyCard;