@arc-ui/components 10.8.1 → 11.0.0

package/dist/Breadcrumbs/Breadcrumbs.cjs.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Icon = require('../_shared/cjs/Icon-bb5a5fd1.js');
+var BtIconChevronRight2Px = require('../_shared/cjs/BtIconChevronRight2Px-a8e40136.js');
+var Icon = require('../_shared/cjs/Icon-719d13d4.js');
 var index = require('../_shared/cjs/index-78b35bc1.js');
 var index$1 = require('../_shared/cjs/index-45bfb67b.js');
 var handleLinkClick = require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/index.es-f590caaf.js');
 require('../_shared/cjs/suffix-modifier-edf7851e.js');
 require('../_shared/cjs/Surface-d6b8010e.js');
 
@@ -560,10 +560,10 @@ var BreadcrumbsItem = function (_a) {
     var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
     return (React__default["default"].createElement("li", { className: "arc-Breadcrumbs-item" },
         spacerIconBefore && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px" },
-            React__default["default"].createElement(Icon.Icon, { icon: "btChevronLeft2px" }))),
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronRight2Px.BtIconChevronLeft2Px_2 }))),
         children,
         spacerIconAfter && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon" },
-            React__default["default"].createElement(Icon.Icon, { icon: "btChevronRight2px" })))));
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronRight2Px.BtIconChevronRight2Px_2 })))));
 };
 
 var BreadcrumbsLink = React__default["default"].forwardRef(function (_a, ref) {

package/dist/Breadcrumbs/Breadcrumbs.esm.js

@@ -1,9 +1,9 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from '../_shared/esm/Icon-2fd92daa.js';
+import { B as BtIconChevronLeft2Px_2, a as BtIconChevronRight2Px_2 } from '../_shared/esm/BtIconChevronRight2Px-a5cc1d05.js';
+import { I as Icon } from '../_shared/esm/Icon-76d0d8c0.js';
 import { a as __assign } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import { h as handleLinkClick } from '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/index.es-42f84e2d.js';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
 import '../_shared/esm/Surface-d515d212.js';
 
@@ -552,10 +552,10 @@ var BreadcrumbsItem = function (_a) {
     var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
     return (React.createElement("li", { className: "arc-Breadcrumbs-item" },
         spacerIconBefore && (React.createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px" },
-            React.createElement(Icon, { icon: "btChevronLeft2px" }))),
+            React.createElement(Icon, { icon: BtIconChevronLeft2Px_2 }))),
         children,
         spacerIconAfter && (React.createElement("div", { className: "arc-Breadcrumbs-spacerIcon" },
-            React.createElement(Icon, { icon: "btChevronRight2px" })))));
+            React.createElement(Icon, { icon: BtIconChevronRight2Px_2 })))));
 };
 
 var BreadcrumbsLink = React.forwardRef(function (_a, ref) {

package/dist/Button/Button.cjs.d.ts

@@ -1 +1 @@
-export { Button } from "../_shared/cjs/Button-1743b3ec";
+export { Button } from "../_shared/cjs/Button-b3a69953";

package/dist/Button/Button.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../_shared/cjs/Button-1743b3ec.js');
+var Button = require('../_shared/cjs/Button-b3a69953.js');
 require('../_shared/cjs/index-78b35bc1.js');
-require('../_shared/cjs/index-45bfb67b.js');
 require('react');
+require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+require('../_shared/cjs/index-45bfb67b.js');
 require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/Icon-bb5a5fd1.js');
-require('../_shared/cjs/index.es-f590caaf.js');
+require('../_shared/cjs/Icon-719d13d4.js');
 require('../_shared/cjs/Surface-d6b8010e.js');
 
 

package/dist/Button/Button.esm.d.ts

@@ -1 +1 @@
-export { Button } from "../_shared/esm/Button-d59c31a2";
+export { Button } from "../_shared/esm/Button-5ff56a7b";

package/dist/Button/Button.esm.js

@@ -1,8 +1,8 @@
-export { B as Button } from '../_shared/esm/Button-d59c31a2.js';
+export { B as Button } from '../_shared/esm/Button-5ff56a7b.js';
 import '../_shared/esm/index-229fc864.js';
-import '../_shared/esm/index-2ae58626.js';
 import 'react';
+import '../_shared/esm/BtIconChevronRightMid-386cf272.js';
+import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/Icon-2fd92daa.js';
-import '../_shared/esm/index.es-42f84e2d.js';
+import '../_shared/esm/Icon-76d0d8c0.js';
 import '../_shared/esm/Surface-d515d212.js';

package/dist/Card/Card.cjs.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('../_shared/cjs/index-78b35bc1.js');
 var index$1 = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
-var Icon = require('../_shared/cjs/Icon-bb5a5fd1.js');
+var BtIconChevronRightMid = require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+var Icon = require('../_shared/cjs/Icon-719d13d4.js');
 var Image = require('../_shared/cjs/Image-fe760a06.js');
 var Heading = require('../_shared/cjs/Heading-cc38c3ec.js');
 var suffixModifier = require('../_shared/cjs/suffix-modifier-edf7851e.js');
 var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
 var handleLinkClick = require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/index.es-f590caaf.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -120,7 +120,7 @@ var CardLink = function (_a) {
         }), href: href, rel: target === "_blank" ? "noopener noreferrer" : undefined, tabIndex: isButton ? -1 : undefined, target: target }, index.filterDataAttrs(linkData)),
         React__default["default"].createElement("span", { className: "arc-Card-linkText" }, children),
         isButton && (React__default["default"].createElement("span", { className: "arc-Card-linkIcon" },
-            React__default["default"].createElement(Icon.Icon, { icon: "btChevronRightMid", size: 16 })))));
+            React__default["default"].createElement(Icon.Icon, { testId: "cardIcon", icon: BtIconChevronRightMid.BtIconChevronRightMid_2, size: 16 })))));
 };
 
 exports.Card = Card;

package/dist/Card/Card.esm.js

@@ -1,13 +1,13 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React, { useState, useEffect, useContext } from 'react';
-import { I as Icon } from '../_shared/esm/Icon-2fd92daa.js';
+import { B as BtIconChevronRightMid_2 } from '../_shared/esm/BtIconChevronRightMid-386cf272.js';
+import { I as Icon } from '../_shared/esm/Icon-76d0d8c0.js';
 import { I as Image } from '../_shared/esm/Image-7e4948f6.js';
 import { H as Heading } from '../_shared/esm/Heading-183be76c.js';
 import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
 import { C as Context, S as Surface } from '../_shared/esm/Surface-d515d212.js';
 import { h as handleLinkClick } from '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/index.es-42f84e2d.js';
 
 /**
  * Detect interaction mode
@@ -112,7 +112,7 @@ var CardLink = function (_a) {
         }), href: href, rel: target === "_blank" ? "noopener noreferrer" : undefined, tabIndex: isButton ? -1 : undefined, target: target }, filterDataAttrs(linkData)),
         React.createElement("span", { className: "arc-Card-linkText" }, children),
         isButton && (React.createElement("span", { className: "arc-Card-linkIcon" },
-            React.createElement(Icon, { icon: "btChevronRightMid", size: 16 })))));
+            React.createElement(Icon, { testId: "cardIcon", icon: BtIconChevronRightMid_2, size: 16 })))));
 };
 
 export { Card };

package/dist/Checkbox/Checkbox.cjs.js

@@ -3,22 +3,42 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../_shared/cjs/index-78b35bc1.js');
-var React = require('react');
+var React$1 = require('react');
+var FormControl = require('../_shared/cjs/FormControl-a1b7421b.js');
 var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var FormControl = require('../_shared/cjs/FormControl-7d8e10fa.js');
 var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+
+const React = React__default["default"];
+const BtIconTickVariant = 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("path", {
+      d:
+        "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconTickVariant_2 = BtIconTickVariant;
 
 /**
  *  Use `Checkbox` to allow users to select individual options.
  */
-var Checkbox = React.forwardRef(function (_a, ref) {
+var Checkbox = React$1.forwardRef(function (_a, ref) {
     var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _e = _a.size, size = _e === void 0 ? "l" : _e, value = _a.value, props = index.__rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "name", "onBlur", "onChange", "size", "value"]);
-    var requirementStatus = React.useContext(FormControl.Context).requirementStatus;
-    var surface = React.useContext(Surface.Context).surface;
+    var requirementStatus = React$1.useContext(FormControl.Context).requirementStatus;
+    var surface = React$1.useContext(Surface.Context).surface;
     var _f = FormControl.useAriaDescribedby({
         id: id,
         errorMessage: errorMessage
@@ -43,12 +63,16 @@ var Checkbox = React.forwardRef(function (_a, ref) {
         }) },
         React__default["default"].createElement("label", { id: idLabel, htmlFor: id, className: "arc-Checkbox-label" },
             React__default["default"].createElement("input", index.__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 }, index.filterDataAttrs(props))),
-            React__default["default"].createElement("span", { className: "arc-Checkbox-box" }),
+            React__default["default"].createElement("span", { className: "arc-Checkbox-box" },
+                React__default["default"].createElement(BtIconTickVariant_2, null)),
             React__default["default"].createElement("span", null,
                 label,
                 !isRequired && requirementStatus !== "optional" ? (React__default["default"].createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
                 helper && React__default["default"].createElement("span", { className: "arc-Checkbox-helper" }, helper))),
-        errorMessage && (React__default["default"].createElement("div", { id: idError, className: "arc-Checkbox-error" }, errorMessage))));
+        errorMessage && (React__default["default"].createElement("div", { id: idError, className: "arc-Checkbox-error" },
+            React__default["default"].createElement("span", { className: "arc-Checkbox-error--icon" },
+                React__default["default"].createElement(FormControl.BtIconAlert_2, null)),
+            errorMessage))));
 });
 
 exports.Checkbox = Checkbox;

package/dist/Checkbox/Checkbox.esm.js

@@ -1,9 +1,29 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
-import React, { forwardRef, useContext } from 'react';
+import React$1, { forwardRef, useContext } from 'react';
+import { C as Context, u as useAriaDescribedby, B as BtIconAlert_2 } from '../_shared/esm/FormControl-feedc495.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { C as Context, u as useAriaDescribedby } from '../_shared/esm/FormControl-33194106.js';
 import { C as Context$1 } from '../_shared/esm/Surface-d515d212.js';
 
+const React = React$1;
+const BtIconTickVariant = 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("path", {
+      d:
+        "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconTickVariant_2 = BtIconTickVariant;
+
 /**
  *  Use `Checkbox` to allow users to select individual options.
  */
@@ -26,21 +46,25 @@ var Checkbox = forwardRef(function (_a, ref) {
     if (requirementStatus === "required") {
         isRequired = true;
     }
-    return (React.createElement("div", { className: classNames({
+    return (React$1.createElement("div", { className: classNames({
             "arc-Checkbox": true,
             "arc-Checkbox--disabled": isDisabled,
             "arc-Checkbox--invalid": errorMessage,
             "arc-Checkbox--small": size === "s",
             "arc-Checkbox--onDarkSurface": surface === "dark"
         }) },
-        React.createElement("label", { id: idLabel, htmlFor: id, className: "arc-Checkbox-label" },
-            React.createElement("input", __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(props))),
-            React.createElement("span", { className: "arc-Checkbox-box" }),
-            React.createElement("span", null,
+        React$1.createElement("label", { id: idLabel, htmlFor: id, className: "arc-Checkbox-label" },
+            React$1.createElement("input", __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(props))),
+            React$1.createElement("span", { className: "arc-Checkbox-box" },
+                React$1.createElement(BtIconTickVariant_2, null)),
+            React$1.createElement("span", null,
                 label,
-                !isRequired && requirementStatus !== "optional" ? (React.createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
-                helper && React.createElement("span", { className: "arc-Checkbox-helper" }, helper))),
-        errorMessage && (React.createElement("div", { id: idError, className: "arc-Checkbox-error" }, errorMessage))));
+                !isRequired && requirementStatus !== "optional" ? (React$1.createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
+                helper && React$1.createElement("span", { className: "arc-Checkbox-helper" }, helper))),
+        errorMessage && (React$1.createElement("div", { id: idError, className: "arc-Checkbox-error" },
+            React$1.createElement("span", { className: "arc-Checkbox-error--icon" },
+                React$1.createElement(BtIconAlert_2, null)),
+            errorMessage))));
 });
 
 export { Checkbox };

package/dist/Disclosure/Disclosure.cjs.js

@@ -6,6 +6,7 @@ var index = require('../_shared/cjs/index-78b35bc1.js');
 var index$1 = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
 var Heading = require('../_shared/cjs/Heading-cc38c3ec.js');
+var BtIconChevronDown2Px = require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
 var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
 require('../_shared/cjs/suffix-modifier-edf7851e.js');
 
@@ -26,6 +27,8 @@ var Disclosure = function (_a) {
             "arc-Disclosure--onDarkSurface": surface === "dark"
         }), open: isOpen }, index.filterDataAttrs(props)),
         React__default["default"].createElement("summary", { className: "arc-Disclosure-summary" },
+            React__default["default"].createElement("span", { className: "arc-Disclosure-summary-icon" },
+                React__default["default"].createElement(BtIconChevronDown2Px.BtIconChevronDown2Px_2, null)),
             React__default["default"].createElement(Heading.Heading, { level: headingLevel, size: "s" }, summary)),
         React__default["default"].createElement("div", { className: "arc-Disclosure-details" }, children)));
 };

package/dist/Disclosure/Disclosure.esm.js

@@ -2,6 +2,7 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React, { useContext } from 'react';
 import { H as Heading } from '../_shared/esm/Heading-183be76c.js';
+import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-4abd079b.js';
 import { C as Context } from '../_shared/esm/Surface-d515d212.js';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
 
@@ -18,6 +19,8 @@ var Disclosure = function (_a) {
             "arc-Disclosure--onDarkSurface": surface === "dark"
         }), open: isOpen }, filterDataAttrs(props)),
         React.createElement("summary", { className: "arc-Disclosure-summary" },
+            React.createElement("span", { className: "arc-Disclosure-summary-icon" },
+                React.createElement(BtIconChevronDown2Px_2, null)),
             React.createElement(Heading, { level: headingLevel, size: "s" }, summary)),
         React.createElement("div", { className: "arc-Disclosure-details" }, children)));
 };

package/dist/FormControl/FormControl.cjs.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-7d8e10fa";
+export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-a1b7421b";

package/dist/FormControl/FormControl.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-7d8e10fa.js');
+var FormControl = require('../_shared/cjs/FormControl-a1b7421b.js');
 require('../_shared/cjs/index-78b35bc1.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');

package/dist/FormControl/FormControl.esm.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/esm/FormControl-33194106";
+export { FormControl, FormControlContext } from "../_shared/esm/FormControl-feedc495";

package/dist/FormControl/FormControl.esm.js

@@ -1,4 +1,4 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-33194106.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-feedc495.js';
 import '../_shared/esm/index-229fc864.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Icon/Icon.cjs.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/cjs/Icon-bb5a5fd1";
+export { Icon } from "../_shared/cjs/Icon-719d13d4";

package/dist/Icon/Icon.cjs.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Icon = require('../_shared/cjs/Icon-bb5a5fd1.js');
+var Icon = require('../_shared/cjs/Icon-719d13d4.js');
 require('../_shared/cjs/index-78b35bc1.js');
-require('../_shared/cjs/index.es-f590caaf.js');
-require('../_shared/cjs/index-45bfb67b.js');
 require('react');
+require('../_shared/cjs/index-45bfb67b.js');
 require('../_shared/cjs/suffix-modifier-edf7851e.js');
 require('../_shared/cjs/Surface-d6b8010e.js');
 

package/dist/Icon/Icon.esm.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/esm/Icon-2fd92daa";
+export { Icon } from "../_shared/esm/Icon-76d0d8c0";

package/dist/Icon/Icon.esm.js

@@ -1,7 +1,6 @@
-export { I as Icon } from '../_shared/esm/Icon-2fd92daa.js';
+export { I as Icon } from '../_shared/esm/Icon-76d0d8c0.js';
 import '../_shared/esm/index-229fc864.js';
-import '../_shared/esm/index.es-42f84e2d.js';
-import '../_shared/esm/index-2ae58626.js';
 import 'react';
+import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
 import '../_shared/esm/Surface-d515d212.js';

package/dist/RadioGroup/RadioGroup.cjs.d.ts

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

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../_shared/cjs/index-78b35bc1.js');
 var React = require('react');
-var FormControl = require('../_shared/cjs/FormControl-7d8e10fa.js');
+var FormControl = require('../_shared/cjs/FormControl-a1b7421b.js');
 var index$1 = require('../_shared/cjs/index-45bfb67b.js');
 var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
 

package/dist/RadioGroup/RadioGroup.esm.d.ts

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

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import React, { createContext, useContext, forwardRef, useEffect } from 'react';
-import { F as FormControl } from '../_shared/esm/FormControl-33194106.js';
+import { F as FormControl } from '../_shared/esm/FormControl-feedc495.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import { C as Context } from '../_shared/esm/Surface-d515d212.js';
 

package/dist/SiteFooter/SiteFooter.cjs.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../_shared/cjs/index-78b35bc1.js');
-var index_es = require('../_shared/cjs/index.es-f590caaf.js');
+var index_es = require('../_shared/cjs/index.es-77def0c9.js');
+var BtIconChevronDown2Px = require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
 var React = require('react');
 var BrandLogo = require('../_shared/cjs/BrandLogo-3c6102ef.js');
 var Curve = require('../_shared/cjs/Curve-e72ce25b.js');
-var useMediaQuery = require('../_shared/cjs/use-media-query-75d1bbae.js');
 var Section = require('../_shared/cjs/Section-780f2377.js');
 var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
 var handleLinkClick = require('../_shared/cjs/handle-link-click-17a44cf4.js');
@@ -49,7 +49,7 @@ var SiteFooter = function (_a) {
 };
 var SiteFooterItemGroup = function (_a) {
     var children = _a.children, title = _a.title;
-    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcBreakpointM, "px)"));
+    var isMinWidthArcBreakpointM = index_es.useMediaQuery("(min-width: ".concat(index_es.ArcBreakpointM, "px)"));
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
             if (item && item.type !== SiteFooterItem && item.type !== React.Fragment) {
@@ -59,6 +59,8 @@ var SiteFooterItemGroup = function (_a) {
     }, [children]);
     return (React__default["default"].createElement("details", { className: "arc-SiteFooter-disclosure", open: isMinWidthArcBreakpointM },
         React__default["default"].createElement("summary", { className: "arc-SiteFooter-summary", tabIndex: isMinWidthArcBreakpointM ? -1 : 0 },
+            React__default["default"].createElement("span", { className: "arc-SiteFooter-icon" },
+                React__default["default"].createElement(BtIconChevronDown2Px.BtIconChevronDown2Px_2, null)),
             React__default["default"].createElement("h2", { className: "arc-SiteFooter-title" }, title)),
         React__default["default"].createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
 };

package/dist/SiteFooter/SiteFooter.esm.js

@@ -1,9 +1,9 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/esm/index-229fc864.js';
-import { A as ArcBreakpointM } from '../_shared/esm/index.es-42f84e2d.js';
+import { u as useMediaQuery, A as ArcBreakpointM } from '../_shared/esm/index.es-00cb3bcb.js';
+import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-4abd079b.js';
 import React, { useEffect, Fragment } from 'react';
 import { B as BrandLogo } from '../_shared/esm/BrandLogo-ea3dd0e6.js';
 import { C as Curve } from '../_shared/esm/Curve-cfdca379.js';
-import { u as useMediaQuery } from '../_shared/esm/use-media-query-38faed7f.js';
 import { S as Section } from '../_shared/esm/Section-f1256c87.js';
 import { S as Surface } from '../_shared/esm/Surface-d515d212.js';
 import { h as handleLinkClick } from '../_shared/esm/handle-link-click-f64f55a2.js';
@@ -51,6 +51,8 @@ var SiteFooterItemGroup = function (_a) {
     }, [children]);
     return (React.createElement("details", { className: "arc-SiteFooter-disclosure", open: isMinWidthArcBreakpointM },
         React.createElement("summary", { className: "arc-SiteFooter-summary", tabIndex: isMinWidthArcBreakpointM ? -1 : 0 },
+            React.createElement("span", { className: "arc-SiteFooter-icon" },
+                React.createElement(BtIconChevronDown2Px_2, null)),
             React.createElement("h2", { className: "arc-SiteFooter-title" }, title)),
         React.createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
 };