@arc-ui/components 13.7.0 → 13.8.0

package/lib/index.mjs

@@ -647,7 +647,7 @@ var Image = function (_a) {
         "arc-Image-img--fade": fadeOnLoad,
         "arc-Image-img--fadeVisible": fadeOnLoad && visible,
     };
-    var img = (React__default.createElement("img", { ref: imageRef, className: classNames("arc-Image-img", animationClasses), alt: alt, height: fit === "cover" ? undefined : height, loading: loading, sizes: children ? undefined : sizes, src: src, srcSet: children ? undefined : srcSet, width: fit === "cover" ? undefined : width, fetchpriority: fetchPriority }));
+    var img = (React__default.createElement("img", { ref: imageRef, className: classNames("arc-Image-img", animationClasses), alt: alt, height: fit === "cover" ? undefined : height, loading: loading, sizes: children ? undefined : sizes, src: src, srcSet: children ? undefined : srcSet, width: fit === "cover" ? undefined : width, fetchPriority: fetchPriority }));
     return (React__default.createElement("div", __assign({ className: classNames((_b = {
                 "arc-Image": true,
                 "arc-Image--cover": fit === "cover"
@@ -1403,7 +1403,7 @@ var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
 
 /**
  * Do not edit directly
- * Generated on Thu, 26 Mar 2026 15:14:44 GMT
+ * Generated on Fri, 10 Apr 2026 14:35:57 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";
@@ -22169,8 +22169,8 @@ var VideoPlayer$1 = function (_a) {
         React__default.createElement("div", { "data-testid": "arc-video-player", className: classNames("arc-VideoPlayer-wrapper", {
                 "arc-VideoPlayer-wrapper--borderRadius": isBorderRadius,
             }) }, isVimeo
-            ? isClient && React__default.createElement(ReactPlayerVimeo, __assign({}, playerProps))
-            : isClient && React__default.createElement(ReactPlayerYoutube, __assign({}, playerProps))),
+            ? isClient && (React__default.createElement(ReactPlayerVimeo, __assign({}, playerProps, { config: { playerOptions: { playsinline: true } } })))
+            : isClient && (React__default.createElement(ReactPlayerYoutube, __assign({}, playerProps, { config: { playerVars: { playsinline: 1 } } })))),
         React__default.createElement(TextWrapper, null,
             React__default.createElement(VerticalSpace, { size: "24" }),
             React__default.createElement(Heading, { level: "3", size: "s", isWordWrap: titleWordWrap }, title),
@@ -22279,9 +22279,11 @@ var CardFooter = function (_a) {
 
 /** Use `CardHeading` internally within card components to display a title, icon, or leading content at the top of a card. */
 var CardHeading = function (_a) {
-    var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, _e = _a.headingWordWrap, headingWordWrap = _e === void 0 ? false : _e, _f = _a.isContained, isContained = _f === void 0 ? true : _f;
+    var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, _e = _a.headingWordWrap, headingWordWrap = _e === void 0 ? false : _e, _f = _a.isContained, isContained = _f === void 0 ? true : _f, _g = _a.isHovered, isHovered = _g === void 0 ? false : _g, _h = _a.isDarkPathway, isDarkPathway = _h === void 0 ? false : _h;
     return (React__default.createElement(Heading, { level: headingLevel, size: size, isWordWrap: headingWordWrap }, href ? (React__default.createElement("a", __assign({ className: classNames("arc-CardHeading-link", {
             "arc-CardHeading--isUncontained": !isContained,
+            "arc-CardHeading--isHovered": isHovered,
+            "arc-CardHeading--isDarkPathway": isDarkPathway,
         }), href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterAttrs(linkData)), heading)) : (heading)));
 };
 
@@ -22297,7 +22299,7 @@ var HorizontalCard = function (_a) {
             React__default.createElement(Image, __assign({ fit: "cover", anchor: "C" }, img)))),
         React__default.createElement("div", { className: "arc-HorizontalCard-content" },
             React__default.createElement(VerticalSpace, { size: "12" }),
-            React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) }),
+            React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), isHovered: showHoverState }),
             React__default.createElement(VerticalSpace, { size: "12" }),
             React__default.createElement(Text, null, text),
             React__default.createElement(VerticalSpace, { size: "24" }),
@@ -22338,7 +22340,7 @@ var ImpactCard = function (_a) {
                 label && (React__default.createElement("div", { className: "arc-ImpactCard-label" },
                     React__default.createElement(Heading, { level: labelLevel, fontStyle: "overline" }, label),
                     React__default.createElement(VerticalSpace, { size: "16" }))),
-                React__default.createElement(CardHeading, { heading: heading, size: headingSize, headingLevel: headingLevel, linkData: linkData, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap })),
+                React__default.createElement(CardHeading, { heading: heading, size: headingSize, headingLevel: headingLevel, linkData: linkData, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap, isHovered: showHoverState && !isDarkPathway })),
             React__default.createElement(CardFooter, { buttonIcon: buttonIcon, showButton: true, isDarkPathway: isDarkPathway, isHovered: showHoverState }))));
 };
 
@@ -22422,7 +22424,7 @@ var InformationCard = function (_a) {
                         label && (React__default.createElement(React__default.Fragment, null,
                             React__default.createElement("div", { className: "arc-InformationCard-label" },
                                 React__default.createElement(Heading, { level: labelLevel, fontStyle: "overline" }, label)))),
-                        React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, href: cardUrl, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap }),
+                        React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, href: cardUrl, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap, isHovered: showHoverState }),
                         text && React__default.createElement(CardText, { text: text })),
                     (button || badges || footerLogo) && (React__default.createElement("div", { className: "arc-InformationCard-footer" },
                         badges && (React__default.createElement(React__default.Fragment, null,
@@ -22508,7 +22510,7 @@ var MediaCard = function (_a) {
                     label && (React__default.createElement("div", { className: "arc-MediaCard-label" },
                         React__default.createElement(Heading, { level: labelLevel, fontStyle: "overline" }, label),
                         React__default.createElement(VerticalSpace, { size: "16" }))),
-                    React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, href: media.type !== "video" ? url : undefined, onClick: media.type !== "video" ? onClick : undefined, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap, isContained: isContained }),
+                    React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, href: media.type !== "video" ? url : undefined, onClick: media.type !== "video" ? onClick : undefined, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap, isContained: isContained, isHovered: showHoverState }),
                     !text && isContained && React__default.createElement(VerticalSpace, null),
                     React__default.createElement("div", { className: "arc-MediaCard-textContainer" }, text && (React__default.createElement(React__default.Fragment, null,
                         React__default.createElement(VerticalSpace, { size: "16" }),
@@ -26174,7 +26176,7 @@ var TextArea = function (_a) {
 var package_default = {
   name: "@arc-ui/helpers",
   private: true,
-  version: "13.7.0",
+  version: "13.8.0",
   type: "module",
   homepage: "https://ui.digital-ent-int.bt.com",
   author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
@@ -27283,7 +27285,7 @@ var TypographyCard = function (_a) {
                 label && (React__default.createElement("div", { className: "arc-TypographyCard-label" },
                     React__default.createElement(Heading, { level: labelLevel, fontStyle: "overline" }, label),
                     React__default.createElement(VerticalSpace, { size: "16" }))),
-                React__default.createElement(CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap }),
+                React__default.createElement(CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap, isHovered: showHoverState, isDarkPathway: isDarkPathway }),
                 text && (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(VerticalSpace, { size: "16" }),
                     React__default.createElement(CardText, { text: text })))),