@arc-ui/components 13.5.0 → 13.6.0

package/lib/_shared/cjs/{TemplateBanner-CUHZTp2K.cjs → TemplateBanner-D8xDnzJO.cjs}

@@ -5,7 +5,7 @@ var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
 var debounce = require('./debounce-uPMetQ6J.cjs');
 var filterAttrs = require('./filter-attrs-D19P2s1V.cjs');
-var arcBreakpoints = require('./arc-breakpoints-D2THNmxe.cjs');
+var arcBreakpoints = require('./arc-breakpoints-CKOioYEI.cjs');
 var VerticalSpace = require('./VerticalSpace-DLQUYsvc.cjs');
 var Box = require('./Box-Va2g7Gdp.cjs');
 var Heading = require('./Heading-BYBmZkmS.cjs');

package/lib/_shared/cjs/{arc-breakpoints-D2THNmxe.cjs → arc-breakpoints-CKOioYEI.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index_es = require('./index.es-a0ndq8qQ.cjs');
+var index_es = require('./index.es-BnOhp0wZ.cjs');
 
 /**
  * Provides an object of breakpoints for responsive designs.

package/lib/_shared/cjs/{index.es-a0ndq8qQ.cjs → index.es-BnOhp0wZ.cjs}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Fri, 06 Mar 2026 15:05:14 GMT
+ * Generated on Mon, 16 Mar 2026 11:14:01 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";

package/lib/_shared/esm/{Calendar-BgyYgEPb.mjs → Calendar-DgImakXH.mjs}

@@ -1,7 +1,7 @@
 import { b as __spreadArray, a as __assign, _ as __rest } from './tslib.es6-w7hdJ3oZ.mjs';
 import React__default, { createContext, useContext, useCallback, useRef, useState, useReducer, useEffect } from 'react';
 import { r as requiredArgs, t as toDate, b as toInteger, _ as _typeof, g as getDefaultOptions, f as format } from './index-Cr6KeQLU.mjs';
-import { c as ArcSizeBreakpointsM } from './index.es-DXwZFu6j.mjs';
+import { c as ArcSizeBreakpointsM } from './index.es-BrDxKTzB.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
 import { u as useMediaQuery } from './use-media-query-l6Sou0dd.mjs';
 import { c as classNames } from './index-5C0-U8cc.mjs';

package/lib/_shared/esm/{TemplateBanner-Crclj4hH.mjs → TemplateBanner-5obP5L54.mjs}

@@ -3,7 +3,7 @@ import React__default, { useState, useEffect } from 'react';
 import { c as classNames } from './index-5C0-U8cc.mjs';
 import { d as debounce } from './debounce-D_Nx5go6.mjs';
 import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
-import { A as ArcBreakpoints } from './arc-breakpoints-6cC0tvcV.mjs';
+import { A as ArcBreakpoints } from './arc-breakpoints-BvCeGLhq.mjs';
 import { V as VerticalSpace } from './VerticalSpace-BLWB02I7.mjs';
 import { B as Box } from './Box-C8iK8x5c.mjs';
 import { H as Heading } from './Heading-Da-o0d5x.mjs';

package/lib/_shared/esm/{arc-breakpoints-6cC0tvcV.mjs → arc-breakpoints-BvCeGLhq.mjs}

@@ -1,4 +1,4 @@
-import { A as ArcSizeBreakpointsXxl, a as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsL, c as ArcSizeBreakpointsM, d as ArcSizeBreakpointsS, e as ArcSizeBreakpointsXs } from './index.es-DXwZFu6j.mjs';
+import { A as ArcSizeBreakpointsXxl, a as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsL, c as ArcSizeBreakpointsM, d as ArcSizeBreakpointsS, e as ArcSizeBreakpointsXs } from './index.es-BrDxKTzB.mjs';
 
 /**
  * Provides an object of breakpoints for responsive designs.

package/lib/_shared/esm/{index.es-DXwZFu6j.mjs → index.es-BrDxKTzB.mjs}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Mar 2026 15:05:14 GMT
+ * Generated on Mon, 16 Mar 2026 11:14:01 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";

package/lib/index.cjs

@@ -1423,7 +1423,7 @@ var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
 
 /**
  * Do not edit directly
- * Generated on Fri, 06 Mar 2026 15:05:14 GMT
+ * Generated on Mon, 16 Mar 2026 11:14:01 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";
@@ -22963,7 +22963,7 @@ var TextArea = function (_a) {
 var package_default = {
   name: "@arc-ui/helpers",
   private: true,
-  version: "13.5.0",
+  version: "13.6.0",
   type: "module",
   homepage: "https://ui.digital-ent-int.bt.com",
   author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
@@ -27311,6 +27311,10 @@ var NavigationHeaderContainer = function (_a) {
             surface: "light-white",
             classSuffix: "backgroundLightElevated",
         },
+        lightElevatedTight: {
+            surface: "light-white",
+            classSuffix: "backgroundLighElevatedTight",
+        },
         transparentOnDark: {
             surface: "dark-black",
             classSuffix: "backgroundTransparent",
@@ -27633,10 +27637,10 @@ var NavigationHeaderCollapsingNavList = function (_a) {
                     mainLink && (React.createElement("li", null,
                         React.createElement(NavigationHeaderCta, __assign({}, mainLink, { revealLinkIconOnHover: revealLinkIconOnHover })),
                         React.createElement("div", { "aria-hidden": true },
-                            React.createElement(VerticalSpace, { size: "16" }),
+                            React.createElement(VerticalSpace, { size: "8" }),
                             React.createElement(Rule, null),
-                            Boolean(links === null || links === void 0 ? void 0 : links.length) && React.createElement(VerticalSpace, { size: "16" })))), links === null || links === void 0 ? void 0 :
-                    links.map(function (link, i) { return (React.createElement("li", { key: "".concat(id, "-NavigationHeader-megamenu-link-").concat(i) },
+                            Boolean(links === null || links === void 0 ? void 0 : links.length) && React.createElement(VerticalSpace, { size: "8" })))), links === null || links === void 0 ? void 0 :
+                    links.map(function (link, i) { return (React.createElement("li", { className: "arc-NavigationHeaderCollapsingNavList-linkListItem", key: "".concat(id, "-NavigationHeader-megamenu-link-").concat(i) },
                         React.createElement(NavigationHeaderCta, __assign({}, link, { revealLinkIconOnHover: revealLinkIconOnHover })))); }))),
             isBottomSpacing && React.createElement(VerticalSpace, null))));
 };
@@ -27733,6 +27737,7 @@ var SideMenuMegaMenuItem = function (_a) {
     var featureCards = _a.featureCards, text = _a.text, panelHeading = _a.panelHeading, tabs = _a.tabs, backButtonLabel = _a.backButtonLabel, backButtonAriaLabel = _a.backButtonAriaLabel;
     var id = React.useId();
     return (React.createElement(SideMenuDisclosure, { heading: text },
+        React.createElement(VerticalSpace, { size: "4" }),
         tabs.map(function (item, itemIndex) { return (React.createElement(MegaMenuSubMenu, { key: "".concat(id, "-side-menu-mega-menu-item-").concat(itemIndex), item: item, heading: panelHeading.heading, backButtonLabel: backButtonLabel, backButtonAriaLabel: backButtonAriaLabel })); }),
         featureCards && (React.createElement(Surface, { isTransparent: true, background: "light-white" },
             React.createElement("div", { className: "arc-SideMenuMegaMenuItem-featureCards" },
@@ -29868,7 +29873,7 @@ var NavigationHeaderMegaMenu = function (_a) {
     ]; };
     return (React.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
         React.createElement(NavigationHeaderSubnavTrigger, { ariaLabel: ariaLabel, onClick: onClick }, text),
-        React.createElement(NavigationHeaderSubnavContent, { background: "lightElevated", description: "Use tab and arrow keys to navigate. Press Escape to close.", menuTitle: text },
+        React.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", description: "Use tab and arrow keys to navigate. Press Escape to close.", menuTitle: text },
             React.createElement("div", { className: "arc-NavigationHeaderMegaMenu" },
                 React.createElement("div", { className: "arc-NavigationHeaderMegaMenu-navCol" },
                     React.createElement(NavigationHeaderPanelHeading, __assign({}, panelHeading)),
@@ -29892,7 +29897,7 @@ var NavigationHeaderCategoryLinks = function (_a) {
     var id = React.useId();
     return (React.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
         React.createElement(NavigationHeaderSubnavTrigger, { ariaLabel: ariaLabel, onClick: onClick }, text),
-        React.createElement(NavigationHeaderSubnavContent, { background: "lightElevated", menuTitle: text, description: "Use tab keys to navigate. Press Escape to close." },
+        React.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", menuTitle: text, description: "Use tab keys to navigate. Press Escape to close." },
             React.createElement("div", { className: "arc-NavigationHeaderCategoryLinks" },
                 React.createElement(NavigationHeaderPanelHeading, __assign({}, panelHeading)),
                 React.createElement("div", { className: "arc-NavigationHeaderCategoryLinks-container" }, items.map(function (item, i) { return (React.createElement("div", { key: "".concat(id, "-NavigationHeader-category-link-item-").concat(i) },
@@ -30827,7 +30832,7 @@ var NavigationHeaderSearchMenu = function (_a) {
     return (React.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
         React.createElement(NavigationHeaderSubnavTrigger, { asChild: true },
             React.createElement(NavigationHeaderAction, { title: triggerTooltip, ariaLabel: triggerAriaLabel, icon: React.createElement(ThemeIcon, { icon: "navigationHeaderSearch", size: 24 }) })),
-        React.createElement(NavigationHeaderSubnavContent, { background: "lightElevated", menuTitle: accessibleMenuTitle, description: "Use tab keys to navigate. Press Escape to close." },
+        React.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", menuTitle: accessibleMenuTitle, description: "Use tab keys to navigate. Press Escape to close." },
             React.createElement("div", { className: "arc-NavigationHeaderSearchMenu" },
                 React.createElement("div", { className: "arc-NavigationHeaderSearchMenu-labelContainer" },
                     React.createElement("label", { htmlFor: id },