@arc-ui/community-components 3.1.0 → 3.2.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 (49) hide show
  1. package/.turbo/turbo-build.log +12 -12
  2. package/CHANGELOG.md +12 -0
  3. package/lib/Accordion/Accordion.cjs +1 -1
  4. package/lib/Accordion/Accordion.mjs +1 -1
  5. package/lib/CopyLead/CopyLead.cjs +1 -1
  6. package/lib/CopyLead/CopyLead.mjs +1 -1
  7. package/lib/FAQs/FAQs.cjs +11 -7
  8. package/lib/FAQs/FAQs.mjs +11 -7
  9. package/lib/FeaturePost/FeaturePost.cjs +13 -6
  10. package/lib/FeaturePost/FeaturePost.mjs +13 -6
  11. package/lib/ProductNavigation/ProductNavigation.cjs +1 -1
  12. package/lib/ProductNavigation/ProductNavigation.mjs +1 -1
  13. package/lib/PromoListing/PromoListing.cjs +1 -1
  14. package/lib/PromoListing/PromoListing.mjs +1 -1
  15. package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs +28 -0
  16. package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.mjs +26 -0
  17. package/lib/PromoListingThumbnailSignpost/styles.css +1 -0
  18. package/lib/Summary/Summary.cjs +1 -1
  19. package/lib/Summary/Summary.mjs +1 -1
  20. package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +15 -0
  21. package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +9 -0
  22. package/lib/ThumbnailSignpost/styles.css +1 -0
  23. package/lib/_shared/cjs/{Accordion-BCJIm1Gq.cjs → Accordion-DfNGOjTm.cjs} +1 -1
  24. package/lib/_shared/cjs/ThumbnailSignpost-GkOiwt-Z.cjs +39 -0
  25. package/lib/_shared/cjs/{index.es-DzI6hGjj.cjs → index.es-Dq8bYrbW.cjs} +1 -1
  26. package/lib/_shared/esm/{Accordion-BN_lZk6L.mjs → Accordion-cd1oYvBv.mjs} +1 -1
  27. package/lib/_shared/esm/ThumbnailSignpost-BeRiXbUp.mjs +37 -0
  28. package/lib/_shared/esm/{index.es-B6Bolkcx.mjs → index.es-Bfdys5__.mjs} +1 -1
  29. package/lib/index.cjs +169 -116
  30. package/lib/index.cjs.map +1 -1
  31. package/lib/index.d.cts +38 -3
  32. package/lib/index.d.mts +38 -3
  33. package/lib/index.mjs +168 -117
  34. package/lib/index.mjs.map +1 -1
  35. package/lib/styles.css +1 -1
  36. package/package.json +14 -14
  37. package/src/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.tsx +1 -1
  38. package/src/components/FAQs/FAQs.tsx +13 -6
  39. package/src/components/FeaturePost/FeaturePost.tsx +6 -2
  40. package/src/components/FeaturePost/components/Image/Image.tsx +31 -7
  41. package/src/components/FeaturePost/types/feature-post-image.ts +2 -0
  42. package/src/components/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.module.css +54 -0
  43. package/src/components/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.tsx +53 -0
  44. package/src/components/PromoListingThumbnailSignpost/index.ts +4 -0
  45. package/src/components/ThumbnailSignpost/ThumbnailSignpost.module.css +112 -0
  46. package/src/components/ThumbnailSignpost/ThumbnailSignpost.tsx +100 -0
  47. package/src/components/ThumbnailSignpost/index.ts +4 -0
  48. package/src/components/index.ts +2 -0
  49. package/versions.json +1 -1
@@ -1,20 +1,20 @@
1
1
 
2
- > @arc-ui/community-components@3.1.0 build /builds/enterprise/frontend/arc-community/packages/components
2
+ > @arc-ui/community-components@3.2.0 build /builds/enterprise/frontend/arc-community/packages/components
3
3
  > rimraf lib dist && rollup -c && generate-subpath-css && pnpm run build:clean
4
4
 
5
- Browserslist: browsers data (caniuse-lite) is 6 months old. Please run:
5
+ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
6
6
  npx update-browserslist-db@latest
7
7
  Why you should do it regularly: https://github.com/browserslist/update-db#readme
8
8
  
9
9
  src/index.ts → lib/index.cjs, lib/index.mjs...
10
- created lib/index.cjs, lib/index.mjs in 8.9s
10
+ created lib/index.cjs, lib/index.mjs in 8.5s
11
11
  
12
12
  ./lib/types/index.d.ts → lib/index.d.mts, lib/index.d.cts...
13
13
  (!) Unresolved dependencies
14
14
  https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
15
15
  @arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
16
16
  @arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
17
- @arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/share.d.ts", "lib/types/components/ArticleSidebar/types/topic.d.ts" and "lib/types/components/ArticleSidebar/types/link-section.d.ts")
17
+ @arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/ArticleSidebar/types/text-section.d.ts", "lib/types/components/ArticleSidebar/types/link-section.d.ts", "lib/types/components/ArticleSidebar/types/topic.d.ts" and "lib/types/components/ArticleSidebar/types/share.d.ts")
18
18
  @arc-ui/components/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
19
19
  @arc-ui/components/ButtonV2 (imported by "lib/types/components/Highlights/Highlights.d.ts" and "lib/types/components/PromoListing/PromoListing.d.ts")
20
20
  @arc-ui/components/MediaCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
@@ -22,22 +22,22 @@ Browserslist: browsers data (caniuse-lite) is 6 months old. Please run:
22
22
  @arc-ui/components/InformationCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/ProductNavigation/types/product-list.d.ts")
23
23
  @arc-ui/components/TypographyCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
24
24
  @arc-ui/components/TemplateBanner (imported by "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts")
25
- @arc-ui/components/Image (imported by "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/CopyLead/types/copy-lead-image.d.ts" and "lib/types/components/FeaturePost/types/feature-post-image.d.ts")
25
+ @arc-ui/components/Image (imported by "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/ThumbnailSignpost/ThumbnailSignpost.d.ts", "lib/types/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts", "lib/types/components/CopyLead/types/copy-lead-image.d.ts" and "lib/types/components/FeaturePost/types/feature-post-image.d.ts")
26
26
  @arc-ui/components/Disclosure (imported by "lib/types/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts")
27
27
  @arc-ui/components/Tag (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
28
- @arc-ui/components/AppButton (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
29
28
  @arc-ui/components/Button (imported by "lib/types/components/CopyLead/types/copy-lead-button.d.ts" and "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts")
30
- created lib/index.d.mts, lib/index.d.cts in 175ms
29
+ @arc-ui/components/AppButton (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
30
+ created lib/index.d.mts, lib/index.d.cts in 186ms
31
31
  
32
- ./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/HeroLink/index.ts, ./src/components/Highlights/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → lib...
33
- created lib in 6.1s
32
+ ./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/HeroLink/index.ts, ./src/components/Highlights/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts → lib...
33
+ created lib in 5.6s
34
34
  
35
- ./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/HeroLink/index.ts, ./src/components/Highlights/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts → lib...
35
+ ./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/ContentInfoWidget/index.ts, ./src/components/CopyLead/index.ts, ./src/components/DownloadList/index.ts, ./src/components/FAQs/index.ts, ./src/components/FeaturePost/index.ts, ./src/components/HeroLink/index.ts, ./src/components/Highlights/index.ts, ./src/components/LinkTile/index.ts, ./src/components/ProductNavigation/index.ts, ./src/components/PromoListing/index.ts, ./src/components/PromoListingThumbnailSignpost/index.ts, ./src/components/Quote/index.ts, ./src/components/SectionHeading/index.ts, ./src/components/Statistics/index.ts, ./src/components/Summary/index.ts, ./src/components/ThumbnailSignpost/index.ts → lib...
36
36
  created lib in 5.6s
37
- Browserslist: browsers data (caniuse-lite) is 6 months old. Please run:
37
+ Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
38
38
  npx update-browserslist-db@latest
39
39
  Why you should do it regularly: https://github.com/browserslist/update-db#readme
40
40
 
41
- > @arc-ui/community-components@3.1.0 build:clean /builds/enterprise/frontend/arc-community/packages/components
41
+ > @arc-ui/community-components@3.2.0 build:clean /builds/enterprise/frontend/arc-community/packages/components
42
42
  > rimraf ./lib/types ./lib/styles.js ./lib/index.js ./lib/index.js.map
43
43
 
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @arc-ui/community-components
2
2
 
3
+ ## 3.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 344c55d: Add new ThumbnailSignpost and PromoListingThumbnailSignpost components
8
+ - 84f12e7: Updated FeaturePost component content props to accept react node and image to accept optional title and description. Added stories to show the features.
9
+ - 59fe516: Updated Arc components package to 13.5.0. Minor chores on promolisting components
10
+
11
+ ### Patch Changes
12
+
13
+ - 918e18a: faqs skip link keyboard navigation accesiblity issue fixed
14
+
3
15
  ## 3.1.0
4
16
 
5
17
  ### Minor Changes
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Accordion = require('../_shared/cjs/Accordion-BCJIm1Gq.cjs');
3
+ var Accordion = require('../_shared/cjs/Accordion-DfNGOjTm.cjs');
4
4
  require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
5
5
  require('react');
6
6
  require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
@@ -1,4 +1,4 @@
1
- export { A as Accordion } from '../_shared/esm/Accordion-BN_lZk6L.mjs';
1
+ export { A as Accordion } from '../_shared/esm/Accordion-cd1oYvBv.mjs';
2
2
  import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
3
3
  import 'react';
4
4
  import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
@@ -3,7 +3,7 @@
3
3
  var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
4
4
  var React = require('react');
5
5
  var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
6
- var index_es = require('../_shared/cjs/index.es-DzI6hGjj.cjs');
6
+ var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.cjs');
7
7
  var Columns = require('@arc-ui/components/Columns');
8
8
  var useMediaQuery = require('@arc-ui/components/use-media-query');
9
9
  var Heading = require('@arc-ui/components/Heading');
@@ -1,7 +1,7 @@
1
1
  import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
2
2
  import React, { useState, useEffect, Suspense } from 'react';
3
3
  import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
4
- import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-B6Bolkcx.mjs';
4
+ import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-Bfdys5__.mjs';
5
5
  import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
6
6
  import { useMediaQuery } from '@arc-ui/components/use-media-query';
7
7
  import { Heading } from '@arc-ui/components/Heading';
package/lib/FAQs/FAQs.cjs CHANGED
@@ -4,7 +4,7 @@ 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 filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
7
- var Accordion = require('../_shared/cjs/Accordion-BCJIm1Gq.cjs');
7
+ var Accordion = require('../_shared/cjs/Accordion-DfNGOjTm.cjs');
8
8
  var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
9
9
  var Link = require('@arc-ui/components/Link');
10
10
  var Heading = require('@arc-ui/components/Heading');
@@ -16,6 +16,15 @@ require('@arc-ui/components/Disclosure');
16
16
 
17
17
  var styles = {"FAQs":"FAQs-module_FAQs__FtQr4","linkListSection":"FAQs-module_linkListSection__RdQkU","linkListTitle":"FAQs-module_linkListTitle__RVni3","linkList":"FAQs-module_linkList__dPyXj","linkListItem":"FAQs-module_linkListItem__S83CL","linkList--padded":"FAQs-module_linkList--padded__8Paxc"};
18
18
 
19
+ var scrollToSectionFocusFirstElement = function (item) {
20
+ var _a, _b, _c, _d, _e;
21
+ if (!item.id)
22
+ return;
23
+ (_a = document.getElementById(item.id)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
24
+ // preventScroll avoids interfering with the scroll animation.
25
+ (_e = (_d = document
26
+ .getElementById((_c = (_b = item.disclosureList) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.id)) === null || _d === void 0 ? void 0 : _d.querySelector("summary")) === null || _e === void 0 ? void 0 : _e.focus({ preventScroll: true });
27
+ };
19
28
  var FAQs = function (_a) {
20
29
  var _b;
21
30
  var heading = _a.heading, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, id = _a.id, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, type = _a.type, _e = _a.linkListHeading, linkListHeading = _e === void 0 ? "Skip to section" : _e, accordionData = _a.accordionData, props = tslib_es6.__rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
@@ -32,12 +41,7 @@ var FAQs = function (_a) {
32
41
  return (React.createElement("li", { className: styles.linkListItem, key: item.heading },
33
42
  React.createElement(Link.Link, { title: item.heading, href: "#".concat(item.id), onClick: function (e) {
34
43
  e.preventDefault();
35
- if (item.id) {
36
- var element = document.getElementById(item.id);
37
- if (element) {
38
- element.scrollIntoView({ behavior: "smooth" });
39
- }
40
- }
44
+ scrollToSectionFocusFirstElement(item);
41
45
  } }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
42
46
  })))),
43
47
  type !== "tabs" && accordionData && (React.createElement("ul", { className: styles.accordionList }, accordionData.map(function (item) { return (React.createElement("li", { className: styles.accordionListItem, key: item.id },
package/lib/FAQs/FAQs.mjs CHANGED
@@ -2,7 +2,7 @@ import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mj
2
2
  import React from 'react';
3
3
  import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
4
4
  import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
5
- import { A as Accordion } from '../_shared/esm/Accordion-BN_lZk6L.mjs';
5
+ import { A as Accordion } from '../_shared/esm/Accordion-cd1oYvBv.mjs';
6
6
  import { S as SectionHeading } from '../_shared/esm/SectionHeading-CpDLCndw.mjs';
7
7
  import { Link } from '@arc-ui/components/Link';
8
8
  import { Heading } from '@arc-ui/components/Heading';
@@ -14,6 +14,15 @@ import '@arc-ui/components/Disclosure';
14
14
 
15
15
  var styles = {"FAQs":"FAQs-module_FAQs__FtQr4","linkListSection":"FAQs-module_linkListSection__RdQkU","linkListTitle":"FAQs-module_linkListTitle__RVni3","linkList":"FAQs-module_linkList__dPyXj","linkListItem":"FAQs-module_linkListItem__S83CL","linkList--padded":"FAQs-module_linkList--padded__8Paxc"};
16
16
 
17
+ var scrollToSectionFocusFirstElement = function (item) {
18
+ var _a, _b, _c, _d, _e;
19
+ if (!item.id)
20
+ return;
21
+ (_a = document.getElementById(item.id)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
22
+ // preventScroll avoids interfering with the scroll animation.
23
+ (_e = (_d = document
24
+ .getElementById((_c = (_b = item.disclosureList) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.id)) === null || _d === void 0 ? void 0 : _d.querySelector("summary")) === null || _e === void 0 ? void 0 : _e.focus({ preventScroll: true });
25
+ };
17
26
  var FAQs = function (_a) {
18
27
  var _b;
19
28
  var heading = _a.heading, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, id = _a.id, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, type = _a.type, _e = _a.linkListHeading, linkListHeading = _e === void 0 ? "Skip to section" : _e, accordionData = _a.accordionData, props = __rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
@@ -30,12 +39,7 @@ var FAQs = function (_a) {
30
39
  return (React.createElement("li", { className: styles.linkListItem, key: item.heading },
31
40
  React.createElement(Link, { title: item.heading, href: "#".concat(item.id), onClick: function (e) {
32
41
  e.preventDefault();
33
- if (item.id) {
34
- var element = document.getElementById(item.id);
35
- if (element) {
36
- element.scrollIntoView({ behavior: "smooth" });
37
- }
38
- }
42
+ scrollToSectionFocusFirstElement(item);
39
43
  } }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
40
44
  })))),
41
45
  type !== "tabs" && accordionData && (React.createElement("ul", { className: styles.accordionList }, accordionData.map(function (item) { return (React.createElement("li", { className: styles.accordionListItem, key: item.id },
@@ -4,7 +4,7 @@ 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 filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
7
- var index_es = require('../_shared/cjs/index.es-DzI6hGjj.cjs');
7
+ var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.cjs');
8
8
  var AppButton = require('@arc-ui/components/AppButton');
9
9
  var Grid = require('@arc-ui/components/Grid');
10
10
  var ButtonV2 = require('@arc-ui/components/ButtonV2');
@@ -2204,10 +2204,17 @@ function cleanEscapedString(input) {
2204
2204
  var styles = {"labelDate":"FeaturePost-module_labelDate__NXOgY","googlePlayButtonWrapper":"FeaturePost-module_googlePlayButtonWrapper__GI-ag","imgWrapper":"FeaturePost-module_imgWrapper__r6omd","featurePost":"FeaturePost-module_featurePost__9jY21","featurePostReversed":"FeaturePost-module_featurePostReversed__WQRXm","contentContainer":"FeaturePost-module_contentContainer__kdus7","col":"FeaturePost-module_col__eW8gY"};
2205
2205
 
2206
2206
  var Image = function (_a) {
2207
- var sources = _a.sources, props = tslib_es6.__rest(_a, ["sources"]);
2208
- return (React.createElement("div", { className: styles.imgWrapper },
2209
- React.createElement(Image$1.Image, tslib_es6.__assign({ fadeOnLoad: true }, props), sources &&
2210
- sources.map(function (source) { return React.createElement("source", tslib_es6.__assign({ key: source.srcSet }, source)); }))));
2207
+ var sources = _a.sources, title = _a.title, description = _a.description, props = tslib_es6.__rest(_a, ["sources", "title", "description"]);
2208
+ return (React.createElement(React.Fragment, null,
2209
+ React.createElement("div", { className: styles.imgWrapper },
2210
+ React.createElement(Image$1.Image, tslib_es6.__assign({ fadeOnLoad: true }, props), sources &&
2211
+ sources.map(function (source) { return React.createElement("source", tslib_es6.__assign({ key: source.srcSet }, source)); }))),
2212
+ title && (React.createElement(React.Fragment, null,
2213
+ React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
2214
+ React.createElement(Heading.Heading, { level: "3", size: "s" }, title),
2215
+ description && (React.createElement(React.Fragment, null,
2216
+ React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
2217
+ React.createElement(Text.Text, { size: "m" }, description)))))));
2211
2218
  };
2212
2219
 
2213
2220
  var VideoPlayer = React.lazy(function () {
@@ -2255,7 +2262,7 @@ var FeaturePost = function (_a) {
2255
2262
  React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
2256
2263
  React.createElement(MediaContent, { image: image, video: video }))),
2257
2264
  React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
2258
- React.createElement(Text.Text, { size: "l" }, content),
2265
+ typeof content === "string" ? (React.createElement(Text.Text, { size: "l" }, content)) : (content),
2259
2266
  (footer === null || footer === void 0 ? void 0 : footer.type) === "cta" && (React.createElement(React.Fragment, null,
2260
2267
  footer.author && (React.createElement(React.Fragment, null,
2261
2268
  React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
@@ -2,7 +2,7 @@ import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mj
2
2
  import React, { useState, useEffect, Suspense } from 'react';
3
3
  import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
4
4
  import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
5
- import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-B6Bolkcx.mjs';
5
+ import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-Bfdys5__.mjs';
6
6
  import { AppButton } from '@arc-ui/components/AppButton';
7
7
  import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
8
8
  import { ButtonV2 } from '@arc-ui/components/ButtonV2';
@@ -2202,10 +2202,17 @@ function cleanEscapedString(input) {
2202
2202
  var styles = {"labelDate":"FeaturePost-module_labelDate__NXOgY","googlePlayButtonWrapper":"FeaturePost-module_googlePlayButtonWrapper__GI-ag","imgWrapper":"FeaturePost-module_imgWrapper__r6omd","featurePost":"FeaturePost-module_featurePost__9jY21","featurePostReversed":"FeaturePost-module_featurePostReversed__WQRXm","contentContainer":"FeaturePost-module_contentContainer__kdus7","col":"FeaturePost-module_col__eW8gY"};
2203
2203
 
2204
2204
  var Image = function (_a) {
2205
- var sources = _a.sources, props = __rest(_a, ["sources"]);
2206
- return (React.createElement("div", { className: styles.imgWrapper },
2207
- React.createElement(Image$1, __assign({ fadeOnLoad: true }, props), sources &&
2208
- sources.map(function (source) { return React.createElement("source", __assign({ key: source.srcSet }, source)); }))));
2205
+ var sources = _a.sources, title = _a.title, description = _a.description, props = __rest(_a, ["sources", "title", "description"]);
2206
+ return (React.createElement(React.Fragment, null,
2207
+ React.createElement("div", { className: styles.imgWrapper },
2208
+ React.createElement(Image$1, __assign({ fadeOnLoad: true }, props), sources &&
2209
+ sources.map(function (source) { return React.createElement("source", __assign({ key: source.srcSet }, source)); }))),
2210
+ title && (React.createElement(React.Fragment, null,
2211
+ React.createElement(VerticalSpace, { size: "24" }),
2212
+ React.createElement(Heading, { level: "3", size: "s" }, title),
2213
+ description && (React.createElement(React.Fragment, null,
2214
+ React.createElement(VerticalSpace, { size: "16" }),
2215
+ React.createElement(Text, { size: "m" }, description)))))));
2209
2216
  };
2210
2217
 
2211
2218
  var VideoPlayer = React.lazy(function () {
@@ -2253,7 +2260,7 @@ var FeaturePost = function (_a) {
2253
2260
  React.createElement(VerticalSpace, { size: "40" }),
2254
2261
  React.createElement(MediaContent, { image: image, video: video }))),
2255
2262
  React.createElement(VerticalSpace, { size: "40" }),
2256
- React.createElement(Text, { size: "l" }, content),
2263
+ typeof content === "string" ? (React.createElement(Text, { size: "l" }, content)) : (content),
2257
2264
  (footer === null || footer === void 0 ? void 0 : footer.type) === "cta" && (React.createElement(React.Fragment, null,
2258
2265
  footer.author && (React.createElement(React.Fragment, null,
2259
2266
  React.createElement(VerticalSpace, { size: "24" }),
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
6
6
  var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
7
7
  var useMediaQuery = require('@arc-ui/components/use-media-query');
8
- var index_es = require('../_shared/cjs/index.es-DzI6hGjj.cjs');
8
+ var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.cjs');
9
9
  var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
10
10
  var ButtonV2 = require('@arc-ui/components/ButtonV2');
11
11
  var InformationCard = require('@arc-ui/components/InformationCard');
@@ -3,7 +3,7 @@ import React, { useState, useRef, useEffect } from 'react';
3
3
  import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
4
4
  import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
5
5
  import { useMediaQuery } from '@arc-ui/components/use-media-query';
6
- import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-B6Bolkcx.mjs';
6
+ import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-Bfdys5__.mjs';
7
7
  import { S as SectionHeading } from '../_shared/esm/SectionHeading-CpDLCndw.mjs';
8
8
  import { ButtonV2 } from '@arc-ui/components/ButtonV2';
9
9
  import { InformationCard } from '@arc-ui/components/InformationCard';
@@ -3,7 +3,7 @@
3
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 index_es = require('../_shared/cjs/index.es-DzI6hGjj.cjs');
6
+ var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.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');
@@ -1,7 +1,7 @@
1
1
  import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
2
2
  import React, { useId } from 'react';
3
3
  import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
4
- import { a as ArcSizeBreakpointsL, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-B6Bolkcx.mjs';
4
+ import { a as ArcSizeBreakpointsL, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-Bfdys5__.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';
@@ -0,0 +1,28 @@
1
+ 'use strict';
2
+
3
+ var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
4
+ var React = require('react');
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');
8
+ require('../_shared/cjs/index-Bp6Dd2i1.cjs');
9
+ require('@arc-ui/components/Text');
10
+ require('@arc-ui/components/VerticalSpace');
11
+ require('@arc-ui/components/Image');
12
+ require('@arc-ui/components/Heading');
13
+ require('../_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs');
14
+
15
+ var styles = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV","list":"PromoListingThumbnailSignpost-module_list__E9l0E"};
16
+
17
+ /**
18
+ * Use `PromoListingThumbnailSignpost` to give supporting information about a page or proposition in the form of the ThumbnailSignposts components.
19
+ */
20
+ var PromoListingThumbnailSignpost = function (_a) {
21
+ var _b = _a.isPadded, isPadded = _b === void 0 ? true : _b, heading = _a.heading, content = _a.content, headingLevel = _a.headingLevel, thumbnailList = _a.thumbnailList, props = tslib_es6.__rest(_a, ["isPadded", "heading", "content", "headingLevel", "thumbnailList"]);
22
+ return (React.createElement("div", tslib_es6.__assign({ className: styles.PromoListingThumbnailSignpost }, filterAttrs.filterAttrs(props)),
23
+ React.createElement(SectionHeading.SectionHeading, { isPadded: isPadded, "data-testid": "PromoListingThumbnailSignpost-header", heading: heading, headingLevel: headingLevel, content: content }),
24
+ React.createElement("ul", { className: styles.list }, thumbnailList.map(function (thumbnail, index) { return (React.createElement("li", { key: index },
25
+ React.createElement(ThumbnailSignpost.ThumbnailSignpost, tslib_es6.__assign({}, thumbnail)))); }))));
26
+ };
27
+
28
+ exports.PromoListingThumbnailSignpost = PromoListingThumbnailSignpost;
@@ -0,0 +1,26 @@
1
+ import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
2
+ import React from 'react';
3
+ import { S as SectionHeading } from '../_shared/esm/SectionHeading-CpDLCndw.mjs';
4
+ import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
5
+ import { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-BeRiXbUp.mjs';
6
+ import '../_shared/esm/index-BfTCfPZ1.mjs';
7
+ import '@arc-ui/components/Text';
8
+ import '@arc-ui/components/VerticalSpace';
9
+ import '@arc-ui/components/Image';
10
+ import '@arc-ui/components/Heading';
11
+ import '../_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs';
12
+
13
+ var styles = {"PromoListingThumbnailSignpost":"PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV","list":"PromoListingThumbnailSignpost-module_list__E9l0E"};
14
+
15
+ /**
16
+ * Use `PromoListingThumbnailSignpost` to give supporting information about a page or proposition in the form of the ThumbnailSignposts components.
17
+ */
18
+ var PromoListingThumbnailSignpost = function (_a) {
19
+ var _b = _a.isPadded, isPadded = _b === void 0 ? true : _b, heading = _a.heading, content = _a.content, headingLevel = _a.headingLevel, thumbnailList = _a.thumbnailList, props = __rest(_a, ["isPadded", "heading", "content", "headingLevel", "thumbnailList"]);
20
+ return (React.createElement("div", __assign({ className: styles.PromoListingThumbnailSignpost }, filterAttrs(props)),
21
+ React.createElement(SectionHeading, { isPadded: isPadded, "data-testid": "PromoListingThumbnailSignpost-header", heading: heading, headingLevel: headingLevel, content: content }),
22
+ React.createElement("ul", { className: styles.list }, thumbnailList.map(function (thumbnail, index) { return (React.createElement("li", { key: index },
23
+ React.createElement(ThumbnailSignpost, __assign({}, thumbnail)))); }))));
24
+ };
25
+
26
+ export { PromoListingThumbnailSignpost };
@@ -0,0 +1 @@
1
+ .PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV{max-width:1280px}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV ul,.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV li{text-decoration:none;padding:0;margin:0}.PromoListingThumbnailSignpost-module_list__E9l0E{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--arc-size-grid-gutter-s);-moz-column-gap:var(--arc-size-grid-gutter-s);column-gap:var(--arc-size-grid-gutter-s);grid-row-gap:24px;row-gap:24px;list-style:none;margin:0;padding:0}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 12}@media (min-width:636px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:32px}}@media (min-width:768px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-m);column-gap:var(--arc-size-grid-gutter-m)}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 6}}@media (min-width:1024px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:40px}}@media (min-width:1280px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-l);column-gap:var(--arc-size-grid-gutter-l)}}
@@ -2,7 +2,7 @@
2
2
 
3
3
  var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
4
4
  var React = require('react');
5
- var index_es = require('../_shared/cjs/index.es-DzI6hGjj.cjs');
5
+ var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.cjs');
6
6
  var Heading = require('@arc-ui/components/Heading');
7
7
  var Text = require('@arc-ui/components/Text');
8
8
  var Box = require('@arc-ui/components/Box');
@@ -1,6 +1,6 @@
1
1
  import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
2
2
  import React from 'react';
3
- import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-B6Bolkcx.mjs';
3
+ import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-Bfdys5__.mjs';
4
4
  import { Heading } from '@arc-ui/components/Heading';
5
5
  import { Text } from '@arc-ui/components/Text';
6
6
  import { Box } from '@arc-ui/components/Box';
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-GkOiwt-Z.cjs');
4
+ require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
5
+ require('react');
6
+ require('../_shared/cjs/index-Bp6Dd2i1.cjs');
7
+ require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
8
+ require('../_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs');
9
+ require('@arc-ui/components/Image');
10
+ require('@arc-ui/components/VerticalSpace');
11
+ require('@arc-ui/components/Heading');
12
+
13
+
14
+
15
+ exports.ThumbnailSignpost = ThumbnailSignpost.ThumbnailSignpost;
@@ -0,0 +1,9 @@
1
+ export { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-BeRiXbUp.mjs';
2
+ import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
3
+ import 'react';
4
+ import '../_shared/esm/index-BfTCfPZ1.mjs';
5
+ import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
6
+ import '../_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs';
7
+ import '@arc-ui/components/Image';
8
+ import '@arc-ui/components/VerticalSpace';
9
+ import '@arc-ui/components/Heading';
@@ -0,0 +1 @@
1
+ .ThumbnailSignpost-module_thumbnailSignpost__Yf26b button{all:unset;cursor:pointer}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{display:inline-flex;flex-direction:row;gap:var(--arc-size-grid-gutter-s);max-width:720px}.ThumbnailSignpost-module_isLink__FucdG:focus{cursor:pointer;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;border-radius:calc(var(--thumbnail-signpost-border-radius-s) + 2px)}.ThumbnailSignpost-module_isLink__FucdG:hover{cursor:pointer}.ThumbnailSignpost-module_content__XG9oj{width:100%;font:var(--sem-type-body-reg-s)}.ThumbnailSignpost-module_heading__mTrpJ{display:block;font:var(--sem-type-mobile-semi-xxs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ{color:var(--button-v2-colors-light-text-hover);text-decoration:underline}.ThumbnailSignpost-module_image__syGZj{width:calc((((100% + var(--arc-size-grid-gutter-s))/12) * 6) - var(--arc-size-grid-gutter-s))}.ThumbnailSignpost-module_image__syGZj img{border-radius:var(--thumbnail-signpost-border-radius-s);width:100%}@media (min-width:636px){.ThumbnailSignpost-module_image__syGZj{width:calc((((100% + var(--arc-size-grid-gutter-s))/12) * 6) - var(--arc-size-grid-gutter-m))}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-m)}.ThumbnailSignpost-module_heading__mTrpJ{font:var(--sem-type-mobile-semi-xs)}}@media (min-width:1280px){.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-l)}}.ThumbnailSignpost-module_thumbnailButton__Nn-NR{display:flex;align-items:center;gap:var(--button-v2-gap-xs);color:var(--button-v2-colors-light-text-default);font:var(--sem-type-interface-button-s);height:var(--button-v2-size-s)}.ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--icon-color-brand-alt-light);display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:100%}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-light-text-hover)}.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}
@@ -35,7 +35,7 @@ var AccordionDisclosureList = function (_a) {
35
35
  var disclosureList = _a.disclosureList;
36
36
  return (React.createElement("ul", null, disclosureList.map(function (_a) {
37
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"]);
38
- return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem },
38
+ return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem, id: id },
39
39
  React.createElement(Disclosure.Disclosure, tslib_es6.__assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterAttrs.filterAttrs(props)), children)));
40
40
  })));
41
41
  };
@@ -0,0 +1,39 @@
1
+ 'use strict';
2
+
3
+ var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
4
+ var React = require('react');
5
+ var index = require('./index-Bp6Dd2i1.cjs');
6
+ var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
7
+ var BtIconArrowRightFill = require('./BtIconArrowRightFill-BVCZv7Lm.cjs');
8
+ var Image = require('@arc-ui/components/Image');
9
+ var VerticalSpace = require('@arc-ui/components/VerticalSpace');
10
+ var Heading = require('@arc-ui/components/Heading');
11
+
12
+ var styles = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
13
+
14
+ /** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
15
+ var ThumbnailSignpost = function (_a) {
16
+ var _b;
17
+ var text = _a.text, title = _a.title, img = _a.img, onClick = _a.onClick, buttonLabel = _a.buttonLabel, props = tslib_es6.__rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
18
+ return (React.createElement("div", tslib_es6.__assign({ className: index.classNames(styles.thumbnailSignpost, (_b = {},
19
+ _b[styles.isLink] = onClick,
20
+ _b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs.filterAttrs(props)),
21
+ img && (React.createElement("div", { className: styles.image },
22
+ React.createElement(Image.Image, tslib_es6.__assign({}, img)))),
23
+ React.createElement("div", { className: styles.content },
24
+ React.createElement("span", { className: styles.heading }, title),
25
+ React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
26
+ text,
27
+ buttonLabel && onClick && (React.createElement(React.Fragment, null,
28
+ React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
29
+ React.createElement("div", { className: styles.thumbnailButton },
30
+ React.createElement("span", { className: styles.buttonIcon, role: "img", style: {
31
+ height: 24,
32
+ width: 24,
33
+ maskImage: "url(\"".concat(BtIconArrowRightFill.BtIconArrowRightFill, "\")"),
34
+ WebkitMaskImage: "url(\"".concat(BtIconArrowRightFill.BtIconArrowRightFill, "\")"),
35
+ } }),
36
+ React.createElement(Heading.Heading, { size: "xxs" }, buttonLabel)))))));
37
+ };
38
+
39
+ exports.ThumbnailSignpost = ThumbnailSignpost;
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * Do not edit directly
5
- * Generated on Wed, 25 Feb 2026 15:47:05 GMT
5
+ * Generated on Fri, 06 Mar 2026 15:05:14 GMT
6
6
  */
7
7
  var ArcSizeBreakpointsS = "636px";
8
8
  var ArcSizeBreakpointsM = "768px";
@@ -33,7 +33,7 @@ var AccordionDisclosureList = function (_a) {
33
33
  var disclosureList = _a.disclosureList;
34
34
  return (React.createElement("ul", null, disclosureList.map(function (_a) {
35
35
  var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id, props = __rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
36
- return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem },
36
+ return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem, id: id },
37
37
  React.createElement(Disclosure, __assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterAttrs(props)), children)));
38
38
  })));
39
39
  };
@@ -0,0 +1,37 @@
1
+ import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
2
+ import React from 'react';
3
+ import { c as classNames } from './index-BfTCfPZ1.mjs';
4
+ import { f as filterAttrs } from './filter-attrs-DZ7RCEZm.mjs';
5
+ import { B as BtIconArrowRightFill } from './BtIconArrowRightFill-D0zKgk3B.mjs';
6
+ import { Image } from '@arc-ui/components/Image';
7
+ import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
8
+ import { Heading } from '@arc-ui/components/Heading';
9
+
10
+ var styles = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
11
+
12
+ /** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
13
+ var ThumbnailSignpost = function (_a) {
14
+ var _b;
15
+ var text = _a.text, title = _a.title, img = _a.img, onClick = _a.onClick, buttonLabel = _a.buttonLabel, props = __rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
16
+ return (React.createElement("div", __assign({ className: classNames(styles.thumbnailSignpost, (_b = {},
17
+ _b[styles.isLink] = onClick,
18
+ _b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs(props)),
19
+ img && (React.createElement("div", { className: styles.image },
20
+ React.createElement(Image, __assign({}, img)))),
21
+ React.createElement("div", { className: styles.content },
22
+ React.createElement("span", { className: styles.heading }, title),
23
+ React.createElement(VerticalSpace, { size: "8" }),
24
+ text,
25
+ buttonLabel && onClick && (React.createElement(React.Fragment, null,
26
+ React.createElement(VerticalSpace, { size: "8" }),
27
+ React.createElement("div", { className: styles.thumbnailButton },
28
+ React.createElement("span", { className: styles.buttonIcon, role: "img", style: {
29
+ height: 24,
30
+ width: 24,
31
+ maskImage: "url(\"".concat(BtIconArrowRightFill, "\")"),
32
+ WebkitMaskImage: "url(\"".concat(BtIconArrowRightFill, "\")"),
33
+ } }),
34
+ React.createElement(Heading, { size: "xxs" }, buttonLabel)))))));
35
+ };
36
+
37
+ export { ThumbnailSignpost as T };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 15:47:05 GMT
3
+ * Generated on Fri, 06 Mar 2026 15:05:14 GMT
4
4
  */
5
5
  var ArcSizeBreakpointsS = "636px";
6
6
  var ArcSizeBreakpointsM = "768px";