@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.
- package/lib/Alert/styles.css +1 -1
- package/lib/Align/styles.css +1 -1
- package/lib/AppButton/styles.css +1 -1
- package/lib/Avatar/Avatar.cjs +3 -3
- package/lib/Avatar/Avatar.mjs +3 -3
- package/lib/Avatar/styles.css +1 -1
- package/lib/AvatarGroup/AvatarGroup.cjs +3 -3
- package/lib/AvatarGroup/AvatarGroup.mjs +3 -3
- package/lib/AvatarGroup/styles.css +1 -1
- package/lib/Badge/styles.css +1 -1
- package/lib/Banner/Banner.cjs +6 -6
- package/lib/Banner/Banner.mjs +6 -6
- package/lib/Box/styles.css +1 -1
- package/lib/BrandLogo/styles.css +1 -1
- package/lib/Breadcrumbs/styles.css +1 -1
- package/lib/Button/styles.css +1 -1
- package/lib/ButtonGroup/styles.css +1 -1
- package/lib/ButtonV2/styles.css +1 -1
- package/lib/Calendar/Calendar.cjs +3 -3
- package/lib/Calendar/Calendar.mjs +3 -3
- package/lib/Calendar/styles.css +1 -1
- package/lib/CardFooter/styles.css +1 -1
- package/lib/CardHeading/CardHeading.cjs +2 -2
- package/lib/CardHeading/CardHeading.mjs +2 -2
- package/lib/CardHeading/styles.css +1 -1
- package/lib/Carousel/Carousel.cjs +1 -1
- package/lib/Carousel/Carousel.mjs +1 -1
- package/lib/Carousel/styles.css +1 -1
- package/lib/Checkbox/styles.css +1 -1
- package/lib/CheckboxIcon/styles.css +1 -1
- package/lib/Columns/styles.css +1 -1
- package/lib/ComboBox/styles.css +1 -1
- package/lib/ContentSwitcher/styles.css +1 -1
- package/lib/ContentSwitcherDropdown/styles.css +1 -1
- package/lib/DatePicker/DatePicker.cjs +3 -3
- package/lib/DatePicker/DatePicker.mjs +3 -3
- package/lib/DatePicker/styles.css +1 -1
- package/lib/Disclosure/Disclosure.cjs +1 -1
- package/lib/Disclosure/Disclosure.mjs +1 -1
- package/lib/Disclosure/styles.css +1 -1
- package/lib/DisclosureMini/styles.css +1 -1
- package/lib/Download/styles.css +1 -1
- package/lib/Drawer/Drawer.cjs +1 -1
- package/lib/Drawer/Drawer.mjs +1 -1
- package/lib/Drawer/styles.css +1 -1
- package/lib/Elevation/styles.css +1 -1
- package/lib/Filter/styles.css +1 -1
- package/lib/FormControl/styles.css +1 -1
- package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs +3 -3
- package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs +3 -3
- package/lib/GhostedHeroBanner/styles.css +1 -1
- package/lib/GradientPageBackground/GradientPageBackground.cjs +2 -2
- package/lib/GradientPageBackground/GradientPageBackground.mjs +2 -2
- package/lib/GradientPageBackground/styles.css +1 -1
- package/lib/Grid/styles.css +1 -1
- package/lib/Group/styles.css +1 -1
- package/lib/Heading/Heading.cjs +1 -1
- package/lib/Heading/Heading.mjs +1 -1
- package/lib/Heading/styles.css +1 -1
- package/lib/HeroBanner/HeroBanner.cjs +6 -6
- package/lib/HeroBanner/HeroBanner.mjs +6 -6
- package/lib/HeroBanner/styles.css +1 -1
- package/lib/HeroButton/styles.css +1 -1
- package/lib/HeroVideoBanner/HeroVideoBanner.cjs +58 -0
- package/lib/HeroVideoBanner/HeroVideoBanner.mjs +56 -0
- package/lib/HeroVideoBanner/styles.css +1 -0
- package/lib/Hidden/styles.css +1 -1
- package/lib/HorizontalCard/HorizontalCard.cjs +4 -4
- package/lib/HorizontalCard/HorizontalCard.mjs +4 -4
- package/lib/HorizontalCard/styles.css +1 -1
- package/lib/Icon/styles.css +1 -1
- package/lib/Image/Image.cjs +1 -1
- package/lib/Image/Image.mjs +1 -1
- package/lib/Image/styles.css +1 -1
- package/lib/ImpactCard/ImpactCard.cjs +4 -4
- package/lib/ImpactCard/ImpactCard.mjs +4 -4
- package/lib/ImpactCard/styles.css +1 -1
- package/lib/InformationCard/InformationCard.cjs +6 -6
- package/lib/InformationCard/InformationCard.mjs +6 -6
- package/lib/InformationCard/styles.css +1 -1
- package/lib/Link/styles.css +1 -1
- package/lib/Markup/styles.css +1 -1
- package/lib/MediaCard/MediaCard.cjs +4 -4
- package/lib/MediaCard/MediaCard.mjs +4 -4
- package/lib/MediaCard/styles.css +1 -1
- package/lib/Menu/styles.css +1 -1
- package/lib/Modal/Modal.cjs +1 -1
- package/lib/Modal/Modal.mjs +1 -1
- package/lib/Modal/styles.css +1 -1
- package/lib/NavigationHeader/NavigationHeader.cjs +3 -3
- package/lib/NavigationHeader/NavigationHeader.mjs +3 -3
- package/lib/NavigationHeader/styles.css +1 -1
- package/lib/Pagination/styles.css +1 -1
- package/lib/PaginationSimple/styles.css +1 -1
- package/lib/Popover/styles.css +1 -1
- package/lib/Poster/Poster.cjs +1 -1
- package/lib/Poster/Poster.mjs +1 -1
- package/lib/Poster/styles.css +1 -1
- package/lib/ProgressBar/ProgressBar.cjs +1 -1
- package/lib/ProgressBar/ProgressBar.mjs +1 -1
- package/lib/ProgressBar/styles.css +1 -1
- package/lib/ProgressStepper/styles.css +1 -1
- package/lib/ProgressStepperOverflow/styles.css +1 -1
- package/lib/RadioCardGroup/styles.css +1 -1
- package/lib/RadioGroup/styles.css +1 -1
- package/lib/Rule/styles.css +1 -1
- package/lib/ScrollToTop/styles.css +1 -1
- package/lib/Section/styles.css +1 -1
- package/lib/Select/styles.css +1 -1
- package/lib/SemanticButton/styles.css +1 -1
- package/lib/SemanticHeading/styles.css +1 -1
- package/lib/SemanticLink/styles.css +1 -1
- package/lib/SiteFooter/styles.css +1 -1
- package/lib/SiteFooterV2/styles.css +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.cjs +1 -1
- package/lib/SiteHeaderV2/SiteHeaderV2.mjs +1 -1
- package/lib/SiteHeaderV2/styles.css +1 -1
- package/lib/Skeleton/styles.css +1 -1
- package/lib/SkipLink/styles.css +1 -1
- package/lib/Spacing/styles.css +1 -1
- package/lib/Spinner/styles.css +1 -1
- package/lib/Surface/styles.css +1 -1
- package/lib/Switch/styles.css +1 -1
- package/lib/TabbedBanner/TabbedBanner.cjs +6 -6
- package/lib/TabbedBanner/TabbedBanner.mjs +6 -6
- package/lib/TabbedBanner/styles.css +1 -1
- package/lib/Tabs/styles.css +1 -1
- package/lib/Tag/styles.css +1 -1
- package/lib/TemplateBanner/TemplateBanner.cjs +6 -6
- package/lib/TemplateBanner/TemplateBanner.mjs +6 -6
- package/lib/TemplateBanner/styles.css +1 -1
- package/lib/Text/styles.css +1 -1
- package/lib/TextArea/styles.css +1 -1
- package/lib/TextInput/styles.css +1 -1
- package/lib/Theme/Theme.cjs +1 -1
- package/lib/Theme/Theme.mjs +1 -1
- package/lib/Theme/styles.css +1 -1
- package/lib/ThemeIcon/styles.css +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +1 -1
- package/lib/ThumbnailSignpost/styles.css +1 -1
- package/lib/Toast/styles.css +1 -1
- package/lib/Tooltip/styles.css +1 -1
- package/lib/Truncate/styles.css +1 -1
- package/lib/TypographyCard/TypographyCard.cjs +3 -3
- package/lib/TypographyCard/TypographyCard.mjs +3 -3
- package/lib/TypographyCard/styles.css +1 -1
- package/lib/UniversalHeader/styles.css +1 -1
- package/lib/VerticalSpace/styles.css +1 -1
- package/lib/VideoPlayer/VideoPlayer.cjs +13 -3202
- package/lib/VideoPlayer/VideoPlayer.mjs +12 -3205
- package/lib/VideoPlayer/styles.css +1 -1
- package/lib/Visible/styles.css +1 -1
- package/lib/VisuallyHidden/styles.css +1 -1
- package/lib/_shared/cjs/{Avatar-CCKArHo9.cjs → Avatar-CZWcGXSS.cjs} +2 -2
- package/lib/_shared/cjs/{BannerImage-CYHLvtfL.cjs → BannerImage-qK8-w9rt.cjs} +1 -1
- package/lib/_shared/cjs/{Calendar-CqPPjLch.cjs → Calendar-Q9uMzEz3.cjs} +2 -2
- package/lib/_shared/cjs/{CardHeading-DYXhbbAA.cjs → CardHeading-Bpf5n0XL.cjs} +4 -2
- package/lib/_shared/cjs/{Heading-BYBmZkmS.cjs → Heading-CQ6V8dWX.cjs} +1 -1
- package/lib/_shared/cjs/{Image-MS1rBzbW.cjs → Image-CSe0KpDN.cjs} +1 -1
- package/lib/_shared/cjs/{TemplateBanner-D8xDnzJO.cjs → TemplateBanner-F_Rg2_Cz.cjs} +3 -3
- package/lib/_shared/cjs/VideoPlayer-twcsIdyi.cjs +3207 -0
- package/lib/_shared/cjs/{arc-breakpoints-CKOioYEI.cjs → arc-breakpoints-tsWgo8xz.cjs} +1 -1
- package/lib/_shared/cjs/{index.es-BnOhp0wZ.cjs → index.es-BCRii7UY.cjs} +1 -1
- package/lib/_shared/esm/{Avatar-BgK-wY7Z.mjs → Avatar-CSuCV2yI.mjs} +2 -2
- package/lib/_shared/esm/{BannerImage-BdPAHkVD.mjs → BannerImage-CgjgaYkJ.mjs} +1 -1
- package/lib/_shared/esm/{Calendar-DgImakXH.mjs → Calendar-DwD_EyRo.mjs} +2 -2
- package/lib/_shared/esm/{CardHeading-qBsGPj6s.mjs → CardHeading-CXUirbtk.mjs} +4 -2
- package/lib/_shared/esm/{Heading-Da-o0d5x.mjs → Heading-Cy5w6sbI.mjs} +1 -1
- package/lib/_shared/esm/{Image-DLYifxlu.mjs → Image-LemsonUX.mjs} +1 -1
- package/lib/_shared/esm/{TemplateBanner-5obP5L54.mjs → TemplateBanner-DdtVEQjE.mjs} +3 -3
- package/lib/_shared/esm/VideoPlayer-D0PmRdOH.mjs +3205 -0
- package/lib/_shared/esm/{arc-breakpoints-BvCeGLhq.mjs → arc-breakpoints-YfOePBVY.mjs} +1 -1
- package/lib/_shared/esm/{index.es-BrDxKTzB.mjs → index.es-DiB7SLf_.mjs} +1 -1
- package/lib/index.cjs +7999 -7959
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +95 -50
- package/lib/index.d.mts +95 -50
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +7998 -7959
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +5 -3
- package/package.json +6 -6
|
@@ -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-
|
|
9
|
-
import { H as Heading } from './Heading-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 ?
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
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) {
|