@arc-ui/community-components 3.4.0 → 3.5.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 +42 -42
- package/CHANGELOG.md +10 -0
- package/lib/Accordion/Accordion.cjs +3 -2
- package/lib/Accordion/Accordion.mjs +3 -2
- package/lib/ActionTile/ActionTile.cjs +7 -5
- package/lib/ActionTile/ActionTile.mjs +6 -4
- package/lib/ActionTile/styles.css +1 -1
- package/lib/ArticleSidebar/ArticleSidebar.cjs +10 -9
- package/lib/ArticleSidebar/ArticleSidebar.mjs +3 -2
- package/lib/Author/Author.cjs +3 -2
- package/lib/Author/Author.mjs +3 -2
- package/lib/BannerWithTabs/BannerWithTabs.cjs +5 -4
- package/lib/BannerWithTabs/BannerWithTabs.mjs +3 -2
- package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.cjs +81 -0
- package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.mjs +79 -0
- package/lib/BusinessSegmentSwitcher/styles.css +1 -0
- package/lib/ContentInfoWidget/ContentInfoWidget.cjs +4 -3
- package/lib/ContentInfoWidget/ContentInfoWidget.mjs +2 -1
- package/lib/CopyLead/CopyLead.cjs +17 -16
- package/lib/CopyLead/CopyLead.mjs +3 -2
- package/lib/DownloadList/DownloadList.cjs +6 -5
- package/lib/DownloadList/DownloadList.mjs +3 -2
- package/lib/FAQs/FAQs.cjs +6 -5
- package/lib/FAQs/FAQs.mjs +4 -3
- package/lib/FeaturePost/FeaturePost.cjs +12 -11
- package/lib/FeaturePost/FeaturePost.mjs +3 -2
- package/lib/Highlights/Highlights.cjs +11 -10
- package/lib/Highlights/Highlights.mjs +3 -2
- package/lib/InlineLinkGroup/InlineLinkGroup.cjs +4 -3
- package/lib/InlineLinkGroup/InlineLinkGroup.mjs +2 -1
- package/lib/LinkTile/LinkTile.cjs +3 -3
- package/lib/LinkTile/LinkTile.mjs +2 -2
- package/lib/LinkTile/styles.css +1 -1
- package/lib/ProductNavigation/ProductNavigation.cjs +6 -5
- package/lib/ProductNavigation/ProductNavigation.mjs +3 -2
- package/lib/PromoListing/PromoListing.cjs +7 -6
- package/lib/PromoListing/PromoListing.mjs +3 -2
- package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs +7 -6
- package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.mjs +4 -3
- package/lib/Quote/Quote.cjs +6 -5
- package/lib/Quote/Quote.mjs +3 -2
- package/lib/SectionHeading/SectionHeading.cjs +3 -2
- package/lib/SectionHeading/SectionHeading.mjs +3 -2
- package/lib/Statistics/Statistics.cjs +6 -5
- package/lib/Statistics/Statistics.mjs +3 -2
- package/lib/Summary/Summary.cjs +4 -3
- package/lib/Summary/Summary.mjs +2 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +3 -2
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +3 -2
- package/lib/VideoHeroCard/VideoHeroCard.cjs +7 -6
- package/lib/VideoHeroCard/VideoHeroCard.mjs +3 -2
- package/lib/VideoPortraitCard/VideoPortraitCard.cjs +5 -4
- package/lib/VideoPortraitCard/VideoPortraitCard.mjs +3 -2
- package/lib/_shared/cjs/{Accordion-QqDoB3pY.cjs → Accordion-DfNGOjTm.cjs} +9 -8
- package/lib/_shared/cjs/{Author-aL8YXi7C.cjs → Author-D4dKNQem.cjs} +5 -4
- package/lib/_shared/cjs/{SectionHeading-Dj-dJfv3.cjs → SectionHeading-DeSFM0HV.cjs} +5 -4
- package/lib/_shared/cjs/{ThumbnailSignpost-SBnrGooA.cjs → ThumbnailSignpost-GkOiwt-Z.cjs} +5 -4
- package/lib/_shared/cjs/{VideoCardThumbnail-BqYgpk0u.cjs → VideoCardThumbnail-N5iC-cAU.cjs} +7 -6
- package/lib/_shared/cjs/filter-attrs-BizjMsy0.cjs +27 -0
- package/lib/_shared/cjs/{filter-attrs-C26zOt4_.cjs → tslib.es6-BxB9I209.cjs} +0 -25
- package/lib/_shared/esm/{Accordion-DtU7jbCv.mjs → Accordion-DSRlkcXi.mjs} +2 -1
- package/lib/_shared/esm/{Author-CJQFrQM9.mjs → Author-CLMgH9ES.mjs} +2 -1
- package/lib/_shared/esm/{SectionHeading-BskdQ2Tt.mjs → SectionHeading-DSwsdNSp.mjs} +2 -1
- package/lib/_shared/esm/{ThumbnailSignpost-CBSdQiHw.mjs → ThumbnailSignpost-BtaHAB0h.mjs} +2 -1
- package/lib/_shared/esm/{VideoCardThumbnail-VfOKmPCv.mjs → VideoCardThumbnail-Tbh7Xi-X.mjs} +2 -1
- package/lib/_shared/esm/filter-attrs-DZ7RCEZm.mjs +25 -0
- package/lib/_shared/esm/{filter-attrs-D-1kWaCP.mjs → tslib.es6-BVXMhEem.mjs} +1 -25
- package/lib/index.cjs +204 -132
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +61 -3
- package/lib/index.d.mts +61 -3
- package/lib/index.mjs +204 -133
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +2 -2
- package/src/components/ActionTile/ActionTile.module.css +1 -0
- package/src/components/ActionTile/ActionTile.tsx +11 -3
- package/src/components/BusinessSegmentSwitcher/BusinessSegmentSwitcher.module.css +92 -0
- package/src/components/BusinessSegmentSwitcher/BusinessSegmentSwitcher.tsx +119 -0
- package/src/components/BusinessSegmentSwitcher/helpers/renderBusinessSegmentSwitcherCarousel.tsx +45 -0
- package/src/components/BusinessSegmentSwitcher/helpers/renderCard.tsx +17 -0
- package/src/components/BusinessSegmentSwitcher/index.ts +9 -0
- package/src/components/BusinessSegmentSwitcher/types/types.ts +45 -0
- package/src/components/LinkTile/LinkTile.module.css +8 -4
- package/src/components/LinkTile/LinkTile.tsx +1 -2
- package/src/components/index.ts +1 -0
- package/versions.json +1 -1
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
6
|
+
var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
6
7
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
7
8
|
var index_es = require('../_shared/cjs/index.es-B0J3cvrY.cjs');
|
|
8
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
9
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
|
|
9
10
|
var ButtonV2 = require('@arc-ui/components/ButtonV2');
|
|
10
11
|
var InformationCard = require('@arc-ui/components/InformationCard');
|
|
11
12
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
@@ -20,7 +21,7 @@ var styles = {"product-navigation-grid":"ProductNavigation-module_product-naviga
|
|
|
20
21
|
* Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
|
|
21
22
|
*/
|
|
22
23
|
var ProductNavigation = function (_a) {
|
|
23
|
-
var heading = _a.heading, id = _a.id, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, _b = _a.hideButton, hideButton = _b === void 0 ? false : _b, productList = _a.productList, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, minHeight = _a.minHeight, _d = _a.cardsToDisplay, cardsToDisplay = _d === void 0 ? 3 : _d, _e = _a.listIncrement, listIncrement = _e === void 0 ? 6 : _e, onClickMore = _a.onClickMore, onClickLess = _a.onClickLess, _f = _a.hideShowLess, hideShowLess = _f === void 0 ? false : _f, isLoading = _a.isLoading, image = _a.image, props =
|
|
24
|
+
var heading = _a.heading, id = _a.id, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, _b = _a.hideButton, hideButton = _b === void 0 ? false : _b, productList = _a.productList, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, minHeight = _a.minHeight, _d = _a.cardsToDisplay, cardsToDisplay = _d === void 0 ? 3 : _d, _e = _a.listIncrement, listIncrement = _e === void 0 ? 6 : _e, onClickMore = _a.onClickMore, onClickLess = _a.onClickLess, _f = _a.hideShowLess, hideShowLess = _f === void 0 ? false : _f, isLoading = _a.isLoading, image = _a.image, props = tslib_es6.__rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "hideButton", "productList", "defaultExpanded", "minHeight", "cardsToDisplay", "listIncrement", "onClickMore", "onClickLess", "hideShowLess", "isLoading", "image"]);
|
|
24
25
|
var _g = React.useState(false), hideLessButton = _g[0], setHideLessButton = _g[1];
|
|
25
26
|
var _h = React.useState(cardsToDisplay), skipLinkCard = _h[0], setSkipLinkCard = _h[1];
|
|
26
27
|
var _j = React.useState(productList.slice(0, cardsToDisplay)), displayList = _j[0], setDisplayList = _j[1];
|
|
@@ -56,12 +57,12 @@ var ProductNavigation = function (_a) {
|
|
|
56
57
|
}
|
|
57
58
|
};
|
|
58
59
|
var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsS, ")"));
|
|
59
|
-
return (React.createElement("div",
|
|
60
|
+
return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
|
|
60
61
|
React.createElement(SectionHeading.SectionHeading, { isPadded: true, id: id, "data-testid": "ProductNavigation-header", heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content, image: image }),
|
|
61
62
|
React.createElement("ul", { className: index.classNames(styles["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (cardProps, i) {
|
|
62
63
|
var _a;
|
|
63
64
|
return (React.createElement("li", { key: "displayList-".concat(i), tabIndex: -1, ref: i === skipLinkCard ? cardRef : undefined, "data-cy": "list-item-".concat(i) },
|
|
64
|
-
React.createElement(InformationCard.InformationCard,
|
|
65
|
+
React.createElement(InformationCard.InformationCard, tslib_es6.__assign({}, cardProps, { minHeight: minHeight !== null && minHeight !== void 0 ? minHeight : cardProps.minHeight, headingLevel: (_a = cardProps.headingLevel) !== null && _a !== void 0 ? _a : "2" }))));
|
|
65
66
|
})),
|
|
66
67
|
React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
|
|
67
68
|
React.createElement("div", { style: { display: "flex" } },
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default, { useState, useRef, useEffect } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
4
|
+
import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
4
5
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
5
6
|
import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-DraZ-qKh.mjs';
|
|
6
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
7
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
|
|
7
8
|
import { ButtonV2 } from '@arc-ui/components/ButtonV2';
|
|
8
9
|
import { InformationCard } from '@arc-ui/components/InformationCard';
|
|
9
10
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
6
6
|
var index_es = require('../_shared/cjs/index.es-B0J3cvrY.cjs');
|
|
7
7
|
var Carousel = require('@arc-ui/components/Carousel');
|
|
8
8
|
var Heading = require('@arc-ui/components/Heading');
|
|
9
9
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
10
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
10
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
|
|
11
11
|
var MediaCard = require('@arc-ui/components/MediaCard');
|
|
12
|
+
var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
12
13
|
var ImpactCard = require('@arc-ui/components/ImpactCard');
|
|
13
14
|
var InformationCard = require('@arc-ui/components/InformationCard');
|
|
14
15
|
var TypographyCard = require('@arc-ui/components/TypographyCard');
|
|
@@ -24,7 +25,7 @@ var styles = {"PromoListing":"PromoListing-module_PromoListing__6ensv","carousel
|
|
|
24
25
|
* Use `PromoListing` to give supporting information about a page or proposition in the form of the card components (`ImpactCard`, `InformationCard`, `MediaCard` and `TypographyCard`).
|
|
25
26
|
*/
|
|
26
27
|
var PromoListing = function (_a) {
|
|
27
|
-
var heading = _a.heading, content = _a.content, id = _a.id, _b = _a.isCarousel, isCarousel = _b === void 0 ? false : _b, cards = _a.cards, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.columns, columns = _c === void 0 ? "2" : _c, _d = _a.button, button = _d === void 0 ? { buttonStyle: "secondary" } : _d, overlineHeadingLevel = _a.overlineHeadingLevel, overlineLabel = _a.overlineLabel, props =
|
|
28
|
+
var heading = _a.heading, content = _a.content, id = _a.id, _b = _a.isCarousel, isCarousel = _b === void 0 ? false : _b, cards = _a.cards, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.columns, columns = _c === void 0 ? "2" : _c, _d = _a.button, button = _d === void 0 ? { buttonStyle: "secondary" } : _d, overlineHeadingLevel = _a.overlineHeadingLevel, overlineLabel = _a.overlineLabel, props = tslib_es6.__rest(_a, ["heading", "content", "id", "isCarousel", "cards", "headingLevel", "isHeadingWordWrap", "columns", "button", "overlineHeadingLevel", "overlineLabel"]);
|
|
28
29
|
var componentId = React.useId();
|
|
29
30
|
var isMinWidthArcBreakpointL = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsL, ")"));
|
|
30
31
|
var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsM, ")"));
|
|
@@ -54,15 +55,15 @@ var PromoListing = function (_a) {
|
|
|
54
55
|
};
|
|
55
56
|
var getCard = function (card) {
|
|
56
57
|
var CardComponent = CARD_COMPONENTS[card.type];
|
|
57
|
-
return React.createElement(CardComponent,
|
|
58
|
+
return React.createElement(CardComponent, tslib_es6.__assign({}, card, commonProps));
|
|
58
59
|
};
|
|
59
|
-
return (React.createElement("div",
|
|
60
|
+
return (React.createElement("div", tslib_es6.__assign({ className: styles.PromoListing }, filterAttrs.filterAttrs(props)),
|
|
60
61
|
overlineLabel && (React.createElement(React.Fragment, null,
|
|
61
62
|
React.createElement(Heading.Heading, { level: overlineHeadingLevel, fontStyle: "overline" }, overlineLabel),
|
|
62
63
|
React.createElement(VerticalSpace.VerticalSpace, { size: "12" }))),
|
|
63
64
|
React.createElement(SectionHeading.SectionHeading, { isPadded: true, id: id, "data-testid": "PromoListing-header", heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content }),
|
|
64
65
|
button.label && (React.createElement(React.Fragment, null,
|
|
65
|
-
React.createElement(ButtonV2.ButtonV2,
|
|
66
|
+
React.createElement(ButtonV2.ButtonV2, tslib_es6.__assign({}, button, { icon: button.buttonStyle == "compact" ? BtIconArrowRightFill.BtIconArrowRightFill : undefined, size: "m" })),
|
|
66
67
|
React.createElement(VerticalSpace.VerticalSpace, { size: "40" }))),
|
|
67
68
|
isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles.promolistingCarouselWrapper },
|
|
68
69
|
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.cardWrapperCarousel) }, getCard(card))); })))) : (React.createElement("ul", { className: index.classNames(styles.cardGrid, styles["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) },
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default, { useId } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
4
4
|
import { a as ArcSizeBreakpointsL, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DraZ-qKh.mjs';
|
|
5
5
|
import { Carousel } from '@arc-ui/components/Carousel';
|
|
6
6
|
import { Heading } from '@arc-ui/components/Heading';
|
|
7
7
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
8
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
8
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
|
|
9
9
|
import { MediaCard } from '@arc-ui/components/MediaCard';
|
|
10
|
+
import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
10
11
|
import { ImpactCard } from '@arc-ui/components/ImpactCard';
|
|
11
12
|
import { InformationCard } from '@arc-ui/components/InformationCard';
|
|
12
13
|
import { TypographyCard } from '@arc-ui/components/TypographyCard';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
6
|
-
var
|
|
5
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
|
|
6
|
+
var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
7
|
+
var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-GkOiwt-Z.cjs');
|
|
7
8
|
require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
8
9
|
require('@arc-ui/components/Text');
|
|
9
10
|
require('@arc-ui/components/VerticalSpace');
|
|
@@ -17,11 +18,11 @@ var styles = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-mod
|
|
|
17
18
|
* Use `PromoListingThumbnailSignpost` to give supporting information about a page or proposition in the form of the ThumbnailSignposts components.
|
|
18
19
|
*/
|
|
19
20
|
var PromoListingThumbnailSignpost = function (_a) {
|
|
20
|
-
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 =
|
|
21
|
-
return (React.createElement("div",
|
|
21
|
+
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 = tslib_es6.__rest(_a, ["isPadded", "heading", "content", "headingLevel", "thumbnailList", "isHeadingWordWrap"]);
|
|
22
|
+
return (React.createElement("div", tslib_es6.__assign({ className: styles.PromoListingThumbnailSignpost }, filterAttrs.filterAttrs(props)),
|
|
22
23
|
React.createElement(SectionHeading.SectionHeading, { isPadded: isPadded, "data-testid": "PromoListingThumbnailSignpost-header", heading: heading, headingLevel: headingLevel, content: content, isHeadingWordWrap: isHeadingWordWrap }),
|
|
23
24
|
React.createElement("ul", { className: styles.list }, thumbnailList.map(function (thumbnail, index) { return (React.createElement("li", { key: index },
|
|
24
|
-
React.createElement(ThumbnailSignpost.ThumbnailSignpost,
|
|
25
|
+
React.createElement(ThumbnailSignpost.ThumbnailSignpost, tslib_es6.__assign({}, thumbnail)))); }))));
|
|
25
26
|
};
|
|
26
27
|
|
|
27
28
|
exports.PromoListingThumbnailSignpost = PromoListingThumbnailSignpost;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
4
|
-
import {
|
|
3
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
|
|
4
|
+
import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
5
|
+
import { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-BtaHAB0h.mjs';
|
|
5
6
|
import '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
6
7
|
import '@arc-ui/components/Text';
|
|
7
8
|
import '@arc-ui/components/VerticalSpace';
|
package/lib/Quote/Quote.cjs
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
6
|
-
var
|
|
6
|
+
var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
7
|
+
var Author = require('../_shared/cjs/Author-D4dKNQem.cjs');
|
|
7
8
|
require('@arc-ui/components/Grid');
|
|
8
9
|
require('@arc-ui/components/Avatar');
|
|
9
10
|
require('@arc-ui/components/Heading');
|
|
@@ -14,13 +15,13 @@ var styles = {"blockQuote":"Quote-module_blockQuote__STj-z","quoteContent":"Quot
|
|
|
14
15
|
/**
|
|
15
16
|
* 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.*/
|
|
16
17
|
var Quote = function (_a) {
|
|
17
|
-
var author = _a.author, _b = _a.styling, styling = _b === void 0 ? "Default" : _b, content = _a.content, citeUrl = _a.citeUrl, props =
|
|
18
|
-
return (React.createElement("div",
|
|
18
|
+
var author = _a.author, _b = _a.styling, styling = _b === void 0 ? "Default" : _b, content = _a.content, citeUrl = _a.citeUrl, props = tslib_es6.__rest(_a, ["author", "styling", "content", "citeUrl"]);
|
|
19
|
+
return (React.createElement("div", tslib_es6.__assign({ className: "community-component--quote", "data-testid": "quote-test" }, filterAttrs.filterAttrs(props)),
|
|
19
20
|
React.createElement("blockquote", { "data-testid": "style-test", className: index.classNames(styles.blockQuote, styles["quote".concat(styling)]), cite: citeUrl },
|
|
20
21
|
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 77", className: styles.quoteIcon, "aria-hidden": "true" },
|
|
21
22
|
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" })),
|
|
22
23
|
React.createElement("p", { className: styles.quoteContent }, content)),
|
|
23
|
-
author && React.createElement(Author.Author,
|
|
24
|
+
author && React.createElement(Author.Author, tslib_es6.__assign({}, author))));
|
|
24
25
|
};
|
|
25
26
|
|
|
26
27
|
exports.Quote = Quote;
|
package/lib/Quote/Quote.mjs
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
4
|
-
import {
|
|
4
|
+
import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
5
|
+
import { A as Author } from '../_shared/esm/Author-CLMgH9ES.mjs';
|
|
5
6
|
import '@arc-ui/components/Grid';
|
|
6
7
|
import '@arc-ui/components/Avatar';
|
|
7
8
|
import '@arc-ui/components/Heading';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
4
|
-
require('../_shared/cjs/
|
|
3
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
|
|
4
|
+
require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
5
5
|
require('react');
|
|
6
6
|
require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
7
|
+
require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
7
8
|
require('@arc-ui/components/Text');
|
|
8
9
|
require('@arc-ui/components/VerticalSpace');
|
|
9
10
|
require('@arc-ui/components/Image');
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
2
|
-
import '../_shared/esm/
|
|
1
|
+
export { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
|
|
2
|
+
import '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
5
|
+
import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
5
6
|
import '@arc-ui/components/Text';
|
|
6
7
|
import '@arc-ui/components/VerticalSpace';
|
|
7
8
|
import '@arc-ui/components/Image';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
5
6
|
var Columns = require('@arc-ui/components/Columns');
|
|
6
7
|
var Rule = require('@arc-ui/components/Rule');
|
|
7
8
|
var Text = require('@arc-ui/components/Text');
|
|
@@ -9,7 +10,7 @@ var Align = require('@arc-ui/components/Align');
|
|
|
9
10
|
var Heading = require('@arc-ui/components/Heading');
|
|
10
11
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
11
12
|
var Hidden = require('@arc-ui/components/Hidden');
|
|
12
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
13
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
|
|
13
14
|
require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
14
15
|
require('@arc-ui/components/Image');
|
|
15
16
|
|
|
@@ -25,9 +26,9 @@ var getLinkProps = function (link) {
|
|
|
25
26
|
};
|
|
26
27
|
|
|
27
28
|
var Statistics = function (_a) {
|
|
28
|
-
var id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics, props =
|
|
29
|
+
var id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics, props = tslib_es6.__rest(_a, ["id", "isHeadingWordWrap", "headingLevel", "heading", "content", "statistics"]);
|
|
29
30
|
var componentId = React.useId();
|
|
30
|
-
return (React.createElement(Columns.Columns,
|
|
31
|
+
return (React.createElement(Columns.Columns, tslib_es6.__assign({ isGutterless: true }, filterAttrs.filterAttrs(props)),
|
|
31
32
|
React.createElement(Columns.ColumnsCol, { spanM: 9 },
|
|
32
33
|
React.createElement(SectionHeading.SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
|
|
33
34
|
React.createElement(Columns.ColumnsCol, { spanL: 9 },
|
|
@@ -50,7 +51,7 @@ var Statistics = function (_a) {
|
|
|
50
51
|
React.createElement(Text.Text, null, copy),
|
|
51
52
|
link && (React.createElement(React.Fragment, null,
|
|
52
53
|
React.createElement(VerticalSpace.VerticalSpace, { size: "12" }),
|
|
53
|
-
React.createElement("a",
|
|
54
|
+
React.createElement("a", tslib_es6.__assign({ href: link.href, "aria-label": link.ariaLabel }, getLinkProps(link)), link.text))),
|
|
54
55
|
source && (React.createElement(React.Fragment, null,
|
|
55
56
|
React.createElement(VerticalSpace.VerticalSpace, { size: "12" }),
|
|
56
57
|
React.createElement(Text.Text, { size: "xs" },
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default, { useId } from 'react';
|
|
3
|
+
import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
3
4
|
import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
|
|
4
5
|
import { Rule } from '@arc-ui/components/Rule';
|
|
5
6
|
import { Text } from '@arc-ui/components/Text';
|
|
@@ -7,7 +8,7 @@ import { Align } from '@arc-ui/components/Align';
|
|
|
7
8
|
import { Heading } from '@arc-ui/components/Heading';
|
|
8
9
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
9
10
|
import { Hidden } from '@arc-ui/components/Hidden';
|
|
10
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
11
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
|
|
11
12
|
import '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
12
13
|
import '@arc-ui/components/Image';
|
|
13
14
|
|
package/lib/Summary/Summary.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index_es = require('../_shared/cjs/index.es-B0J3cvrY.cjs');
|
|
6
6
|
var Heading = require('@arc-ui/components/Heading');
|
|
@@ -9,13 +9,14 @@ var Box = require('@arc-ui/components/Box');
|
|
|
9
9
|
var Rule = require('@arc-ui/components/Rule');
|
|
10
10
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
11
11
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
12
|
+
var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
12
13
|
|
|
13
14
|
var styles = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
|
|
14
15
|
|
|
15
16
|
var Summary = function (_a) {
|
|
16
|
-
var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c, props =
|
|
17
|
+
var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c, props = tslib_es6.__rest(_a, ["content", "noBorder", "headingLevel"]);
|
|
17
18
|
var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsM, ")"));
|
|
18
|
-
return (React.createElement(Box.Box,
|
|
19
|
+
return (React.createElement(Box.Box, tslib_es6.__assign({ isBorderRadius: true }, (!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" }), { padding: "24" }, filterAttrs.filterAttrs(props)),
|
|
19
20
|
React.createElement("div", { className: styles.row }, content.map(function (_a, i) {
|
|
20
21
|
var heading = _a.heading, text = _a.text;
|
|
21
22
|
return (React.createElement(React.Fragment, null,
|
package/lib/Summary/Summary.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DraZ-qKh.mjs';
|
|
4
4
|
import { Heading } from '@arc-ui/components/Heading';
|
|
@@ -7,6 +7,7 @@ import { Box } from '@arc-ui/components/Box';
|
|
|
7
7
|
import { Rule } from '@arc-ui/components/Rule';
|
|
8
8
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
9
9
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
10
|
+
import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
10
11
|
|
|
11
12
|
var styles = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
|
|
12
13
|
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-
|
|
4
|
-
require('../_shared/cjs/
|
|
3
|
+
var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-GkOiwt-Z.cjs');
|
|
4
|
+
require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
5
5
|
require('react');
|
|
6
6
|
require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
7
|
+
require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
7
8
|
require('../_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs');
|
|
8
9
|
require('@arc-ui/components/Image');
|
|
9
10
|
require('@arc-ui/components/VerticalSpace');
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-
|
|
2
|
-
import '../_shared/esm/
|
|
1
|
+
export { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-BtaHAB0h.mjs';
|
|
2
|
+
import '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
5
|
+
import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
5
6
|
import '../_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs';
|
|
6
7
|
import '@arc-ui/components/Image';
|
|
7
8
|
import '@arc-ui/components/VerticalSpace';
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var Visible = require('@arc-ui/components/Visible');
|
|
6
6
|
var Spacing = require('@arc-ui/components/Spacing');
|
|
7
|
-
var VideoCardThumbnail = require('../_shared/cjs/VideoCardThumbnail-
|
|
7
|
+
var VideoCardThumbnail = require('../_shared/cjs/VideoCardThumbnail-N5iC-cAU.cjs');
|
|
8
8
|
var Heading = require('@arc-ui/components/Heading');
|
|
9
9
|
var Icon = require('@arc-ui/components/Icon');
|
|
10
10
|
var Text = require('@arc-ui/components/Text');
|
|
11
11
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
12
12
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
13
|
+
require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
13
14
|
|
|
14
15
|
/**
|
|
15
16
|
* Do not edit directly
|
|
@@ -66,11 +67,11 @@ var VideoHeroCardContent = function (_a) {
|
|
|
66
67
|
};
|
|
67
68
|
|
|
68
69
|
var VideoHeroCard = function (_a) {
|
|
69
|
-
var content = _a.content, thumbnailImg = _a.thumbnailImg, player = _a.player, props =
|
|
70
|
-
return (React.createElement(VideoCardThumbnail.VideoCardPlayer,
|
|
71
|
-
React.createElement(VideoHeroCardContent,
|
|
70
|
+
var content = _a.content, thumbnailImg = _a.thumbnailImg, player = _a.player, props = tslib_es6.__rest(_a, ["content", "thumbnailImg", "player"]);
|
|
71
|
+
return (React.createElement(VideoCardThumbnail.VideoCardPlayer, tslib_es6.__assign({ thumbnail: React.createElement(VideoCardThumbnail.VideoCardThumbnail, { src: thumbnailImg, orientation: "landscape", contentVisibility: { l: true, xl: true, xxl: true } },
|
|
72
|
+
React.createElement(VideoHeroCardContent, tslib_es6.__assign({}, content, { background: "dark" }))), orientation: "landscape", playIconSize: "l", player: player }, props), content && (React.createElement(Visible.Visible, { xs: true, s: true, m: true },
|
|
72
73
|
React.createElement(Spacing.Spacing, { all: { xs: "16", s: "32" } },
|
|
73
|
-
React.createElement(VideoHeroCardContent,
|
|
74
|
+
React.createElement(VideoHeroCardContent, tslib_es6.__assign({}, content, { background: "light" })))))));
|
|
74
75
|
};
|
|
75
76
|
|
|
76
77
|
exports.VideoHeroCard = VideoHeroCard;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../_shared/esm/
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default, { useId } from 'react';
|
|
3
3
|
import { Visible } from '@arc-ui/components/Visible';
|
|
4
4
|
import { Spacing } from '@arc-ui/components/Spacing';
|
|
5
|
-
import { V as VideoCardPlayer, a as VideoCardThumbnail } from '../_shared/esm/VideoCardThumbnail-
|
|
5
|
+
import { V as VideoCardPlayer, a as VideoCardThumbnail } from '../_shared/esm/VideoCardThumbnail-Tbh7Xi-X.mjs';
|
|
6
6
|
import { Heading } from '@arc-ui/components/Heading';
|
|
7
7
|
import { Icon } from '@arc-ui/components/Icon';
|
|
8
8
|
import { Text } from '@arc-ui/components/Text';
|
|
9
9
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
10
10
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
11
|
+
import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
11
12
|
|
|
12
13
|
/**
|
|
13
14
|
* Do not edit directly
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var Heading = require('@arc-ui/components/Heading');
|
|
6
6
|
var Surface = require('@arc-ui/components/Surface');
|
|
7
7
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
8
|
-
var VideoCardThumbnail = require('../_shared/cjs/VideoCardThumbnail-
|
|
8
|
+
var VideoCardThumbnail = require('../_shared/cjs/VideoCardThumbnail-N5iC-cAU.cjs');
|
|
9
9
|
require('../_shared/cjs/index-Bp6Dd2i1.cjs');
|
|
10
|
+
require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
10
11
|
require('@arc-ui/components/Icon');
|
|
11
12
|
require('@arc-ui/components/Visible');
|
|
12
13
|
|
|
13
14
|
var VideoPortraitCard = function (_a) {
|
|
14
|
-
var thumbnail = _a.thumbnail, player = _a.player, props =
|
|
15
|
-
return (React.createElement(VideoCardThumbnail.VideoCardPlayer,
|
|
15
|
+
var thumbnail = _a.thumbnail, player = _a.player, props = tslib_es6.__rest(_a, ["thumbnail", "player"]);
|
|
16
|
+
return (React.createElement(VideoCardThumbnail.VideoCardPlayer, tslib_es6.__assign({ thumbnail: thumbnail && (React.createElement(VideoCardThumbnail.VideoCardThumbnail, { orientation: "portrait", src: thumbnail.img },
|
|
16
17
|
React.createElement(Surface.Surface, { isTransparent: true, background: "dark-black" },
|
|
17
18
|
React.createElement(Heading.Heading, { fontStyle: "overline" }, thumbnail.label),
|
|
18
19
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../_shared/esm/
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { Heading } from '@arc-ui/components/Heading';
|
|
4
4
|
import { Surface } from '@arc-ui/components/Surface';
|
|
5
5
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
6
|
-
import { V as VideoCardPlayer, a as VideoCardThumbnail } from '../_shared/esm/VideoCardThumbnail-
|
|
6
|
+
import { V as VideoCardPlayer, a as VideoCardThumbnail } from '../_shared/esm/VideoCardThumbnail-Tbh7Xi-X.mjs';
|
|
7
7
|
import '../_shared/esm/index-BfTCfPZ1.mjs';
|
|
8
|
+
import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
8
9
|
import '@arc-ui/components/Icon';
|
|
9
10
|
import '@arc-ui/components/Visible';
|
|
10
11
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
|
|
5
6
|
var index = require('./index-Bp6Dd2i1.cjs');
|
|
6
7
|
var Heading = require('@arc-ui/components/Heading');
|
|
7
8
|
var Text = require('@arc-ui/components/Text');
|
|
@@ -13,15 +14,15 @@ var styles$2 = {"accordion-header":"AccordionHeading-module_accordion-header__8s
|
|
|
13
14
|
|
|
14
15
|
var AccordionHeading = function (_a) {
|
|
15
16
|
var _b, _c;
|
|
16
|
-
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 =
|
|
17
|
-
return (React.createElement("div",
|
|
17
|
+
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 = tslib_es6.__rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "headingSize", "image"]);
|
|
18
|
+
return (React.createElement("div", tslib_es6.__assign({ className: index.classNames((_b = {},
|
|
18
19
|
_b[styles$2["accordion-header"]] = true,
|
|
19
20
|
_b[styles$2["accordion-header--padded"]] = isPadded,
|
|
20
21
|
_b[styles$2["accordion-header--headingSizeM"]] = headingSize === "m",
|
|
21
22
|
_b)) }, filterAttrs.filterAttrs(props)),
|
|
22
23
|
React.createElement("div", { className: index.classNames((_c = {}, _c[styles$2["accordion-header--hasImage"]] = image, _c)) },
|
|
23
24
|
image && (React.createElement("div", null,
|
|
24
|
-
React.createElement(Image.Image,
|
|
25
|
+
React.createElement(Image.Image, tslib_es6.__assign({}, image, { width: 68, fit: "cover" })))),
|
|
25
26
|
React.createElement(Heading.Heading, { level: headingLevel, id: id, size: headingSize }, heading)),
|
|
26
27
|
content && (React.createElement(React.Fragment, null,
|
|
27
28
|
headingSize === "xl" ? (React.createElement(VerticalSpace.VerticalSpace, { size: "24" })) : (React.createElement(VerticalSpace.VerticalSpace, { size: "8", sizeL: "12", sizeXL: "16" })),
|
|
@@ -33,9 +34,9 @@ var styles$1 = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_Ac
|
|
|
33
34
|
var AccordionDisclosureList = function (_a) {
|
|
34
35
|
var disclosureList = _a.disclosureList;
|
|
35
36
|
return (React.createElement("ul", null, disclosureList.map(function (_a) {
|
|
36
|
-
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 =
|
|
37
|
+
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 = tslib_es6.__rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
|
|
37
38
|
return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem, id: id },
|
|
38
|
-
React.createElement(Disclosure.Disclosure,
|
|
39
|
+
React.createElement(Disclosure.Disclosure, tslib_es6.__assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterAttrs.filterAttrs(props)), children)));
|
|
39
40
|
})));
|
|
40
41
|
};
|
|
41
42
|
|
|
@@ -45,8 +46,8 @@ var styles = {"Accordion":"Accordion-module_Accordion__LsXTU"};
|
|
|
45
46
|
* Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
|
|
46
47
|
*/
|
|
47
48
|
var Accordion = function (_a) {
|
|
48
|
-
var heading = _a.heading, headingLevel = _a.headingLevel, headingSize = _a.headingSize, content = _a.content, id = _a.id, disclosureList = _a.disclosureList, props =
|
|
49
|
-
return (React.createElement("div",
|
|
49
|
+
var heading = _a.heading, headingLevel = _a.headingLevel, headingSize = _a.headingSize, content = _a.content, id = _a.id, disclosureList = _a.disclosureList, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "headingSize", "content", "id", "disclosureList"]);
|
|
50
|
+
return (React.createElement("div", tslib_es6.__assign({ className: styles.Accordion }, filterAttrs.filterAttrs(props)),
|
|
50
51
|
React.createElement(AccordionHeading, { isPadded: true, id: id, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, headingSize: headingSize, content: content }),
|
|
51
52
|
React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
|
|
52
53
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
|
|
5
6
|
var Grid = require('@arc-ui/components/Grid');
|
|
6
7
|
var Avatar = require('@arc-ui/components/Avatar');
|
|
7
8
|
var Heading = require('@arc-ui/components/Heading');
|
|
@@ -10,16 +11,16 @@ var Text = require('@arc-ui/components/Text');
|
|
|
10
11
|
var styles = {"authorContent":"Author-module_authorContent__TBY7b","largeAvatar":"Author-module_largeAvatar__Vco03"};
|
|
11
12
|
|
|
12
13
|
var Author = function (_a) {
|
|
13
|
-
var name = _a.name, title = _a.title, _b = _a.avatar, avatar = _b === void 0 ? {} : _b, props =
|
|
14
|
+
var name = _a.name, title = _a.title, _b = _a.avatar, avatar = _b === void 0 ? {} : _b, props = tslib_es6.__rest(_a, ["name", "title", "avatar"]);
|
|
14
15
|
var avatarSizes = ["s", "m", "l", "xl"];
|
|
15
16
|
avatar.size = avatarSizes.includes(avatar.size || "") ? avatar.size : "m";
|
|
16
17
|
var isLargeAvatar = avatar.size === "l" || avatar.size === "xl";
|
|
17
|
-
return (React.createElement("div",
|
|
18
|
+
return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
|
|
18
19
|
React.createElement(Grid.Grid, { isFluid: true, isGutterless: true },
|
|
19
20
|
React.createElement(Grid.GridRow, { align: "center" },
|
|
20
21
|
React.createElement(Grid.GridCol, { xs: isLargeAvatar ? 12 : "auto" },
|
|
21
22
|
React.createElement("div", { className: isLargeAvatar ? styles.largeAvatar : undefined },
|
|
22
|
-
React.createElement(Avatar.Avatar,
|
|
23
|
+
React.createElement(Avatar.Avatar, tslib_es6.__assign({}, avatar)))),
|
|
23
24
|
React.createElement(Grid.GridCol, null,
|
|
24
25
|
React.createElement("div", { className: "".concat(!isLargeAvatar && styles.authorContent), "data-testid": "authorContent" },
|
|
25
26
|
React.createElement(Heading.Heading, { size: "xs" }, name),
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('./index-Bp6Dd2i1.cjs');
|
|
6
|
+
var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
|
|
6
7
|
var Text = require('@arc-ui/components/Text');
|
|
7
8
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
8
9
|
var Image = require('@arc-ui/components/Image');
|
|
@@ -12,14 +13,14 @@ var styles = {"section-header":"SectionHeading-module_section-header__iB07I","se
|
|
|
12
13
|
|
|
13
14
|
var SectionHeading = function (_a) {
|
|
14
15
|
var _b, _c;
|
|
15
|
-
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, props =
|
|
16
|
-
return (React.createElement("div",
|
|
16
|
+
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, props = tslib_es6.__rest(_a, ["heading", "content", "id", "image", "isHeadingWordWrap", "isPadded", "headingLevel"]);
|
|
17
|
+
return (React.createElement("div", tslib_es6.__assign({ className: index.classNames((_b = {},
|
|
17
18
|
_b[styles["section-header"]] = true,
|
|
18
19
|
_b[styles["section-header--padded"]] = isPadded,
|
|
19
20
|
_b)) }, filterAttrs.filterAttrs(props)),
|
|
20
21
|
React.createElement("div", { className: index.classNames((_c = {}, _c[styles["section-header--hasImage"]] = image, _c)) },
|
|
21
22
|
image && (React.createElement("div", null,
|
|
22
|
-
React.createElement(Image.Image,
|
|
23
|
+
React.createElement(Image.Image, tslib_es6.__assign({}, image, { width: 68, fit: "cover" })))),
|
|
23
24
|
React.createElement(Heading.Heading, { level: headingLevel, id: id, size: "xl", isWordWrap: isHeadingWordWrap }, heading)),
|
|
24
25
|
content && (React.createElement(React.Fragment, null,
|
|
25
26
|
React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
|