@arc-ui/community-components 3.4.0 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/.turbo/turbo-build.log +37 -37
  2. package/CHANGELOG.md +20 -0
  3. package/lib/Accordion/Accordion.cjs +3 -2
  4. package/lib/Accordion/Accordion.mjs +3 -2
  5. package/lib/ActionTile/ActionTile.cjs +7 -5
  6. package/lib/ActionTile/ActionTile.mjs +6 -4
  7. package/lib/ActionTile/styles.css +1 -1
  8. package/lib/ArticleSidebar/ArticleSidebar.cjs +10 -9
  9. package/lib/ArticleSidebar/ArticleSidebar.mjs +3 -2
  10. package/lib/Author/Author.cjs +3 -2
  11. package/lib/Author/Author.mjs +3 -2
  12. package/lib/BannerWithTabs/BannerWithTabs.cjs +6 -5
  13. package/lib/BannerWithTabs/BannerWithTabs.mjs +5 -4
  14. package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.cjs +81 -0
  15. package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.mjs +79 -0
  16. package/lib/BusinessSegmentSwitcher/styles.css +1 -0
  17. package/lib/ContentInfoWidget/ContentInfoWidget.cjs +4 -3
  18. package/lib/ContentInfoWidget/ContentInfoWidget.mjs +2 -1
  19. package/lib/CopyLead/CopyLead.cjs +17 -16
  20. package/lib/CopyLead/CopyLead.mjs +3 -2
  21. package/lib/DownloadList/DownloadList.cjs +6 -5
  22. package/lib/DownloadList/DownloadList.mjs +3 -2
  23. package/lib/FAQs/FAQs.cjs +6 -5
  24. package/lib/FAQs/FAQs.mjs +4 -3
  25. package/lib/FeaturePost/FeaturePost.cjs +12 -11
  26. package/lib/FeaturePost/FeaturePost.mjs +3 -2
  27. package/lib/Highlights/Highlights.cjs +12 -11
  28. package/lib/Highlights/Highlights.mjs +4 -3
  29. package/lib/InlineLinkGroup/InlineLinkGroup.cjs +4 -3
  30. package/lib/InlineLinkGroup/InlineLinkGroup.mjs +2 -1
  31. package/lib/LinkTile/LinkTile.cjs +3 -3
  32. package/lib/LinkTile/LinkTile.mjs +2 -2
  33. package/lib/LinkTile/styles.css +1 -1
  34. package/lib/ProductNavigation/ProductNavigation.cjs +6 -5
  35. package/lib/ProductNavigation/ProductNavigation.mjs +3 -2
  36. package/lib/PromoListing/PromoListing.cjs +7 -6
  37. package/lib/PromoListing/PromoListing.mjs +3 -2
  38. package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs +7 -6
  39. package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.mjs +4 -3
  40. package/lib/Quote/Quote.cjs +6 -5
  41. package/lib/Quote/Quote.mjs +3 -2
  42. package/lib/SectionHeading/SectionHeading.cjs +3 -2
  43. package/lib/SectionHeading/SectionHeading.mjs +3 -2
  44. package/lib/Statistics/Statistics.cjs +6 -5
  45. package/lib/Statistics/Statistics.mjs +3 -2
  46. package/lib/Summary/Summary.cjs +4 -3
  47. package/lib/Summary/Summary.mjs +2 -1
  48. package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +3 -2
  49. package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +3 -2
  50. package/lib/VideoHeroCard/VideoHeroCard.cjs +7 -6
  51. package/lib/VideoHeroCard/VideoHeroCard.mjs +3 -2
  52. package/lib/VideoPortraitCard/VideoPortraitCard.cjs +5 -4
  53. package/lib/VideoPortraitCard/VideoPortraitCard.mjs +3 -2
  54. package/lib/_shared/cjs/{Accordion-QqDoB3pY.cjs → Accordion-DfNGOjTm.cjs} +9 -8
  55. package/lib/_shared/cjs/{Author-aL8YXi7C.cjs → Author-D4dKNQem.cjs} +5 -4
  56. package/lib/_shared/cjs/{SectionHeading-Dj-dJfv3.cjs → SectionHeading-DeSFM0HV.cjs} +5 -4
  57. package/lib/_shared/cjs/{ThumbnailSignpost-SBnrGooA.cjs → ThumbnailSignpost-GkOiwt-Z.cjs} +5 -4
  58. package/lib/_shared/cjs/{VideoCardThumbnail-BqYgpk0u.cjs → VideoCardThumbnail-N5iC-cAU.cjs} +7 -6
  59. package/lib/_shared/cjs/filter-attrs-BizjMsy0.cjs +27 -0
  60. package/lib/_shared/cjs/{filter-attrs-C26zOt4_.cjs → tslib.es6-BxB9I209.cjs} +0 -25
  61. package/lib/_shared/esm/{Accordion-DtU7jbCv.mjs → Accordion-DSRlkcXi.mjs} +2 -1
  62. package/lib/_shared/esm/{Author-CJQFrQM9.mjs → Author-CLMgH9ES.mjs} +2 -1
  63. package/lib/_shared/esm/{SectionHeading-BskdQ2Tt.mjs → SectionHeading-DSwsdNSp.mjs} +2 -1
  64. package/lib/_shared/esm/{ThumbnailSignpost-CBSdQiHw.mjs → ThumbnailSignpost-BtaHAB0h.mjs} +2 -1
  65. package/lib/_shared/esm/{VideoCardThumbnail-VfOKmPCv.mjs → VideoCardThumbnail-Tbh7Xi-X.mjs} +2 -1
  66. package/lib/_shared/esm/filter-attrs-DZ7RCEZm.mjs +25 -0
  67. package/lib/_shared/esm/{filter-attrs-D-1kWaCP.mjs → tslib.es6-BVXMhEem.mjs} +1 -25
  68. package/lib/index.cjs +207 -135
  69. package/lib/index.cjs.map +1 -1
  70. package/lib/index.d.cts +66 -4
  71. package/lib/index.d.mts +66 -4
  72. package/lib/index.mjs +207 -136
  73. package/lib/index.mjs.map +1 -1
  74. package/lib/styles.css +1 -1
  75. package/package.json +4 -4
  76. package/src/components/ActionTile/ActionTile.module.css +1 -0
  77. package/src/components/ActionTile/ActionTile.tsx +11 -3
  78. package/src/components/BannerWithTabs/BannerWithTabs.tsx +7 -0
  79. package/src/components/BusinessSegmentSwitcher/BusinessSegmentSwitcher.module.css +92 -0
  80. package/src/components/BusinessSegmentSwitcher/BusinessSegmentSwitcher.tsx +119 -0
  81. package/src/components/BusinessSegmentSwitcher/helpers/renderBusinessSegmentSwitcherCarousel.tsx +45 -0
  82. package/src/components/BusinessSegmentSwitcher/helpers/renderCard.tsx +17 -0
  83. package/src/components/BusinessSegmentSwitcher/index.ts +9 -0
  84. package/src/components/BusinessSegmentSwitcher/types/types.ts +45 -0
  85. package/src/components/Highlights/Highlights.tsx +2 -1
  86. package/src/components/LinkTile/LinkTile.module.css +8 -4
  87. package/src/components/LinkTile/LinkTile.tsx +1 -2
  88. package/src/components/index.ts +1 -0
  89. package/versions.json +1 -1
@@ -1 +1 @@
1
- .LinkTile-module_link-tile__xVUP3{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;width:306px;height:96px;border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;transition:border-color 0.2s ease;flex:none;align-self:stretch;position:relative;overflow:visible}.LinkTile-module_link-tile-content__H-QN8{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--sem-space-padding-40);width:100%;height:48px;flex:none;align-self:stretch}.LinkTile-module_link-tile-icon__kTMfH{display:flex;width:32px;height:32px;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:none;flex-shrink:0;order:1}.LinkTile-module_link-tile-text__0K6zf{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-xs);letter-spacing:0;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:1;order:0}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color 0.2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH{color:var(--button-v2-colors-light-text-hover)}
1
+ .LinkTile-module_link-tile__xVUP3{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:306px;height:144px;min-height:144px;max-height:144px;border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;transition:border-color 0.2s ease;flex:none;align-self:stretch;position:relative;overflow:hidden;flex-grow:1}.LinkTile-module_link-tile-content__H-QN8{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--sem-space-padding-40);width:100%;min-height:48px;flex:none;align-self:stretch}.LinkTile-module_link-tile-icon__kTMfH{display:flex;width:32px;height:32px;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:none;flex-shrink:0;order:1}.LinkTile-module_link-tile-text__0K6zf{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-xs);letter-spacing:0;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:1;order:0}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color 0.2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH{color:var(--button-v2-colors-light-text-hover)}
@@ -1,11 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
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-Dj-dJfv3.cjs');
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 = filterAttrs.__rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "hideButton", "productList", "defaultExpanded", "minHeight", "cardsToDisplay", "listIncrement", "onClickMore", "onClickLess", "hideShowLess", "isLoading", "image"]);
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", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
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, filterAttrs.__assign({}, cardProps, { minHeight: minHeight !== null && minHeight !== void 0 ? minHeight : cardProps.minHeight, headingLevel: (_a = cardProps.headingLevel) !== null && _a !== void 0 ? _a : "2" }))));
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, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
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-BskdQ2Tt.mjs';
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 filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
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-Dj-dJfv3.cjs');
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 = filterAttrs.__rest(_a, ["heading", "content", "id", "isCarousel", "cards", "headingLevel", "isHeadingWordWrap", "columns", "button", "overlineHeadingLevel", "overlineLabel"]);
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, filterAttrs.__assign({}, card, commonProps));
58
+ return React.createElement(CardComponent, tslib_es6.__assign({}, card, commonProps));
58
59
  };
59
- return (React.createElement("div", filterAttrs.__assign({ className: styles.PromoListing }, filterAttrs.filterAttrs(props)),
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, filterAttrs.__assign({}, button, { icon: button.buttonStyle == "compact" ? BtIconArrowRightFill.BtIconArrowRightFill : undefined, size: "m" })),
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, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
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-BskdQ2Tt.mjs';
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 filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
3
+ var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
4
4
  var React = require('react');
5
- var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
6
- var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-SBnrGooA.cjs');
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 = filterAttrs.__rest(_a, ["isPadded", "heading", "content", "headingLevel", "thumbnailList", "isHeadingWordWrap"]);
21
- return (React.createElement("div", filterAttrs.__assign({ className: styles.PromoListingThumbnailSignpost }, filterAttrs.filterAttrs(props)),
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, filterAttrs.__assign({}, thumbnail)))); }))));
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, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
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-BskdQ2Tt.mjs';
4
- import { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-CBSdQiHw.mjs';
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';
@@ -1,9 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
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 Author = require('../_shared/cjs/Author-aL8YXi7C.cjs');
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 = filterAttrs.__rest(_a, ["author", "styling", "content", "citeUrl"]);
18
- return (React.createElement("div", filterAttrs.__assign({ className: "community-component--quote", "data-testid": "quote-test" }, filterAttrs.filterAttrs(props)),
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, filterAttrs.__assign({}, author))));
24
+ author && React.createElement(Author.Author, tslib_es6.__assign({}, author))));
24
25
  };
25
26
 
26
27
  exports.Quote = Quote;
@@ -1,7 +1,8 @@
1
- import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
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 { A as Author } from '../_shared/esm/Author-CJQFrQM9.mjs';
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-Dj-dJfv3.cjs');
4
- require('../_shared/cjs/filter-attrs-C26zOt4_.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-BskdQ2Tt.mjs';
2
- import '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
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 filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
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-Dj-dJfv3.cjs');
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 = filterAttrs.__rest(_a, ["id", "isHeadingWordWrap", "headingLevel", "heading", "content", "statistics"]);
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, filterAttrs.__assign({ isGutterless: true }, filterAttrs.filterAttrs(props)),
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", filterAttrs.__assign({ href: link.href, "aria-label": link.ariaLabel }, getLinkProps(link)), link.text))),
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, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
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-BskdQ2Tt.mjs';
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
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
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 = filterAttrs.__rest(_a, ["content", "noBorder", "headingLevel"]);
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, filterAttrs.__assign({ isBorderRadius: true }, (!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" }), { padding: "24" }, filterAttrs.filterAttrs(props)),
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,
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
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-SBnrGooA.cjs');
4
- require('../_shared/cjs/filter-attrs-C26zOt4_.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-CBSdQiHw.mjs';
2
- import '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
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 filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
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-BqYgpk0u.cjs');
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 = filterAttrs.__rest(_a, ["content", "thumbnailImg", "player"]);
70
- return (React.createElement(VideoCardThumbnail.VideoCardPlayer, filterAttrs.__assign({ thumbnail: React.createElement(VideoCardThumbnail.VideoCardThumbnail, { src: thumbnailImg, orientation: "landscape", contentVisibility: { l: true, xl: true, xxl: true } },
71
- React.createElement(VideoHeroCardContent, filterAttrs.__assign({}, content, { background: "dark" }))), orientation: "landscape", playIconSize: "l", player: player }, props), content && (React.createElement(Visible.Visible, { xs: true, s: true, m: true },
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, filterAttrs.__assign({}, content, { background: "light" })))))));
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/filter-attrs-D-1kWaCP.mjs';
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-VfOKmPCv.mjs';
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 filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
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-BqYgpk0u.cjs');
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 = filterAttrs.__rest(_a, ["thumbnail", "player"]);
15
- return (React.createElement(VideoCardThumbnail.VideoCardPlayer, filterAttrs.__assign({ thumbnail: thumbnail && (React.createElement(VideoCardThumbnail.VideoCardThumbnail, { orientation: "portrait", src: thumbnail.img },
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/filter-attrs-D-1kWaCP.mjs';
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-VfOKmPCv.mjs';
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 filterAttrs = require('./filter-attrs-C26zOt4_.cjs');
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 = filterAttrs.__rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "headingSize", "image"]);
17
- return (React.createElement("div", filterAttrs.__assign({ className: index.classNames((_b = {},
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, filterAttrs.__assign({}, image, { width: 68, fit: "cover" })))),
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 = filterAttrs.__rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
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, filterAttrs.__assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterAttrs.filterAttrs(props)), children)));
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 = filterAttrs.__rest(_a, ["heading", "headingLevel", "headingSize", "content", "id", "disclosureList"]);
49
- return (React.createElement("div", filterAttrs.__assign({ className: styles.Accordion }, filterAttrs.filterAttrs(props)),
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 filterAttrs = require('./filter-attrs-C26zOt4_.cjs');
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 = filterAttrs.__rest(_a, ["name", "title", "avatar"]);
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", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
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, filterAttrs.__assign({}, 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 filterAttrs = require('./filter-attrs-C26zOt4_.cjs');
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 = filterAttrs.__rest(_a, ["heading", "content", "id", "image", "isHeadingWordWrap", "isPadded", "headingLevel"]);
16
- return (React.createElement("div", filterAttrs.__assign({ className: index.classNames((_b = {},
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, filterAttrs.__assign({}, image, { width: 68, fit: "cover" })))),
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" }),