@arc-ui/components 13.4.0 → 13.6.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/styles.css +1 -1
- package/lib/AvatarGroup/styles.css +1 -1
- package/lib/Badge/styles.css +1 -1
- package/lib/Banner/Banner.cjs +5 -5
- package/lib/Banner/Banner.mjs +5 -5
- 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 +2 -2
- package/lib/Calendar/Calendar.mjs +2 -2
- 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 +2 -2
- package/lib/DatePicker/DatePicker.mjs +2 -2
- package/lib/DatePicker/styles.css +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/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/styles.css +1 -1
- package/lib/HeroBanner/HeroBanner.cjs +5 -5
- package/lib/HeroBanner/HeroBanner.mjs +5 -5
- package/lib/HeroBanner/styles.css +1 -1
- package/lib/HeroButton/styles.css +1 -1
- package/lib/Hidden/styles.css +1 -1
- package/lib/HorizontalCard/HorizontalCard.cjs +1 -1
- package/lib/HorizontalCard/HorizontalCard.mjs +1 -1
- package/lib/HorizontalCard/styles.css +1 -1
- package/lib/Icon/styles.css +1 -1
- package/lib/Image/styles.css +1 -1
- package/lib/ImpactCard/ImpactCard.cjs +1 -1
- package/lib/ImpactCard/ImpactCard.mjs +1 -1
- package/lib/ImpactCard/styles.css +1 -1
- package/lib/InformationCard/InformationCard.cjs +3 -3
- package/lib/InformationCard/InformationCard.mjs +3 -3
- 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 +8 -6
- package/lib/MediaCard/MediaCard.mjs +8 -6
- package/lib/MediaCard/styles.css +1 -1
- package/lib/Menu/styles.css +1 -1
- package/lib/Modal/styles.css +1 -1
- package/lib/NavigationHeader/NavigationHeader.cjs +20 -18
- package/lib/NavigationHeader/NavigationHeader.mjs +20 -18
- package/lib/NavigationHeader/styles.css +1 -1
- package/lib/Pagination/styles.css +1 -1
- package/lib/PaginationSimple/styles.css +1 -1
- package/lib/Popover/Popover.cjs +1 -1
- package/lib/Popover/Popover.mjs +1 -1
- package/lib/Popover/styles.css +1 -1
- package/lib/Poster/styles.css +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 +3 -3
- package/lib/TabbedBanner/TabbedBanner.mjs +3 -3
- 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 +3 -3
- package/lib/TemplateBanner/TemplateBanner.mjs +3 -3
- 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 +3 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +3 -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 +1 -1
- package/lib/TypographyCard/TypographyCard.mjs +1 -1
- package/lib/TypographyCard/styles.css +1 -1
- package/lib/UniversalHeader/styles.css +1 -1
- package/lib/VerticalSpace/styles.css +1 -1
- 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/{Calendar-D7DzTyqu.cjs → Calendar-CqPPjLch.cjs} +1 -1
- package/lib/_shared/cjs/{CardHeading-C84m67_F.cjs → CardHeading-DYXhbbAA.cjs} +5 -2
- package/lib/_shared/cjs/{Popover-BxuQPltF.cjs → Popover-BX3vhB4Z.cjs} +4 -1
- package/lib/_shared/cjs/{TemplateBanner-d8uKhQxu.cjs → TemplateBanner-D8xDnzJO.cjs} +5 -5
- package/lib/_shared/cjs/{arc-breakpoints-DX5WrUyh.cjs → arc-breakpoints-CKOioYEI.cjs} +1 -1
- package/lib/_shared/cjs/{index.es-pYEm4MOk.cjs → index.es-BnOhp0wZ.cjs} +1 -1
- package/lib/_shared/esm/{Calendar-CGHTC6D9.mjs → Calendar-DgImakXH.mjs} +1 -1
- package/lib/_shared/esm/{CardHeading-CV14vmox.mjs → CardHeading-qBsGPj6s.mjs} +5 -2
- package/lib/_shared/esm/{Popover-Pjtmu_TN.mjs → Popover--CvDu2YD.mjs} +4 -1
- package/lib/_shared/esm/{TemplateBanner-CShZMwaX.mjs → TemplateBanner-5obP5L54.mjs} +5 -5
- package/lib/_shared/esm/{arc-breakpoints-Beeczz-E.mjs → arc-breakpoints-BvCeGLhq.mjs} +1 -1
- package/lib/_shared/esm/{index.es-BAiyN-06.mjs → index.es-BrDxKTzB.mjs} +1 -1
- package/lib/index.cjs +48 -37
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +20 -10
- package/lib/index.d.mts +20 -10
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +48 -37
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +3 -3
- package/package.json +6 -6
package/lib/Markup/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-6-0 .arc .arc-Markup--measured{max-width:32em}.arc-v13-6-0 .arc .arc-Markup blockquote,.arc-v13-6-0 .arc .arc-Markup ol,.arc-v13-6-0 .arc .arc-Markup p,.arc-v13-6-0 .arc .arc-Markup>small,.arc-v13-6-0 .arc .arc-Markup ul{margin-bottom:var(--sem-space-gap-60);margin-top:0}.arc-v13-6-0 .arc .arc-Markup h1{margin-bottom:var(--sem-space-gap-110);margin-top:0}.arc-v13-6-0 .arc .arc-Markup h2,.arc-v13-6-0 .arc .arc-Markup h3,.arc-v13-6-0 .arc .arc-Markup h4,.arc-v13-6-0 .arc .arc-Markup h5,.arc-v13-6-0 .arc .arc-Markup h6{margin-bottom:var(--sem-space-gap-60);margin-top:0}.arc-v13-6-0 .arc .arc-Markup *+h1,.arc-v13-6-0 .arc .arc-Markup *+h2,.arc-v13-6-0 .arc .arc-Markup *+h3,.arc-v13-6-0 .arc .arc-Markup *+h4,.arc-v13-6-0 .arc .arc-Markup *+h5,.arc-v13-6-0 .arc .arc-Markup *+h6{margin-top:var(--sem-space-gap-110)}.arc-v13-6-0 .arc .arc-Markup hr,.arc-v13-6-0 .arc .arc-Markup img,.arc-v13-6-0 .arc .arc-Markup pre,.arc-v13-6-0 .arc .arc-Markup table{margin-bottom:var(--sem-space-gap-110);margin-top:var(--sem-space-gap-110)}.arc-v13-6-0 .arc .arc-Markup>:first-child{margin-top:0}.arc-v13-6-0 .arc .arc-Markup>:last-child{margin-bottom:0}.arc-v13-6-0 .arc .arc-Markup blockquote{margin-bottom:0;margin-left:var(--sem-space-gap-110);margin-right:0;margin-top:0}.arc-v13-6-0 .arc .arc-Markup blockquote p{margin-bottom:0;margin-top:0;quotes:"“" "”" "‘" "’"}.arc-v13-6-0 .arc .arc-Markup blockquote p:first-child::before{content:open-quote;margin-left:-0.75ch}.arc-v13-6-0 .arc .arc-Markup blockquote p:first-child::after{content:close-quote}.arc-v13-6-0 .arc .arc-Markup blockquote p+p:last-child{text-align:right}.arc-v13-6-0 .arc .arc-Markup h1,.arc-v13-6-0 .arc .arc-Markup h2,.arc-v13-6-0 .arc .arc-Markup h3{font-weight:var(--sem-font-weight-semi-bold)}.arc-v13-6-0 .arc .arc-Markup h6{font:var(--sem-type-mobile-semi-xxs)}.arc-v13-6-0 .arc .arc-Markup h5{font:var(--sem-type-mobile-semi-xs)}.arc-v13-6-0 .arc .arc-Markup h4{font:var(--sem-type-mobile-semi-s)}.arc-v13-6-0 .arc .arc-Markup h3{font:var(--sem-type-mobile-semi-m)}.arc-v13-6-0 .arc .arc-Markup h2{font:var(--sem-type-mobile-semi-l)}.arc-v13-6-0 .arc .arc-Markup h1{font:var(--sem-type-mobile-semi-xxl)}@media (min-width:768px){.arc-v13-6-0 .arc .arc-Markup h3{font:var(--sem-type-tablet-semi-m)}.arc-v13-6-0 .arc .arc-Markup h2{font:var(--sem-type-tablet-semi-l)}.arc-v13-6-0 .arc .arc-Markup h1{font:var(--sem-type-tablet-semi-xxl)}}@media (min-width:1280px){.arc-v13-6-0 .arc .arc-Markup h3{font:var(--sem-type-desktop-semi-m)}.arc-v13-6-0 .arc .arc-Markup h2{font:var(--sem-type-desktop-semi-l)}.arc-v13-6-0 .arc .arc-Markup h1{font:var(--sem-type-desktop-semi-xxl)}}.arc-v13-6-0 .arc .arc-Markup img{display:block;max-width:100%}.arc-v13-6-0 .arc .arc-Markup ol,.arc-v13-6-0 .arc .arc-Markup ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.arc-v13-6-0 .arc .arc-Markup ol{counter-reset:list}.arc-v13-6-0 .arc .arc-Markup li{padding-left:var(--sem-space-padding-110);position:relative}.arc-v13-6-0 .arc .arc-Markup li::before{left:0;position:absolute;text-align:center;width:24px}.arc-v13-6-0 .arc .arc-Markup ul>li::before{content:"•"}.arc-v13-6-0 .arc .arc-Markup ol>li::before{content:counter(list) ".";counter-increment:list}.arc-v13-6-0 .arc .arc-Markup hr{background-color:var(--sem-color-border-secondary-light-minimal);border:0;color:var(--sem-color-border-secondary-light-minimal);height:1px;margin-bottom:0;margin-top:0}.arc-v13-6-0 .arc .arc-Markup--onDarkSurface hr{background-color:var(--sem-color-border-secondary-dark-minimal);color:var(--sem-color-border-secondary-dark-minimal)}.arc-v13-6-0 .arc .arc-Markup>small{display:block;font:var(--sem-type-interface-reg-s)}.arc-v13-6-0 .arc .arc-Markup table{border-collapse:collapse;max-width:100%}.arc-v13-6-0 .arc .arc-Markup td,.arc-v13-6-0 .arc .arc-Markup th{border:1px solid var(--sem-color-border-secondary-light-minimal);height:calc(4px * 9);padding-left:calc(4px * 4);padding-right:calc(4px * 4);vertical-align:middle}.arc-v13-6-0 .arc .arc-Markup--onDarkSurface td,.arc-v13-6-0 .arc .arc-Markup--onDarkSurface th{border-color:var(--sem-color-border-secondary-dark-minimal)}.arc-v13-6-0 .arc .arc-Markup th{font-weight:var(--sem-font-weight-semi-bold)}.arc .arc-Markup tbody tr:nth-child(even){background-color:rgba(0,0,0,0.05)}.arc .arc-Markup:not(.arc-Markup--onDarkSurface) tbody tr:nth-child(even){background-color:rgba(42,28,74,0.05)}.arc-v13-6-0 .arc .arc-Markup.arc-Markup--onDarkSurface tbody tr:nth-child(even){background-color:rgba(255,255,255,0.15)}
|
|
@@ -10,7 +10,7 @@ var Heading = require('../_shared/cjs/Heading-BYBmZkmS.cjs');
|
|
|
10
10
|
var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
|
|
11
11
|
var Text = require('../_shared/cjs/Text-jwsn80lQ.cjs');
|
|
12
12
|
var VerticalSpace = require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
|
|
13
|
-
var CardHeading = require('../_shared/cjs/CardHeading-
|
|
13
|
+
var CardHeading = require('../_shared/cjs/CardHeading-DYXhbbAA.cjs');
|
|
14
14
|
var CardFooter = require('../_shared/cjs/CardFooter-PoifazZ1.cjs');
|
|
15
15
|
var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-Cl6kgjCL.cjs');
|
|
16
16
|
require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
|
|
@@ -67,20 +67,22 @@ var MediaCard = function (_a) {
|
|
|
67
67
|
"arc-MediaCard--onDarkSurface": surface === "dark",
|
|
68
68
|
}], false)) }, filterAttrs.filterAttrs(props)),
|
|
69
69
|
React.createElement(ConditionalWrapper.ConditionalWrapper, { condition: isContained, wrapper: function (children) { return (React.createElement(Surface.Surface, { growVertically: true, background: "light-white" }, children)); } },
|
|
70
|
-
media.type === "img" && (React.createElement("div", { className: "arc-MediaCard-
|
|
70
|
+
media.type === "img" && (React.createElement("div", { className: "arc-MediaCard-mediaContainer" },
|
|
71
71
|
React.createElement(Image.Image, tslib_es6.__assign({}, media)))),
|
|
72
|
-
media.type === "video" && isClient && (React.createElement(
|
|
73
|
-
React.createElement(
|
|
72
|
+
media.type === "video" && isClient && (React.createElement("div", { className: "arc-MediaCard-mediaContainer" },
|
|
73
|
+
React.createElement(React.Suspense, { fallback: null },
|
|
74
|
+
React.createElement(VideoPlayer, tslib_es6.__assign({ isSupportingTextHidden: true }, media))))),
|
|
74
75
|
React.createElement("div", { className: "arc-MediaCard-content" },
|
|
75
76
|
label && (React.createElement("div", { className: "arc-MediaCard-label" },
|
|
76
77
|
React.createElement(Heading.Heading, { level: labelLevel, fontStyle: "overline" }, label),
|
|
77
78
|
React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))),
|
|
78
|
-
React.createElement(CardHeading.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 }),
|
|
79
|
+
React.createElement(CardHeading.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 }),
|
|
80
|
+
!text && isContained && React.createElement(VerticalSpace.VerticalSpace, null),
|
|
79
81
|
React.createElement("div", { className: "arc-MediaCard-textContainer" }, text && (React.createElement(React.Fragment, null,
|
|
80
82
|
React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
|
|
81
83
|
React.createElement(CardText, { text: text }),
|
|
82
84
|
(url || metaText) && React.createElement(VerticalSpace.VerticalSpace, { size: "24" })))),
|
|
83
|
-
React.createElement(CardFooter.CardFooter, { buttonIcon: buttonIcon, metaText: metaText, showButton: Boolean(url) && media.type !== "video", isHovered: showHoverState }))))));
|
|
85
|
+
React.createElement(CardFooter.CardFooter, { buttonIcon: buttonIcon, metaText: metaText, showButton: isContained && Boolean(url) && media.type !== "video", isHovered: showHoverState }))))));
|
|
84
86
|
};
|
|
85
87
|
|
|
86
88
|
exports.MediaCard = MediaCard;
|
|
@@ -8,7 +8,7 @@ import { H as Heading } from '../_shared/esm/Heading-Da-o0d5x.mjs';
|
|
|
8
8
|
import { C as Context, S as Surface } from '../_shared/esm/Surface-C69KVzkY.mjs';
|
|
9
9
|
import { T as Text } from '../_shared/esm/Text-BAzOkkzN.mjs';
|
|
10
10
|
import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
|
|
11
|
-
import { C as CardHeading } from '../_shared/esm/CardHeading-
|
|
11
|
+
import { C as CardHeading } from '../_shared/esm/CardHeading-qBsGPj6s.mjs';
|
|
12
12
|
import { C as CardFooter } from '../_shared/esm/CardFooter-DX3Ym8M6.mjs';
|
|
13
13
|
import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-CbEvXHTj.mjs';
|
|
14
14
|
import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
|
|
@@ -65,20 +65,22 @@ var MediaCard = function (_a) {
|
|
|
65
65
|
"arc-MediaCard--onDarkSurface": surface === "dark",
|
|
66
66
|
}], false)) }, filterAttrs(props)),
|
|
67
67
|
React__default.createElement(ConditionalWrapper, { condition: isContained, wrapper: function (children) { return (React__default.createElement(Surface, { growVertically: true, background: "light-white" }, children)); } },
|
|
68
|
-
media.type === "img" && (React__default.createElement("div", { className: "arc-MediaCard-
|
|
68
|
+
media.type === "img" && (React__default.createElement("div", { className: "arc-MediaCard-mediaContainer" },
|
|
69
69
|
React__default.createElement(Image, __assign({}, media)))),
|
|
70
|
-
media.type === "video" && isClient && (React__default.createElement(
|
|
71
|
-
React__default.createElement(
|
|
70
|
+
media.type === "video" && isClient && (React__default.createElement("div", { className: "arc-MediaCard-mediaContainer" },
|
|
71
|
+
React__default.createElement(Suspense, { fallback: null },
|
|
72
|
+
React__default.createElement(VideoPlayer, __assign({ isSupportingTextHidden: true }, media))))),
|
|
72
73
|
React__default.createElement("div", { className: "arc-MediaCard-content" },
|
|
73
74
|
label && (React__default.createElement("div", { className: "arc-MediaCard-label" },
|
|
74
75
|
React__default.createElement(Heading, { level: labelLevel, fontStyle: "overline" }, label),
|
|
75
76
|
React__default.createElement(VerticalSpace, { size: "16" }))),
|
|
76
|
-
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 }),
|
|
77
|
+
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 }),
|
|
78
|
+
!text && isContained && React__default.createElement(VerticalSpace, null),
|
|
77
79
|
React__default.createElement("div", { className: "arc-MediaCard-textContainer" }, text && (React__default.createElement(React__default.Fragment, null,
|
|
78
80
|
React__default.createElement(VerticalSpace, { size: "16" }),
|
|
79
81
|
React__default.createElement(CardText, { text: text }),
|
|
80
82
|
(url || metaText) && React__default.createElement(VerticalSpace, { size: "24" })))),
|
|
81
|
-
React__default.createElement(CardFooter, { buttonIcon: buttonIcon, metaText: metaText, showButton: Boolean(url) && media.type !== "video", isHovered: showHoverState }))))));
|
|
83
|
+
React__default.createElement(CardFooter, { buttonIcon: buttonIcon, metaText: metaText, showButton: isContained && Boolean(url) && media.type !== "video", isHovered: showHoverState }))))));
|
|
82
84
|
};
|
|
83
85
|
|
|
84
86
|
export { MediaCard };
|
package/lib/MediaCard/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatioWrapper{container-type:inline-size;--arc-mediacard-aspect-ratio-3-4:calc(100cqw * 4 / 3);--arc-mediacard-aspect-ratio-10-16:calc(100cqw * 16 / 10)}.arc-v13-6-0 .arc .arc-MediaCard{color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:4px;overflow:hidden;position:relative;transition:all 0.2s ease-in-out}.arc-v13-6-0 .arc .arc-MediaCard .arc-CardHeading-link:hover{color:var(--card-colors-light-text-hover)}.arc-v13-6-0 .arc .arc-MediaCard--contained{border-radius:var(--card-border-radius-s);box-shadow:0 0 0 var(--card-border-weight-s) var(--card-colors-light-border-default)}.arc-v13-6-0 .arc .arc-MediaCard--outlined{box-shadow:0 0 0 var(--card-border-weight-m) var(--card-colors-light-border-hover)}.arc-v13-6-0 .arc .arc-MediaCard[\:has\(\:focus-visible\)]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard:has(:focus-visible){outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard--outlined[\:has\(\:focus-visible\)]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard--outlined:has(:focus-visible){outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard--contained.arc-MediaCard--outlined[\:has\(\:focus-visible\)]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard--contained.arc-MediaCard--outlined:has(:focus-visible){outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard--onDarkSurface[\:has\(\:focus-visible\)]{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard--onDarkSurface:has(:focus-visible){outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard--onDarkSurface.arc-MediaCard--outlined[\:has\(\:focus-visible\)]{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard--onDarkSurface.arc-MediaCard--outlined:has(:focus-visible){outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-6-0 .arc .arc-MediaCard-mediaContainer{border-radius:var(--card-border-radius-s);overflow:hidden}.arc-v13-6-0 .arc .arc-MediaCard-content{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--card-padding-s) var(--card-padding-xs) 0 var(--card-padding-xs)}.arc-v13-6-0 .arc .arc-MediaCard--contained .arc-MediaCard-mediaContainer{border-radius:0}.arc-v13-6-0 .arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-s)}.arc-v13-6-0 .arc .arc-MediaCard-textContainer{flex:1 1 auto}.arc-v13-6-0 .arc .arc-MediaCard .arc-Surface{flex:1}@media (min-width:1280px){.arc-v13-6-0 .arc .arc-MediaCard-content{padding-top:var(--card-padding-m)}.arc-v13-6-0 .arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-m)}}.arc-v13-6-0 .arc .arc-MediaCard-label{color:var(--card-colors-light-text-support)}.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-xs-3-4{min-height:var(--arc-mediacard-aspect-ratio-3-4)}.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-xs-10-16{min-height:var(--arc-mediacard-aspect-ratio-10-16)}@media (min-width:636px){.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-s-3-4{min-height:var(--arc-mediacard-aspect-ratio-3-4)}.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-s-10-16{min-height:var(--arc-mediacard-aspect-ratio-10-16)}}@media (min-width:768px){.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-m-3-4{min-height:var(--arc-mediacard-aspect-ratio-3-4)}.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-m-10-16{min-height:var(--arc-mediacard-aspect-ratio-10-16)}}@media (min-width:1024px){.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-l-3-4{min-height:var(--arc-mediacard-aspect-ratio-3-4)}.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-l-10-16{min-height:var(--arc-mediacard-aspect-ratio-10-16)}}@media (min-width:1280px){.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-xl-3-4{min-height:var(--arc-mediacard-aspect-ratio-3-4)}.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-xl-10-16{min-height:var(--arc-mediacard-aspect-ratio-10-16)}}@media (min-width:1440px){.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-xxl-3-4{min-height:var(--arc-mediacard-aspect-ratio-3-4)}.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-xxl-10-16{min-height:var(--arc-mediacard-aspect-ratio-10-16)}}@media (min-width:1920px){.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-xxxl-3-4{min-height:var(--arc-mediacard-aspect-ratio-3-4)}.arc-v13-6-0 .arc .arc-MediaCard--preserveAspectRatio-xxxl-10-16{min-height:var(--arc-mediacard-aspect-ratio-10-16)}}
|
package/lib/Menu/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-6-0 .arc .arc-MenuContent{background:#ffffff;border-radius:12px;box-shadow:0 0 1px 0 rgba(0,0,0,0.2),0 4px 12px 0 rgba(0,0,0,0.1);display:flex;flex-direction:column;padding:12px;width:-moz-fit-content;width:fit-content;z-index:3}.arc-v13-6-0 .arc .arc-MenuContent--mobile{margin-right:24px}.arc-v13-6-0 .arc .arc-MenuContent--isFluid{width:var(--radix-dropdown-menu-content-available-width)}.arc-v13-6-0 .arc .arc-MenuContent[data-side="bottom"]{animation:grow-down 0.2s ease-out forwards;transform-origin:top center}.arc-v13-6-0 .arc .arc-MenuContent[data-side="top"]{animation:grow-up 0.2s ease-out forwards;transform-origin:bottom center}.arc-v13-6-0 .arc .arc-MenuContent[data-side="left"]{animation:grow-left 0.2s ease-out forwards;transform-origin:center right}.arc-v13-6-0 .arc .arc-MenuContent[data-side="right"]{animation:grow-right 0.2s ease-out forwards;transform-origin:center left}@keyframes grow-down{from{transform:scaleY(0.8)}to{transform:scaleY(1)}}@keyframes grow-up{from{opacity:0;transform:scaleY(0.8)}to{opacity:1;transform:scaleY(1)}}@keyframes grow-left{from{opacity:0;transform:scaleX(0.8)}to{opacity:1;transform:scaleX(1)}}@keyframes grow-right{from{opacity:0;transform:scaleX(0.8)}to{opacity:1;transform:scaleX(1)}}.arc-v13-6-0 .arc .arc-MenuContent-fade{animation:fade-in 300ms ease forwards;opacity:0}@keyframes fade-in{from{opacity:0}to{opacity:1}}.arc-v13-6-0 .arc .arc-MenuItem{border-radius:var(--menu-card-border-radius-s);display:flex;flex-direction:row;gap:var(--menu-card-gap-m);outline:none;padding:var(--menu-card-padding-m);position:relative}.arc-v13-6-0 .arc .arc-MenuItem--link,.arc-v13-6-0 .arc .arc-MenuItem--link[data-highlighted]{color:var(--menu-card-text-primary);text-decoration:none}.arc-v13-6-0 .arc .arc-MenuItem[data-highlighted]{background-color:var(--menu-card-bg-hover);border-radius:var(--menu-card-border-radius-s);border-bottom-left-radius:4px;border-top-left-radius:4px;cursor:pointer;z-index:4}.arc-v13-6-0 .arc .arc-MenuItem[data-highlighted]::before{background-color:var(--menu-card-foreground-hover);border-bottom-left-radius:var(--menu-card-border-radius-s);border-top-left-radius:var(--menu-card-border-radius-s);content:"";height:100%;left:0;position:absolute;top:0;transition:background-color 0.3s ease;width:3px}.arc-v13-6-0 .arc .arc-MenuItem[data-disabled]{color:var(--menu-card-text-disabled);cursor:not-allowed}.arc-v13-6-0 .arc .arc-MenuItem-content{display:flex;gap:var(--menu-card-gap-m)}.arc-v13-6-0 .arc .arc-MenuItem-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--menu-card-gap-m);margin-left:auto;text-wrap:nowrap}.arc-v13-6-0 .arc .arc-MenuItem[data-state="checked"],.arc-v13-6-0 .arc .arc-MenuItem[aria-expanded="true"]{background:var(--menu-card-bg-active)}.arc-v13-6-0 .arc .arc-MenuItem-text{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--menu-card-gap-xs);text-wrap:wrap}.arc-v13-6-0 .arc .arc-MenuSeparator{margin-left:-12px;margin-right:-12px;padding:var(--menu-card-padding-m) 0}.arc-v13-6-0 .arc .arc-MenuLabel{overflow:auto;padding:12px;text-overflow:ellipsis;text-wrap:nowrap;color:#2a2a2a;font-size:14px;font-style:normal;font-weight:500;letter-spacing:1.4px;line-height:112%;text-transform:uppercase}.arc-v13-6-0 .arc .arc-MenuLabel:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-6-0 .arc .arc-MenuLabel:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-6-0 .arc .arc-MenuLabel.arc-MenuLabel--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-6-0 .arc .arc-MenuTrigger{background:transparent;border:none;padding:0}.arc-v13-6-0 .arc .arc-MenuTrigger:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-6-0 .arc .arc-MenuTrigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}.arc-v13-6-0 .arc .arc-MenuTrigger.arc-MenuTrigger--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-6-0 .arc .arc-MenuItemCheckbox{align-items:center}.arc-v13-6-0 .arc .arc-MenuItemCheckbox[data-state="checked"]{background-color:#ffffff}.arc-v13-6-0 .arc .arc-MenuItemCheckbox[data-state="checked"]:hover,.arc-v13-6-0 .arc .arc-MenuItemCheckbox[data-state="checked"][data-highlighted]{background-color:var(--menu-card-bg-hover)}.arc-v13-6-0 .arc .arc-MenuItemSingleSelect[data-state="unchecked"] .arc-MenuItem-actions{visibility:hidden}.arc-v13-6-0 .arc .arc-MenuGroupSingleSelect{display:flex;flex-direction:column;gap:var(--menu-card-gap-xs)}.arc-v13-6-0 .arc .arc-MenuScrollable{margin-left:-12px;margin-right:-12px;overflow-x:hidden;overflow-y:scroll;padding:4px 12px;scrollbar-width:thin}.arc-v13-6-0 .arc .arc-MenuGroup{display:flex;flex-direction:column;gap:var(--menu-card-gap-xs)}.arc-v13-6-0 .arc .arc-MenuSkeletonItem{display:flex;flex-direction:row;padding:12px}.arc-v13-6-0 .arc .arc-MenuSkeletonItem-leadingIcon{flex-shrink:0;margin-right:12px}.arc-v13-6-0 .arc .arc-MenuSkeletonItem-textWrapper{width:100%}.arc-v13-6-0 .arc .arc-MenuSkeletonItem-supportingText{margin-top:4px}.arc-v13-6-0 .arc .arc-MenuSkeletonItem-trailingIcon{flex-shrink:0;margin-left:12px}.arc-v13-6-0 .arc div[data-radix-popper-content-wrapper][\:has\(.arc-MenuContent\)]{min-width:auto !important}.arc-v13-6-0 .arc div[data-radix-popper-content-wrapper]:has(.arc-MenuContent){min-width:auto !important}
|
package/lib/Modal/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arc-v13-
|
|
1
|
+
.arc-v13-6-0 .arc .arc-Modal{color:auto}.arc-v13-6-0 .arc .arc-Modal-overlay{align-items:center;background-color:var(--overlay-colors-overlay-default);display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:16px;position:fixed;top:0;width:100%;z-index:100}.arc-v13-6-0 .arc .arc-Modal-dialog{background-color:var(--modal-colors-light-bg-default);border-radius:var(--modal-border-radius-s);display:flex;flex-direction:column;margin:auto;position:relative;width:100%}.arc-v13-6-0 .arc .arc-Modal-section{padding:0 var(--modal-padding-m)}.arc-v13-6-0 .arc .arc-Modal-dialog--fullBleed .arc-Modal-custom-section{padding:0}.arc-v13-6-0 .arc .arc-Modal-dialog--maxHeightWindow{height:100%}.arc-v13-6-0 .arc .arc-Modal-iconContainer{background:var(--modal-colors-light-bg-default);border-radius:16px;height:32px;position:absolute;right:8px;top:8px}.arc-v13-6-0 .arc .arc-Modal-closeButton{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0}.arc-v13-6-0 .arc .arc-Modal-closeButton:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-6-0 .arc .arc-Modal-dialog--maxHeightWindow .arc-Modal-content{margin:-4px 0;overflow-y:auto;padding:4px 0}.arc-v13-6-0 .arc .arc-Modal-actionButton:nth-of-type(n+2){margin-top:var(--modal-gap-s)}.arc-v13-6-0 .arc .arc-Modal-dialog--s{max-width:var(--modal-size-m)}.arc-v13-6-0 .arc .arc-Modal-dialog--m,.arc-v13-6-0 .arc .arc-Modal-dialog--l{max-width:var(--modal-size-l)}@media (min-width:636px){.arc-v13-6-0 .arc .arc-Modal-overlay{padding:80px 24px}.arc-v13-6-0 .arc .arc-Modal-actions{display:flex}.arc-v13-6-0 .arc .arc-Modal-actionButton{flex:1 1 auto}.arc-v13-6-0 .arc .arc-Modal-actionButton:nth-of-type(n+2){margin-left:var(--modal-gap-s);margin-top:0}}@media (min-width:768px){.arc-v13-6-0 .arc .arc-Modal-actions{justify-content:flex-end}.arc-v13-6-0 .arc .arc-Modal-actionButton{flex:0 1 auto}}@media (min-width:1024px){.arc-v13-6-0 .arc .arc-Modal-overlay{padding-left:32px;padding-right:32px}.arc-v13-6-0 .arc .arc-Modal-dialog--m{max-width:var(--modal-size-xl)}.arc-v13-6-0 .arc .arc-Modal-dialog--l{max-width:var(--modal-size-xxl)}.arc-v13-6-0 .arc .arc-Modal-actions{justify-content:flex-end}.arc-v13-6-0 .arc .arc-Modal-actionButton{flex:0 1 auto}}@media (prefers-reduced-motion:no-preference){.arc-v13-6-0 .arc .arc-Modal-overlay{animation:overlay-show 100ms cubic-bezier(0.44,0,0.55,0.94)}.arc-v13-6-0 .arc .arc-Modal-dialog{animation:content-show 100ms cubic-bezier(0.44,0,0.55,0.94)}@keyframes content-show{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}@keyframes overlay-show{from{opacity:0}to{opacity:1}}}.arc-v13-6-0 .arc .arc-Modal-actionButton--compact{display:flex}@media (min-width:636px){.arc-v13-6-0 .arc .arc-Modal-actionButton--compact button{width:auto}}@media (min-width:768px){.arc-v13-6-0 .arc .arc-Modal-actionButton--compact{flex-grow:1}}:root{--columns-gutter-xs:var(--arc-size-grid-gutter-s);--columns-gutter-s:var(--arc-size-grid-gutter-m);--columns-gutter-m:var(--arc-size-grid-gutter-m);--columns-gutter-l:var(--arc-size-grid-gutter-m);--columns-gutter-xl:var(--arc-size-grid-gutter-l);--arc-columns-gap:var(--columns-gutter-xs);--arc-columns-count:12;--modal-max-width:100%;--arc-column-width:calc((calc(var(--modal-max-width) + var(--arc-columns-gap))/var(--arc-columns-count)));--arc-columns-span-4-width:calc((var(--arc-column-width) * 4) - var(--arc-columns-gap));--arc-columns-span-6-width:calc((var(--arc-column-width) * 6) - var(--arc-columns-gap));--arc-columns-span-8-width:calc((var(--arc-column-width) * 8) - var(--arc-columns-gap));--arc-columns-span-10-width:calc((var(--arc-column-width) * 10) - var(--arc-columns-gap));--arc-columns-span-12-width:calc((var(--arc-column-width) * 12) - var(--arc-columns-gap))}@media (min-width:320px){.arc-v13-6-0 :root{--arc-columns-gap:var(--columns-gutter-s);--arc-column-width:calc((calc(var(--modal-max-width) + var(--arc-columns-gap))/var(--arc-columns-count)))}}@media (min-width:636px){:root{--arc-columns-gap:var(--columns-gutter-m);--arc-column-width:calc((calc(var(--modal-max-width) + var(--arc-columns-gap))/var(--arc-columns-count)))}}@media (min-width:1280px){.arc-v13-6-0 .arc .arc-Modal-overlay{padding-left:32px;padding-right:32px}:root{--modal-max-width:calc(var(--arc-size-breakpoints-xl) - calc(2 * var(--arc-size-section-margin-32)));--arc-columns-gap:var(--columns-gutter-xl);--arc-column-width:calc((calc(var(--modal-max-width) + var(--arc-columns-gap))/var(--arc-columns-count)))}}@media (min-width:320px){.arc-v13-6-0 .arc-Modal-dialog--xs-span-4{max-width:var(--arc-columns-span-2-width)}.arc-v13-6-0 .arc-Modal-dialog--xs-span-6{max-width:var(--arc-columns-span-6-width)}.arc-v13-6-0 .arc-Modal-dialog--xs-span-8{max-width:var(--arc-columns-span-8-width)}.arc-v13-6-0 .arc-Modal-dialog--xs-span-10{max-width:var(--arc-columns-span-10-width)}.arc-v13-6-0 .arc-Modal-dialog--xs-span-12{max-width:var(--arc-columns-span-12-width)}}@media (min-width:636px){.arc-v13-6-0 .arc-Modal-dialog--s-span-4{max-width:var(--arc-columns-span-2-width)}.arc-v13-6-0 .arc-Modal-dialog--s-span-6{max-width:var(--arc-columns-span-6-width)}.arc-v13-6-0 .arc-Modal-dialog--s-span-8{max-width:var(--arc-columns-span-8-width)}.arc-v13-6-0 .arc-Modal-dialog--s-span-10{max-width:var(--arc-columns-span-10-width)}.arc-v13-6-0 .arc-Modal-dialog--s-span-12{max-width:var(--arc-columns-span-12-width)}}@media (min-width:768px){.arc-v13-6-0 .arc-Modal-dialog--m-span-4{max-width:var(--arc-columns-span-2-width)}.arc-v13-6-0 .arc-Modal-dialog--m-span-6{max-width:var(--arc-columns-span-6-width)}.arc-v13-6-0 .arc-Modal-dialog--m-span-8{max-width:var(--arc-columns-span-8-width)}.arc-v13-6-0 .arc-Modal-dialog--m-span-10{max-width:var(--arc-columns-span-10-width)}.arc-v13-6-0 .arc-Modal-dialog--m-span-12{max-width:var(--arc-columns-span-12-width)}}@media (min-width:1024px){.arc-v13-6-0 .arc-Modal-dialog--l-span-4{max-width:var(--arc-columns-span-2-width)}.arc-v13-6-0 .arc-Modal-dialog--l-span-6{max-width:var(--arc-columns-span-6-width)}.arc-v13-6-0 .arc-Modal-dialog--l-span-8{max-width:var(--arc-columns-span-8-width)}.arc-v13-6-0 .arc-Modal-dialog--l-span-10{max-width:var(--arc-columns-span-10-width)}.arc-v13-6-0 .arc-Modal-dialog--l-span-12{max-width:var(--arc-columns-span-12-width)}}
|
|
@@ -22,8 +22,8 @@ var Heading = require('../_shared/cjs/Heading-BYBmZkmS.cjs');
|
|
|
22
22
|
var VerticalSpace = require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
|
|
23
23
|
var Rule = require('../_shared/cjs/Rule-essaguo_.cjs');
|
|
24
24
|
require('../_shared/cjs/index-DR8Rkav9.cjs');
|
|
25
|
-
var arcBreakpoints = require('../_shared/cjs/arc-breakpoints-
|
|
26
|
-
var Popover = require('../_shared/cjs/Popover-
|
|
25
|
+
var arcBreakpoints = require('../_shared/cjs/arc-breakpoints-CKOioYEI.cjs');
|
|
26
|
+
var Popover = require('../_shared/cjs/Popover-BX3vhB4Z.cjs');
|
|
27
27
|
var index$5 = require('../_shared/cjs/index-BCu-VH8y.cjs');
|
|
28
28
|
var ButtonV2 = require('../_shared/cjs/ButtonV2-CxyploaQ.cjs');
|
|
29
29
|
require('react/jsx-runtime');
|
|
@@ -34,7 +34,7 @@ require('../_shared/cjs/index-BdJeAKfz.cjs');
|
|
|
34
34
|
require('../_shared/cjs/Combination-Cm62lfyr.cjs');
|
|
35
35
|
require('../_shared/cjs/index-BBDa9gnQ.cjs');
|
|
36
36
|
require('../_shared/cjs/SemanticHeading-C1-fyc3V.cjs');
|
|
37
|
-
require('../_shared/cjs/index.es-
|
|
37
|
+
require('../_shared/cjs/index.es-BnOhp0wZ.cjs');
|
|
38
38
|
require('../_shared/cjs/index-DsqYRMfM.cjs');
|
|
39
39
|
require('../_shared/cjs/index-WO7l1Mfx.cjs');
|
|
40
40
|
require('../_shared/cjs/index-CztwwwKE.cjs');
|
|
@@ -110,6 +110,10 @@ var NavigationHeaderContainer = function (_a) {
|
|
|
110
110
|
surface: "light-white",
|
|
111
111
|
classSuffix: "backgroundLightElevated",
|
|
112
112
|
},
|
|
113
|
+
lightElevatedTight: {
|
|
114
|
+
surface: "light-white",
|
|
115
|
+
classSuffix: "backgroundLighElevatedTight",
|
|
116
|
+
},
|
|
113
117
|
transparentOnDark: {
|
|
114
118
|
surface: "dark-black",
|
|
115
119
|
classSuffix: "backgroundTransparent",
|
|
@@ -295,7 +299,7 @@ var SideMenuLink = function (_a) {
|
|
|
295
299
|
return (React.createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React.createElement(SemanticLink.SemanticLink, tslib_es6.__assign({}, commonProps, { href: href, ref: ref }), children)); }, fallback: function (children) { return (React.createElement(SemanticButton.SemanticButton, tslib_es6.__assign({}, commonProps, { ref: ref }), children)); } },
|
|
296
300
|
React.createElement("div", { className: "arc-SideMenuLink-text" }, text),
|
|
297
301
|
React.createElement("span", { className: "arc-SideMenuLink-icon" },
|
|
298
|
-
React.createElement(ThemeIcon.ThemeIcon, { icon: "
|
|
302
|
+
React.createElement(ThemeIcon.ThemeIcon, { icon: "navigationHeaderMenuLink" }))));
|
|
299
303
|
};
|
|
300
304
|
|
|
301
305
|
// src/get-focusable-elements/get-focusable-elements.ts
|
|
@@ -336,7 +340,7 @@ var SideMenuDisclosure = function (_a) {
|
|
|
336
340
|
React.createElement("summary", { "aria-expanded": isOpen, onClick: handleOnClick, className: "arc-SideMenuDisclosure-summary" },
|
|
337
341
|
React.createElement("span", { className: "arc-SideMenuDisclosure-heading" }, heading),
|
|
338
342
|
React.createElement("span", { className: "arc-SideMenuDisclosure-icon" },
|
|
339
|
-
React.createElement(ThemeIcon.ThemeIcon, {
|
|
343
|
+
React.createElement(ThemeIcon.ThemeIcon, { icon: "navigationHeaderDisclosure" }))),
|
|
340
344
|
React.createElement("div", { ref: containerRef, className: "arc-SideMenuDisclosure-content" }, children)));
|
|
341
345
|
};
|
|
342
346
|
|
|
@@ -412,7 +416,7 @@ var NavigationHeaderCollapsingNavList = function (_a) {
|
|
|
412
416
|
React.createElement("div", { className: "arc-NavigationHeaderCollapsingNavList-disclosureSummaryHeading" },
|
|
413
417
|
React.createElement(Heading.Heading, { level: "2" }, category)),
|
|
414
418
|
React.createElement("span", { className: "arc-NavigationHeaderCollapsingNavList-disclosureSummaryIcon" },
|
|
415
|
-
React.createElement(ThemeIcon.ThemeIcon, { size:
|
|
419
|
+
React.createElement(ThemeIcon.ThemeIcon, { size: 20, icon: "navigationHeaderDisclosure" }))),
|
|
416
420
|
React.createElement("div", { className: "arc-NavigationHeaderCollapsingNavList-content" },
|
|
417
421
|
description && (React.createElement("div", { className: "arc-NavigationHeaderCollapsingNavList-description" },
|
|
418
422
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
@@ -423,10 +427,10 @@ var NavigationHeaderCollapsingNavList = function (_a) {
|
|
|
423
427
|
mainLink && (React.createElement("li", null,
|
|
424
428
|
React.createElement(NavigationHeaderCta, tslib_es6.__assign({}, mainLink, { revealLinkIconOnHover: revealLinkIconOnHover })),
|
|
425
429
|
React.createElement("div", { "aria-hidden": true },
|
|
426
|
-
React.createElement(VerticalSpace.VerticalSpace, { size: "
|
|
430
|
+
React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
427
431
|
React.createElement(Rule.Rule, null),
|
|
428
|
-
Boolean(links === null || links === void 0 ? void 0 : links.length) && React.createElement(VerticalSpace.VerticalSpace, { size: "
|
|
429
|
-
links.map(function (link, i) { return (React.createElement("li", { key: "".concat(id, "-NavigationHeader-megamenu-link-").concat(i) },
|
|
432
|
+
Boolean(links === null || links === void 0 ? void 0 : links.length) && React.createElement(VerticalSpace.VerticalSpace, { size: "8" })))), links === null || links === void 0 ? void 0 :
|
|
433
|
+
links.map(function (link, i) { return (React.createElement("li", { className: "arc-NavigationHeaderCollapsingNavList-linkListItem", key: "".concat(id, "-NavigationHeader-megamenu-link-").concat(i) },
|
|
430
434
|
React.createElement(NavigationHeaderCta, tslib_es6.__assign({}, link, { revealLinkIconOnHover: revealLinkIconOnHover })))); }))),
|
|
431
435
|
isBottomSpacing && React.createElement(VerticalSpace.VerticalSpace, null))));
|
|
432
436
|
};
|
|
@@ -523,6 +527,7 @@ var SideMenuMegaMenuItem = function (_a) {
|
|
|
523
527
|
var featureCards = _a.featureCards, text = _a.text, panelHeading = _a.panelHeading, tabs = _a.tabs, backButtonLabel = _a.backButtonLabel, backButtonAriaLabel = _a.backButtonAriaLabel;
|
|
524
528
|
var id = React.useId();
|
|
525
529
|
return (React.createElement(SideMenuDisclosure, { heading: text },
|
|
530
|
+
React.createElement(VerticalSpace.VerticalSpace, { size: "4" }),
|
|
526
531
|
tabs.map(function (item, itemIndex) { return (React.createElement(MegaMenuSubMenu, { key: "".concat(id, "-side-menu-mega-menu-item-").concat(itemIndex), item: item, heading: panelHeading.heading, backButtonLabel: backButtonLabel, backButtonAriaLabel: backButtonAriaLabel })); }),
|
|
527
532
|
featureCards && (React.createElement(Surface.Surface, { isTransparent: true, background: "light-white" },
|
|
528
533
|
React.createElement("div", { className: "arc-SideMenuMegaMenuItem-featureCards" },
|
|
@@ -2575,7 +2580,7 @@ var NavigationHeaderSubnavContent = function (_a) {
|
|
|
2575
2580
|
});
|
|
2576
2581
|
},
|
|
2577
2582
|
}),
|
|
2578
|
-
offset(navigationHeaderContext.isPill ?
|
|
2583
|
+
offset(navigationHeaderContext.isPill ? 8 : 0),
|
|
2579
2584
|
],
|
|
2580
2585
|
}), subNavRefs = _d.refs, subNavFloatStyles = _d.floatingStyles;
|
|
2581
2586
|
// if focus isnt going anywhere else, return it to the trigger
|
|
@@ -2658,7 +2663,7 @@ var NavigationHeaderMegaMenu = function (_a) {
|
|
|
2658
2663
|
]; };
|
|
2659
2664
|
return (React.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
|
|
2660
2665
|
React.createElement(NavigationHeaderSubnavTrigger, { ariaLabel: ariaLabel, onClick: onClick }, text),
|
|
2661
|
-
React.createElement(NavigationHeaderSubnavContent, { background: "
|
|
2666
|
+
React.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", description: "Use tab and arrow keys to navigate. Press Escape to close.", menuTitle: text },
|
|
2662
2667
|
React.createElement("div", { className: "arc-NavigationHeaderMegaMenu" },
|
|
2663
2668
|
React.createElement("div", { className: "arc-NavigationHeaderMegaMenu-navCol" },
|
|
2664
2669
|
React.createElement(NavigationHeaderPanelHeading, tslib_es6.__assign({}, panelHeading)),
|
|
@@ -2682,7 +2687,7 @@ var NavigationHeaderCategoryLinks = function (_a) {
|
|
|
2682
2687
|
var id = React.useId();
|
|
2683
2688
|
return (React.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
|
|
2684
2689
|
React.createElement(NavigationHeaderSubnavTrigger, { ariaLabel: ariaLabel, onClick: onClick }, text),
|
|
2685
|
-
React.createElement(NavigationHeaderSubnavContent, { background: "
|
|
2690
|
+
React.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", menuTitle: text, description: "Use tab keys to navigate. Press Escape to close." },
|
|
2686
2691
|
React.createElement("div", { className: "arc-NavigationHeaderCategoryLinks" },
|
|
2687
2692
|
React.createElement(NavigationHeaderPanelHeading, tslib_es6.__assign({}, panelHeading)),
|
|
2688
2693
|
React.createElement("div", { className: "arc-NavigationHeaderCategoryLinks-container" }, items.map(function (item, i) { return (React.createElement("div", { key: "".concat(id, "-NavigationHeader-category-link-item-").concat(i) },
|
|
@@ -3617,7 +3622,7 @@ var NavigationHeaderSearchMenu = function (_a) {
|
|
|
3617
3622
|
return (React.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
|
|
3618
3623
|
React.createElement(NavigationHeaderSubnavTrigger, { asChild: true },
|
|
3619
3624
|
React.createElement(NavigationHeaderAction, { title: triggerTooltip, ariaLabel: triggerAriaLabel, icon: React.createElement(ThemeIcon.ThemeIcon, { icon: "navigationHeaderSearch", size: 24 }) })),
|
|
3620
|
-
React.createElement(NavigationHeaderSubnavContent, { background: "
|
|
3625
|
+
React.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", menuTitle: accessibleMenuTitle, description: "Use tab keys to navigate. Press Escape to close." },
|
|
3621
3626
|
React.createElement("div", { className: "arc-NavigationHeaderSearchMenu" },
|
|
3622
3627
|
React.createElement("div", { className: "arc-NavigationHeaderSearchMenu-labelContainer" },
|
|
3623
3628
|
React.createElement("label", { htmlFor: id },
|
|
@@ -3632,11 +3637,8 @@ var NavigationHeaderSearchMenu = function (_a) {
|
|
|
3632
3637
|
React.createElement(Heading.Heading, { level: "3", size: "xxxs" }, panelTitle),
|
|
3633
3638
|
React.createElement("ul", { className: "arc-NavigationHeaderSearchMenu-resultsList" }, quickLinks.map(function (_a, i) {
|
|
3634
3639
|
var text = _a.text, href = _a.href, onClick = _a.onClick;
|
|
3635
|
-
return (React.createElement("li", { key: "".concat(id, "-search-link-").concat(text, "-").concat(i)
|
|
3636
|
-
React.createElement(
|
|
3637
|
-
React.createElement(NavigationHeaderCta, { revealLinkIconOnHover: true, href: href, onClick: onClick, text: text })),
|
|
3638
|
-
React.createElement("div", { className: "arc-NavigationHeaderSearchMenu-iconContainer" },
|
|
3639
|
-
React.createElement(ArrowRightIcon, null))));
|
|
3640
|
+
return (React.createElement("li", { key: "".concat(id, "-search-link-").concat(text, "-").concat(i) },
|
|
3641
|
+
React.createElement(NavigationHeaderCta, { revealLinkIconOnHover: true, href: href, onClick: onClick, text: text })));
|
|
3640
3642
|
})))))));
|
|
3641
3643
|
};
|
|
3642
3644
|
|
|
@@ -21,8 +21,8 @@ import { H as Heading } from '../_shared/esm/Heading-Da-o0d5x.mjs';
|
|
|
21
21
|
import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
|
|
22
22
|
import { R as Rule } from '../_shared/esm/Rule-Bz3QPezk.mjs';
|
|
23
23
|
import '../_shared/esm/index-Spae4j7j.mjs';
|
|
24
|
-
import { A as ArcBreakpoints } from '../_shared/esm/arc-breakpoints-
|
|
25
|
-
import { P as Popover } from '../_shared/esm/Popover
|
|
24
|
+
import { A as ArcBreakpoints } from '../_shared/esm/arc-breakpoints-BvCeGLhq.mjs';
|
|
25
|
+
import { P as Popover } from '../_shared/esm/Popover--CvDu2YD.mjs';
|
|
26
26
|
import { $ as $69cb30bb0017df05$export$be92b6f5f03c0fe9, c as $69cb30bb0017df05$export$54c2e3dc7acea9f5, a as $69cb30bb0017df05$export$41fb9f06171c75f4, b as $69cb30bb0017df05$export$7c6e2c02157bb7d2 } from '../_shared/esm/index-CfXVJXLq.mjs';
|
|
27
27
|
import { B as ButtonV2 } from '../_shared/esm/ButtonV2-CgjYgfZA.mjs';
|
|
28
28
|
import 'react/jsx-runtime';
|
|
@@ -33,7 +33,7 @@ import '../_shared/esm/index-Cgsjp3NL.mjs';
|
|
|
33
33
|
import '../_shared/esm/Combination-BW0YAEZD.mjs';
|
|
34
34
|
import '../_shared/esm/index-BMmvMegf.mjs';
|
|
35
35
|
import '../_shared/esm/SemanticHeading-DpEBq7pG.mjs';
|
|
36
|
-
import '../_shared/esm/index.es-
|
|
36
|
+
import '../_shared/esm/index.es-BrDxKTzB.mjs';
|
|
37
37
|
import '../_shared/esm/index-Dd3yZ_Kk.mjs';
|
|
38
38
|
import '../_shared/esm/index-DNvlT7G_.mjs';
|
|
39
39
|
import '../_shared/esm/index-C_mwuZg6.mjs';
|
|
@@ -89,6 +89,10 @@ var NavigationHeaderContainer = function (_a) {
|
|
|
89
89
|
surface: "light-white",
|
|
90
90
|
classSuffix: "backgroundLightElevated",
|
|
91
91
|
},
|
|
92
|
+
lightElevatedTight: {
|
|
93
|
+
surface: "light-white",
|
|
94
|
+
classSuffix: "backgroundLighElevatedTight",
|
|
95
|
+
},
|
|
92
96
|
transparentOnDark: {
|
|
93
97
|
surface: "dark-black",
|
|
94
98
|
classSuffix: "backgroundTransparent",
|
|
@@ -274,7 +278,7 @@ var SideMenuLink = function (_a) {
|
|
|
274
278
|
return (React__default.createElement(ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React__default.createElement(SemanticLink, __assign({}, commonProps, { href: href, ref: ref }), children)); }, fallback: function (children) { return (React__default.createElement(SemanticButton, __assign({}, commonProps, { ref: ref }), children)); } },
|
|
275
279
|
React__default.createElement("div", { className: "arc-SideMenuLink-text" }, text),
|
|
276
280
|
React__default.createElement("span", { className: "arc-SideMenuLink-icon" },
|
|
277
|
-
React__default.createElement(ThemeIcon, { icon: "
|
|
281
|
+
React__default.createElement(ThemeIcon, { icon: "navigationHeaderMenuLink" }))));
|
|
278
282
|
};
|
|
279
283
|
|
|
280
284
|
// src/get-focusable-elements/get-focusable-elements.ts
|
|
@@ -315,7 +319,7 @@ var SideMenuDisclosure = function (_a) {
|
|
|
315
319
|
React__default.createElement("summary", { "aria-expanded": isOpen, onClick: handleOnClick, className: "arc-SideMenuDisclosure-summary" },
|
|
316
320
|
React__default.createElement("span", { className: "arc-SideMenuDisclosure-heading" }, heading),
|
|
317
321
|
React__default.createElement("span", { className: "arc-SideMenuDisclosure-icon" },
|
|
318
|
-
React__default.createElement(ThemeIcon, {
|
|
322
|
+
React__default.createElement(ThemeIcon, { icon: "navigationHeaderDisclosure" }))),
|
|
319
323
|
React__default.createElement("div", { ref: containerRef, className: "arc-SideMenuDisclosure-content" }, children)));
|
|
320
324
|
};
|
|
321
325
|
|
|
@@ -391,7 +395,7 @@ var NavigationHeaderCollapsingNavList = function (_a) {
|
|
|
391
395
|
React__default.createElement("div", { className: "arc-NavigationHeaderCollapsingNavList-disclosureSummaryHeading" },
|
|
392
396
|
React__default.createElement(Heading, { level: "2" }, category)),
|
|
393
397
|
React__default.createElement("span", { className: "arc-NavigationHeaderCollapsingNavList-disclosureSummaryIcon" },
|
|
394
|
-
React__default.createElement(ThemeIcon, { size:
|
|
398
|
+
React__default.createElement(ThemeIcon, { size: 20, icon: "navigationHeaderDisclosure" }))),
|
|
395
399
|
React__default.createElement("div", { className: "arc-NavigationHeaderCollapsingNavList-content" },
|
|
396
400
|
description && (React__default.createElement("div", { className: "arc-NavigationHeaderCollapsingNavList-description" },
|
|
397
401
|
React__default.createElement(VerticalSpace, { size: "8" }),
|
|
@@ -402,10 +406,10 @@ var NavigationHeaderCollapsingNavList = function (_a) {
|
|
|
402
406
|
mainLink && (React__default.createElement("li", null,
|
|
403
407
|
React__default.createElement(NavigationHeaderCta, __assign({}, mainLink, { revealLinkIconOnHover: revealLinkIconOnHover })),
|
|
404
408
|
React__default.createElement("div", { "aria-hidden": true },
|
|
405
|
-
React__default.createElement(VerticalSpace, { size: "
|
|
409
|
+
React__default.createElement(VerticalSpace, { size: "8" }),
|
|
406
410
|
React__default.createElement(Rule, null),
|
|
407
|
-
Boolean(links === null || links === void 0 ? void 0 : links.length) && React__default.createElement(VerticalSpace, { size: "
|
|
408
|
-
links.map(function (link, i) { return (React__default.createElement("li", { key: "".concat(id, "-NavigationHeader-megamenu-link-").concat(i) },
|
|
411
|
+
Boolean(links === null || links === void 0 ? void 0 : links.length) && React__default.createElement(VerticalSpace, { size: "8" })))), links === null || links === void 0 ? void 0 :
|
|
412
|
+
links.map(function (link, i) { return (React__default.createElement("li", { className: "arc-NavigationHeaderCollapsingNavList-linkListItem", key: "".concat(id, "-NavigationHeader-megamenu-link-").concat(i) },
|
|
409
413
|
React__default.createElement(NavigationHeaderCta, __assign({}, link, { revealLinkIconOnHover: revealLinkIconOnHover })))); }))),
|
|
410
414
|
isBottomSpacing && React__default.createElement(VerticalSpace, null))));
|
|
411
415
|
};
|
|
@@ -502,6 +506,7 @@ var SideMenuMegaMenuItem = function (_a) {
|
|
|
502
506
|
var featureCards = _a.featureCards, text = _a.text, panelHeading = _a.panelHeading, tabs = _a.tabs, backButtonLabel = _a.backButtonLabel, backButtonAriaLabel = _a.backButtonAriaLabel;
|
|
503
507
|
var id = useId$1();
|
|
504
508
|
return (React__default.createElement(SideMenuDisclosure, { heading: text },
|
|
509
|
+
React__default.createElement(VerticalSpace, { size: "4" }),
|
|
505
510
|
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 })); }),
|
|
506
511
|
featureCards && (React__default.createElement(Surface, { isTransparent: true, background: "light-white" },
|
|
507
512
|
React__default.createElement("div", { className: "arc-SideMenuMegaMenuItem-featureCards" },
|
|
@@ -2554,7 +2559,7 @@ var NavigationHeaderSubnavContent = function (_a) {
|
|
|
2554
2559
|
});
|
|
2555
2560
|
},
|
|
2556
2561
|
}),
|
|
2557
|
-
offset(navigationHeaderContext.isPill ?
|
|
2562
|
+
offset(navigationHeaderContext.isPill ? 8 : 0),
|
|
2558
2563
|
],
|
|
2559
2564
|
}), subNavRefs = _d.refs, subNavFloatStyles = _d.floatingStyles;
|
|
2560
2565
|
// if focus isnt going anywhere else, return it to the trigger
|
|
@@ -2637,7 +2642,7 @@ var NavigationHeaderMegaMenu = function (_a) {
|
|
|
2637
2642
|
]; };
|
|
2638
2643
|
return (React__default.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
|
|
2639
2644
|
React__default.createElement(NavigationHeaderSubnavTrigger, { ariaLabel: ariaLabel, onClick: onClick }, text),
|
|
2640
|
-
React__default.createElement(NavigationHeaderSubnavContent, { background: "
|
|
2645
|
+
React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", description: "Use tab and arrow keys to navigate. Press Escape to close.", menuTitle: text },
|
|
2641
2646
|
React__default.createElement("div", { className: "arc-NavigationHeaderMegaMenu" },
|
|
2642
2647
|
React__default.createElement("div", { className: "arc-NavigationHeaderMegaMenu-navCol" },
|
|
2643
2648
|
React__default.createElement(NavigationHeaderPanelHeading, __assign({}, panelHeading)),
|
|
@@ -2661,7 +2666,7 @@ var NavigationHeaderCategoryLinks = function (_a) {
|
|
|
2661
2666
|
var id = useId$1();
|
|
2662
2667
|
return (React__default.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
|
|
2663
2668
|
React__default.createElement(NavigationHeaderSubnavTrigger, { ariaLabel: ariaLabel, onClick: onClick }, text),
|
|
2664
|
-
React__default.createElement(NavigationHeaderSubnavContent, { background: "
|
|
2669
|
+
React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", menuTitle: text, description: "Use tab keys to navigate. Press Escape to close." },
|
|
2665
2670
|
React__default.createElement("div", { className: "arc-NavigationHeaderCategoryLinks" },
|
|
2666
2671
|
React__default.createElement(NavigationHeaderPanelHeading, __assign({}, panelHeading)),
|
|
2667
2672
|
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) },
|
|
@@ -3596,7 +3601,7 @@ var NavigationHeaderSearchMenu = function (_a) {
|
|
|
3596
3601
|
return (React__default.createElement(NavigationHeaderSubnav, { onOpenChange: onOpenChange },
|
|
3597
3602
|
React__default.createElement(NavigationHeaderSubnavTrigger, { asChild: true },
|
|
3598
3603
|
React__default.createElement(NavigationHeaderAction, { title: triggerTooltip, ariaLabel: triggerAriaLabel, icon: React__default.createElement(ThemeIcon, { icon: "navigationHeaderSearch", size: 24 }) })),
|
|
3599
|
-
React__default.createElement(NavigationHeaderSubnavContent, { background: "
|
|
3604
|
+
React__default.createElement(NavigationHeaderSubnavContent, { background: "lightElevatedTight", menuTitle: accessibleMenuTitle, description: "Use tab keys to navigate. Press Escape to close." },
|
|
3600
3605
|
React__default.createElement("div", { className: "arc-NavigationHeaderSearchMenu" },
|
|
3601
3606
|
React__default.createElement("div", { className: "arc-NavigationHeaderSearchMenu-labelContainer" },
|
|
3602
3607
|
React__default.createElement("label", { htmlFor: id },
|
|
@@ -3611,11 +3616,8 @@ var NavigationHeaderSearchMenu = function (_a) {
|
|
|
3611
3616
|
React__default.createElement(Heading, { level: "3", size: "xxxs" }, panelTitle),
|
|
3612
3617
|
React__default.createElement("ul", { className: "arc-NavigationHeaderSearchMenu-resultsList" }, quickLinks.map(function (_a, i) {
|
|
3613
3618
|
var text = _a.text, href = _a.href, onClick = _a.onClick;
|
|
3614
|
-
return (React__default.createElement("li", { key: "".concat(id, "-search-link-").concat(text, "-").concat(i)
|
|
3615
|
-
React__default.createElement(
|
|
3616
|
-
React__default.createElement(NavigationHeaderCta, { revealLinkIconOnHover: true, href: href, onClick: onClick, text: text })),
|
|
3617
|
-
React__default.createElement("div", { className: "arc-NavigationHeaderSearchMenu-iconContainer" },
|
|
3618
|
-
React__default.createElement(ArrowRightIcon, null))));
|
|
3619
|
+
return (React__default.createElement("li", { key: "".concat(id, "-search-link-").concat(text, "-").concat(i) },
|
|
3620
|
+
React__default.createElement(NavigationHeaderCta, { revealLinkIconOnHover: true, href: href, onClick: onClick, text: text })));
|
|
3619
3621
|
})))))));
|
|
3620
3622
|
};
|
|
3621
3623
|
|