@arc-ui/components 13.6.0 → 13.8.0

package/lib/VideoPlayer/styles.css

@@ -1 +1 @@
-.arc-v13-6-0 .arc .arc-VideoPlayer{height:100%;width:100%}.arc-v13-6-0 .arc .arc-VideoPlayer-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.arc-v13-6-0 .arc .arc-VideoPlayer-wrapper--borderRadius{border-radius:var(--video-player-border-radius)}.arc-v13-6-0 .arc .arc-VideoPlayer iframe{border:none;height:100%;width:100%}.arc-v13-6-0 .arc .arc-VideoPlayer-iconContainer{align-items:center;background:var(--video-player-color-icon-bg);border-radius:50%;display:flex;height:var(--video-player-size-icon-m);justify-content:center;transition:0.4s ease opacity;width:var(--video-player-size-icon-m)}.arc-v13-6-0 .arc .arc-VideoPlayer-icon{color:var(--video-player-color-icon-fg);height:var(--video-player-size-icon-s);width:var(--video-player-size-icon-s)}.arc-v13-6-0 .arc .arc-VideoPlayer-transcriptSectionHeading{display:inline}
+.arc-v13-8-0 .arc .arc-VideoPlayer{height:100%;width:100%}.arc-v13-8-0 .arc .arc-VideoPlayer-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.arc-v13-8-0 .arc .arc-VideoPlayer-wrapper--borderRadius{border-radius:var(--video-player-border-radius)}.arc-v13-8-0 .arc .arc-VideoPlayer iframe{border:none;height:100%;width:100%}.arc-v13-8-0 .arc .arc-VideoPlayer-iconContainer{align-items:center;background:var(--video-player-color-icon-bg);border-radius:50%;display:flex;height:var(--video-player-size-icon-m);justify-content:center;transition:0.4s ease opacity;width:var(--video-player-size-icon-m)}.arc-v13-8-0 .arc .arc-VideoPlayer-icon{color:var(--video-player-color-icon-fg);height:var(--video-player-size-icon-s);width:var(--video-player-size-icon-s)}.arc-v13-8-0 .arc .arc-VideoPlayer-transcriptSectionHeading{display:inline}

package/lib/Visible/styles.css

@@ -1 +1 @@
-.arc-v13-6-0 .arc .arc-Visible{display:none;min-height:inherit}.arc-v13-6-0 .arc .arc-Visible--xs{display:block}@media (min-width:636px){.arc-v13-6-0 .arc .arc-Visible--xs{display:none}.arc-v13-6-0 .arc .arc-Visible--s{display:block}}@media (min-width:768px){.arc-v13-6-0 .arc .arc-Visible--s{display:none}.arc-v13-6-0 .arc .arc-Visible--m{display:block}}@media (min-width:1024px){.arc-v13-6-0 .arc .arc-Visible--m{display:none}.arc-v13-6-0 .arc .arc-Visible--l{display:block}}@media (min-width:1280px){.arc-v13-6-0 .arc .arc-Visible--l{display:none}.arc-v13-6-0 .arc .arc-Visible--xl{display:block}}@media (min-width:1440px){.arc-v13-6-0 .arc .arc-Visible--xl{display:none}.arc-v13-6-0 .arc .arc-Visible--xxl{display:block}}
+.arc-v13-8-0 .arc .arc-Visible{display:none;min-height:inherit}.arc-v13-8-0 .arc .arc-Visible--xs{display:block}@media (min-width:636px){.arc-v13-8-0 .arc .arc-Visible--xs{display:none}.arc-v13-8-0 .arc .arc-Visible--s{display:block}}@media (min-width:768px){.arc-v13-8-0 .arc .arc-Visible--s{display:none}.arc-v13-8-0 .arc .arc-Visible--m{display:block}}@media (min-width:1024px){.arc-v13-8-0 .arc .arc-Visible--m{display:none}.arc-v13-8-0 .arc .arc-Visible--l{display:block}}@media (min-width:1280px){.arc-v13-8-0 .arc .arc-Visible--l{display:none}.arc-v13-8-0 .arc .arc-Visible--xl{display:block}}@media (min-width:1440px){.arc-v13-8-0 .arc .arc-Visible--xl{display:none}.arc-v13-8-0 .arc .arc-Visible--xxl{display:block}}

package/lib/VisuallyHidden/styles.css

@@ -1 +1 @@
-.arc-v13-6-0 .arc .arc-VisuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:"normal"}
+.arc-v13-8-0 .arc .arc-VisuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:"normal"}

package/lib/_shared/cjs/{Avatar-CCKArHo9.cjs → Avatar-CZWcGXSS.cjs}

@@ -7,8 +7,8 @@ var filterAttrs = require('./filter-attrs-D19P2s1V.cjs');
 var ConditionalWrapper = require('./ConditionalWrapper-Cl6kgjCL.cjs');
 var VisuallyHidden = require('./VisuallyHidden-CQg3cOVK.cjs');
 var ThemeIcon = require('./ThemeIcon-CwYN77IF.cjs');
-var Image = require('./Image-MS1rBzbW.cjs');
-var Heading = require('./Heading-BYBmZkmS.cjs');
+var Image = require('./Image-CSe0KpDN.cjs');
+var Heading = require('./Heading-CQ6V8dWX.cjs');
 
 var AvatarContent = function (_a) {
     var img = _a.img, initials = _a.initials, _b = _a.size, size = _b === void 0 ? "xl" : _b;

package/lib/_shared/cjs/{BannerImage-CYHLvtfL.cjs → BannerImage-qK8-w9rt.cjs}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
-var Image = require('./Image-MS1rBzbW.cjs');
+var Image = require('./Image-CSe0KpDN.cjs');
 
 var BannerImage = function (_a) {
     var sources = _a.sources, ariaHidden = _a.ariaHidden, props = tslib_es6.__rest(_a, ["sources", "ariaHidden"]);

package/lib/_shared/cjs/{Calendar-CqPPjLch.cjs → Calendar-Q9uMzEz3.cjs}

@@ -3,13 +3,13 @@
 var tslib_es6 = require('./tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index = require('./index-BLRjGROQ.cjs');
-var index_es = require('./index.es-BnOhp0wZ.cjs');
+var index_es = require('./index.es-BCRii7UY.cjs');
 var filterAttrs = require('./filter-attrs-D19P2s1V.cjs');
 var useMediaQuery = require('./use-media-query-BJV2IbHi.cjs');
 var index$1 = require('./index-CTlXMLug.cjs');
 require('./index-DR8Rkav9.cjs');
 var Surface = require('./Surface-DIU5ciDT.cjs');
-var Heading = require('./Heading-BYBmZkmS.cjs');
+var Heading = require('./Heading-CQ6V8dWX.cjs');
 var Text = require('./Text-jwsn80lQ.cjs');
 var VisuallyHidden = require('./VisuallyHidden-CQg3cOVK.cjs');
 var ThemeIcon = require('./ThemeIcon-CwYN77IF.cjs');

package/lib/_shared/cjs/{CardHeading-DYXhbbAA.cjs → CardHeading-Bpf5n0XL.cjs}

@@ -4,13 +4,15 @@ var tslib_es6 = require('./tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index = require('./index-CTlXMLug.cjs');
 var filterAttrs = require('./filter-attrs-D19P2s1V.cjs');
-var Heading = require('./Heading-BYBmZkmS.cjs');
+var Heading = require('./Heading-CQ6V8dWX.cjs');
 
 /** 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.createElement(Heading.Heading, { level: headingLevel, size: size, isWordWrap: headingWordWrap }, href ? (React.createElement("a", tslib_es6.__assign({ className: index.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.filterAttrs(linkData)), heading)) : (heading)));
 };
 

package/lib/_shared/cjs/{Heading-BYBmZkmS.cjs → Heading-CQ6V8dWX.cjs}

@@ -14,7 +14,7 @@ var SemanticHeading = require('./SemanticHeading-C1-fyc3V.cjs');
  */
 var Heading = function (_a) {
     var _b;
-    var _c = _a.align, align = _c === void 0 ? "left" : _c, _d = _a.casing, casing = _d === void 0 ? "auto" : _d, _e = _a.color, color = _e === void 0 ? "auto" : _e, children = _a.children, level = _a.level, isInline = _a.isInline, _f = _a.fontStyle, fontStyle = _f === void 0 ? "default" : _f, _g = _a.isResponsive, isResponsive = _g === void 0 ? true : _g, _h = _a.isWordWrap, isWordWrap = _h === void 0 ? true : _h, size = _a.size, id = _a.id, props = tslib_es6.__rest(_a, ["align", "casing", "color", "children", "level", "isInline", "fontStyle", "isResponsive", "isWordWrap", "size", "id"]);
+    var _c = _a.align, align = _c === void 0 ? "left" : _c, _d = _a.casing, casing = _d === void 0 ? "auto" : _d, _e = _a.color, color = _e === void 0 ? "auto" : _e, children = _a.children, level = _a.level, isInline = _a.isInline, _f = _a.fontStyle, fontStyle = _f === void 0 ? "default" : _f, _g = _a.isResponsive, isResponsive = _g === void 0 ? true : _g, _h = _a.isWordWrap, isWordWrap = _h === void 0 ? false : _h, size = _a.size, id = _a.id, props = tslib_es6.__rest(_a, ["align", "casing", "color", "children", "level", "isInline", "fontStyle", "isResponsive", "isWordWrap", "size", "id"]);
     var surface = React.useContext(Surface.Context).surface;
     return (React.createElement(SemanticHeading.SemanticHeading, tslib_es6.__assign({ id: id, level: level, className: index.classNames("arc-Heading", "arc-Heading--".concat(index$1.camelcase(fontStyle)), (_b = {
                 "arc-Heading--wrap": isWordWrap,

package/lib/_shared/cjs/{Image-MS1rBzbW.cjs → Image-CSe0KpDN.cjs}

@@ -23,7 +23,7 @@ var Image = function (_a) {
         "arc-Image-img--fade": fadeOnLoad,
         "arc-Image-img--fadeVisible": fadeOnLoad && visible,
     };
-    var img = (React.createElement("img", { ref: imageRef, className: index.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.createElement("img", { ref: imageRef, className: index.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.createElement("div", tslib_es6.__assign({ className: index.classNames((_b = {
                 "arc-Image": true,
                 "arc-Image--cover": fit === "cover"

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

@@ -5,13 +5,13 @@ 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-CKOioYEI.cjs');
+var arcBreakpoints = require('./arc-breakpoints-tsWgo8xz.cjs');
 var VerticalSpace = require('./VerticalSpace-DLQUYsvc.cjs');
 var Box = require('./Box-Va2g7Gdp.cjs');
-var Heading = require('./Heading-BYBmZkmS.cjs');
+var Heading = require('./Heading-CQ6V8dWX.cjs');
 var GridRow = require('./GridRow-l_SePUqV.cjs');
 require('./index-DR8Rkav9.cjs');
-var BannerImage = require('./BannerImage-CYHLvtfL.cjs');
+var BannerImage = require('./BannerImage-qK8-w9rt.cjs');
 var Visible = require('./Visible-Ca2H20zc.cjs');
 
 var BannerRow = function (_a) {