@arc-ui/community-components 3.7.1 → 3.8.1
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/.turbo/turbo-build.log +18 -17
- package/CHANGELOG.md +17 -0
- package/lib/ActionTile/ActionTile.cjs +2 -2
- package/lib/ActionTile/ActionTile.mjs +2 -2
- package/lib/ArticleCarousel/ArticleCarousel.cjs +1 -1
- package/lib/ArticleCarousel/ArticleCarousel.mjs +1 -1
- package/lib/CopyLead/CopyLead.cjs +1 -1
- package/lib/CopyLead/CopyLead.mjs +1 -1
- package/lib/FeaturePost/FeaturePost.cjs +1 -1
- package/lib/FeaturePost/FeaturePost.mjs +1 -1
- package/lib/InlineLinkGroup/InlineLinkGroup.cjs +2 -2
- package/lib/InlineLinkGroup/InlineLinkGroup.mjs +2 -2
- package/lib/PartnerBrandLogos/PartnerBrandLogos.cjs +57 -0
- package/lib/PartnerBrandLogos/PartnerBrandLogos.mjs +55 -0
- package/lib/PartnerBrandLogos/styles.css +1 -0
- package/lib/ProductNavigation/ProductNavigation.cjs +5 -3
- package/lib/ProductNavigation/ProductNavigation.mjs +5 -3
- package/lib/PromoListing/PromoListing.cjs +1 -1
- package/lib/PromoListing/PromoListing.mjs +1 -1
- package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs +2 -1
- package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.mjs +2 -1
- package/lib/Summary/Summary.cjs +1 -1
- package/lib/Summary/Summary.mjs +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +2 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +2 -1
- package/lib/ThumbnailSignpost/styles.css +1 -1
- package/lib/_shared/cjs/{ThumbnailSignpost-ja1yxriK.cjs → ThumbnailSignpost-DymZmLlB.cjs} +6 -2
- package/lib/_shared/cjs/{index.es-Dg_lyAyh.cjs → index.es-B6sSN_JJ.cjs} +1 -1
- package/lib/_shared/esm/{ThumbnailSignpost-Cc21FjUJ.mjs → ThumbnailSignpost-D6uye3mm.mjs} +7 -3
- package/lib/_shared/esm/{index.es-DtCgfyRV.mjs → index.es-CYN3fovv.mjs} +1 -1
- package/lib/index.cjs +205 -154
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +75 -4
- package/lib/index.d.mts +75 -4
- package/lib/index.mjs +206 -156
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +14 -14
- package/src/components/ActionTile/ActionTile.tsx +9 -3
- package/src/components/InlineLinkGroup/InlineLinkGroup.tsx +4 -1
- package/src/components/PartnerBrandLogos/PartnerBrandLogos.module.css +8 -0
- package/src/components/PartnerBrandLogos/PartnerBrandLogos.tsx +141 -0
- package/src/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.module.css +45 -0
- package/src/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.tsx +96 -0
- package/src/components/PartnerBrandLogos/components/PartnerLogoSubgroup/index.ts +6 -0
- package/src/components/PartnerBrandLogos/index.ts +9 -0
- package/src/components/ProductNavigation/ProductNavigation.tsx +6 -5
- package/src/components/ThumbnailSignpost/ThumbnailSignpost.module.css +31 -1
- package/src/components/ThumbnailSignpost/ThumbnailSignpost.tsx +7 -2
- package/src/components/index.ts +1 -0
- package/versions.json +1 -1
package/lib/index.cjs
CHANGED
|
@@ -29,10 +29,10 @@ var TabbedBanner = require('@arc-ui/components/TabbedBanner');
|
|
|
29
29
|
var Tag = require('@arc-ui/components/Tag');
|
|
30
30
|
var Toast = require('@arc-ui/components/Toast');
|
|
31
31
|
var VisuallyHidden = require('@arc-ui/components/VisuallyHidden');
|
|
32
|
+
var Surface = require('@arc-ui/components/Surface');
|
|
32
33
|
var Visible = require('@arc-ui/components/Visible');
|
|
33
34
|
var Spacing = require('@arc-ui/components/Spacing');
|
|
34
35
|
var ReactPlayer = require('react-player');
|
|
35
|
-
var Surface = require('@arc-ui/components/Surface');
|
|
36
36
|
var ContentSwitcher = require('@arc-ui/components/ContentSwitcher');
|
|
37
37
|
var ContentSwitcherDropdown = require('@arc-ui/components/ContentSwitcherDropdown');
|
|
38
38
|
|
|
@@ -246,17 +246,17 @@ function requireClassnames () {
|
|
|
246
246
|
var classnamesExports = requireClassnames();
|
|
247
247
|
var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
|
|
248
248
|
|
|
249
|
-
var styles$
|
|
249
|
+
var styles$u = {"accordion-header":"AccordionHeading-module_accordion-header__8s12f","accordion-header--hasImage":"AccordionHeading-module_accordion-header--hasImage__wbDjW","accordion-header--padded":"AccordionHeading-module_accordion-header--padded__me1JY","accordion-header--headingSizeM":"AccordionHeading-module_accordion-header--headingSizeM__amLfy"};
|
|
250
250
|
|
|
251
251
|
var AccordionHeading = function (_a) {
|
|
252
252
|
var _b, _c;
|
|
253
253
|
var heading = _a.heading, content = _a.content, id = _a.id, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.headingSize, headingSize = _f === void 0 ? "xl" : _f, image = _a.image, props = __rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "headingSize", "image"]);
|
|
254
254
|
return (React.createElement("div", __assign({ className: classNames((_b = {},
|
|
255
|
-
_b[styles$
|
|
256
|
-
_b[styles$
|
|
257
|
-
_b[styles$
|
|
255
|
+
_b[styles$u["accordion-header"]] = true,
|
|
256
|
+
_b[styles$u["accordion-header--padded"]] = isPadded,
|
|
257
|
+
_b[styles$u["accordion-header--headingSizeM"]] = headingSize === "m",
|
|
258
258
|
_b)) }, filterAttrs(props)),
|
|
259
|
-
React.createElement("div", { className: classNames((_c = {}, _c[styles$
|
|
259
|
+
React.createElement("div", { className: classNames((_c = {}, _c[styles$u["accordion-header--hasImage"]] = image, _c)) },
|
|
260
260
|
image && (React.createElement("div", null,
|
|
261
261
|
React.createElement(Image$2.Image, __assign({}, image, { width: 68, fit: "cover" })))),
|
|
262
262
|
React.createElement(Heading.Heading, { level: headingLevel, id: id, size: headingSize }, heading)),
|
|
@@ -265,25 +265,25 @@ var AccordionHeading = function (_a) {
|
|
|
265
265
|
React.createElement(Text.Text, { size: "l", elementType: "p" }, content)))));
|
|
266
266
|
};
|
|
267
267
|
|
|
268
|
-
var styles$
|
|
268
|
+
var styles$t = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT"};
|
|
269
269
|
|
|
270
270
|
var AccordionDisclosureList = function (_a) {
|
|
271
271
|
var disclosureList = _a.disclosureList;
|
|
272
272
|
return (React.createElement("ul", null, disclosureList.map(function (_a) {
|
|
273
273
|
var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id, props = __rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
|
|
274
|
-
return (React.createElement("li", { key: id, className: styles$
|
|
274
|
+
return (React.createElement("li", { key: id, className: styles$t.AccordionDisclosureListItem, id: id },
|
|
275
275
|
React.createElement(Disclosure.Disclosure, __assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterAttrs(props)), children)));
|
|
276
276
|
})));
|
|
277
277
|
};
|
|
278
278
|
|
|
279
|
-
var styles$
|
|
279
|
+
var styles$s = {"Accordion":"Accordion-module_Accordion__LsXTU"};
|
|
280
280
|
|
|
281
281
|
/**
|
|
282
282
|
* Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
|
|
283
283
|
*/
|
|
284
284
|
var Accordion = function (_a) {
|
|
285
285
|
var heading = _a.heading, headingLevel = _a.headingLevel, headingSize = _a.headingSize, content = _a.content, id = _a.id, disclosureList = _a.disclosureList, props = __rest(_a, ["heading", "headingLevel", "headingSize", "content", "id", "disclosureList"]);
|
|
286
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
286
|
+
return (React.createElement("div", __assign({ className: styles$s.Accordion }, filterAttrs(props)),
|
|
287
287
|
React.createElement(AccordionHeading, { isPadded: true, id: id, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, headingSize: headingSize, content: content }),
|
|
288
288
|
React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
|
|
289
289
|
};
|
|
@@ -942,17 +942,17 @@ function requireDebounce () {
|
|
|
942
942
|
var debounceExports = requireDebounce();
|
|
943
943
|
var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
|
|
944
944
|
|
|
945
|
-
var styles$
|
|
945
|
+
var styles$r = {"section-header":"SectionHeading-module_section-header__iB07I","section-header--hasImage":"SectionHeading-module_section-header--hasImage__Ka3T7","section-header--isCentered":"SectionHeading-module_section-header--isCentered__pz0V9","section-header--padded":"SectionHeading-module_section-header--padded__0FXP2"};
|
|
946
946
|
|
|
947
947
|
var SectionHeading = function (_a) {
|
|
948
948
|
var _b, _c;
|
|
949
949
|
var heading = _a.heading, content = _a.content, id = _a.id, image = _a.image, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.isCentered, isCentered = _f === void 0 ? false : _f, props = __rest(_a, ["heading", "content", "id", "image", "isHeadingWordWrap", "isPadded", "headingLevel", "isCentered"]);
|
|
950
950
|
return (React.createElement("div", __assign({ className: classNames((_b = {},
|
|
951
|
-
_b[styles$
|
|
952
|
-
_b[styles$
|
|
953
|
-
_b[styles$
|
|
951
|
+
_b[styles$r["section-header"]] = true,
|
|
952
|
+
_b[styles$r["section-header--padded"]] = isPadded,
|
|
953
|
+
_b[styles$r["section-header--isCentered"]] = isCentered,
|
|
954
954
|
_b)) }, filterAttrs(props)),
|
|
955
|
-
React.createElement("div", { className: classNames((_c = {}, _c[styles$
|
|
955
|
+
React.createElement("div", { className: classNames((_c = {}, _c[styles$r["section-header--hasImage"]] = image, _c)) },
|
|
956
956
|
image && (React.createElement("div", null,
|
|
957
957
|
React.createElement(Image$2.Image, __assign({}, image, { width: 68, fit: "cover" })))),
|
|
958
958
|
React.createElement(Heading.Heading, { level: headingLevel, id: id, size: "xl", isWordWrap: isHeadingWordWrap }, heading)),
|
|
@@ -963,7 +963,7 @@ var SectionHeading = function (_a) {
|
|
|
963
963
|
|
|
964
964
|
/**
|
|
965
965
|
* Do not edit directly
|
|
966
|
-
* Generated on
|
|
966
|
+
* Generated on Wed, 13 May 2026 07:47:26 GMT
|
|
967
967
|
*/
|
|
968
968
|
var ArcSizeBreakpointsXs = "320px";
|
|
969
969
|
var ArcSizeBreakpointsS = "636px";
|
|
@@ -990,7 +990,7 @@ var ArcBreakpoints = {
|
|
|
990
990
|
xs: parseInt(ArcSizeBreakpointsXs, 10),
|
|
991
991
|
};
|
|
992
992
|
|
|
993
|
-
var styles$
|
|
993
|
+
var styles$q = {"carouselWrapper":"ArticleCarousel-module_carouselWrapper__3mmGu","cardWrapperCarousel":"ArticleCarousel-module_cardWrapperCarousel__v3jv1","lastCard":"ArticleCarousel-module_lastCard__my93x"};
|
|
994
994
|
|
|
995
995
|
/**
|
|
996
996
|
* Use `ArticleCarousel` to give supporting information about a page or proposition in the form of the `Carousel` containing only `MediaCard` components.
|
|
@@ -1020,17 +1020,17 @@ var ArticleCarousel = function (_a) {
|
|
|
1020
1020
|
}, [minHeights, checkMinHeight]);
|
|
1021
1021
|
return (React.createElement("div", __assign({}, filterAttrs(props)),
|
|
1022
1022
|
React.createElement(SectionHeading, { isPadded: isPadded, id: id, "data-testid": "ArticleCarousel-header", heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content, isCentered: isCentered }),
|
|
1023
|
-
React.createElement("div", { className: styles$
|
|
1023
|
+
React.createElement("div", { className: styles$q.carouselWrapper },
|
|
1024
1024
|
React.createElement(Carousel.Carousel, { overflow: isMinWidthArcBreakpointL ? "hidden" : "visible", itemsPerSlide: isMinWidthArcBreakpointL ? 3 : 1, itemsToScroll: isMinWidthArcBreakpointL ? 3 : 1, behavior: isMinWidthArcBreakpointL ? "default" : "adaptive", withGutter: isMinWidthArcBreakpointL ? true : false }, cards.map(function (card, i) {
|
|
1025
1025
|
var _a;
|
|
1026
|
-
return (React.createElement("div", { key: "".concat(componentId), className: classNames(styles$
|
|
1027
|
-
_a[styles$
|
|
1026
|
+
return (React.createElement("div", { key: "".concat(componentId), className: classNames(styles$q.carouselSlide, styles$q.cardWrapperCarousel, (_a = {},
|
|
1027
|
+
_a[styles$q.lastCard] = i === cards.length - 1,
|
|
1028
1028
|
_a)) },
|
|
1029
1029
|
React.createElement(MediaCard.MediaCard, __assign({ isContained: cardsContained, minHeight: minimumHeight }, card))));
|
|
1030
1030
|
})))));
|
|
1031
1031
|
};
|
|
1032
1032
|
|
|
1033
|
-
var styles$
|
|
1033
|
+
var styles$p = {"authorContent":"Author-module_authorContent__TBY7b","largeAvatar":"Author-module_largeAvatar__Vco03"};
|
|
1034
1034
|
|
|
1035
1035
|
var Author = function (_a) {
|
|
1036
1036
|
var name = _a.name, title = _a.title, _b = _a.avatar, avatar = _b === void 0 ? {} : _b, props = __rest(_a, ["name", "title", "avatar"]);
|
|
@@ -1041,10 +1041,10 @@ var Author = function (_a) {
|
|
|
1041
1041
|
React.createElement(Grid.Grid, { isFluid: true, isGutterless: true },
|
|
1042
1042
|
React.createElement(Grid.GridRow, { align: "center" },
|
|
1043
1043
|
React.createElement(Grid.GridCol, { xs: isLargeAvatar ? 12 : "auto" },
|
|
1044
|
-
React.createElement("div", { className: isLargeAvatar ? styles$
|
|
1044
|
+
React.createElement("div", { className: isLargeAvatar ? styles$p.largeAvatar : undefined },
|
|
1045
1045
|
React.createElement(Avatar.Avatar, __assign({}, avatar)))),
|
|
1046
1046
|
React.createElement(Grid.GridCol, null,
|
|
1047
|
-
React.createElement("div", { className: "".concat(!isLargeAvatar && styles$
|
|
1047
|
+
React.createElement("div", { className: "".concat(!isLargeAvatar && styles$p.authorContent), "data-testid": "authorContent" },
|
|
1048
1048
|
React.createElement(Heading.Heading, { size: "xs" }, name),
|
|
1049
1049
|
React.createElement(Text.Text, { size: "s" }, title)))))));
|
|
1050
1050
|
};
|
|
@@ -1059,35 +1059,35 @@ var MultiLineText = function (_a) {
|
|
|
1059
1059
|
React.createElement(Text.Text, __assign({}, textProps), paragraph))); })));
|
|
1060
1060
|
};
|
|
1061
1061
|
|
|
1062
|
-
var styles$
|
|
1062
|
+
var styles$o = {"buttonContainer":"CopyLead-module_buttonContainer__3OaRG","col":"CopyLead-module_col__0Da5H","container":"CopyLead-module_container__I91ym","container--content":"CopyLead-module_container--content__e8LxG","container--media":"CopyLead-module_container--media__QcMWi","container--align-center":"CopyLead-module_container--align-center__Fh1Sd","container--align-top":"CopyLead-module_container--align-top__UIXOZ","list":"CopyLead-module_list__arnJd","listItem":"CopyLead-module_listItem__NscHE","listItemCentered":"CopyLead-module_listItemCentered__Kwdab","listItemIconContainer":"CopyLead-module_listItemIconContainer__dgnhJ","listItemTextContainer":"CopyLead-module_listItemTextContainer__Dl9lw","imgWrapper":"CopyLead-module_imgWrapper__HYP3w","mediaContainer":"CopyLead-module_mediaContainer__PxTnm","content":"CopyLead-module_content__Bja1D","container--reverse":"CopyLead-module_container--reverse__Gq9u8"};
|
|
1063
1063
|
|
|
1064
1064
|
var MediaContent$1 = function (_a) {
|
|
1065
1065
|
var heading = _a.heading, id = _a.id, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content;
|
|
1066
|
-
return (React.createElement("div", { className: styles$
|
|
1066
|
+
return (React.createElement("div", { className: styles$o.mediaContainer },
|
|
1067
1067
|
React.createElement(Heading.Heading, { id: id, level: headingLevel, isWordWrap: isHeadingWordWrap, size: "xl" }, heading),
|
|
1068
|
-
content && (React.createElement("div", { className: styles$
|
|
1068
|
+
content && (React.createElement("div", { className: styles$o.content },
|
|
1069
1069
|
React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
|
|
1070
1070
|
React.createElement(MultiLineText, { text: content, size: "l" })))));
|
|
1071
1071
|
};
|
|
1072
1072
|
|
|
1073
1073
|
var Image$1 = function (_a) {
|
|
1074
1074
|
var sources = _a.sources, props = __rest(_a, ["sources"]);
|
|
1075
|
-
return (React.createElement("div", { className: styles$
|
|
1075
|
+
return (React.createElement("div", { className: styles$o.imgWrapper },
|
|
1076
1076
|
React.createElement(Image$2.Image, __assign({ fadeOnLoad: true }, props), sources &&
|
|
1077
1077
|
sources.map(function (source) { return React.createElement("source", __assign({ key: source.srcSet }, source)); }))));
|
|
1078
1078
|
};
|
|
1079
1079
|
|
|
1080
1080
|
var IconList = function (_a) {
|
|
1081
1081
|
var listItems = _a.listItems, isLgScreen = _a.isLgScreen, _b = _a.headingLevel, headingLevel = _b === void 0 ? "3" : _b;
|
|
1082
|
-
return (React.createElement("ul", { className: styles$
|
|
1082
|
+
return (React.createElement("ul", { className: styles$o.list }, listItems.map(function (_a) {
|
|
1083
1083
|
var _b;
|
|
1084
1084
|
var icon = _a.icon, heading = _a.heading, text = _a.text;
|
|
1085
|
-
return (React.createElement("li", { key: heading, className: classNames(styles$
|
|
1086
|
-
_b[styles$
|
|
1085
|
+
return (React.createElement("li", { key: heading, className: classNames(styles$o.listItem, (_b = {},
|
|
1086
|
+
_b[styles$o.listItemCentered] = !text,
|
|
1087
1087
|
_b)) },
|
|
1088
|
-
React.createElement("div", { className: styles$
|
|
1088
|
+
React.createElement("div", { className: styles$o.listItemIconContainer },
|
|
1089
1089
|
React.createElement(Icon.Icon, { color: "brand", icon: icon, size: isLgScreen ? 64 : 48 })),
|
|
1090
|
-
React.createElement("div", { className: styles$
|
|
1090
|
+
React.createElement("div", { className: styles$o.listItemTextContainer },
|
|
1091
1091
|
React.createElement(Heading.Heading, { level: headingLevel, size: "s" }, heading),
|
|
1092
1092
|
text && (React.createElement(React.Fragment, null,
|
|
1093
1093
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8", sizeL: "16" }),
|
|
@@ -1095,20 +1095,20 @@ var IconList = function (_a) {
|
|
|
1095
1095
|
})));
|
|
1096
1096
|
};
|
|
1097
1097
|
|
|
1098
|
-
var Button = function (props) { return (React.createElement("div", { className: styles$
|
|
1098
|
+
var Button = function (props) { return (React.createElement("div", { className: styles$o.buttonContainer },
|
|
1099
1099
|
React.createElement(ButtonV2.ButtonV2, __assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
|
|
1100
1100
|
|
|
1101
1101
|
var Container = function (_a) {
|
|
1102
1102
|
var _b;
|
|
1103
1103
|
var children = _a.children, isReverseOrder = _a.isReverseOrder, type = _a.type, alignment = _a.alignment;
|
|
1104
|
-
return (React.createElement("div", { "data-testid": "copy-lead-container", className: classNames(styles$
|
|
1105
|
-
_b[styles$
|
|
1104
|
+
return (React.createElement("div", { "data-testid": "copy-lead-container", className: classNames(styles$o.container, styles$o["container--".concat(type)], styles$o["container--align-".concat(alignment)], (_b = {},
|
|
1105
|
+
_b[styles$o["container--reverse"]] = isReverseOrder,
|
|
1106
1106
|
_b)) }, children));
|
|
1107
1107
|
};
|
|
1108
1108
|
|
|
1109
1109
|
var Column = function (_a) {
|
|
1110
1110
|
var children = _a.children;
|
|
1111
|
-
return (React.createElement("div", { className: styles$
|
|
1111
|
+
return (React.createElement("div", { className: styles$o.col }, children));
|
|
1112
1112
|
};
|
|
1113
1113
|
|
|
1114
1114
|
var getListHeadingLevel$1 = function (level) {
|
|
@@ -1176,12 +1176,12 @@ var CopyLead = function (_a) {
|
|
|
1176
1176
|
return null;
|
|
1177
1177
|
};
|
|
1178
1178
|
|
|
1179
|
-
var styles$
|
|
1179
|
+
var styles$n = {"headingContainer":"DownloadList-module_headingContainer__PNio8"};
|
|
1180
1180
|
|
|
1181
1181
|
var DownloadList = function (_a) {
|
|
1182
1182
|
var heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, downloads = _a.downloads, props = __rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "downloads"]);
|
|
1183
1183
|
return (React.createElement("div", __assign({}, filterAttrs(props)),
|
|
1184
|
-
React.createElement("div", { className: styles$
|
|
1184
|
+
React.createElement("div", { className: styles$n.headingContainer },
|
|
1185
1185
|
React.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
|
|
1186
1186
|
React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
|
|
1187
1187
|
downloads.map(function (downloadProps, i) { return (React.createElement(React.Fragment, { key: "download-".concat(i) },
|
|
@@ -1189,7 +1189,7 @@ var DownloadList = function (_a) {
|
|
|
1189
1189
|
i !== downloads.length - 1 && React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))); })));
|
|
1190
1190
|
};
|
|
1191
1191
|
|
|
1192
|
-
var styles$
|
|
1192
|
+
var styles$m = {"FAQs":"FAQs-module_FAQs__FtQr4","linkListSection":"FAQs-module_linkListSection__RdQkU","linkListTitle":"FAQs-module_linkListTitle__RVni3","linkList":"FAQs-module_linkList__dPyXj","linkListItem":"FAQs-module_linkListItem__S83CL","linkList--padded":"FAQs-module_linkList--padded__8Paxc"};
|
|
1193
1193
|
|
|
1194
1194
|
var scrollToSectionFocusFirstElement = function (item) {
|
|
1195
1195
|
var _a, _b, _c, _d, _e;
|
|
@@ -1203,23 +1203,23 @@ var scrollToSectionFocusFirstElement = function (item) {
|
|
|
1203
1203
|
var FAQs = function (_a) {
|
|
1204
1204
|
var _b;
|
|
1205
1205
|
var heading = _a.heading, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, id = _a.id, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, type = _a.type, _e = _a.linkListHeading, linkListHeading = _e === void 0 ? "Skip to section" : _e, accordionData = _a.accordionData, props = __rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
|
|
1206
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
1206
|
+
return (React.createElement("div", __assign({ className: styles$m.FAQs }, filterAttrs(props)),
|
|
1207
1207
|
React.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, content: content, image: image, headingLevel: headingLevel, isPadded: isPadded }),
|
|
1208
|
-
type === "listWithLinks" && (React.createElement("div", { className: styles$
|
|
1209
|
-
React.createElement("div", { className: styles$
|
|
1208
|
+
type === "listWithLinks" && (React.createElement("div", { className: styles$m.linkListSection },
|
|
1209
|
+
React.createElement("div", { className: styles$m.linkListTitle },
|
|
1210
1210
|
React.createElement(Heading.Heading, { size: "xs" }, linkListHeading)),
|
|
1211
1211
|
React.createElement("ul", { className: classNames((_b = {},
|
|
1212
|
-
_b[styles$
|
|
1213
|
-
_b[styles$
|
|
1212
|
+
_b[styles$m.linkList] = true,
|
|
1213
|
+
_b[styles$m["linkList--padded"]] = isPadded,
|
|
1214
1214
|
_b)) }, accordionData.map(function (item) {
|
|
1215
1215
|
var _a;
|
|
1216
|
-
return (React.createElement("li", { className: styles$
|
|
1216
|
+
return (React.createElement("li", { className: styles$m.linkListItem, key: item.heading },
|
|
1217
1217
|
React.createElement(Link.Link, { title: item.heading, href: "#".concat(item.id), onClick: function (e) {
|
|
1218
1218
|
e.preventDefault();
|
|
1219
1219
|
scrollToSectionFocusFirstElement(item);
|
|
1220
1220
|
} }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
|
|
1221
1221
|
})))),
|
|
1222
|
-
type !== "tabs" && accordionData && (React.createElement("ul", { className: styles$
|
|
1222
|
+
type !== "tabs" && accordionData && (React.createElement("ul", { className: styles$m.accordionList }, accordionData.map(function (item) { return (React.createElement("li", { className: styles$m.accordionListItem, key: item.id },
|
|
1223
1223
|
React.createElement(Accordion, { id: item.id, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" }),
|
|
1224
1224
|
React.createElement(VerticalSpace.VerticalSpace, { size: "48", sizeL: "64" }))); }))),
|
|
1225
1225
|
type === "tabs" && (React.createElement(Tabs.Tabs, { defaultValue: accordionData[0].heading },
|
|
@@ -3416,12 +3416,12 @@ function cleanEscapedString(input) {
|
|
|
3416
3416
|
return matched[1].replace(doubleQuoteRegExp, "'");
|
|
3417
3417
|
}
|
|
3418
3418
|
|
|
3419
|
-
var styles$
|
|
3419
|
+
var styles$l = {"labelDate":"FeaturePost-module_labelDate__NXOgY","googlePlayButtonWrapper":"FeaturePost-module_googlePlayButtonWrapper__GI-ag","imgWrapper":"FeaturePost-module_imgWrapper__r6omd","featurePost":"FeaturePost-module_featurePost__9jY21","featurePostReversed":"FeaturePost-module_featurePostReversed__WQRXm","contentContainer":"FeaturePost-module_contentContainer__kdus7","col":"FeaturePost-module_col__eW8gY"};
|
|
3420
3420
|
|
|
3421
3421
|
var Image = function (_a) {
|
|
3422
3422
|
var sources = _a.sources, title = _a.title, description = _a.description, props = __rest(_a, ["sources", "title", "description"]);
|
|
3423
3423
|
return (React.createElement(React.Fragment, null,
|
|
3424
|
-
React.createElement("div", { className: styles$
|
|
3424
|
+
React.createElement("div", { className: styles$l.imgWrapper },
|
|
3425
3425
|
React.createElement(Image$2.Image, __assign({ fadeOnLoad: true }, props), sources &&
|
|
3426
3426
|
sources.map(function (source) { return React.createElement("source", __assign({ key: source.srcSet }, source)); }))),
|
|
3427
3427
|
title && (React.createElement(React.Fragment, null,
|
|
@@ -3459,17 +3459,17 @@ var FeaturePost = function (_a) {
|
|
|
3459
3459
|
var _b;
|
|
3460
3460
|
var heading = _a.heading, id = _a.id, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = __rest(_a, ["heading", "id", "headingLevel", "label", "image", "content", "footer", "video", "isHeadingWordWrap", "isReverseOrder"]);
|
|
3461
3461
|
var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
|
|
3462
|
-
return (React.createElement("div", __assign({ "data-testid": "feature-post", className: classNames(styles$
|
|
3463
|
-
_b[styles$
|
|
3462
|
+
return (React.createElement("div", __assign({ "data-testid": "feature-post", className: classNames(styles$l.featurePost, (_b = {},
|
|
3463
|
+
_b[styles$l.featurePostReversed] = isReverseOrder,
|
|
3464
3464
|
_b)) }, filterAttrs(props)),
|
|
3465
|
-
React.createElement("div", { className: styles$
|
|
3466
|
-
React.createElement("div", { className: styles$
|
|
3465
|
+
React.createElement("div", { className: styles$l.col },
|
|
3466
|
+
React.createElement("div", { className: styles$l.contentContainer },
|
|
3467
3467
|
label && (React.createElement(Grid.Grid, { isGutterless: true, isFluid: true },
|
|
3468
3468
|
React.createElement(Grid.GridRow, { align: "baseline" },
|
|
3469
3469
|
React.createElement(Grid.GridCol, { xs: 12, m: "auto" },
|
|
3470
3470
|
React.createElement(Heading.Heading, { size: "xxs", fontStyle: "overline" }, label.text)),
|
|
3471
3471
|
React.createElement(Grid.GridCol, { xs: 12, m: "auto" },
|
|
3472
|
-
React.createElement("div", { className: styles$
|
|
3472
|
+
React.createElement("div", { className: styles$l.labelDate },
|
|
3473
3473
|
React.createElement(Text.Text, { size: "xs", tone: "muted" }, isDate(label.date) ? (React.createElement("time", { dateTime: format(label.date, "yyyy-MM-dd") }, format(label.date, "d MMMM yyyy"))) : (React.createElement("span", null, label.date)))))),
|
|
3474
3474
|
React.createElement(VerticalSpace.VerticalSpace, { size: "24" }))),
|
|
3475
3475
|
React.createElement(Heading.Heading, { id: id, level: headingLevel, isWordWrap: isHeadingWordWrap, size: "xl" }, heading),
|
|
@@ -3491,10 +3491,10 @@ var FeaturePost = function (_a) {
|
|
|
3491
3491
|
footer.appStore && (React.createElement(Grid.GridCol, { xs: 12, s: "auto" },
|
|
3492
3492
|
React.createElement(AppButton.AppButton, { type: "apple-app-store", screenReaderText: footer.appStore.screenReaderText, url: footer.appStore.url }))),
|
|
3493
3493
|
footer.googlePlay && (React.createElement(Grid.GridCol, { xs: 12, s: "auto" },
|
|
3494
|
-
React.createElement("div", { className: styles$
|
|
3494
|
+
React.createElement("div", { className: styles$l.googlePlayButtonWrapper },
|
|
3495
3495
|
React.createElement(AppButton.AppButton, { type: "google-play", screenReaderText: footer.googlePlay.screenReaderText, url: footer.googlePlay.url })))))))))),
|
|
3496
|
-
isMinWidthArcBreakpointM && (React.createElement("div", { className: styles$
|
|
3497
|
-
React.createElement("div", { "data-testid": "desktop-img", className: styles$
|
|
3496
|
+
isMinWidthArcBreakpointM && (React.createElement("div", { className: styles$l.col },
|
|
3497
|
+
React.createElement("div", { "data-testid": "desktop-img", className: styles$l.imgContainer },
|
|
3498
3498
|
React.createElement(MediaContent, { image: image, video: video }))))));
|
|
3499
3499
|
};
|
|
3500
3500
|
|
|
@@ -3506,7 +3506,7 @@ var FeaturePost = function (_a) {
|
|
|
3506
3506
|
const BtIconArrowRightFill =
|
|
3507
3507
|
"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M2 16A14 14 0 1 0 16 2 14 14 0 0 0 2 16m16.854-4.354L23.207 16l-4.354 4.354a.5.5 0 0 1-.707-.707l3.147-3.147H9.5a.5.5 0 0 1 0-1h11.793l-3.146-3.146a.5.5 0 0 1 .707-.707'/%3e%3c/svg%3e";
|
|
3508
3508
|
|
|
3509
|
-
var styles$
|
|
3509
|
+
var styles$k = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
|
|
3510
3510
|
|
|
3511
3511
|
var getListHeadingLevel = function (level) {
|
|
3512
3512
|
var nextLevel = Math.min(parseInt(level) + 1, 6);
|
|
@@ -3516,8 +3516,8 @@ var getListHeadingLevel = function (level) {
|
|
|
3516
3516
|
var HighlightItem = function (_a) {
|
|
3517
3517
|
var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = __rest(_a, ["icon", "heading", "text", "link", "isSmallIcon", "headingLevel"]);
|
|
3518
3518
|
var listHeadingLevel = getListHeadingLevel(headingLevel || "2");
|
|
3519
|
-
return (React.createElement("div", __assign({ "data-testid": "highlight-item-container", className: styles$
|
|
3520
|
-
icon && (React.createElement("div", { className: styles$
|
|
3519
|
+
return (React.createElement("div", __assign({ "data-testid": "highlight-item-container", className: styles$k.highlightItem }, filterAttrs(props)),
|
|
3520
|
+
icon && (React.createElement("div", { className: styles$k.Icon },
|
|
3521
3521
|
React.createElement(Icon.Icon, { "data-testid": "highlight-icon", color: "brand", icon: icon, size: isSmallIcon ? 64 : 76 }))),
|
|
3522
3522
|
React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
|
|
3523
3523
|
React.createElement(Heading.Heading, { level: listHeadingLevel, size: "m" }, heading),
|
|
@@ -3530,7 +3530,7 @@ var HighlightItem = function (_a) {
|
|
|
3530
3530
|
var HighlightList = function (_a) {
|
|
3531
3531
|
var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = __rest(_a, ["listItems", "columns", "isSmallIcon", "headingLevel"]);
|
|
3532
3532
|
var id = React.useId();
|
|
3533
|
-
return (React.createElement("div", __assign({ "data-testid": "highlights-list", className: classNames(styles$
|
|
3533
|
+
return (React.createElement("div", __assign({ "data-testid": "highlights-list", className: classNames(styles$k.highlights, styles$k["highlights".concat(columns, "Column")]) }, filterAttrs(props)), listItems.map(function (_a, i) {
|
|
3534
3534
|
var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, itemProps = __rest(_a, ["icon", "heading", "text", "link"]);
|
|
3535
3535
|
return (React.createElement(HighlightItem, __assign({ key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon, headingLevel: headingLevel }, itemProps)));
|
|
3536
3536
|
})));
|
|
@@ -3557,7 +3557,7 @@ var Highlights = function (_a) {
|
|
|
3557
3557
|
: undefined, iconPosition: (_d = cta.iconPosition) !== null && _d !== void 0 ? _d : "beforeText" })))));
|
|
3558
3558
|
};
|
|
3559
3559
|
|
|
3560
|
-
var styles$
|
|
3560
|
+
var styles$j = {"PromoListing":"PromoListing-module_PromoListing__6ensv","carouselSlide":"PromoListing-module_carouselSlide__AMTPF","cardGrid":"PromoListing-module_cardGrid__llf73","cardWrapper":"PromoListing-module_cardWrapper__I4iwh","cardWrapperCarousel":"PromoListing-module_cardWrapperCarousel__t-2qM","columns-3":"PromoListing-module_columns-3__y6jWS","columns-2":"PromoListing-module_columns-2__GRFxb"};
|
|
3561
3561
|
|
|
3562
3562
|
/**
|
|
3563
3563
|
* Do not edit directly
|
|
@@ -3675,7 +3675,7 @@ var PromoListing = function (_a) {
|
|
|
3675
3675
|
var CardComponent = CARD_COMPONENTS[card.type];
|
|
3676
3676
|
return React.createElement(CardComponent, __assign({}, card, commonProps));
|
|
3677
3677
|
};
|
|
3678
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
3678
|
+
return (React.createElement("div", __assign({ className: styles$j.PromoListing }, filterAttrs(props)),
|
|
3679
3679
|
overlineLabel && (React.createElement(React.Fragment, null,
|
|
3680
3680
|
React.createElement(Heading.Heading, { level: overlineHeadingLevel, fontStyle: "overline" }, overlineLabel),
|
|
3681
3681
|
React.createElement(VerticalSpace.VerticalSpace, { size: "12" }))),
|
|
@@ -3683,44 +3683,44 @@ var PromoListing = function (_a) {
|
|
|
3683
3683
|
button.label && (React.createElement(React.Fragment, null,
|
|
3684
3684
|
React.createElement(ButtonV2.ButtonV2, __assign({}, button, { icon: button.buttonStyle == "compact" ? BtIconArrowRightFill : undefined, size: "m" })),
|
|
3685
3685
|
React.createElement(VerticalSpace.VerticalSpace, { size: "40" }))),
|
|
3686
|
-
isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles$
|
|
3687
|
-
React.createElement(Carousel.Carousel, { overflow: "visible", itemsPerSlide: 1, behavior: "adaptive", withGutter: false }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, i) { return (React.createElement("div", { key: "promolist-carousel-card-".concat(componentId, "-").concat(i), className: (styles$
|
|
3688
|
-
React.createElement("div", { "data-testid": "promoList-card".concat(index), className: styles$
|
|
3686
|
+
isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles$j.promolistingCarouselWrapper },
|
|
3687
|
+
React.createElement(Carousel.Carousel, { overflow: "visible", itemsPerSlide: 1, behavior: "adaptive", withGutter: false }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, i) { return (React.createElement("div", { key: "promolist-carousel-card-".concat(componentId, "-").concat(i), className: (styles$j.cardWrapperCarousel) }, getCard(card))); })))) : (React.createElement("ul", { className: classNames(styles$j.cardGrid, styles$j["columns-".concat(columns)]) }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, index) { return (React.createElement("li", { key: "promolist-card--".concat(componentId, "-").concat(index) },
|
|
3688
|
+
React.createElement("div", { "data-testid": "promoList-card".concat(index), className: styles$j.cardWrapper }, getCard(card)))); })))));
|
|
3689
3689
|
};
|
|
3690
3690
|
|
|
3691
|
-
var styles$
|
|
3691
|
+
var styles$i = {"blockQuote":"Quote-module_blockQuote__STj-z","quoteContent":"Quote-module_quoteContent__kWc51","quoteDefault":"Quote-module_quoteDefault__tU5db","quoteSecondary":"Quote-module_quoteSecondary__3Rk3f","quoteIcon":"Quote-module_quoteIcon__HK1TV"};
|
|
3692
3692
|
|
|
3693
3693
|
/**
|
|
3694
3694
|
* Use `Quote` where a quote or testimonial from an existing customer or stakeholder would help build trust and credibility with potential new customers. It's commonly used on product pages where customers would learn about a product or service that we offer.*/
|
|
3695
3695
|
var Quote = function (_a) {
|
|
3696
3696
|
var author = _a.author, _b = _a.styling, styling = _b === void 0 ? "Default" : _b, content = _a.content, citeUrl = _a.citeUrl, props = __rest(_a, ["author", "styling", "content", "citeUrl"]);
|
|
3697
3697
|
return (React.createElement("div", __assign({ className: "community-component--quote", "data-testid": "quote-test" }, filterAttrs(props)),
|
|
3698
|
-
React.createElement("blockquote", { "data-testid": "style-test", className: classNames(styles$
|
|
3699
|
-
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 77", className: styles$
|
|
3698
|
+
React.createElement("blockquote", { "data-testid": "style-test", className: classNames(styles$i.blockQuote, styles$i["quote".concat(styling)]), cite: citeUrl },
|
|
3699
|
+
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 77", className: styles$i.quoteIcon, "aria-hidden": "true" },
|
|
3700
3700
|
React.createElement("path", { d: "M21.8085 76.4706C15.9574 76.4706 10.8156 74.2732 6.38298 69.8783C2.12766 65.4834 0 58.979 0 50.3651C0 40.5206 3.10284 31.1156 9.30851 22.1501C15.6915 13.1846 25.3546 5.80122 38.2979 0L44.1489 11.3387C37.4113 14.3272 31.7376 18.0189 27.1277 22.4138C22.5177 26.6329 19.6809 31.4672 18.617 36.9168C19.8582 36.741 21.0106 36.6531 22.0745 36.6531C27.7482 36.6531 32.4468 38.499 36.1702 42.1907C40.0709 45.8824 42.0213 50.7167 42.0213 56.6937C42.0213 62.4949 39.9823 67.2414 35.9043 70.9331C32.0035 74.6247 27.305 76.4706 21.8085 76.4706ZM77.6596 76.4706C71.8085 76.4706 66.6667 74.2732 62.234 69.8783C57.9787 65.4834 55.8511 58.979 55.8511 50.3651C55.8511 40.5206 58.9539 31.1156 65.1596 22.1501C71.5425 13.1846 81.2057 5.80122 94.1489 0L100 11.3387C93.2624 14.3272 87.5886 18.0189 82.9787 22.4138C78.3688 26.6329 75.5319 31.4672 74.4681 36.9168C75.7092 36.741 76.8617 36.6531 77.9255 36.6531C83.5993 36.6531 88.2979 38.499 92.0213 42.1907C95.922 45.8824 97.8723 50.7167 97.8723 56.6937C97.8723 62.4949 95.8333 67.2414 91.7553 70.9331C87.8546 74.6247 83.156 76.4706 77.6596 76.4706Z" })),
|
|
3701
|
-
React.createElement("p", { className: styles$
|
|
3701
|
+
React.createElement("p", { className: styles$i.quoteContent }, content)),
|
|
3702
3702
|
author && React.createElement(Author, __assign({}, author))));
|
|
3703
3703
|
};
|
|
3704
3704
|
|
|
3705
|
-
var styles$
|
|
3705
|
+
var styles$h = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
|
|
3706
3706
|
|
|
3707
3707
|
var Summary = function (_a) {
|
|
3708
3708
|
var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c, props = __rest(_a, ["content", "noBorder", "headingLevel"]);
|
|
3709
3709
|
var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
|
|
3710
3710
|
return (React.createElement(Box.Box, __assign({ isBorderRadius: true }, (!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" }), { padding: "24" }, filterAttrs(props)),
|
|
3711
|
-
React.createElement("div", { className: styles$
|
|
3711
|
+
React.createElement("div", { className: styles$h.row }, content.map(function (_a, i) {
|
|
3712
3712
|
var heading = _a.heading, text = _a.text;
|
|
3713
3713
|
return (React.createElement(React.Fragment, null,
|
|
3714
|
-
React.createElement("div", { className: styles$
|
|
3714
|
+
React.createElement("div", { className: styles$h.col },
|
|
3715
3715
|
React.createElement(Heading.Heading, { size: "s", level: headingLevel }, heading),
|
|
3716
3716
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
3717
3717
|
React.createElement(Text.Text, { size: "s" }, text)),
|
|
3718
|
-
i !== content.length - 1 && (React.createElement("div", { className: styles$
|
|
3718
|
+
i !== content.length - 1 && (React.createElement("div", { className: styles$h.ruleContainer },
|
|
3719
3719
|
React.createElement(Rule.Rule, { orientation: isMinWidthArcBreakpointM ? "vertical" : "horizontal" })))));
|
|
3720
3720
|
}))));
|
|
3721
3721
|
};
|
|
3722
3722
|
|
|
3723
|
-
var styles$
|
|
3723
|
+
var styles$g = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM"};
|
|
3724
3724
|
|
|
3725
3725
|
var getLinkProps = function (link) {
|
|
3726
3726
|
return link.openInNewTab
|
|
@@ -3738,7 +3738,7 @@ var Statistics = function (_a) {
|
|
|
3738
3738
|
React.createElement(Columns.ColumnsCol, { spanM: 9 },
|
|
3739
3739
|
React.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
|
|
3740
3740
|
React.createElement(Columns.ColumnsCol, { spanL: 9 },
|
|
3741
|
-
React.createElement("ul", { className: styles$
|
|
3741
|
+
React.createElement("ul", { className: styles$g.list }, statistics.map(function (_a, i) {
|
|
3742
3742
|
var stat = _a.stat, copy = _a.copy, link = _a.link, source = _a.source, sourceUrl = _a.sourceUrl;
|
|
3743
3743
|
return (React.createElement("li", { key: "statistic-".concat(componentId, "-").concat(i) },
|
|
3744
3744
|
i !== 0 && (React.createElement(React.Fragment, null,
|
|
@@ -3748,7 +3748,7 @@ var Statistics = function (_a) {
|
|
|
3748
3748
|
React.createElement(Columns.Columns, null,
|
|
3749
3749
|
React.createElement(Columns.ColumnsCol, { spanS: 6, spanM: 8 },
|
|
3750
3750
|
React.createElement(Align.Align, { vertical: "center" },
|
|
3751
|
-
React.createElement("div", { className: styles$
|
|
3751
|
+
React.createElement("div", { className: styles$g.statWrapper },
|
|
3752
3752
|
React.createElement(Heading.Heading, { color: "brand", size: "xxl" }, stat),
|
|
3753
3753
|
React.createElement(Hidden.Hidden, { s: true, m: true, l: true, xl: true, xxl: true },
|
|
3754
3754
|
React.createElement(VerticalSpace.VerticalSpace, { size: "12" }))))),
|
|
@@ -3761,26 +3761,26 @@ var Statistics = function (_a) {
|
|
|
3761
3761
|
source && (React.createElement(React.Fragment, null,
|
|
3762
3762
|
React.createElement(VerticalSpace.VerticalSpace, { size: "12" }),
|
|
3763
3763
|
React.createElement(Text.Text, { size: "xs" },
|
|
3764
|
-
React.createElement("span", { className: styles$
|
|
3764
|
+
React.createElement("span", { className: styles$g.mutedText }, source)))),
|
|
3765
3765
|
sourceUrl && (React.createElement(Text.Text, { size: "xs" },
|
|
3766
|
-
React.createElement("a", { className: styles$
|
|
3766
|
+
React.createElement("a", { className: styles$g.mutedText, href: sourceUrl }, sourceUrl))))))));
|
|
3767
3767
|
})))));
|
|
3768
3768
|
};
|
|
3769
3769
|
|
|
3770
|
-
var styles$
|
|
3770
|
+
var styles$f = {"bannerWithTabsHeadingCentered":"BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO"};
|
|
3771
3771
|
|
|
3772
3772
|
var BannerWithTabs = function (_a) {
|
|
3773
3773
|
var _b;
|
|
3774
3774
|
var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = __rest(_a, ["tabs", "defaultValue", "heading", "headingLevel", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
|
|
3775
3775
|
return (React.createElement("div", __assign({}, filterAttrs(props)),
|
|
3776
3776
|
React.createElement("div", { className: classNames((_b = {},
|
|
3777
|
-
_b[styles$
|
|
3777
|
+
_b[styles$f.bannerWithTabsHeadingCentered] = alignTypography === "center",
|
|
3778
3778
|
_b)) },
|
|
3779
3779
|
React.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, headingLevel: headingLevel, content: content, isPadded: alignTypography === "left" ? true : false })),
|
|
3780
3780
|
React.createElement(TabbedBanner.TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
|
|
3781
3781
|
};
|
|
3782
3782
|
|
|
3783
|
-
var styles$
|
|
3783
|
+
var styles$e = {"tagGroup":"ArticleSidebar-module_tagGroup__rIPQc","textContent":"ArticleSidebar-module_textContent__3nCfG","additionalContentContainer":"ArticleSidebar-module_additionalContentContainer__91L4n","shareButtonContainer":"ArticleSidebar-module_shareButtonContainer__iAfHL","shareButton":"ArticleSidebar-module_shareButton__rb-1E"};
|
|
3784
3784
|
|
|
3785
3785
|
/**
|
|
3786
3786
|
* Use `ArticleSidebar` to provide additional information about the article.
|
|
@@ -3836,7 +3836,7 @@ var ArticleSidebar = function (_a) {
|
|
|
3836
3836
|
var hasBottomContent = Boolean(linkSection || topics || share);
|
|
3837
3837
|
return (React.createElement("div", __assign({}, filterAttrs(props)),
|
|
3838
3838
|
React.createElement("div", { className: classNames((_b = {},
|
|
3839
|
-
_b[styles$
|
|
3839
|
+
_b[styles$e.textContent] = hasTopContent,
|
|
3840
3840
|
_b)) },
|
|
3841
3841
|
author && (React.createElement(React.Fragment, null,
|
|
3842
3842
|
React.createElement(Author, __assign({}, author, { avatar: __assign(__assign({}, author.avatar), { size: "xl" }) })))),
|
|
@@ -3847,7 +3847,7 @@ var ArticleSidebar = function (_a) {
|
|
|
3847
3847
|
React.createElement(Text.Text, { size: "s" }, aboutSection.content))),
|
|
3848
3848
|
additionalContent && (React.createElement(React.Fragment, null,
|
|
3849
3849
|
(author || aboutSection) && React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
|
|
3850
|
-
React.createElement("div", { className: styles$
|
|
3850
|
+
React.createElement("div", { className: styles$e.additionalContentContainer }, additionalContent.map(function (_a) {
|
|
3851
3851
|
var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content;
|
|
3852
3852
|
return (React.createElement("div", { key: "".concat(id, "-").concat(heading) },
|
|
3853
3853
|
React.createElement(Heading.Heading, { level: headingLevel, size: "xxs" }, heading),
|
|
@@ -3870,7 +3870,7 @@ var ArticleSidebar = function (_a) {
|
|
|
3870
3870
|
linkSection && React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
|
|
3871
3871
|
React.createElement(Heading.Heading, { level: topics.headingLevel }, topics.heading),
|
|
3872
3872
|
React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
|
|
3873
|
-
React.createElement("div", { className: styles$
|
|
3873
|
+
React.createElement("div", { className: styles$e.tagGroup }, topics.tags.map(function (tag) { return (React.createElement(Tag.Tag, __assign({ key: "".concat(id, "-").concat(tag.title) }, tag))); })))),
|
|
3874
3874
|
share && (React.createElement(React.Fragment, null,
|
|
3875
3875
|
(linkSection || topics) && (React.createElement("div", { "data-testid": "links-topics-content-rule" },
|
|
3876
3876
|
React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
|
|
@@ -3878,16 +3878,16 @@ var ArticleSidebar = function (_a) {
|
|
|
3878
3878
|
React.createElement(VerticalSpace.VerticalSpace, { size: "32" }))),
|
|
3879
3879
|
React.createElement(Heading.Heading, { level: share.headingLevel }, share.heading),
|
|
3880
3880
|
React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
|
|
3881
|
-
React.createElement("div", { className: styles$
|
|
3881
|
+
React.createElement("div", { className: styles$e.shareButtonContainer }, shareButtons.map(function (_a) {
|
|
3882
3882
|
var isButton = _a.isButton, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, onClick = _a.onClick;
|
|
3883
|
-
return (React.createElement("a", { key: "".concat(id, "-").concat(ariaLabel), role: isButton ? "button" : undefined, target: "_blank", rel: "noreferrer", className: styles$
|
|
3883
|
+
return (React.createElement("a", { key: "".concat(id, "-").concat(ariaLabel), role: isButton ? "button" : undefined, target: "_blank", rel: "noreferrer", className: styles$e.shareButton, "aria-label": ariaLabel, href: href, onClick: isButton ? onClick : undefined },
|
|
3884
3884
|
React.createElement(Icon.Icon, { icon: icon, size: 24 })));
|
|
3885
3885
|
})))),
|
|
3886
3886
|
React.createElement(Toast.Toast, null,
|
|
3887
3887
|
React.createElement(Toast.ToastNotification, { status: "success", title: "Copied to clipboard", isOpen: showToast, onOpenChange: function () { return setShowToast(false); } }))));
|
|
3888
3888
|
};
|
|
3889
3889
|
|
|
3890
|
-
var styles$
|
|
3890
|
+
var styles$d = {"product-navigation-grid":"ProductNavigation-module_product-navigation-grid__RzFq8","productNavigation-skipLink":"ProductNavigation-module_productNavigation-skipLink__fy8ZJ"};
|
|
3891
3891
|
|
|
3892
3892
|
/**
|
|
3893
3893
|
* Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
|
|
@@ -3897,6 +3897,7 @@ var ProductNavigation = function (_a) {
|
|
|
3897
3897
|
var _g = React.useState(false), hideLessButton = _g[0], setHideLessButton = _g[1];
|
|
3898
3898
|
var _h = React.useState(cardsToDisplay), skipLinkCard = _h[0], setSkipLinkCard = _h[1];
|
|
3899
3899
|
var _j = React.useState(productList.slice(0, cardsToDisplay)), displayList = _j[0], setDisplayList = _j[1];
|
|
3900
|
+
var _k = React.useState(false), displaySkipButton = _k[0], setDisplaySkipButton = _k[1];
|
|
3900
3901
|
var cardRef = React.useRef(null);
|
|
3901
3902
|
React.useEffect(function () {
|
|
3902
3903
|
if (defaultExpanded) {
|
|
@@ -3908,6 +3909,7 @@ var ProductNavigation = function (_a) {
|
|
|
3908
3909
|
(_a = cardRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3909
3910
|
};
|
|
3910
3911
|
var clickController = function () {
|
|
3912
|
+
setDisplaySkipButton(true);
|
|
3911
3913
|
// show more / current list length + increment
|
|
3912
3914
|
if (displayList.length < productList.length) {
|
|
3913
3915
|
if (onClickMore)
|
|
@@ -3931,7 +3933,7 @@ var ProductNavigation = function (_a) {
|
|
|
3931
3933
|
var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsS, ")"));
|
|
3932
3934
|
return (React.createElement("div", __assign({}, filterAttrs(props)),
|
|
3933
3935
|
React.createElement(SectionHeading, { isPadded: true, id: id, "data-testid": "ProductNavigation-header", heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content, image: image }),
|
|
3934
|
-
React.createElement("ul", { className: classNames(styles$
|
|
3936
|
+
React.createElement("ul", { className: classNames(styles$d["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (cardProps, i) {
|
|
3935
3937
|
var _a;
|
|
3936
3938
|
return (React.createElement("li", { key: "displayList-".concat(i), tabIndex: -1, ref: i === skipLinkCard ? cardRef : undefined, "data-cy": "list-item-".concat(i) },
|
|
3937
3939
|
React.createElement(InformationCard.InformationCard, __assign({}, cardProps, { minHeight: minHeight !== null && minHeight !== void 0 ? minHeight : cardProps.minHeight, headingLevel: (_a = cardProps.headingLevel) !== null && _a !== void 0 ? _a : "2" }))));
|
|
@@ -3941,8 +3943,8 @@ var ProductNavigation = function (_a) {
|
|
|
3941
3943
|
!hideButton && !hideLessButton && (React.createElement(ButtonV2.ButtonV2, { label: displayList.length < productList.length
|
|
3942
3944
|
? "Show more"
|
|
3943
3945
|
: "Show less", buttonStyle: "secondary", onClick: clickController, isFullWidth: isMinWidthArcBreakpointS ? false : true, isLoading: isLoading })),
|
|
3944
|
-
|
|
3945
|
-
React.createElement("div", { id: "skip-link", className: classNames(styles$
|
|
3946
|
+
hideButton ||
|
|
3947
|
+
(displaySkipButton && displayList.length > cardsToDisplay && (React.createElement("div", { id: "skip-link", className: classNames(styles$d["productNavigation-skipLink"]), tabIndex: -1 },
|
|
3946
3948
|
React.createElement(ButtonV2.ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
|
|
3947
3949
|
React.createElement(VisuallyHidden.VisuallyHidden, null,
|
|
3948
3950
|
React.createElement("div", { "aria-live": "polite", id: "aria-live-region", "aria-atomic": true },
|
|
@@ -3955,82 +3957,85 @@ var ProductNavigation = function (_a) {
|
|
|
3955
3957
|
"."))))));
|
|
3956
3958
|
};
|
|
3957
3959
|
|
|
3958
|
-
var styles$
|
|
3960
|
+
var styles$c = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
|
|
3959
3961
|
|
|
3960
3962
|
var ContentInfoWidget = function (_a) {
|
|
3961
3963
|
var text = _a.text, icon = _a.icon, props = __rest(_a, ["text", "icon"]);
|
|
3962
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
3963
|
-
React.createElement("div", { className: styles$
|
|
3964
|
+
return (React.createElement("div", __assign({ className: styles$c.container }, filterAttrs(props)),
|
|
3965
|
+
React.createElement("div", { className: styles$c.icon },
|
|
3964
3966
|
React.createElement(Icon.Icon, { size: 20, icon: icon })),
|
|
3965
|
-
React.createElement("div", { className: styles$
|
|
3967
|
+
React.createElement("div", { className: styles$c.text },
|
|
3966
3968
|
React.createElement(Text.Text, { size: "xs", tone: "muted" }, text))));
|
|
3967
3969
|
};
|
|
3968
3970
|
|
|
3969
|
-
var styles$
|
|
3971
|
+
var styles$b = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
|
|
3970
3972
|
|
|
3971
3973
|
var ActionTile = function (_a) {
|
|
3972
3974
|
var _b;
|
|
3973
3975
|
var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _c = _a.isActive, isActive = _c === void 0 ? false : _c, onClick = _a.onClick, className = _a.className, props = __rest(_a, ["icon", "activeIcon", "heading", "isActive", "onClick", "className"]);
|
|
3974
|
-
var tileClasses = classNames(styles$
|
|
3975
|
-
_b[styles$
|
|
3976
|
+
var tileClasses = classNames(styles$b["action-tile"], (_b = {},
|
|
3977
|
+
_b[styles$b["action-tile--active"]] = isActive,
|
|
3976
3978
|
_b), className);
|
|
3977
3979
|
var displayIcon = isActive && activeIcon ? activeIcon : icon;
|
|
3978
3980
|
var content = (React.createElement(React.Fragment, null,
|
|
3979
|
-
React.createElement("div", { className: styles$
|
|
3980
|
-
displayIcon && (React.createElement("div", { className: styles$
|
|
3981
|
+
React.createElement("div", { className: styles$b["action-tile-content"] },
|
|
3982
|
+
displayIcon && (React.createElement("div", { className: styles$b["action-tile-icon"] },
|
|
3981
3983
|
React.createElement(Icon.Icon, { icon: displayIcon, size: 48 }))),
|
|
3982
|
-
React.createElement("
|
|
3983
|
-
isActive && (React.createElement("div", { className: styles$
|
|
3984
|
+
React.createElement("span", { className: styles$b["action-tile-heading"] }, heading)),
|
|
3985
|
+
isActive && (React.createElement("div", { className: styles$b["action-tile-tick"] },
|
|
3984
3986
|
React.createElement(Icon.Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
|
|
3985
|
-
return (React.createElement("
|
|
3987
|
+
return (React.createElement("button", __assign({ type: "button", className: tileClasses, onClick: onClick, "aria-pressed": isActive }, filterAttrs(props)), content));
|
|
3986
3988
|
};
|
|
3987
3989
|
|
|
3988
|
-
var styles$
|
|
3990
|
+
var styles$a = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
|
|
3989
3991
|
|
|
3990
3992
|
var LinkTile = function (_a) {
|
|
3991
3993
|
var text = _a.text, href = _a.href, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, className = _a.className, props = __rest(_a, ["text", "href", "showIcon", "className"]);
|
|
3992
3994
|
var Component = href ? "a" : "div";
|
|
3993
3995
|
var linkProps = href ? { href: href } : {};
|
|
3994
|
-
return (React.createElement(Component, __assign({ className: classNames(styles$
|
|
3995
|
-
React.createElement("span", { className: styles$
|
|
3996
|
-
showIcon && (React.createElement("span", { className: styles$
|
|
3996
|
+
return (React.createElement(Component, __assign({ className: classNames(styles$a["link-tile"], className) }, linkProps, props), text && (React.createElement("div", { className: styles$a["link-tile-content"] },
|
|
3997
|
+
React.createElement("span", { className: styles$a["link-tile-text"] }, text),
|
|
3998
|
+
showIcon && (React.createElement("span", { className: styles$a["link-tile-icon"] },
|
|
3997
3999
|
React.createElement(Icon.Icon, { icon: BtIconArrowAltRight, size: 32 })))))));
|
|
3998
4000
|
};
|
|
3999
4001
|
|
|
4000
|
-
var styles$
|
|
4002
|
+
var styles$9 = {"quick-help":"InlineLinkGroup-module_quick-help__cMTpB","quick-help-label":"InlineLinkGroup-module_quick-help-label__VLKen","quick-help-container":"InlineLinkGroup-module_quick-help-container__IStTk","quick-help-item":"InlineLinkGroup-module_quick-help-item__QTIMl","quick-help-separator":"InlineLinkGroup-module_quick-help-separator__qJE0q","quick-help-separator-line":"InlineLinkGroup-module_quick-help-separator-line__VbCVI"};
|
|
4001
4003
|
|
|
4002
4004
|
var InlineLinkGroup = function (_a) {
|
|
4003
|
-
var label = _a.label, links = _a.links, props = __rest(_a, ["label", "links"]);
|
|
4004
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
4005
|
-
label && (React.createElement("div", { className: styles$
|
|
4006
|
-
React.createElement(Heading.Heading, { size: "xxs", fontStyle: "overline" }, label))),
|
|
4007
|
-
React.createElement("ul", { className: styles$
|
|
4008
|
-
React.createElement("li", { className: styles$
|
|
4005
|
+
var label = _a.label, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, links = _a.links, props = __rest(_a, ["label", "headingLevel", "links"]);
|
|
4006
|
+
return (React.createElement("div", __assign({ className: styles$9["quick-help"] }, filterAttrs(props)),
|
|
4007
|
+
label && (React.createElement("div", { className: styles$9["quick-help-label"] },
|
|
4008
|
+
React.createElement(Heading.Heading, { level: headingLevel, size: "xxs", fontStyle: "overline" }, label))),
|
|
4009
|
+
React.createElement("ul", { className: styles$9["quick-help-container"] }, links.map(function (link, index) { return (React.createElement(React.Fragment, { key: index },
|
|
4010
|
+
React.createElement("li", { className: styles$9["quick-help-item"] },
|
|
4009
4011
|
React.createElement(Link.Link, { href: link.href, onClick: link.onClick, "aria-label": link.ariaLabel }, link.label),
|
|
4010
4012
|
React.createElement(Icon.Icon, { icon: BtIconArrowAltRight, size: 24, color: "brand" })),
|
|
4011
|
-
index < links.length - 1 && (React.createElement("li", { className: styles$
|
|
4012
|
-
React.createElement("div", { className: styles$
|
|
4013
|
+
index < links.length - 1 && (React.createElement("li", { className: styles$9["quick-help-separator"], "aria-hidden": "true" },
|
|
4014
|
+
React.createElement("div", { className: styles$9["quick-help-separator-line"] }))))); }))));
|
|
4013
4015
|
};
|
|
4014
4016
|
|
|
4015
|
-
var styles$
|
|
4017
|
+
var styles$8 = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","onDarkSurface":"ThumbnailSignpost-module_onDarkSurface__F2jUk","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
|
|
4016
4018
|
|
|
4017
4019
|
/** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
|
|
4018
4020
|
var ThumbnailSignpost = function (_a) {
|
|
4019
4021
|
var _b;
|
|
4020
4022
|
var text = _a.text, title = _a.title, img = _a.img, onClick = _a.onClick, buttonLabel = _a.buttonLabel, props = __rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
|
|
4021
|
-
|
|
4022
|
-
|
|
4023
|
+
var surface = React.useContext(Surface.SurfaceContext).surface;
|
|
4024
|
+
var isDarkSurface = surface === "dark";
|
|
4025
|
+
return (React.createElement("div", __assign({ className: classNames(styles$8.thumbnailSignpost, (_b = {},
|
|
4026
|
+
_b[styles$8.isLink] = onClick,
|
|
4027
|
+
_b[styles$8.onDarkSurface] = isDarkSurface,
|
|
4023
4028
|
_b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs(props)),
|
|
4024
|
-
img && (React.createElement("div", { className: styles$
|
|
4029
|
+
img && (React.createElement("div", { className: styles$8.image },
|
|
4025
4030
|
React.createElement(Image$2.Image, __assign({}, img)))),
|
|
4026
|
-
React.createElement("div", { className: styles$
|
|
4027
|
-
React.createElement("span", { className: styles$
|
|
4031
|
+
React.createElement("div", { className: styles$8.content },
|
|
4032
|
+
React.createElement("span", { className: styles$8.heading }, title),
|
|
4028
4033
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
4029
4034
|
text,
|
|
4030
4035
|
buttonLabel && onClick && (React.createElement(React.Fragment, null,
|
|
4031
|
-
React.createElement(VerticalSpace.VerticalSpace, { size: "
|
|
4032
|
-
React.createElement("div", { className: styles$
|
|
4033
|
-
React.createElement("span", { className: styles$
|
|
4036
|
+
React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
|
|
4037
|
+
React.createElement("div", { className: styles$8.thumbnailButton },
|
|
4038
|
+
React.createElement("span", { className: styles$8.buttonIcon, role: "img", style: {
|
|
4034
4039
|
height: 24,
|
|
4035
4040
|
width: 24,
|
|
4036
4041
|
maskImage: "url(\"".concat(BtIconArrowRightFill, "\")"),
|
|
@@ -4039,29 +4044,29 @@ var ThumbnailSignpost = function (_a) {
|
|
|
4039
4044
|
React.createElement(Heading.Heading, { size: "xxs" }, buttonLabel)))))));
|
|
4040
4045
|
};
|
|
4041
4046
|
|
|
4042
|
-
var styles$
|
|
4047
|
+
var styles$7 = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV","list":"PromoListingThumbnailSignpost-module_list__E9l0E"};
|
|
4043
4048
|
|
|
4044
4049
|
/**
|
|
4045
4050
|
* Use `PromoListingThumbnailSignpost` to give supporting information about a page or proposition in the form of the ThumbnailSignposts components.
|
|
4046
4051
|
*/
|
|
4047
4052
|
var PromoListingThumbnailSignpost = function (_a) {
|
|
4048
4053
|
var _b = _a.isPadded, isPadded = _b === void 0 ? true : _b, heading = _a.heading, content = _a.content, headingLevel = _a.headingLevel, thumbnailList = _a.thumbnailList, isHeadingWordWrap = _a.isHeadingWordWrap, props = __rest(_a, ["isPadded", "heading", "content", "headingLevel", "thumbnailList", "isHeadingWordWrap"]);
|
|
4049
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
4054
|
+
return (React.createElement("div", __assign({ className: styles$7.PromoListingThumbnailSignpost }, filterAttrs(props)),
|
|
4050
4055
|
React.createElement(SectionHeading, { isPadded: isPadded, "data-testid": "PromoListingThumbnailSignpost-header", heading: heading, headingLevel: headingLevel, content: content, isHeadingWordWrap: isHeadingWordWrap }),
|
|
4051
|
-
React.createElement("ul", { className: styles$
|
|
4056
|
+
React.createElement("ul", { className: styles$7.list }, thumbnailList.map(function (thumbnail, index) { return (React.createElement("li", { key: index },
|
|
4052
4057
|
React.createElement(ThumbnailSignpost, __assign({}, thumbnail)))); }))));
|
|
4053
4058
|
};
|
|
4054
4059
|
|
|
4055
|
-
var styles$
|
|
4060
|
+
var styles$6 = {"playIconContainer":"VideoCardPlayIcon-module_playIconContainer__ZqZP3","playIconContainer--s":"VideoCardPlayIcon-module_playIconContainer--s__ETbOZ","playIconContainer--l":"VideoCardPlayIcon-module_playIconContainer--l__OGccg","playIcon":"VideoCardPlayIcon-module_playIcon__kzito"};
|
|
4056
4061
|
|
|
4057
4062
|
var VideoCardPlayIcon = function (_a) {
|
|
4058
4063
|
var _b = _a.size, size = _b === void 0 ? "l" : _b;
|
|
4059
|
-
return (React.createElement("div", { className: classNames(styles$
|
|
4060
|
-
React.createElement("div", { className: styles$
|
|
4064
|
+
return (React.createElement("div", { className: classNames(styles$6.playIconContainer, styles$6["playIconContainer--".concat(size)]) },
|
|
4065
|
+
React.createElement("div", { className: styles$6.playIcon },
|
|
4061
4066
|
React.createElement(Icon.Icon, { icon: ArcIconPlay }))));
|
|
4062
4067
|
};
|
|
4063
4068
|
|
|
4064
|
-
var styles$
|
|
4069
|
+
var styles$5 = {"container":"VideoCardPlayer-module_container__G-Uta","player":"VideoCardPlayer-module_player__BgueT","playerWrapper":"VideoCardPlayer-module_playerWrapper__UcH1q","playerWrapper--landscape":"VideoCardPlayer-module_playerWrapper--landscape__shKv-","playerWrapper--portrait":"VideoCardPlayer-module_playerWrapper--portrait__7bKAr"};
|
|
4065
4070
|
|
|
4066
4071
|
var VideoCardPlayer = function (_a) {
|
|
4067
4072
|
var thumbnail = _a.thumbnail, playIconSize = _a.playIconSize, orientation = _a.orientation, children = _a.children, player = _a.player, props = __rest(_a, ["thumbnail", "playIconSize", "orientation", "children", "player"]);
|
|
@@ -4069,21 +4074,21 @@ var VideoCardPlayer = function (_a) {
|
|
|
4069
4074
|
React.useEffect(function () {
|
|
4070
4075
|
setIsClient(true);
|
|
4071
4076
|
}, []);
|
|
4072
|
-
var playerProps = __assign(__assign({}, player), { light: thumbnail, playIcon: React.createElement(VideoCardPlayIcon, { size: playIconSize }), muted: !thumbnail, playing: true, controls: true, className: styles$
|
|
4073
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
4074
|
-
React.createElement("div", { "data-testid": "arc-video-card", className: classNames(styles$
|
|
4077
|
+
var playerProps = __assign(__assign({}, player), { light: thumbnail, playIcon: React.createElement(VideoCardPlayIcon, { size: playIconSize }), muted: !thumbnail, playing: true, controls: true, className: styles$5.player, width: "100%", height: "100%" });
|
|
4078
|
+
return (React.createElement("div", __assign({ className: styles$5.container }, filterAttrs(props)),
|
|
4079
|
+
React.createElement("div", { "data-testid": "arc-video-card", className: classNames(styles$5.playerWrapper, styles$5["playerWrapper--".concat(orientation)]) }, isClient && React.createElement(ReactPlayer, __assign({}, playerProps))),
|
|
4075
4080
|
children));
|
|
4076
4081
|
};
|
|
4077
4082
|
|
|
4078
|
-
var styles$
|
|
4083
|
+
var styles$4 = {"thumbnail":"VideoCardThumbnail-module_thumbnail__Yamk0","thumbnail--landscape":"VideoCardThumbnail-module_thumbnail--landscape__FmnLk","thumbnail--portrait":"VideoCardThumbnail-module_thumbnail--portrait__FZS93","thumbnailContent":"VideoCardThumbnail-module_thumbnailContent__cHham"};
|
|
4079
4084
|
|
|
4080
4085
|
var VideoCardThumbnail = function (_a) {
|
|
4081
4086
|
var orientation = _a.orientation, contentVisibility = _a.contentVisibility, src = _a.src, children = _a.children;
|
|
4082
|
-
var content = React.createElement("div", { className: styles$
|
|
4083
|
-
return (React.createElement("div", { className: classNames(styles$
|
|
4087
|
+
var content = React.createElement("div", { className: styles$4.thumbnailContent }, children);
|
|
4088
|
+
return (React.createElement("div", { className: classNames(styles$4.thumbnail, styles$4["thumbnail--".concat(orientation)]), style: { backgroundImage: "url(".concat(src, ")") } }, contentVisibility ? (React.createElement(Visible.Visible, __assign({}, contentVisibility), content)) : (content)));
|
|
4084
4089
|
};
|
|
4085
4090
|
|
|
4086
|
-
var styles$
|
|
4091
|
+
var styles$3 = {"mainText--lightBackground":"VideoHeroCardContent-module_mainText--lightBackground__nGl6W","statContainer--lightBackground":"VideoHeroCardContent-module_statContainer--lightBackground__7hXAf","statContainer--darkBackground":"VideoHeroCardContent-module_statContainer--darkBackground__X3-r2","mainText--darkBackground":"VideoHeroCardContent-module_mainText--darkBackground__Pfizt","statContainer":"VideoHeroCardContent-module_statContainer__q21g9","stat":"VideoHeroCardContent-module_stat__iIcoq"};
|
|
4087
4092
|
|
|
4088
4093
|
var VideoHeroCardContent = function (_a) {
|
|
4089
4094
|
var title = _a.title, label = _a.label, description = _a.description, videoDate = _a.videoDate, duration = _a.duration, background = _a.background, subtitleAvailabilityText = _a.subtitleAvailabilityText;
|
|
@@ -4097,8 +4102,8 @@ var VideoHeroCardContent = function (_a) {
|
|
|
4097
4102
|
},
|
|
4098
4103
|
];
|
|
4099
4104
|
var hasMeta = metaItems.some(function (meta) { return Boolean(meta.text); });
|
|
4100
|
-
return (React.createElement("div", { className: styles$
|
|
4101
|
-
React.createElement("div", { className: classNames(styles$
|
|
4105
|
+
return (React.createElement("div", { className: styles$3["".concat(background, "Background")] },
|
|
4106
|
+
React.createElement("div", { className: classNames(styles$3.mainText, styles$3["mainText--".concat(background, "Background")]) },
|
|
4102
4107
|
React.createElement(Heading.Heading, { fontStyle: "overline" }, label),
|
|
4103
4108
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8", sizeM: "4" }),
|
|
4104
4109
|
React.createElement(Heading.Heading, { level: "3", isWordWrap: false, size: "xl" }, title),
|
|
@@ -4106,8 +4111,8 @@ var VideoHeroCardContent = function (_a) {
|
|
|
4106
4111
|
React.createElement(Text.Text, null, description)),
|
|
4107
4112
|
hasMeta && (React.createElement(React.Fragment, null,
|
|
4108
4113
|
React.createElement(VerticalSpace.VerticalSpace, { size: "32", sizeS: "16" }),
|
|
4109
|
-
React.createElement("div", { className: classNames(styles$
|
|
4110
|
-
return meta.text && (React.createElement("div", { key: "".concat(id, "-stat-").concat(i), className: styles$
|
|
4114
|
+
React.createElement("div", { className: classNames(styles$3.statContainer, styles$3["statContainer--".concat(background, "Background")]) }, metaItems.map(function (meta, i) {
|
|
4115
|
+
return meta.text && (React.createElement("div", { key: "".concat(id, "-stat-").concat(i), className: styles$3.stat },
|
|
4111
4116
|
React.createElement(Icon.Icon, { icon: meta.icon, size: 20 }),
|
|
4112
4117
|
React.createElement(Text.Text, { size: "xs" }, meta.text)));
|
|
4113
4118
|
}))))));
|
|
@@ -4130,7 +4135,7 @@ var VideoPortraitCard = function (_a) {
|
|
|
4130
4135
|
React.createElement(Heading.Heading, { level: "3", isWordWrap: false, size: "xs" }, thumbnail.title)))), orientation: "portrait", player: player, playIconSize: "s" }, props)));
|
|
4131
4136
|
};
|
|
4132
4137
|
|
|
4133
|
-
var styles = {"contentWrapper":"BusinessSegmentSwitcher-module_contentWrapper__YKEjS","cardWrapper":"BusinessSegmentSwitcher-module_cardWrapper__eGDJ-","cardCol":"BusinessSegmentSwitcher-module_cardCol__jsySH","businessSegmentSwitcherDesktop":"BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS","businessSegmentSwitcher":"BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K","desktopCarousel":"BusinessSegmentSwitcher-module_desktopCarousel__xW3HN","businessSegmentSwitcherMobile":"BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi"};
|
|
4138
|
+
var styles$2 = {"contentWrapper":"BusinessSegmentSwitcher-module_contentWrapper__YKEjS","cardWrapper":"BusinessSegmentSwitcher-module_cardWrapper__eGDJ-","cardCol":"BusinessSegmentSwitcher-module_cardCol__jsySH","businessSegmentSwitcherDesktop":"BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS","businessSegmentSwitcher":"BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K","desktopCarousel":"BusinessSegmentSwitcher-module_desktopCarousel__xW3HN","businessSegmentSwitcherMobile":"BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi"};
|
|
4134
4139
|
|
|
4135
4140
|
/**
|
|
4136
4141
|
* Renders either an InformationCard or a contained MediaCard based on the card type.
|
|
@@ -4154,11 +4159,11 @@ var renderBusinessSegmentSwitcherCarousel = function (_a) {
|
|
|
4154
4159
|
xs: { itemsPerSlide: 1 },
|
|
4155
4160
|
s: { itemsPerSlide: 2 },
|
|
4156
4161
|
} },
|
|
4157
|
-
React.createElement("div", { className: styles.cardWrapper }, renderCard(content.card1)),
|
|
4158
|
-
React.createElement("div", { className: styles.cardWrapper }, renderCard(content.card2)),
|
|
4159
|
-
content.card3 && (React.createElement("div", { className: styles.cardWrapper },
|
|
4162
|
+
React.createElement("div", { className: styles$2.cardWrapper }, renderCard(content.card1)),
|
|
4163
|
+
React.createElement("div", { className: styles$2.cardWrapper }, renderCard(content.card2)),
|
|
4164
|
+
content.card3 && (React.createElement("div", { className: styles$2.cardWrapper },
|
|
4160
4165
|
React.createElement(InformationCard.InformationCard, __assign({}, content.card3)))),
|
|
4161
|
-
React.createElement("div", { className: styles.cardWrapper },
|
|
4166
|
+
React.createElement("div", { className: styles$2.cardWrapper },
|
|
4162
4167
|
React.createElement(TypographyCard.TypographyCard, { heading: "All ".concat(label, " solutions"), label: content.card4.label, url: content.card4.url }))));
|
|
4163
4168
|
};
|
|
4164
4169
|
|
|
@@ -4171,8 +4176,8 @@ var BusinessSegmentSwitcher = function (_a) {
|
|
|
4171
4176
|
var tabs = _a.tabs, defaultValue = _a.defaultValue, props = __rest(_a, ["tabs", "defaultValue"]);
|
|
4172
4177
|
var initialTab = (_c = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : "";
|
|
4173
4178
|
var _d = React.useState(initialTab), selectedTab = _d[0], setSelectedTab = _d[1];
|
|
4174
|
-
return (React.createElement("div", __assign({ className: styles.businessSegmentSwitcher }, filterAttrs(props)),
|
|
4175
|
-
React.createElement("div", { className: styles.businessSegmentSwitcherDesktop },
|
|
4179
|
+
return (React.createElement("div", __assign({ className: styles$2.businessSegmentSwitcher }, filterAttrs(props)),
|
|
4180
|
+
React.createElement("div", { className: styles$2.businessSegmentSwitcherDesktop },
|
|
4176
4181
|
React.createElement(ContentSwitcher.ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
|
|
4177
4182
|
React.createElement(ContentSwitcher.ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
|
|
4178
4183
|
var label = _a.label, value = _a.value;
|
|
@@ -4181,23 +4186,68 @@ var BusinessSegmentSwitcher = function (_a) {
|
|
|
4181
4186
|
tabs.map(function (_a, index) {
|
|
4182
4187
|
var value = _a.value, content = _a.content, label = _a.label;
|
|
4183
4188
|
return (React.createElement(ContentSwitcher.ContentSwitcherContent, { value: value, key: "".concat(index, "-").concat(value), hidden: value !== selectedTab },
|
|
4184
|
-
React.createElement("div", { className: styles.contentWrapper },
|
|
4185
|
-
React.createElement("div", { className: styles.desktopCarousel }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label })),
|
|
4189
|
+
React.createElement("div", { className: styles$2.contentWrapper },
|
|
4190
|
+
React.createElement("div", { className: styles$2.desktopCarousel }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label })),
|
|
4186
4191
|
renderCard(content.card1),
|
|
4187
4192
|
renderCard(content.card2),
|
|
4188
|
-
React.createElement("div", { className: styles.cardCol },
|
|
4193
|
+
React.createElement("div", { className: styles$2.cardCol },
|
|
4189
4194
|
content.card3 && React.createElement(InformationCard.InformationCard, __assign({}, content.card3)),
|
|
4190
4195
|
React.createElement("div", null,
|
|
4191
4196
|
React.createElement(TypographyCard.TypographyCard, { heading: "All ".concat(label.toLowerCase(), " solutions"), text: content.card4.text, label: content.card4.label, url: content.card4.url }))))));
|
|
4192
4197
|
}))),
|
|
4193
|
-
React.createElement("div", { className: styles.businessSegmentSwitcherMobile },
|
|
4198
|
+
React.createElement("div", { className: styles$2.businessSegmentSwitcherMobile },
|
|
4194
4199
|
React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdown, { isInset: true, value: selectedTab, tabs: tabs, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
|
|
4195
4200
|
var value = _a.value, content = _a.content, label = _a.label;
|
|
4196
4201
|
return (React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
|
|
4197
|
-
React.createElement("div", { className: styles.contentWrapper }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label }))));
|
|
4202
|
+
React.createElement("div", { className: styles$2.contentWrapper }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label }))));
|
|
4198
4203
|
})))));
|
|
4199
4204
|
};
|
|
4200
4205
|
|
|
4206
|
+
var styles$1 = {"subgroupHeader":"PartnerLogoSubgroup-module_subgroupHeader__rXAai","logoGroup":"PartnerLogoSubgroup-module_logoGroup__RYsTN","logoWrapper":"PartnerLogoSubgroup-module_logoWrapper__tyxVI","logoImage":"PartnerLogoSubgroup-module_logoImage__h7DJd"};
|
|
4207
|
+
|
|
4208
|
+
var PartnerLogoSubgroup = function (_a) {
|
|
4209
|
+
var subheading = _a.subheading, text = _a.text, headingLevel = _a.headingLevel, logos = _a.logos, _b = _a.tileHeight, tileHeight = _b === void 0 ? 72 : _b;
|
|
4210
|
+
var hasHeader = subheading || text;
|
|
4211
|
+
var id = React.useId();
|
|
4212
|
+
return (React.createElement(React.Fragment, null,
|
|
4213
|
+
hasHeader && (React.createElement("div", { className: styles$1.subgroupHeader },
|
|
4214
|
+
React.createElement(Columns.Columns, { isGutterless: true },
|
|
4215
|
+
React.createElement(Columns.ColumnsCol, { spanL: 9, spanXL: 8 },
|
|
4216
|
+
subheading && (React.createElement(Heading.Heading, { level: headingLevel, size: "s", isResponsive: false }, subheading)),
|
|
4217
|
+
subheading && text && React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
4218
|
+
text && (React.createElement(Text.Text, { size: "m", tone: "supporting" }, text)))))),
|
|
4219
|
+
React.createElement("div", { className: styles$1.logoGroup }, logos.map(function (logo, j) { return (React.createElement("div", { key: "".concat(id, "-logo-").concat(j), className: styles$1.logoWrapper, style: { height: tileHeight } },
|
|
4220
|
+
React.createElement("img", { src: logo.src, alt: logo.alt, className: styles$1.logoImage }))); }))));
|
|
4221
|
+
};
|
|
4222
|
+
|
|
4223
|
+
var styles = {"subgroupList":"PartnerBrandLogos-module_subgroupList__4e1kv"};
|
|
4224
|
+
|
|
4225
|
+
var getSubheadingLevel = function (parentLevel, subLevel) {
|
|
4226
|
+
return subLevel !== null && subLevel !== void 0 ? subLevel : String(Math.min(Number(parentLevel) + 1, 6));
|
|
4227
|
+
};
|
|
4228
|
+
var PartnerBrandLogos = function (_a) {
|
|
4229
|
+
var heading = _a.heading, headingProps = _a.headingProps, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, content = _a.content, id = _a.id, _c = _a.rulerTopPadding, rulerTopPadding = _c === void 0 ? { size: "32" } : _c, _d = _a.rulerBottomPadding, rulerBottomPadding = _d === void 0 ? { size: "32" } : _d, subgroups = _a.subgroups, props = __rest(_a, ["heading", "headingProps", "headingLevel", "content", "id", "rulerTopPadding", "rulerBottomPadding", "subgroups"]);
|
|
4230
|
+
var componentId = React.useId();
|
|
4231
|
+
var _e = headingProps !== null && headingProps !== void 0 ? headingProps : {}, _f = _e.size, headingSize = _f === void 0 ? "l" : _f, _g = _e.isResponsive, headingIsResponsive = _g === void 0 ? true : _g, restHeadingProps = __rest(_e, ["size", "isResponsive"]);
|
|
4232
|
+
return (React.createElement("div", __assign({}, filterAttrs(props)),
|
|
4233
|
+
React.createElement(Columns.Columns, { isGutterless: true },
|
|
4234
|
+
React.createElement(Columns.ColumnsCol, { spanL: 9, spanXL: 8 },
|
|
4235
|
+
React.createElement(Heading.Heading, __assign({ level: headingLevel, id: id, size: headingSize, isResponsive: headingIsResponsive }, restHeadingProps), heading),
|
|
4236
|
+
content && (React.createElement(React.Fragment, null,
|
|
4237
|
+
React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
|
|
4238
|
+
content
|
|
4239
|
+
.split(/\\n|\n/)
|
|
4240
|
+
.filter(function (p) { return p.trim(); })
|
|
4241
|
+
.map(function (paragraph, i) { return (React.createElement(React.Fragment, { key: "content-".concat(componentId, "-").concat(i) },
|
|
4242
|
+
i > 0 && React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
4243
|
+
React.createElement(Text.Text, { size: "m", elementType: "p" }, paragraph))); }))))),
|
|
4244
|
+
React.createElement(VerticalSpace.VerticalSpace, __assign({}, rulerTopPadding)),
|
|
4245
|
+
React.createElement(Rule.Rule, null),
|
|
4246
|
+
React.createElement(VerticalSpace.VerticalSpace, __assign({}, rulerBottomPadding)),
|
|
4247
|
+
React.createElement("ul", { className: styles.subgroupList }, subgroups.map(function (subgroup, i) { return (React.createElement("li", { key: "subgroup-".concat(componentId, "-").concat(i) },
|
|
4248
|
+
React.createElement(PartnerLogoSubgroup, { subheading: subgroup.subheading, text: subgroup.text, headingLevel: getSubheadingLevel(headingLevel, subgroup.subheadingLevel), logos: subgroup.logos, tileHeight: subgroup.tileHeight }))); }))));
|
|
4249
|
+
};
|
|
4250
|
+
|
|
4201
4251
|
exports.Accordion = Accordion;
|
|
4202
4252
|
exports.ActionTile = ActionTile;
|
|
4203
4253
|
exports.ArticleCarousel = ArticleCarousel;
|
|
@@ -4213,6 +4263,7 @@ exports.FeaturePost = FeaturePost;
|
|
|
4213
4263
|
exports.Highlights = Highlights;
|
|
4214
4264
|
exports.InlineLinkGroup = InlineLinkGroup;
|
|
4215
4265
|
exports.LinkTile = LinkTile;
|
|
4266
|
+
exports.PartnerBrandLogos = PartnerBrandLogos;
|
|
4216
4267
|
exports.ProductNavigation = ProductNavigation;
|
|
4217
4268
|
exports.PromoListing = PromoListing;
|
|
4218
4269
|
exports.PromoListingThumbnailSignpost = PromoListingThumbnailSignpost;
|