@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.
- package/.turbo/turbo-build.log +12 -12
- package/CHANGELOG.md +12 -0
- package/lib/Accordion/Accordion.cjs +1 -1
- package/lib/Accordion/Accordion.mjs +1 -1
- package/lib/CopyLead/CopyLead.cjs +1 -1
- package/lib/CopyLead/CopyLead.mjs +1 -1
- package/lib/FAQs/FAQs.cjs +11 -7
- package/lib/FAQs/FAQs.mjs +11 -7
- package/lib/FeaturePost/FeaturePost.cjs +13 -6
- package/lib/FeaturePost/FeaturePost.mjs +13 -6
- package/lib/ProductNavigation/ProductNavigation.cjs +1 -1
- package/lib/ProductNavigation/ProductNavigation.mjs +1 -1
- package/lib/PromoListing/PromoListing.cjs +1 -1
- package/lib/PromoListing/PromoListing.mjs +1 -1
- package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs +28 -0
- package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.mjs +26 -0
- package/lib/PromoListingThumbnailSignpost/styles.css +1 -0
- package/lib/Summary/Summary.cjs +1 -1
- package/lib/Summary/Summary.mjs +1 -1
- package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +15 -0
- package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +9 -0
- package/lib/ThumbnailSignpost/styles.css +1 -0
- package/lib/_shared/cjs/{Accordion-BCJIm1Gq.cjs → Accordion-DfNGOjTm.cjs} +1 -1
- package/lib/_shared/cjs/ThumbnailSignpost-GkOiwt-Z.cjs +39 -0
- package/lib/_shared/cjs/{index.es-DzI6hGjj.cjs → index.es-Dq8bYrbW.cjs} +1 -1
- package/lib/_shared/esm/{Accordion-BN_lZk6L.mjs → Accordion-cd1oYvBv.mjs} +1 -1
- package/lib/_shared/esm/ThumbnailSignpost-BeRiXbUp.mjs +37 -0
- package/lib/_shared/esm/{index.es-B6Bolkcx.mjs → index.es-Bfdys5__.mjs} +1 -1
- package/lib/index.cjs +169 -116
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +38 -3
- package/lib/index.d.mts +38 -3
- package/lib/index.mjs +168 -117
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +14 -14
- package/src/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.tsx +1 -1
- package/src/components/FAQs/FAQs.tsx +13 -6
- package/src/components/FeaturePost/FeaturePost.tsx +6 -2
- package/src/components/FeaturePost/components/Image/Image.tsx +31 -7
- package/src/components/FeaturePost/types/feature-post-image.ts +2 -0
- package/src/components/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.module.css +54 -0
- package/src/components/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.tsx +53 -0
- package/src/components/PromoListingThumbnailSignpost/index.ts +4 -0
- package/src/components/ThumbnailSignpost/ThumbnailSignpost.module.css +112 -0
- package/src/components/ThumbnailSignpost/ThumbnailSignpost.tsx +100 -0
- package/src/components/ThumbnailSignpost/index.ts +4 -0
- package/src/components/index.ts +2 -0
- package/versions.json +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
|
|
2
|
-
> @arc-ui/community-components@3.
|
|
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
|
|
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
|
[36m
|
|
9
9
|
[1msrc/index.ts[22m → [1mlib/index.cjs, lib/index.mjs[22m...[39m
|
|
10
|
-
[32mcreated [1mlib/index.cjs, lib/index.mjs[22m in [1m8.
|
|
10
|
+
[32mcreated [1mlib/index.cjs, lib/index.mjs[22m in [1m8.5s[22m[39m
|
|
11
11
|
[36m
|
|
12
12
|
[1m./lib/types/index.d.ts[22m → [1mlib/index.d.mts, lib/index.d.cts[22m...[39m
|
|
13
13
|
[1m[33m(!) Unresolved dependencies[39m[22m
|
|
14
14
|
[90mhttps://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency[39m
|
|
15
15
|
[1m@arc-ui/components/Avatar[22m (imported by "lib/types/components/Author/Author.d.ts")
|
|
16
16
|
[1m@arc-ui/components/Download[22m (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
|
|
17
|
-
[1m@arc-ui/components/Heading[22m (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/
|
|
17
|
+
[1m@arc-ui/components/Heading[22m (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
|
[1m@arc-ui/components/VideoPlayer[22m (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
|
|
19
19
|
[1m@arc-ui/components/ButtonV2[22m (imported by "lib/types/components/Highlights/Highlights.d.ts" and "lib/types/components/PromoListing/PromoListing.d.ts")
|
|
20
20
|
[1m@arc-ui/components/MediaCard[22m (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
|
[1m@arc-ui/components/InformationCard[22m (imported by "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/ProductNavigation/types/product-list.d.ts")
|
|
23
23
|
[1m@arc-ui/components/TypographyCard[22m (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
|
|
24
24
|
[1m@arc-ui/components/TemplateBanner[22m (imported by "lib/types/components/BannerWithTabs/BannerWithTabs.d.ts")
|
|
25
|
-
[1m@arc-ui/components/Image[22m (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
|
+
[1m@arc-ui/components/Image[22m (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
|
[1m@arc-ui/components/Disclosure[22m (imported by "lib/types/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts")
|
|
27
27
|
[1m@arc-ui/components/Tag[22m (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
|
|
28
|
-
[1m@arc-ui/components/AppButton[22m (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
|
|
29
28
|
[1m@arc-ui/components/Button[22m (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
|
-
[
|
|
29
|
+
[1m@arc-ui/components/AppButton[22m (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
|
|
30
|
+
[32mcreated [1mlib/index.d.mts, lib/index.d.cts[22m in [1m186ms[22m[39m
|
|
31
31
|
[36m
|
|
32
|
-
[1m./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[22m → [1mlib[22m...[39m
|
|
33
|
-
[32mcreated [1mlib[22m in [
|
|
32
|
+
[1m./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[22m → [1mlib[22m...[39m
|
|
33
|
+
[32mcreated [1mlib[22m in [1m5.6s[22m[39m
|
|
34
34
|
[36m
|
|
35
|
-
[1m./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[22m → [1mlib[22m...[39m
|
|
35
|
+
[1m./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[22m → [1mlib[22m...[39m
|
|
36
36
|
[32mcreated [1mlib[22m in [1m5.6s[22m[39m
|
|
37
|
-
Browserslist: browsers data (caniuse-lite) is
|
|
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.
|
|
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-
|
|
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');
|
|
@@ -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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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(
|
|
2209
|
-
React.createElement(
|
|
2210
|
-
|
|
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-
|
|
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(
|
|
2207
|
-
React.createElement(
|
|
2208
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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)}}
|
package/lib/Summary/Summary.cjs
CHANGED
|
@@ -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-
|
|
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');
|
package/lib/Summary/Summary.mjs
CHANGED
|
@@ -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-
|
|
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;
|
|
@@ -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 };
|