@arc-ui/components 11.15.0 → 11.17.0

package/dist/_shared/esm/{FormControl-351e5f1b.js → FormControl-f0b8fe91.js}

@@ -4,6 +4,7 @@ import React__default, { createContext, useContext } from 'react';
 import { B as BtIconAlert } from './BtIconAlert.esm-a4608d47.js';
 import { C as Context$1 } from './Surface-0ca6817d.js';
 import { D as DisclosureMini } from './DisclosureMini-ec17b008.js';
+import { V as VisuallyHidden } from './VisuallyHidden-b9eebf71.js';
 
 /**
  * Optionally define ariaDescribedBy if errorMessage or helper exist.
@@ -41,14 +42,14 @@ var Provider = Context.Provider;
  * Use `FormControl` to provide inputs with labels, helper text and error messages
  */
 var FormControl = function (_a) {
-    var children = _a.children, _b = _a.elementType, ElementType = _b === void 0 ? "div" : _b, errorMessage = _a.errorMessage, helper = _a.helper, htmlFor = _a.htmlFor, supplementaryInfo = _a.supplementaryInfo, id = _a.id, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, _d = _a.requirementStatus, requirementStatus = _d === void 0 ? "optional" : _d, _e = _a.helperUnderLabel, helperUnderLabel = _e === void 0 ? false : _e, isDisabled = _a.isDisabled, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, props = __rest(_a, ["children", "elementType", "errorMessage", "helper", "htmlFor", "supplementaryInfo", "id", "label", "labelSize", "requirementStatus", "helperUnderLabel", "isDisabled", "disclosureTitle", "disclosureText", "onClickDisclosure"]);
+    var children = _a.children, _b = _a.elementType, ElementType = _b === void 0 ? "div" : _b, errorMessage = _a.errorMessage, helper = _a.helper, htmlFor = _a.htmlFor, supplementaryInfo = _a.supplementaryInfo, id = _a.id, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, _d = _a.requirementStatus, requirementStatus = _d === void 0 ? "optional" : _d, _e = _a.helperUnderLabel, helperUnderLabel = _e === void 0 ? false : _e, isDisabled = _a.isDisabled, _f = _a.hideLabel, hideLabel = _f === void 0 ? false : _f, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, props = __rest(_a, ["children", "elementType", "errorMessage", "helper", "htmlFor", "supplementaryInfo", "id", "label", "labelSize", "requirementStatus", "helperUnderLabel", "isDisabled", "hideLabel", "disclosureTitle", "disclosureText", "onClickDisclosure"]);
     var surface = useContext(Context$1).surface;
-    var _f = useAriaDescribedby({
+    var _g = useAriaDescribedby({
         disclosureText: disclosureText,
         errorMessage: errorMessage,
         helper: helper,
         id: htmlFor || id
-    }), ariaDescribedby = _f.ariaDescribedby, idError = _f.idError, idHelper = _f.idHelper, idDisclosure = _f.idDisclosure;
+    }), ariaDescribedby = _g.ariaDescribedby, idError = _g.idError, idHelper = _g.idHelper, idDisclosure = _g.idDisclosure;
     var LabelType = ElementType === "div" ? "label" : "legend";
     var elementProps = {};
     var labelProps = {};
@@ -64,6 +65,8 @@ var FormControl = function (_a) {
     else {
         elementProps["aria-describedby"] = ariaDescribedby;
     }
+    var hasInfo = !helperUnderLabel &&
+        Boolean(errorMessage || disclosureTitle || helper || supplementaryInfo);
     return (React__default.createElement(Provider, { value: { requirementStatus: requirementStatus } },
         React__default.createElement(ElementType, __assign({ className: classNames({
                 "arc-FormControl": true,
@@ -71,12 +74,16 @@ var FormControl = function (_a) {
                 "arc-FormControl--smallLabel": labelSize === "s",
                 "arc-FormControl--onDarkSurface": surface === "dark"
             }), id: id }, elementProps, filterDataAttrs(props)),
-            React__default.createElement(LabelType, __assign({ className: "arc-FormControl-label" }, labelProps),
+            React__default.createElement(LabelType, __assign({ className: "arc-FormControl-label" }, labelProps), hideLabel === true ? (React__default.createElement(VisuallyHidden, null,
                 label,
-                requirementStatus === "optional" && (React__default.createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))),
+                requirementStatus === "optional" && (React__default.createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)")))) : (React__default.createElement(React__default.Fragment, null,
+                label,
+                requirementStatus === "optional" && (React__default.createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))))),
             helperUnderLabel && (React__default.createElement(React__default.Fragment, null, helper && (React__default.createElement("div", { className: "arc-FormControl-helper arc-FormControl-helper--underLabel", id: idHelper }, helper)))),
             children,
-            React__default.createElement("div", { className: "arc-FormControl-info" },
+            React__default.createElement("div", { className: classNames("arc-FormControl-info", {
+                    "arc-FormControl-info--hasContent": hasInfo
+                }) },
                 !helperUnderLabel && (React__default.createElement("div", { className: "arc-FormControl-helperContainer" }, errorMessage ? (React__default.createElement("div", { className: "arc-FormControl-error", id: idError },
                     React__default.createElement("span", { className: "arc-FormControl-error--icon" },
                         React__default.createElement(BtIconAlert, null)),

package/dist/_shared/esm/{RadioGroup-c838764c.js → RadioGroup-37fdb06b.js}

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
 import React__default, { createContext, useContext, forwardRef, useEffect } from 'react';
-import { F as FormControl } from './FormControl-351e5f1b.js';
+import { F as FormControl } from './FormControl-f0b8fe91.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import { C as Context } from './Surface-0ca6817d.js';
 

package/dist/_shared/esm/{SiteFooter-94316b8b.js → SiteFooter-38ee1536.js}

@@ -1,5 +1,5 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
-import { u as useMediaQuery, a as ArcBreakpointM } from './index.es-c552c0ea.js';
+import { u as useMediaQuery, A as ArcBreakpointM } from './use-media-query-4c807227.js';
 import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-217276c2.js';
 import React__default, { useEffect, Fragment } from 'react';
 import { B as BrandLogo } from './BrandLogo-1af78f76.js';

package/dist/_shared/esm/{SiteHeader.rehydrator-1b507253.js → SiteHeader.rehydrator-32bdcd88.js}

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from './filter-data-attrs-ea8f4ed4.js';
 import React__default, { useState, useEffect, Fragment, useContext, useRef, createContext } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { u as useMediaQuery, b as ArcBreakpointL } from './index.es-c552c0ea.js';
+import { u as useMediaQuery, b as ArcBreakpointL } from './use-media-query-4c807227.js';
 import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-217276c2.js';
 import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
 import { a as BtIconChevronRight2Px, B as BtIconChevronLeft2Px } from './BtIconChevronRight2Px.esm-75e92636.js';
@@ -580,7 +580,7 @@ var SiteHeader = function (_a) {
                     React__default.createElement("a", { className: "arc-SiteHeader-brand", onClick: handleLinkClick({
                             handler: logoOnClick
                         }), href: logoHref },
-                        React__default.createElement(BrandLogo, { label: logoLabel, subBrand: subBrand })),
+                        React__default.createElement(BrandLogo, { label: logoLabel, subBrand: subBrand, size: 40 })),
                     children && (React__default.createElement("nav", { className: "arc-SiteHeader-nav" },
                         React__default.createElement("div", { className: "arc-SiteHeader-menuButton" },
                             React__default.createElement(MenuButton, { menuOpen: menuOpen, setMenuOpen: setMenuOpen })),