@arc-ui/community-components 3.7.1 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +14 -13
- package/CHANGELOG.md +6 -0
- package/lib/PartnerBrandLogos/PartnerBrandLogos.cjs +57 -0
- package/lib/PartnerBrandLogos/PartnerBrandLogos.mjs +55 -0
- package/lib/PartnerBrandLogos/styles.css +1 -0
- package/lib/index.cjs +193 -147
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +72 -3
- package/lib/index.d.mts +72 -3
- package/lib/index.mjs +193 -148
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +2 -2
- 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 +98 -0
- package/src/components/PartnerBrandLogos/components/PartnerLogoSubgroup/index.ts +6 -0
- package/src/components/PartnerBrandLogos/index.ts +9 -0
- package/src/components/index.ts +1 -0
- package/versions.json +1 -1
package/lib/index.cjs
CHANGED
|
@@ -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)),
|
|
@@ -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
|
|
@@ -3931,7 +3931,7 @@ var ProductNavigation = function (_a) {
|
|
|
3931
3931
|
var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsS, ")"));
|
|
3932
3932
|
return (React.createElement("div", __assign({}, filterAttrs(props)),
|
|
3933
3933
|
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$
|
|
3934
|
+
React.createElement("ul", { className: classNames(styles$d["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (cardProps, i) {
|
|
3935
3935
|
var _a;
|
|
3936
3936
|
return (React.createElement("li", { key: "displayList-".concat(i), tabIndex: -1, ref: i === skipLinkCard ? cardRef : undefined, "data-cy": "list-item-".concat(i) },
|
|
3937
3937
|
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" }))));
|
|
@@ -3942,7 +3942,7 @@ var ProductNavigation = function (_a) {
|
|
|
3942
3942
|
? "Show more"
|
|
3943
3943
|
: "Show less", buttonStyle: "secondary", onClick: clickController, isFullWidth: isMinWidthArcBreakpointS ? false : true, isLoading: isLoading })),
|
|
3944
3944
|
displayList.length > cardsToDisplay && (React.createElement(React.Fragment, null,
|
|
3945
|
-
React.createElement("div", { id: "skip-link", className: classNames(styles$
|
|
3945
|
+
React.createElement("div", { id: "skip-link", className: classNames(styles$d["productNavigation-skipLink"]), tabIndex: -1 },
|
|
3946
3946
|
React.createElement(ButtonV2.ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
|
|
3947
3947
|
React.createElement(VisuallyHidden.VisuallyHidden, null,
|
|
3948
3948
|
React.createElement("div", { "aria-live": "polite", id: "aria-live-region", "aria-atomic": true },
|
|
@@ -3955,82 +3955,82 @@ var ProductNavigation = function (_a) {
|
|
|
3955
3955
|
"."))))));
|
|
3956
3956
|
};
|
|
3957
3957
|
|
|
3958
|
-
var styles$
|
|
3958
|
+
var styles$c = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
|
|
3959
3959
|
|
|
3960
3960
|
var ContentInfoWidget = function (_a) {
|
|
3961
3961
|
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$
|
|
3962
|
+
return (React.createElement("div", __assign({ className: styles$c.container }, filterAttrs(props)),
|
|
3963
|
+
React.createElement("div", { className: styles$c.icon },
|
|
3964
3964
|
React.createElement(Icon.Icon, { size: 20, icon: icon })),
|
|
3965
|
-
React.createElement("div", { className: styles$
|
|
3965
|
+
React.createElement("div", { className: styles$c.text },
|
|
3966
3966
|
React.createElement(Text.Text, { size: "xs", tone: "muted" }, text))));
|
|
3967
3967
|
};
|
|
3968
3968
|
|
|
3969
|
-
var styles$
|
|
3969
|
+
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
3970
|
|
|
3971
3971
|
var ActionTile = function (_a) {
|
|
3972
3972
|
var _b;
|
|
3973
3973
|
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$
|
|
3974
|
+
var tileClasses = classNames(styles$b["action-tile"], (_b = {},
|
|
3975
|
+
_b[styles$b["action-tile--active"]] = isActive,
|
|
3976
3976
|
_b), className);
|
|
3977
3977
|
var displayIcon = isActive && activeIcon ? activeIcon : icon;
|
|
3978
3978
|
var content = (React.createElement(React.Fragment, null,
|
|
3979
|
-
React.createElement("div", { className: styles$
|
|
3980
|
-
displayIcon && (React.createElement("div", { className: styles$
|
|
3979
|
+
React.createElement("div", { className: styles$b["action-tile-content"] },
|
|
3980
|
+
displayIcon && (React.createElement("div", { className: styles$b["action-tile-icon"] },
|
|
3981
3981
|
React.createElement(Icon.Icon, { icon: displayIcon, size: 48 }))),
|
|
3982
|
-
React.createElement("h3", { className: styles$
|
|
3983
|
-
isActive && (React.createElement("div", { className: styles$
|
|
3982
|
+
React.createElement("h3", { className: styles$b["action-tile-heading"] }, heading)),
|
|
3983
|
+
isActive && (React.createElement("div", { className: styles$b["action-tile-tick"] },
|
|
3984
3984
|
React.createElement(Icon.Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
|
|
3985
3985
|
return (React.createElement("div", __assign({ className: tileClasses, onClick: onClick }, filterAttrs(props)), content));
|
|
3986
3986
|
};
|
|
3987
3987
|
|
|
3988
|
-
var styles$
|
|
3988
|
+
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
3989
|
|
|
3990
3990
|
var LinkTile = function (_a) {
|
|
3991
3991
|
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
3992
|
var Component = href ? "a" : "div";
|
|
3993
3993
|
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$
|
|
3994
|
+
return (React.createElement(Component, __assign({ className: classNames(styles$a["link-tile"], className) }, linkProps, props), text && (React.createElement("div", { className: styles$a["link-tile-content"] },
|
|
3995
|
+
React.createElement("span", { className: styles$a["link-tile-text"] }, text),
|
|
3996
|
+
showIcon && (React.createElement("span", { className: styles$a["link-tile-icon"] },
|
|
3997
3997
|
React.createElement(Icon.Icon, { icon: BtIconArrowAltRight, size: 32 })))))));
|
|
3998
3998
|
};
|
|
3999
3999
|
|
|
4000
|
-
var styles$
|
|
4000
|
+
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
4001
|
|
|
4002
4002
|
var InlineLinkGroup = function (_a) {
|
|
4003
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$
|
|
4004
|
+
return (React.createElement("div", __assign({ className: styles$9["quick-help"] }, filterAttrs(props)),
|
|
4005
|
+
label && (React.createElement("div", { className: styles$9["quick-help-label"] },
|
|
4006
4006
|
React.createElement(Heading.Heading, { size: "xxs", fontStyle: "overline" }, label))),
|
|
4007
|
-
React.createElement("ul", { className: styles$
|
|
4008
|
-
React.createElement("li", { className: styles$
|
|
4007
|
+
React.createElement("ul", { className: styles$9["quick-help-container"] }, links.map(function (link, index) { return (React.createElement(React.Fragment, { key: index },
|
|
4008
|
+
React.createElement("li", { className: styles$9["quick-help-item"] },
|
|
4009
4009
|
React.createElement(Link.Link, { href: link.href, onClick: link.onClick, "aria-label": link.ariaLabel }, link.label),
|
|
4010
4010
|
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$
|
|
4011
|
+
index < links.length - 1 && (React.createElement("li", { className: styles$9["quick-help-separator"], "aria-hidden": "true" },
|
|
4012
|
+
React.createElement("div", { className: styles$9["quick-help-separator-line"] }))))); }))));
|
|
4013
4013
|
};
|
|
4014
4014
|
|
|
4015
|
-
var styles$
|
|
4015
|
+
var styles$8 = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","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
4016
|
|
|
4017
4017
|
/** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
|
|
4018
4018
|
var ThumbnailSignpost = function (_a) {
|
|
4019
4019
|
var _b;
|
|
4020
4020
|
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
|
-
return (React.createElement("div", __assign({ className: classNames(styles$
|
|
4022
|
-
_b[styles$
|
|
4021
|
+
return (React.createElement("div", __assign({ className: classNames(styles$8.thumbnailSignpost, (_b = {},
|
|
4022
|
+
_b[styles$8.isLink] = onClick,
|
|
4023
4023
|
_b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs(props)),
|
|
4024
|
-
img && (React.createElement("div", { className: styles$
|
|
4024
|
+
img && (React.createElement("div", { className: styles$8.image },
|
|
4025
4025
|
React.createElement(Image$2.Image, __assign({}, img)))),
|
|
4026
|
-
React.createElement("div", { className: styles$
|
|
4027
|
-
React.createElement("span", { className: styles$
|
|
4026
|
+
React.createElement("div", { className: styles$8.content },
|
|
4027
|
+
React.createElement("span", { className: styles$8.heading }, title),
|
|
4028
4028
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
4029
4029
|
text,
|
|
4030
4030
|
buttonLabel && onClick && (React.createElement(React.Fragment, null,
|
|
4031
4031
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
4032
|
-
React.createElement("div", { className: styles$
|
|
4033
|
-
React.createElement("span", { className: styles$
|
|
4032
|
+
React.createElement("div", { className: styles$8.thumbnailButton },
|
|
4033
|
+
React.createElement("span", { className: styles$8.buttonIcon, role: "img", style: {
|
|
4034
4034
|
height: 24,
|
|
4035
4035
|
width: 24,
|
|
4036
4036
|
maskImage: "url(\"".concat(BtIconArrowRightFill, "\")"),
|
|
@@ -4039,29 +4039,29 @@ var ThumbnailSignpost = function (_a) {
|
|
|
4039
4039
|
React.createElement(Heading.Heading, { size: "xxs" }, buttonLabel)))))));
|
|
4040
4040
|
};
|
|
4041
4041
|
|
|
4042
|
-
var styles$
|
|
4042
|
+
var styles$7 = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV","list":"PromoListingThumbnailSignpost-module_list__E9l0E"};
|
|
4043
4043
|
|
|
4044
4044
|
/**
|
|
4045
4045
|
* Use `PromoListingThumbnailSignpost` to give supporting information about a page or proposition in the form of the ThumbnailSignposts components.
|
|
4046
4046
|
*/
|
|
4047
4047
|
var PromoListingThumbnailSignpost = function (_a) {
|
|
4048
4048
|
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$
|
|
4049
|
+
return (React.createElement("div", __assign({ className: styles$7.PromoListingThumbnailSignpost }, filterAttrs(props)),
|
|
4050
4050
|
React.createElement(SectionHeading, { isPadded: isPadded, "data-testid": "PromoListingThumbnailSignpost-header", heading: heading, headingLevel: headingLevel, content: content, isHeadingWordWrap: isHeadingWordWrap }),
|
|
4051
|
-
React.createElement("ul", { className: styles$
|
|
4051
|
+
React.createElement("ul", { className: styles$7.list }, thumbnailList.map(function (thumbnail, index) { return (React.createElement("li", { key: index },
|
|
4052
4052
|
React.createElement(ThumbnailSignpost, __assign({}, thumbnail)))); }))));
|
|
4053
4053
|
};
|
|
4054
4054
|
|
|
4055
|
-
var styles$
|
|
4055
|
+
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
4056
|
|
|
4057
4057
|
var VideoCardPlayIcon = function (_a) {
|
|
4058
4058
|
var _b = _a.size, size = _b === void 0 ? "l" : _b;
|
|
4059
|
-
return (React.createElement("div", { className: classNames(styles$
|
|
4060
|
-
React.createElement("div", { className: styles$
|
|
4059
|
+
return (React.createElement("div", { className: classNames(styles$6.playIconContainer, styles$6["playIconContainer--".concat(size)]) },
|
|
4060
|
+
React.createElement("div", { className: styles$6.playIcon },
|
|
4061
4061
|
React.createElement(Icon.Icon, { icon: ArcIconPlay }))));
|
|
4062
4062
|
};
|
|
4063
4063
|
|
|
4064
|
-
var styles$
|
|
4064
|
+
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
4065
|
|
|
4066
4066
|
var VideoCardPlayer = function (_a) {
|
|
4067
4067
|
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 +4069,21 @@ var VideoCardPlayer = function (_a) {
|
|
|
4069
4069
|
React.useEffect(function () {
|
|
4070
4070
|
setIsClient(true);
|
|
4071
4071
|
}, []);
|
|
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$
|
|
4072
|
+
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%" });
|
|
4073
|
+
return (React.createElement("div", __assign({ className: styles$5.container }, filterAttrs(props)),
|
|
4074
|
+
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
4075
|
children));
|
|
4076
4076
|
};
|
|
4077
4077
|
|
|
4078
|
-
var styles$
|
|
4078
|
+
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
4079
|
|
|
4080
4080
|
var VideoCardThumbnail = function (_a) {
|
|
4081
4081
|
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$
|
|
4082
|
+
var content = React.createElement("div", { className: styles$4.thumbnailContent }, children);
|
|
4083
|
+
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
4084
|
};
|
|
4085
4085
|
|
|
4086
|
-
var styles$
|
|
4086
|
+
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
4087
|
|
|
4088
4088
|
var VideoHeroCardContent = function (_a) {
|
|
4089
4089
|
var title = _a.title, label = _a.label, description = _a.description, videoDate = _a.videoDate, duration = _a.duration, background = _a.background, subtitleAvailabilityText = _a.subtitleAvailabilityText;
|
|
@@ -4097,8 +4097,8 @@ var VideoHeroCardContent = function (_a) {
|
|
|
4097
4097
|
},
|
|
4098
4098
|
];
|
|
4099
4099
|
var hasMeta = metaItems.some(function (meta) { return Boolean(meta.text); });
|
|
4100
|
-
return (React.createElement("div", { className: styles$
|
|
4101
|
-
React.createElement("div", { className: classNames(styles$
|
|
4100
|
+
return (React.createElement("div", { className: styles$3["".concat(background, "Background")] },
|
|
4101
|
+
React.createElement("div", { className: classNames(styles$3.mainText, styles$3["mainText--".concat(background, "Background")]) },
|
|
4102
4102
|
React.createElement(Heading.Heading, { fontStyle: "overline" }, label),
|
|
4103
4103
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8", sizeM: "4" }),
|
|
4104
4104
|
React.createElement(Heading.Heading, { level: "3", isWordWrap: false, size: "xl" }, title),
|
|
@@ -4106,8 +4106,8 @@ var VideoHeroCardContent = function (_a) {
|
|
|
4106
4106
|
React.createElement(Text.Text, null, description)),
|
|
4107
4107
|
hasMeta && (React.createElement(React.Fragment, null,
|
|
4108
4108
|
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$
|
|
4109
|
+
React.createElement("div", { className: classNames(styles$3.statContainer, styles$3["statContainer--".concat(background, "Background")]) }, metaItems.map(function (meta, i) {
|
|
4110
|
+
return meta.text && (React.createElement("div", { key: "".concat(id, "-stat-").concat(i), className: styles$3.stat },
|
|
4111
4111
|
React.createElement(Icon.Icon, { icon: meta.icon, size: 20 }),
|
|
4112
4112
|
React.createElement(Text.Text, { size: "xs" }, meta.text)));
|
|
4113
4113
|
}))))));
|
|
@@ -4130,7 +4130,7 @@ var VideoPortraitCard = function (_a) {
|
|
|
4130
4130
|
React.createElement(Heading.Heading, { level: "3", isWordWrap: false, size: "xs" }, thumbnail.title)))), orientation: "portrait", player: player, playIconSize: "s" }, props)));
|
|
4131
4131
|
};
|
|
4132
4132
|
|
|
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"};
|
|
4133
|
+
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
4134
|
|
|
4135
4135
|
/**
|
|
4136
4136
|
* Renders either an InformationCard or a contained MediaCard based on the card type.
|
|
@@ -4154,11 +4154,11 @@ var renderBusinessSegmentSwitcherCarousel = function (_a) {
|
|
|
4154
4154
|
xs: { itemsPerSlide: 1 },
|
|
4155
4155
|
s: { itemsPerSlide: 2 },
|
|
4156
4156
|
} },
|
|
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 },
|
|
4157
|
+
React.createElement("div", { className: styles$2.cardWrapper }, renderCard(content.card1)),
|
|
4158
|
+
React.createElement("div", { className: styles$2.cardWrapper }, renderCard(content.card2)),
|
|
4159
|
+
content.card3 && (React.createElement("div", { className: styles$2.cardWrapper },
|
|
4160
4160
|
React.createElement(InformationCard.InformationCard, __assign({}, content.card3)))),
|
|
4161
|
-
React.createElement("div", { className: styles.cardWrapper },
|
|
4161
|
+
React.createElement("div", { className: styles$2.cardWrapper },
|
|
4162
4162
|
React.createElement(TypographyCard.TypographyCard, { heading: "All ".concat(label, " solutions"), label: content.card4.label, url: content.card4.url }))));
|
|
4163
4163
|
};
|
|
4164
4164
|
|
|
@@ -4171,8 +4171,8 @@ var BusinessSegmentSwitcher = function (_a) {
|
|
|
4171
4171
|
var tabs = _a.tabs, defaultValue = _a.defaultValue, props = __rest(_a, ["tabs", "defaultValue"]);
|
|
4172
4172
|
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
4173
|
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 },
|
|
4174
|
+
return (React.createElement("div", __assign({ className: styles$2.businessSegmentSwitcher }, filterAttrs(props)),
|
|
4175
|
+
React.createElement("div", { className: styles$2.businessSegmentSwitcherDesktop },
|
|
4176
4176
|
React.createElement(ContentSwitcher.ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
|
|
4177
4177
|
React.createElement(ContentSwitcher.ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
|
|
4178
4178
|
var label = _a.label, value = _a.value;
|
|
@@ -4181,23 +4181,68 @@ var BusinessSegmentSwitcher = function (_a) {
|
|
|
4181
4181
|
tabs.map(function (_a, index) {
|
|
4182
4182
|
var value = _a.value, content = _a.content, label = _a.label;
|
|
4183
4183
|
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 })),
|
|
4184
|
+
React.createElement("div", { className: styles$2.contentWrapper },
|
|
4185
|
+
React.createElement("div", { className: styles$2.desktopCarousel }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label })),
|
|
4186
4186
|
renderCard(content.card1),
|
|
4187
4187
|
renderCard(content.card2),
|
|
4188
|
-
React.createElement("div", { className: styles.cardCol },
|
|
4188
|
+
React.createElement("div", { className: styles$2.cardCol },
|
|
4189
4189
|
content.card3 && React.createElement(InformationCard.InformationCard, __assign({}, content.card3)),
|
|
4190
4190
|
React.createElement("div", null,
|
|
4191
4191
|
React.createElement(TypographyCard.TypographyCard, { heading: "All ".concat(label.toLowerCase(), " solutions"), text: content.card4.text, label: content.card4.label, url: content.card4.url }))))));
|
|
4192
4192
|
}))),
|
|
4193
|
-
React.createElement("div", { className: styles.businessSegmentSwitcherMobile },
|
|
4193
|
+
React.createElement("div", { className: styles$2.businessSegmentSwitcherMobile },
|
|
4194
4194
|
React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdown, { isInset: true, value: selectedTab, tabs: tabs, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
|
|
4195
4195
|
var value = _a.value, content = _a.content, label = _a.label;
|
|
4196
4196
|
return (React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
|
|
4197
|
-
React.createElement("div", { className: styles.contentWrapper }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label }))));
|
|
4197
|
+
React.createElement("div", { className: styles$2.contentWrapper }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label }))));
|
|
4198
4198
|
})))));
|
|
4199
4199
|
};
|
|
4200
4200
|
|
|
4201
|
+
var styles$1 = {"subgroupHeader":"PartnerLogoSubgroup-module_subgroupHeader__rXAai","logoGroup":"PartnerLogoSubgroup-module_logoGroup__RYsTN","logoWrapper":"PartnerLogoSubgroup-module_logoWrapper__tyxVI","logoImage":"PartnerLogoSubgroup-module_logoImage__h7DJd"};
|
|
4202
|
+
|
|
4203
|
+
var PartnerLogoSubgroup = function (_a) {
|
|
4204
|
+
var subheading = _a.subheading, text = _a.text, headingLevel = _a.headingLevel, logos = _a.logos, _b = _a.tileHeight, tileHeight = _b === void 0 ? 72 : _b;
|
|
4205
|
+
var hasHeader = subheading || text;
|
|
4206
|
+
var id = React.useId();
|
|
4207
|
+
return (React.createElement(React.Fragment, null,
|
|
4208
|
+
hasHeader && (React.createElement("div", { className: styles$1.subgroupHeader },
|
|
4209
|
+
React.createElement(Columns.Columns, { isGutterless: true },
|
|
4210
|
+
React.createElement(Columns.ColumnsCol, { spanL: 9, spanXL: 8 },
|
|
4211
|
+
subheading && (React.createElement(Heading.Heading, { level: headingLevel, size: "s", isResponsive: false }, subheading)),
|
|
4212
|
+
subheading && text && React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
4213
|
+
text && (React.createElement(Text.Text, { size: "m", tone: "supporting" }, text)))))),
|
|
4214
|
+
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 } },
|
|
4215
|
+
React.createElement("img", { src: logo.src, alt: logo.alt, className: styles$1.logoImage }))); }))));
|
|
4216
|
+
};
|
|
4217
|
+
|
|
4218
|
+
var styles = {"subgroupList":"PartnerBrandLogos-module_subgroupList__4e1kv"};
|
|
4219
|
+
|
|
4220
|
+
var getSubheadingLevel = function (parentLevel, subLevel) {
|
|
4221
|
+
return subLevel !== null && subLevel !== void 0 ? subLevel : String(Math.min(Number(parentLevel) + 1, 6));
|
|
4222
|
+
};
|
|
4223
|
+
var PartnerBrandLogos = function (_a) {
|
|
4224
|
+
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"]);
|
|
4225
|
+
var componentId = React.useId();
|
|
4226
|
+
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"]);
|
|
4227
|
+
return (React.createElement("div", __assign({}, filterAttrs(props)),
|
|
4228
|
+
React.createElement(Columns.Columns, { isGutterless: true },
|
|
4229
|
+
React.createElement(Columns.ColumnsCol, { spanL: 9, spanXL: 8 },
|
|
4230
|
+
React.createElement(Heading.Heading, __assign({ level: headingLevel, id: id, size: headingSize, isResponsive: headingIsResponsive }, restHeadingProps), heading),
|
|
4231
|
+
content && (React.createElement(React.Fragment, null,
|
|
4232
|
+
React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
|
|
4233
|
+
content
|
|
4234
|
+
.split(/\\n|\n/)
|
|
4235
|
+
.filter(function (p) { return p.trim(); })
|
|
4236
|
+
.map(function (paragraph, i) { return (React.createElement(React.Fragment, { key: "content-".concat(componentId, "-").concat(i) },
|
|
4237
|
+
i > 0 && React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
4238
|
+
React.createElement(Text.Text, { size: "m", elementType: "p" }, paragraph))); }))))),
|
|
4239
|
+
React.createElement(VerticalSpace.VerticalSpace, __assign({}, rulerTopPadding)),
|
|
4240
|
+
React.createElement(Rule.Rule, null),
|
|
4241
|
+
React.createElement(VerticalSpace.VerticalSpace, __assign({}, rulerBottomPadding)),
|
|
4242
|
+
React.createElement("ul", { className: styles.subgroupList }, subgroups.map(function (subgroup, i) { return (React.createElement("li", { key: "subgroup-".concat(componentId, "-").concat(i) },
|
|
4243
|
+
React.createElement(PartnerLogoSubgroup, { subheading: subgroup.subheading, text: subgroup.text, headingLevel: getSubheadingLevel(headingLevel, subgroup.subheadingLevel), logos: subgroup.logos, tileHeight: subgroup.tileHeight }))); }))));
|
|
4244
|
+
};
|
|
4245
|
+
|
|
4201
4246
|
exports.Accordion = Accordion;
|
|
4202
4247
|
exports.ActionTile = ActionTile;
|
|
4203
4248
|
exports.ArticleCarousel = ArticleCarousel;
|
|
@@ -4213,6 +4258,7 @@ exports.FeaturePost = FeaturePost;
|
|
|
4213
4258
|
exports.Highlights = Highlights;
|
|
4214
4259
|
exports.InlineLinkGroup = InlineLinkGroup;
|
|
4215
4260
|
exports.LinkTile = LinkTile;
|
|
4261
|
+
exports.PartnerBrandLogos = PartnerBrandLogos;
|
|
4216
4262
|
exports.ProductNavigation = ProductNavigation;
|
|
4217
4263
|
exports.PromoListing = PromoListing;
|
|
4218
4264
|
exports.PromoListingThumbnailSignpost = PromoListingThumbnailSignpost;
|