@arc-ui/components 13.6.0 → 13.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/lib/Alert/styles.css +1 -1
  2. package/lib/Align/styles.css +1 -1
  3. package/lib/AppButton/styles.css +1 -1
  4. package/lib/Avatar/Avatar.cjs +3 -3
  5. package/lib/Avatar/Avatar.mjs +3 -3
  6. package/lib/Avatar/styles.css +1 -1
  7. package/lib/AvatarGroup/AvatarGroup.cjs +3 -3
  8. package/lib/AvatarGroup/AvatarGroup.mjs +3 -3
  9. package/lib/AvatarGroup/styles.css +1 -1
  10. package/lib/Badge/styles.css +1 -1
  11. package/lib/Banner/Banner.cjs +6 -6
  12. package/lib/Banner/Banner.mjs +6 -6
  13. package/lib/Box/styles.css +1 -1
  14. package/lib/BrandLogo/styles.css +1 -1
  15. package/lib/Breadcrumbs/styles.css +1 -1
  16. package/lib/Button/styles.css +1 -1
  17. package/lib/ButtonGroup/styles.css +1 -1
  18. package/lib/ButtonV2/styles.css +1 -1
  19. package/lib/Calendar/Calendar.cjs +3 -3
  20. package/lib/Calendar/Calendar.mjs +3 -3
  21. package/lib/Calendar/styles.css +1 -1
  22. package/lib/CardFooter/styles.css +1 -1
  23. package/lib/CardHeading/CardHeading.cjs +2 -2
  24. package/lib/CardHeading/CardHeading.mjs +2 -2
  25. package/lib/CardHeading/styles.css +1 -1
  26. package/lib/Carousel/Carousel.cjs +1 -1
  27. package/lib/Carousel/Carousel.mjs +1 -1
  28. package/lib/Carousel/styles.css +1 -1
  29. package/lib/Checkbox/styles.css +1 -1
  30. package/lib/CheckboxIcon/styles.css +1 -1
  31. package/lib/Columns/styles.css +1 -1
  32. package/lib/ComboBox/styles.css +1 -1
  33. package/lib/ContentSwitcher/styles.css +1 -1
  34. package/lib/ContentSwitcherDropdown/styles.css +1 -1
  35. package/lib/DatePicker/DatePicker.cjs +3 -3
  36. package/lib/DatePicker/DatePicker.mjs +3 -3
  37. package/lib/DatePicker/styles.css +1 -1
  38. package/lib/Disclosure/Disclosure.cjs +1 -1
  39. package/lib/Disclosure/Disclosure.mjs +1 -1
  40. package/lib/Disclosure/styles.css +1 -1
  41. package/lib/DisclosureMini/styles.css +1 -1
  42. package/lib/Download/styles.css +1 -1
  43. package/lib/Drawer/Drawer.cjs +1 -1
  44. package/lib/Drawer/Drawer.mjs +1 -1
  45. package/lib/Drawer/styles.css +1 -1
  46. package/lib/Elevation/styles.css +1 -1
  47. package/lib/Filter/styles.css +1 -1
  48. package/lib/FormControl/styles.css +1 -1
  49. package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs +3 -3
  50. package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs +3 -3
  51. package/lib/GhostedHeroBanner/styles.css +1 -1
  52. package/lib/GradientPageBackground/GradientPageBackground.cjs +2 -2
  53. package/lib/GradientPageBackground/GradientPageBackground.mjs +2 -2
  54. package/lib/GradientPageBackground/styles.css +1 -1
  55. package/lib/Grid/styles.css +1 -1
  56. package/lib/Group/styles.css +1 -1
  57. package/lib/Heading/Heading.cjs +1 -1
  58. package/lib/Heading/Heading.mjs +1 -1
  59. package/lib/Heading/styles.css +1 -1
  60. package/lib/HeroBanner/HeroBanner.cjs +6 -6
  61. package/lib/HeroBanner/HeroBanner.mjs +6 -6
  62. package/lib/HeroBanner/styles.css +1 -1
  63. package/lib/HeroButton/styles.css +1 -1
  64. package/lib/HeroVideoBanner/HeroVideoBanner.cjs +58 -0
  65. package/lib/HeroVideoBanner/HeroVideoBanner.mjs +56 -0
  66. package/lib/HeroVideoBanner/styles.css +1 -0
  67. package/lib/Hidden/styles.css +1 -1
  68. package/lib/HorizontalCard/HorizontalCard.cjs +4 -4
  69. package/lib/HorizontalCard/HorizontalCard.mjs +4 -4
  70. package/lib/HorizontalCard/styles.css +1 -1
  71. package/lib/Icon/styles.css +1 -1
  72. package/lib/Image/Image.cjs +1 -1
  73. package/lib/Image/Image.mjs +1 -1
  74. package/lib/Image/styles.css +1 -1
  75. package/lib/ImpactCard/ImpactCard.cjs +4 -4
  76. package/lib/ImpactCard/ImpactCard.mjs +4 -4
  77. package/lib/ImpactCard/styles.css +1 -1
  78. package/lib/InformationCard/InformationCard.cjs +6 -6
  79. package/lib/InformationCard/InformationCard.mjs +6 -6
  80. package/lib/InformationCard/styles.css +1 -1
  81. package/lib/Link/styles.css +1 -1
  82. package/lib/Markup/styles.css +1 -1
  83. package/lib/MediaCard/MediaCard.cjs +4 -4
  84. package/lib/MediaCard/MediaCard.mjs +4 -4
  85. package/lib/MediaCard/styles.css +1 -1
  86. package/lib/Menu/styles.css +1 -1
  87. package/lib/Modal/Modal.cjs +1 -1
  88. package/lib/Modal/Modal.mjs +1 -1
  89. package/lib/Modal/styles.css +1 -1
  90. package/lib/NavigationHeader/NavigationHeader.cjs +3 -3
  91. package/lib/NavigationHeader/NavigationHeader.mjs +3 -3
  92. package/lib/NavigationHeader/styles.css +1 -1
  93. package/lib/Pagination/styles.css +1 -1
  94. package/lib/PaginationSimple/styles.css +1 -1
  95. package/lib/Popover/styles.css +1 -1
  96. package/lib/Poster/Poster.cjs +1 -1
  97. package/lib/Poster/Poster.mjs +1 -1
  98. package/lib/Poster/styles.css +1 -1
  99. package/lib/ProgressBar/ProgressBar.cjs +1 -1
  100. package/lib/ProgressBar/ProgressBar.mjs +1 -1
  101. package/lib/ProgressBar/styles.css +1 -1
  102. package/lib/ProgressStepper/styles.css +1 -1
  103. package/lib/ProgressStepperOverflow/styles.css +1 -1
  104. package/lib/RadioCardGroup/styles.css +1 -1
  105. package/lib/RadioGroup/styles.css +1 -1
  106. package/lib/Rule/styles.css +1 -1
  107. package/lib/ScrollToTop/styles.css +1 -1
  108. package/lib/Section/styles.css +1 -1
  109. package/lib/Select/styles.css +1 -1
  110. package/lib/SemanticButton/styles.css +1 -1
  111. package/lib/SemanticHeading/styles.css +1 -1
  112. package/lib/SemanticLink/styles.css +1 -1
  113. package/lib/SiteFooter/styles.css +1 -1
  114. package/lib/SiteFooterV2/styles.css +1 -1
  115. package/lib/SiteHeaderV2/SiteHeaderV2.cjs +1 -1
  116. package/lib/SiteHeaderV2/SiteHeaderV2.mjs +1 -1
  117. package/lib/SiteHeaderV2/styles.css +1 -1
  118. package/lib/Skeleton/styles.css +1 -1
  119. package/lib/SkipLink/styles.css +1 -1
  120. package/lib/Spacing/styles.css +1 -1
  121. package/lib/Spinner/styles.css +1 -1
  122. package/lib/Surface/styles.css +1 -1
  123. package/lib/Switch/styles.css +1 -1
  124. package/lib/TabbedBanner/TabbedBanner.cjs +6 -6
  125. package/lib/TabbedBanner/TabbedBanner.mjs +6 -6
  126. package/lib/TabbedBanner/styles.css +1 -1
  127. package/lib/Tabs/styles.css +1 -1
  128. package/lib/Tag/styles.css +1 -1
  129. package/lib/TemplateBanner/TemplateBanner.cjs +6 -6
  130. package/lib/TemplateBanner/TemplateBanner.mjs +6 -6
  131. package/lib/TemplateBanner/styles.css +1 -1
  132. package/lib/Text/styles.css +1 -1
  133. package/lib/TextArea/styles.css +1 -1
  134. package/lib/TextInput/styles.css +1 -1
  135. package/lib/Theme/Theme.cjs +1 -1
  136. package/lib/Theme/Theme.mjs +1 -1
  137. package/lib/Theme/styles.css +1 -1
  138. package/lib/ThemeIcon/styles.css +1 -1
  139. package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +1 -1
  140. package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +1 -1
  141. package/lib/ThumbnailSignpost/styles.css +1 -1
  142. package/lib/Toast/styles.css +1 -1
  143. package/lib/Tooltip/styles.css +1 -1
  144. package/lib/Truncate/styles.css +1 -1
  145. package/lib/TypographyCard/TypographyCard.cjs +3 -3
  146. package/lib/TypographyCard/TypographyCard.mjs +3 -3
  147. package/lib/TypographyCard/styles.css +1 -1
  148. package/lib/UniversalHeader/styles.css +1 -1
  149. package/lib/VerticalSpace/styles.css +1 -1
  150. package/lib/VideoPlayer/VideoPlayer.cjs +13 -3202
  151. package/lib/VideoPlayer/VideoPlayer.mjs +12 -3205
  152. package/lib/VideoPlayer/styles.css +1 -1
  153. package/lib/Visible/styles.css +1 -1
  154. package/lib/VisuallyHidden/styles.css +1 -1
  155. package/lib/_shared/cjs/{Avatar-CCKArHo9.cjs → Avatar-CZWcGXSS.cjs} +2 -2
  156. package/lib/_shared/cjs/{BannerImage-CYHLvtfL.cjs → BannerImage-qK8-w9rt.cjs} +1 -1
  157. package/lib/_shared/cjs/{Calendar-CqPPjLch.cjs → Calendar-Q9uMzEz3.cjs} +2 -2
  158. package/lib/_shared/cjs/{CardHeading-DYXhbbAA.cjs → CardHeading-Bpf5n0XL.cjs} +4 -2
  159. package/lib/_shared/cjs/{Heading-BYBmZkmS.cjs → Heading-CQ6V8dWX.cjs} +1 -1
  160. package/lib/_shared/cjs/{Image-MS1rBzbW.cjs → Image-CSe0KpDN.cjs} +1 -1
  161. package/lib/_shared/cjs/{TemplateBanner-D8xDnzJO.cjs → TemplateBanner-F_Rg2_Cz.cjs} +3 -3
  162. package/lib/_shared/cjs/VideoPlayer-twcsIdyi.cjs +3207 -0
  163. package/lib/_shared/cjs/{arc-breakpoints-CKOioYEI.cjs → arc-breakpoints-tsWgo8xz.cjs} +1 -1
  164. package/lib/_shared/cjs/{index.es-BnOhp0wZ.cjs → index.es-BCRii7UY.cjs} +1 -1
  165. package/lib/_shared/esm/{Avatar-BgK-wY7Z.mjs → Avatar-CSuCV2yI.mjs} +2 -2
  166. package/lib/_shared/esm/{BannerImage-BdPAHkVD.mjs → BannerImage-CgjgaYkJ.mjs} +1 -1
  167. package/lib/_shared/esm/{Calendar-DgImakXH.mjs → Calendar-DwD_EyRo.mjs} +2 -2
  168. package/lib/_shared/esm/{CardHeading-qBsGPj6s.mjs → CardHeading-CXUirbtk.mjs} +4 -2
  169. package/lib/_shared/esm/{Heading-Da-o0d5x.mjs → Heading-Cy5w6sbI.mjs} +1 -1
  170. package/lib/_shared/esm/{Image-DLYifxlu.mjs → Image-LemsonUX.mjs} +1 -1
  171. package/lib/_shared/esm/{TemplateBanner-5obP5L54.mjs → TemplateBanner-DdtVEQjE.mjs} +3 -3
  172. package/lib/_shared/esm/VideoPlayer-D0PmRdOH.mjs +3205 -0
  173. package/lib/_shared/esm/{arc-breakpoints-BvCeGLhq.mjs → arc-breakpoints-YfOePBVY.mjs} +1 -1
  174. package/lib/_shared/esm/{index.es-BrDxKTzB.mjs → index.es-DiB7SLf_.mjs} +1 -1
  175. package/lib/index.cjs +7999 -7959
  176. package/lib/index.cjs.map +1 -1
  177. package/lib/index.d.cts +95 -50
  178. package/lib/index.d.mts +95 -50
  179. package/lib/index.js.map +1 -1
  180. package/lib/index.mjs +7998 -7959
  181. package/lib/index.mjs.map +1 -1
  182. package/lib/styles.css +5 -3
  183. package/package.json +6 -6
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index_es = require('./index.es-BnOhp0wZ.cjs');
3
+ var index_es = require('./index.es-BCRii7UY.cjs');
4
4
 
5
5
  /**
6
6
  * Provides an object of breakpoints for responsive designs.
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * Do not edit directly
5
- * Generated on Mon, 16 Mar 2026 11:14:01 GMT
5
+ * Generated on Fri, 10 Apr 2026 14:35:57 GMT
6
6
  */
7
7
  var ArcSizeBreakpointsXs = "320px";
8
8
  var ArcSizeBreakpointsS = "636px";
@@ -5,8 +5,8 @@ import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
5
5
  import { C as ConditionalWrapper } from './ConditionalWrapper-CbEvXHTj.mjs';
6
6
  import { V as VisuallyHidden } from './VisuallyHidden-aSQ4RA1o.mjs';
7
7
  import { T as ThemeIcon } from './ThemeIcon-B0n6cKRb.mjs';
8
- import { I as Image } from './Image-DLYifxlu.mjs';
9
- import { H as Heading } from './Heading-Da-o0d5x.mjs';
8
+ import { I as Image } from './Image-LemsonUX.mjs';
9
+ import { H as Heading } from './Heading-Cy5w6sbI.mjs';
10
10
 
11
11
  var AvatarContent = function (_a) {
12
12
  var img = _a.img, initials = _a.initials, _b = _a.size, size = _b === void 0 ? "xl" : _b;
@@ -1,6 +1,6 @@
1
1
  import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
2
2
  import React__default from 'react';
3
- import { I as Image } from './Image-DLYifxlu.mjs';
3
+ import { I as Image } from './Image-LemsonUX.mjs';
4
4
 
5
5
  var BannerImage = function (_a) {
6
6
  var sources = _a.sources, ariaHidden = _a.ariaHidden, props = __rest(_a, ["sources", "ariaHidden"]);
@@ -1,13 +1,13 @@
1
1
  import { b as __spreadArray, a as __assign, _ as __rest } from './tslib.es6-w7hdJ3oZ.mjs';
2
2
  import React__default, { createContext, useContext, useCallback, useRef, useState, useReducer, useEffect } from 'react';
3
3
  import { r as requiredArgs, t as toDate, b as toInteger, _ as _typeof, g as getDefaultOptions, f as format } from './index-Cr6KeQLU.mjs';
4
- import { c as ArcSizeBreakpointsM } from './index.es-BrDxKTzB.mjs';
4
+ import { c as ArcSizeBreakpointsM } from './index.es-DiB7SLf_.mjs';
5
5
  import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
6
6
  import { u as useMediaQuery } from './use-media-query-l6Sou0dd.mjs';
7
7
  import { c as classNames } from './index-5C0-U8cc.mjs';
8
8
  import './index-Spae4j7j.mjs';
9
9
  import { S as Surface } from './Surface-C69KVzkY.mjs';
10
- import { H as Heading } from './Heading-Da-o0d5x.mjs';
10
+ import { H as Heading } from './Heading-Cy5w6sbI.mjs';
11
11
  import { T as Text } from './Text-BAzOkkzN.mjs';
12
12
  import { V as VisuallyHidden } from './VisuallyHidden-aSQ4RA1o.mjs';
13
13
  import { T as ThemeIcon } from './ThemeIcon-B0n6cKRb.mjs';
@@ -2,13 +2,15 @@ import { a as __assign } from './tslib.es6-w7hdJ3oZ.mjs';
2
2
  import React__default from 'react';
3
3
  import { c as classNames } from './index-5C0-U8cc.mjs';
4
4
  import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
5
- import { H as Heading } from './Heading-Da-o0d5x.mjs';
5
+ import { H as Heading } from './Heading-Cy5w6sbI.mjs';
6
6
 
7
7
  /** Use `CardHeading` internally within card components to display a title, icon, or leading content at the top of a card. */
8
8
  var CardHeading = function (_a) {
9
- 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;
9
+ 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;
10
10
  return (React__default.createElement(Heading, { level: headingLevel, size: size, isWordWrap: headingWordWrap }, href ? (React__default.createElement("a", __assign({ className: classNames("arc-CardHeading-link", {
11
11
  "arc-CardHeading--isUncontained": !isContained,
12
+ "arc-CardHeading--isHovered": isHovered,
13
+ "arc-CardHeading--isDarkPathway": isDarkPathway,
12
14
  }), href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterAttrs(linkData)), heading)) : (heading)));
13
15
  };
14
16
 
@@ -12,7 +12,7 @@ import { S as SemanticHeading } from './SemanticHeading-DpEBq7pG.mjs';
12
12
  */
13
13
  var Heading = function (_a) {
14
14
  var _b;
15
- 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 = __rest(_a, ["align", "casing", "color", "children", "level", "isInline", "fontStyle", "isResponsive", "isWordWrap", "size", "id"]);
15
+ 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 = __rest(_a, ["align", "casing", "color", "children", "level", "isInline", "fontStyle", "isResponsive", "isWordWrap", "size", "id"]);
16
16
  var surface = useContext(Context).surface;
17
17
  return (React__default.createElement(SemanticHeading, __assign({ id: id, level: level, className: classNames("arc-Heading", "arc-Heading--".concat(camelcase(fontStyle)), (_b = {
18
18
  "arc-Heading--wrap": isWordWrap,
@@ -21,7 +21,7 @@ var Image = function (_a) {
21
21
  "arc-Image-img--fade": fadeOnLoad,
22
22
  "arc-Image-img--fadeVisible": fadeOnLoad && visible,
23
23
  };
24
- 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 }));
24
+ 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 }));
25
25
  return (React__default.createElement("div", __assign({ className: classNames((_b = {
26
26
  "arc-Image": true,
27
27
  "arc-Image--cover": fit === "cover"
@@ -3,13 +3,13 @@ import React__default, { useState, useEffect } from 'react';
3
3
  import { c as classNames } from './index-5C0-U8cc.mjs';
4
4
  import { d as debounce } from './debounce-D_Nx5go6.mjs';
5
5
  import { f as filterAttrs } from './filter-attrs-v_SweZXP.mjs';
6
- import { A as ArcBreakpoints } from './arc-breakpoints-BvCeGLhq.mjs';
6
+ import { A as ArcBreakpoints } from './arc-breakpoints-YfOePBVY.mjs';
7
7
  import { V as VerticalSpace } from './VerticalSpace-BLWB02I7.mjs';
8
8
  import { B as Box } from './Box-C8iK8x5c.mjs';
9
- import { H as Heading } from './Heading-Da-o0d5x.mjs';
9
+ import { H as Heading } from './Heading-Cy5w6sbI.mjs';
10
10
  import { b as GridRow, G as Grid, a as GridCol } from './GridRow-vjacXnq0.mjs';
11
11
  import './index-Spae4j7j.mjs';
12
- import { B as BannerImage } from './BannerImage-BdPAHkVD.mjs';
12
+ import { B as BannerImage } from './BannerImage-CgjgaYkJ.mjs';
13
13
  import { V as Visible } from './Visible-C4eEyTBM.mjs';
14
14
 
15
15
  var BannerRow = function (_a) {