@arc-ui/components 13.5.0 → 13.6.0

package/lib/index.mjs

@@ -1403,7 +1403,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";
@@ -22943,7 +22943,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>",
@@ -27291,6 +27291,10 @@ var NavigationHeaderContainer = function (_a) {
             surface: "light-white",
             classSuffix: "backgroundLightElevated",
         },
+        lightElevatedTight: {
+            surface: "light-white",
+            classSuffix: "backgroundLighElevatedTight",
+        },
         transparentOnDark: {
             surface: "dark-black",
             classSuffix: "backgroundTransparent",
@@ -27613,10 +27617,10 @@ var NavigationHeaderCollapsingNavList = function (_a) {
                     mainLink && (React__default.createElement("li", null,
                         React__default.createElement(NavigationHeaderCta, __assign({}, mainLink, { revealLinkIconOnHover: revealLinkIconOnHover })),
                         React__default.createElement("div", { "aria-hidden": true },
-                            React__default.createElement(VerticalSpace, { size: "16" }),
+                            React__default.createElement(VerticalSpace, { size: "8" }),
                             React__default.createElement(Rule, null),
-                            Boolean(links === null || links === void 0 ? void 0 : links.length) && React__default.createElement(VerticalSpace, { size: "16" })))), links === null || links === void 0 ? void 0 :
-                    links.map(function (link, i) { return (React__default.createElement("li", { key: "".concat(id, "-NavigationHeader-megamenu-link-").concat(i) },
+                            Boolean(links === null || links === void 0 ? void 0 : links.length) && React__default.createElement(VerticalSpace, { size: "8" })))), links === null || links === void 0 ? void 0 :
+                    links.map(function (link, i) { return (React__default.createElement("li", { className: "arc-NavigationHeaderCollapsingNavList-linkListItem", key: "".concat(id, "-NavigationHeader-megamenu-link-").concat(i) },
                         React__default.createElement(NavigationHeaderCta, __assign({}, link, { revealLinkIconOnHover: revealLinkIconOnHover })))); }))),
             isBottomSpacing && React__default.createElement(VerticalSpace, null))));
 };
@@ -27713,6 +27717,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 = useId$2();
     return (React__default.createElement(SideMenuDisclosure, { heading: text },
+        React__default.createElement(VerticalSpace, { size: "4" }),
         tabs.map(function (item, itemIndex) { return (React__default.createElement(MegaMenuSubMenu, { key: "".concat(id, "-side-menu-mega-menu-item-").concat(itemIndex), item: item, heading: panelHeading.heading, backButtonLabel: backButtonLabel, backButtonAriaLabel: backButtonAriaLabel })); }),
         featureCards && (React__default.createElement(Surface, { isTransparent: true, background: "light-white" },
             React__default.createElement("div", { className: "arc-SideMenuMegaMenuItem-featureCards" },
@@ -29848,7 +29853,7 @@ var NavigationHeaderMegaMenu = function (_a) {
     ]; };
     return (React__default.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
         React__default.createElement(NavigationHeaderSubnavTrigger, { ariaLabel: ariaLabel, onClick: onClick }, text),
-        React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevated", description: "Use tab and arrow keys to navigate. Press Escape to close.", menuTitle: text },
+        React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", description: "Use tab and arrow keys to navigate. Press Escape to close.", menuTitle: text },
             React__default.createElement("div", { className: "arc-NavigationHeaderMegaMenu" },
                 React__default.createElement("div", { className: "arc-NavigationHeaderMegaMenu-navCol" },
                     React__default.createElement(NavigationHeaderPanelHeading, __assign({}, panelHeading)),
@@ -29872,7 +29877,7 @@ var NavigationHeaderCategoryLinks = function (_a) {
     var id = useId$2();
     return (React__default.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
         React__default.createElement(NavigationHeaderSubnavTrigger, { ariaLabel: ariaLabel, onClick: onClick }, text),
-        React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevated", menuTitle: text, description: "Use tab keys to navigate. Press Escape to close." },
+        React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", menuTitle: text, description: "Use tab keys to navigate. Press Escape to close." },
             React__default.createElement("div", { className: "arc-NavigationHeaderCategoryLinks" },
                 React__default.createElement(NavigationHeaderPanelHeading, __assign({}, panelHeading)),
                 React__default.createElement("div", { className: "arc-NavigationHeaderCategoryLinks-container" }, items.map(function (item, i) { return (React__default.createElement("div", { key: "".concat(id, "-NavigationHeader-category-link-item-").concat(i) },
@@ -30807,7 +30812,7 @@ var NavigationHeaderSearchMenu = function (_a) {
     return (React__default.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
         React__default.createElement(NavigationHeaderSubnavTrigger, { asChild: true },
             React__default.createElement(NavigationHeaderAction, { title: triggerTooltip, ariaLabel: triggerAriaLabel, icon: React__default.createElement(ThemeIcon, { icon: "navigationHeaderSearch", size: 24 }) })),
-        React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevated", menuTitle: accessibleMenuTitle, description: "Use tab keys to navigate. Press Escape to close." },
+        React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", menuTitle: accessibleMenuTitle, description: "Use tab keys to navigate. Press Escape to close." },
             React__default.createElement("div", { className: "arc-NavigationHeaderSearchMenu" },
                 React__default.createElement("div", { className: "arc-NavigationHeaderSearchMenu-labelContainer" },
                     React__default.createElement("label", { htmlFor: id },