@arc-ui/community-components 1.0.0 → 1.0.2
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 +5 -125
- package/CHANGELOG.md +13 -0
- package/dist/Accordion/Accordion.cjs.js +5 -4
- package/dist/Accordion/Accordion.esm.js +3 -2
- package/dist/ArticleSidebar/ArticleSidebar.cjs.js +37 -74
- package/dist/ArticleSidebar/ArticleSidebar.esm.js +32 -69
- package/dist/Author/Author.cjs.js +3 -2
- package/dist/Author/Author.esm.js +3 -2
- package/dist/BannerWithTabs/BannerWithTabs.cjs.js +5 -4
- package/dist/BannerWithTabs/BannerWithTabs.esm.js +4 -3
- package/dist/CopyLead/CopyLead.cjs.js +16 -15
- package/dist/CopyLead/CopyLead.esm.js +4 -3
- package/dist/DownloadList/DownloadList.cjs.js +4 -3
- package/dist/DownloadList/DownloadList.esm.js +3 -2
- package/dist/FeaturePost/FeaturePost.cjs.js +12 -11
- package/dist/FeaturePost/FeaturePost.esm.js +4 -3
- package/dist/Highlights/Highlights.cjs.js +3 -2
- package/dist/Highlights/Highlights.esm.js +3 -2
- package/dist/ProductNavigation/ProductNavigation.cjs.js +15 -12
- package/dist/ProductNavigation/ProductNavigation.esm.js +8 -5
- package/dist/PromoListing/PromoListing.cjs.js +8 -7
- package/dist/PromoListing/PromoListing.esm.js +4 -3
- package/dist/Quote/Quote.cjs.js +5 -4
- package/dist/Quote/Quote.esm.js +3 -2
- package/dist/SectionHeading/SectionHeading.cjs.js +3 -2
- package/dist/SectionHeading/SectionHeading.esm.js +3 -2
- package/dist/Statistics/Statistics.cjs.js +4 -3
- package/dist/Statistics/Statistics.esm.js +3 -2
- package/dist/Summary/Summary.cjs.js +6 -5
- package/dist/Summary/Summary.esm.js +6 -5
- package/dist/Summary/styles.css +1 -1
- package/dist/_shared/cjs/{Author-BXxxwh6E.js → Author-DltMey-3.js} +5 -4
- package/dist/_shared/cjs/{SectionHeading-7IxNz67p.js → SectionHeading-gjCR1F6E.js} +5 -4
- package/dist/_shared/cjs/filter-data-attrs-ajtUvDAC.js +15 -0
- package/dist/_shared/cjs/{index.es-HAMLJhPd.js → index.es-BNY6zQSi.js} +1 -1
- package/dist/_shared/cjs/{filter-data-attrs-DlS_Fyr9.js → tslib.es6-BxB9I209.js} +0 -13
- package/dist/_shared/esm/{Author-B8tJxqB8.js → Author-son1Cgke.js} +2 -1
- package/dist/_shared/esm/{SectionHeading-Dz0GfXsP.js → SectionHeading-BwbuyrYn.js} +2 -1
- package/dist/_shared/esm/filter-data-attrs-V7cbJuwS.js +13 -0
- package/dist/_shared/esm/{index.es-BI7la-9v.js → index.es-BraCgI9m.js} +2 -2
- package/dist/_shared/esm/{filter-data-attrs-DAx-HNG5.js → tslib.es6-BVXMhEem.js} +1 -13
- package/dist/index.es.js +43 -80
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +47 -84
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/cjs/components/ArticleSidebar/types/share-button.d.ts +1 -2
- package/dist/types/cjs/components/CopyLead/types/copy-lead-list-item.d.ts +1 -2
- package/dist/types/cjs/components/Highlights/components/HighlightItem/HighlightItem.d.ts +1 -2
- package/dist/types/cjs/components/Highlights/types/highlight-list-item.d.ts +1 -2
- package/dist/types/cjs/components/Summary/Summary.d.ts +1 -0
- package/dist/types/esm/components/ArticleSidebar/types/share-button.d.ts +1 -2
- package/dist/types/esm/components/CopyLead/types/copy-lead-list-item.d.ts +1 -2
- package/dist/types/esm/components/Highlights/components/HighlightItem/HighlightItem.d.ts +1 -2
- package/dist/types/esm/components/Highlights/types/highlight-list-item.d.ts +1 -2
- package/dist/types/esm/components/Summary/Summary.d.ts +1 -0
- package/package.json +12 -12
- package/src/components/ArticleSidebar/ArticleSidebar.tsx +1 -1
- package/src/components/ArticleSidebar/types/share-button.ts +1 -3
- package/src/components/BannerWithTabs/BannerWithTabs.tsx +1 -1
- package/src/components/CopyLead/types/copy-lead-list-item.ts +1 -3
- package/src/components/Highlights/components/HighlightItem/HighlightItem.tsx +1 -3
- package/src/components/Highlights/types/highlight-list-item.ts +1 -2
- package/src/components/ProductNavigation/ProductNavigation.tsx +5 -7
- package/src/components/Summary/Summary.module.css +1 -1
- package/src/components/Summary/Summary.tsx +12 -5
- package/versions.json +1 -1
- package/dist/types/cjs/types/arc-icon.d.ts +0 -2
- package/dist/types/esm/types/arc-icon.d.ts +0 -2
- package/src/types/arc-icon.ts +0 -2
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var
|
|
5
|
+
var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
6
|
+
var index_es = require('../_shared/cjs/index.es-BNY6zQSi.js');
|
|
6
7
|
var Columns = require('@arc-ui/components/Columns');
|
|
7
8
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
8
9
|
var Heading = require('@arc-ui/components/Heading');
|
|
@@ -12,7 +13,7 @@ var Image$1 = require('@arc-ui/components/Image');
|
|
|
12
13
|
var Icon = require('@arc-ui/components/Icon');
|
|
13
14
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
14
15
|
var ButtonV2 = require('@arc-ui/components/ButtonV2');
|
|
15
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
16
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
|
|
16
17
|
|
|
17
18
|
var styles = {"buttonContainer":"CopyLead-module_buttonContainer__3OaRG","col":"CopyLead-module_col__0Da5H","container":"CopyLead-module_container__I91ym","container--content":"CopyLead-module_container--content__e8LxG","container--media":"CopyLead-module_container--media__QcMWi","container--align-center":"CopyLead-module_container--align-center__Fh1Sd","container--align-top":"CopyLead-module_container--align-top__UIXOZ","list":"CopyLead-module_list__arnJd","listItem":"CopyLead-module_listItem__NscHE","listItemCentered":"CopyLead-module_listItemCentered__Kwdab","listItemIconContainer":"CopyLead-module_listItemIconContainer__dgnhJ","listItemTextContainer":"CopyLead-module_listItemTextContainer__Dl9lw","imgWrapper":"CopyLead-module_imgWrapper__HYP3w","mediaContainer":"CopyLead-module_mediaContainer__PxTnm","content":"CopyLead-module_content__Bja1D","container--reverse":"CopyLead-module_container--reverse__Gq9u8"};
|
|
18
19
|
|
|
@@ -26,10 +27,10 @@ var MediaContent = function (_a) {
|
|
|
26
27
|
};
|
|
27
28
|
|
|
28
29
|
var Image = function (_a) {
|
|
29
|
-
var sources = _a.sources, props =
|
|
30
|
+
var sources = _a.sources, props = tslib_es6.__rest(_a, ["sources"]);
|
|
30
31
|
return (React.createElement("div", { className: styles.imgWrapper },
|
|
31
|
-
React.createElement(Image$1.Image,
|
|
32
|
-
sources.map(function (source) { return React.createElement("source",
|
|
32
|
+
React.createElement(Image$1.Image, tslib_es6.__assign({ fadeOnLoad: true }, props), sources &&
|
|
33
|
+
sources.map(function (source) { return React.createElement("source", tslib_es6.__assign({ key: source.srcSet }, source)); }))));
|
|
33
34
|
};
|
|
34
35
|
|
|
35
36
|
var IconList = function (_a) {
|
|
@@ -51,7 +52,7 @@ var IconList = function (_a) {
|
|
|
51
52
|
};
|
|
52
53
|
|
|
53
54
|
var Button = function (props) { return (React.createElement("div", { className: styles.buttonContainer },
|
|
54
|
-
React.createElement(ButtonV2.ButtonV2,
|
|
55
|
+
React.createElement(ButtonV2.ButtonV2, tslib_es6.__assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
|
|
55
56
|
|
|
56
57
|
var Container = function (_a) {
|
|
57
58
|
var _b;
|
|
@@ -90,11 +91,11 @@ var MediaTemplate = function (_a) {
|
|
|
90
91
|
React.createElement(Column, null,
|
|
91
92
|
isMinWidthArcBreakpointXl && (React.createElement(MediaContent, { heading: heading }, content)),
|
|
92
93
|
React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL }),
|
|
93
|
-
button && React.createElement(Button,
|
|
94
|
+
button && React.createElement(Button, tslib_es6.__assign({}, button))),
|
|
94
95
|
React.createElement(Column, null,
|
|
95
96
|
video && isClient && (React.createElement(React.Suspense, { fallback: null },
|
|
96
|
-
React.createElement(VideoPlayer,
|
|
97
|
-
image && !video && React.createElement(Image,
|
|
97
|
+
React.createElement(VideoPlayer, tslib_es6.__assign({}, video)))),
|
|
98
|
+
image && !video && React.createElement(Image, tslib_es6.__assign({}, image))))));
|
|
98
99
|
};
|
|
99
100
|
|
|
100
101
|
var ContentTemplate = function (_a) {
|
|
@@ -104,22 +105,22 @@ var ContentTemplate = function (_a) {
|
|
|
104
105
|
return (React.createElement(Container, { type: "content", alignment: "top" },
|
|
105
106
|
React.createElement(Column, null,
|
|
106
107
|
React.createElement(SectionHeading.SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
|
|
107
|
-
button && isMinWidthArcBreakpointM && React.createElement(Button,
|
|
108
|
+
button && isMinWidthArcBreakpointM && React.createElement(Button, tslib_es6.__assign({}, button))),
|
|
108
109
|
React.createElement(Column, null,
|
|
109
110
|
React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL }),
|
|
110
|
-
button && !isMinWidthArcBreakpointM && React.createElement(Button,
|
|
111
|
+
button && !isMinWidthArcBreakpointM && React.createElement(Button, tslib_es6.__assign({}, button)))));
|
|
111
112
|
};
|
|
112
113
|
|
|
113
114
|
/**
|
|
114
115
|
* Use `CopyLead` to give supporting information about a page or proposition. It can be used to call out key benefits in bullet points, or link to a supporting explanatory video. An optional CTA can be used to link to further information or trigger a sales or enquiry journey.
|
|
115
116
|
*/
|
|
116
117
|
var CopyLead = function (_a) {
|
|
117
|
-
var button = _a.button, heading = _a.heading, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, listItems = _a.listItems, video = _a.video, image = _a.image, content = _a.content, _c = _a.isReverseOrder, isReverseOrder = _c === void 0 ? false : _c, props =
|
|
118
|
+
var button = _a.button, heading = _a.heading, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, listItems = _a.listItems, video = _a.video, image = _a.image, content = _a.content, _c = _a.isReverseOrder, isReverseOrder = _c === void 0 ? false : _c, props = tslib_es6.__rest(_a, ["button", "heading", "headingLevel", "listItems", "video", "image", "content", "isReverseOrder"]);
|
|
118
119
|
if (video || image) {
|
|
119
|
-
return (React.createElement(MediaTemplate,
|
|
120
|
+
return (React.createElement(MediaTemplate, tslib_es6.__assign({ content: content, video: video, image: image, listItems: listItems, heading: heading, headingLevel: headingLevel, button: button, isReverseOrder: isReverseOrder }, filterDataAttrs.filterDataAttrs(props))));
|
|
120
121
|
}
|
|
121
122
|
if (content) {
|
|
122
|
-
return (React.createElement(ContentTemplate,
|
|
123
|
+
return (React.createElement(ContentTemplate, tslib_es6.__assign({ listItems: listItems, heading: heading, headingLevel: headingLevel, button: button, content: content }, filterDataAttrs.filterDataAttrs(props))));
|
|
123
124
|
}
|
|
124
125
|
return null;
|
|
125
126
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
2
2
|
import React, { useState, useEffect, Suspense } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
4
|
+
import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-BraCgI9m.js';
|
|
4
5
|
import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
|
|
5
6
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
6
7
|
import { Heading } from '@arc-ui/components/Heading';
|
|
@@ -10,7 +11,7 @@ import { Image as Image$1 } from '@arc-ui/components/Image';
|
|
|
10
11
|
import { Icon } from '@arc-ui/components/Icon';
|
|
11
12
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
|
|
12
13
|
import { ButtonV2 } from '@arc-ui/components/ButtonV2';
|
|
13
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
14
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
|
|
14
15
|
|
|
15
16
|
var styles = {"buttonContainer":"CopyLead-module_buttonContainer__3OaRG","col":"CopyLead-module_col__0Da5H","container":"CopyLead-module_container__I91ym","container--content":"CopyLead-module_container--content__e8LxG","container--media":"CopyLead-module_container--media__QcMWi","container--align-center":"CopyLead-module_container--align-center__Fh1Sd","container--align-top":"CopyLead-module_container--align-top__UIXOZ","list":"CopyLead-module_list__arnJd","listItem":"CopyLead-module_listItem__NscHE","listItemCentered":"CopyLead-module_listItemCentered__Kwdab","listItemIconContainer":"CopyLead-module_listItemIconContainer__dgnhJ","listItemTextContainer":"CopyLead-module_listItemTextContainer__Dl9lw","imgWrapper":"CopyLead-module_imgWrapper__HYP3w","mediaContainer":"CopyLead-module_mediaContainer__PxTnm","content":"CopyLead-module_content__Bja1D","container--reverse":"CopyLead-module_container--reverse__Gq9u8"};
|
|
16
17
|
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
6
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
6
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
|
|
7
7
|
var Download = require('@arc-ui/components/Download');
|
|
8
8
|
require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
9
|
+
require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
9
10
|
require('@arc-ui/components/Heading');
|
|
10
11
|
require('@arc-ui/components/Text');
|
|
11
12
|
require('@arc-ui/components/Image');
|
|
@@ -19,7 +20,7 @@ var DownloadList = function (_a) {
|
|
|
19
20
|
React.createElement(SectionHeading.SectionHeading, { heading: heading, headingLevel: headingLevel, content: content })),
|
|
20
21
|
React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
|
|
21
22
|
downloads.map(function (props, i) { return (React.createElement(React.Fragment, null,
|
|
22
|
-
React.createElement(Download.Download,
|
|
23
|
+
React.createElement(Download.Download, tslib_es6.__assign({}, props)),
|
|
23
24
|
" ",
|
|
24
25
|
i !== downloads.length - 1 && React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))); })));
|
|
25
26
|
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { a as __assign } from '../_shared/esm/
|
|
1
|
+
import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
4
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
4
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
|
|
5
5
|
import { Download } from '@arc-ui/components/Download';
|
|
6
6
|
import '../_shared/esm/index-BfTCfPZ1.js';
|
|
7
|
+
import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
7
8
|
import '@arc-ui/components/Heading';
|
|
8
9
|
import '@arc-ui/components/Text';
|
|
9
10
|
import '@arc-ui/components/Image';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
6
|
-
var
|
|
6
|
+
var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
7
|
+
var index_es = require('../_shared/cjs/index.es-BNY6zQSi.js');
|
|
7
8
|
var AppButton = require('@arc-ui/components/AppButton');
|
|
8
9
|
var Grid = require('@arc-ui/components/Grid');
|
|
9
10
|
var ButtonV2 = require('@arc-ui/components/ButtonV2');
|
|
@@ -11,7 +12,7 @@ var Heading = require('@arc-ui/components/Heading');
|
|
|
11
12
|
var Text = require('@arc-ui/components/Text');
|
|
12
13
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
13
14
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
14
|
-
var Author = require('../_shared/cjs/Author-
|
|
15
|
+
var Author = require('../_shared/cjs/Author-DltMey-3.js');
|
|
15
16
|
var Image$1 = require('@arc-ui/components/Image');
|
|
16
17
|
require('@arc-ui/components/Avatar');
|
|
17
18
|
|
|
@@ -2203,10 +2204,10 @@ function cleanEscapedString(input) {
|
|
|
2203
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"};
|
|
2204
2205
|
|
|
2205
2206
|
var Image = function (_a) {
|
|
2206
|
-
var sources = _a.sources, props =
|
|
2207
|
+
var sources = _a.sources, props = tslib_es6.__rest(_a, ["sources"]);
|
|
2207
2208
|
return (React.createElement("div", { className: styles.imgWrapper },
|
|
2208
|
-
React.createElement(Image$1.Image,
|
|
2209
|
-
sources.map(function (source) { return React.createElement("source",
|
|
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)); }))));
|
|
2210
2211
|
};
|
|
2211
2212
|
|
|
2212
2213
|
var VideoPlayer = React.lazy(function () {
|
|
@@ -2224,9 +2225,9 @@ var MediaContent = function (_a) {
|
|
|
2224
2225
|
setIsClient(true);
|
|
2225
2226
|
}, []);
|
|
2226
2227
|
return (React.createElement(React.Fragment, null,
|
|
2227
|
-
image && !video && React.createElement(Image,
|
|
2228
|
+
image && !video && React.createElement(Image, tslib_es6.__assign({}, image)),
|
|
2228
2229
|
video && isClient && (React.createElement(React.Suspense, { fallback: null },
|
|
2229
|
-
React.createElement(VideoPlayer,
|
|
2230
|
+
React.createElement(VideoPlayer, tslib_es6.__assign({}, video))))));
|
|
2230
2231
|
};
|
|
2231
2232
|
|
|
2232
2233
|
/**
|
|
@@ -2234,9 +2235,9 @@ var MediaContent = function (_a) {
|
|
|
2234
2235
|
* */
|
|
2235
2236
|
var FeaturePost = function (_a) {
|
|
2236
2237
|
var _b;
|
|
2237
|
-
var heading = _a.heading, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props =
|
|
2238
|
+
var heading = _a.heading, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "label", "image", "content", "footer", "video", "isReverseOrder"]);
|
|
2238
2239
|
var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsM, ")"));
|
|
2239
|
-
return (React.createElement("div",
|
|
2240
|
+
return (React.createElement("div", tslib_es6.__assign({ "data-testid": "feature-post", className: index.classNames(styles.featurePost, (_b = {},
|
|
2240
2241
|
_b[styles.featurePostReversed] = isReverseOrder,
|
|
2241
2242
|
_b)) }, filterDataAttrs.filterDataAttrs(props)),
|
|
2242
2243
|
React.createElement("div", { className: styles.col },
|
|
@@ -2260,7 +2261,7 @@ var FeaturePost = function (_a) {
|
|
|
2260
2261
|
React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
|
|
2261
2262
|
React.createElement(Author.Author, { name: footer.author.name, title: footer.author.title, avatar: footer.author.avatar }))),
|
|
2262
2263
|
React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
|
|
2263
|
-
React.createElement(ButtonV2.ButtonV2,
|
|
2264
|
+
React.createElement(ButtonV2.ButtonV2, tslib_es6.__assign({ buttonStyle: "secondary" }, footer.button)))),
|
|
2264
2265
|
(footer === null || footer === void 0 ? void 0 : footer.type) === "appButton" && (React.createElement(React.Fragment, null,
|
|
2265
2266
|
React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
|
|
2266
2267
|
React.createElement(Grid.Grid, { isGutterless: true, isFluid: true },
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
2
2
|
import React, { useState, useEffect, Suspense } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
|
|
4
|
-
import {
|
|
4
|
+
import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
5
|
+
import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-BraCgI9m.js';
|
|
5
6
|
import { AppButton } from '@arc-ui/components/AppButton';
|
|
6
7
|
import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
|
|
7
8
|
import { ButtonV2 } from '@arc-ui/components/ButtonV2';
|
|
@@ -9,7 +10,7 @@ import { Heading } from '@arc-ui/components/Heading';
|
|
|
9
10
|
import { Text } from '@arc-ui/components/Text';
|
|
10
11
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
11
12
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
12
|
-
import { A as Author } from '../_shared/esm/Author-
|
|
13
|
+
import { A as Author } from '../_shared/esm/Author-son1Cgke.js';
|
|
13
14
|
import { Image as Image$1 } from '@arc-ui/components/Image';
|
|
14
15
|
import '@arc-ui/components/Avatar';
|
|
15
16
|
|
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
5
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
5
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
|
|
6
6
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
7
7
|
var Heading = require('@arc-ui/components/Heading');
|
|
8
8
|
var Icon = require('@arc-ui/components/Icon');
|
|
9
9
|
var Text = require('@arc-ui/components/Text');
|
|
10
10
|
var Link = require('@arc-ui/components/Link');
|
|
11
11
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
12
|
-
require('../_shared/cjs/
|
|
12
|
+
require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
13
|
+
require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
13
14
|
require('@arc-ui/components/Image');
|
|
14
15
|
|
|
15
16
|
var styles = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import React, { useId } from 'react';
|
|
2
2
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
3
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
3
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
|
|
4
4
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
|
|
5
5
|
import { Heading } from '@arc-ui/components/Heading';
|
|
6
6
|
import { Icon } from '@arc-ui/components/Icon';
|
|
7
7
|
import { Text } from '@arc-ui/components/Text';
|
|
8
8
|
import { Link } from '@arc-ui/components/Link';
|
|
9
9
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
10
|
-
import '../_shared/esm/
|
|
10
|
+
import '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
11
|
+
import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
11
12
|
import '@arc-ui/components/Image';
|
|
12
13
|
|
|
13
14
|
var styles = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
6
|
+
var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
6
7
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
7
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
8
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
9
|
-
var
|
|
8
|
+
var index_es = require('../_shared/cjs/index.es-BNY6zQSi.js');
|
|
9
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
|
|
10
|
+
var ButtonV2 = require('@arc-ui/components/ButtonV2');
|
|
11
|
+
var InformationCard = require('@arc-ui/components/InformationCard');
|
|
12
|
+
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
13
|
+
var VisuallyHidden = require('@arc-ui/components/VisuallyHidden');
|
|
10
14
|
require('@arc-ui/components/Heading');
|
|
11
15
|
require('@arc-ui/components/Text');
|
|
12
|
-
require('@arc-ui/components/VerticalSpace');
|
|
13
16
|
require('@arc-ui/components/Image');
|
|
14
17
|
|
|
15
18
|
var styles = {"product-navigation-grid":"ProductNavigation-module_product-navigation-grid__RzFq8","productNavigation-skipLink":"ProductNavigation-module_productNavigation-skipLink__fy8ZJ"};
|
|
@@ -18,7 +21,7 @@ var styles = {"product-navigation-grid":"ProductNavigation-module_product-naviga
|
|
|
18
21
|
* Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
|
|
19
22
|
*/
|
|
20
23
|
var ProductNavigation = function (_a) {
|
|
21
|
-
var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, _b = _a.hideButton, hideButton = _b === void 0 ? false : _b, productList = _a.productList, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, minHeight = _a.minHeight, _d = _a.cardsToDisplay, cardsToDisplay = _d === void 0 ? 3 : _d, _e = _a.listIncrement, listIncrement = _e === void 0 ? 6 : _e, onClickMore = _a.onClickMore, onClickLess = _a.onClickLess, _f = _a.hideShowLess, hideShowLess = _f === void 0 ? false : _f, isLoading = _a.isLoading, image = _a.image, props =
|
|
24
|
+
var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, _b = _a.hideButton, hideButton = _b === void 0 ? false : _b, productList = _a.productList, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, minHeight = _a.minHeight, _d = _a.cardsToDisplay, cardsToDisplay = _d === void 0 ? 3 : _d, _e = _a.listIncrement, listIncrement = _e === void 0 ? 6 : _e, onClickMore = _a.onClickMore, onClickLess = _a.onClickLess, _f = _a.hideShowLess, hideShowLess = _f === void 0 ? false : _f, isLoading = _a.isLoading, image = _a.image, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "content", "hideButton", "productList", "defaultExpanded", "minHeight", "cardsToDisplay", "listIncrement", "onClickMore", "onClickLess", "hideShowLess", "isLoading", "image"]);
|
|
22
25
|
var _g = React.useState(false), hideLessButton = _g[0], setHideLessButton = _g[1];
|
|
23
26
|
var _h = React.useState(cardsToDisplay), skipLinkCard = _h[0], setSkipLinkCard = _h[1];
|
|
24
27
|
var _j = React.useState(productList.slice(0, cardsToDisplay)), displayList = _j[0], setDisplayList = _j[1];
|
|
@@ -54,25 +57,25 @@ var ProductNavigation = function (_a) {
|
|
|
54
57
|
}
|
|
55
58
|
};
|
|
56
59
|
var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsS, ")"));
|
|
57
|
-
return (React.createElement("div",
|
|
60
|
+
return (React.createElement("div", tslib_es6.__assign({}, filterDataAttrs.filterDataAttrs(props)),
|
|
58
61
|
React.createElement(SectionHeading.SectionHeading, { isPadded: true, "data-testid": "ProductNavigation-header", heading: heading, headingLevel: headingLevel, content: content, image: image }),
|
|
59
62
|
React.createElement("ul", { className: index.classNames(styles["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (_a, i) {
|
|
60
63
|
var label = _a.label, href = _a.href, heading = _a.heading, text = _a.text;
|
|
61
64
|
return (React.createElement("li", { key: "displayList-".concat(i), tabIndex: -1, ref: i === skipLinkCard ? cardRef : undefined, "data-cy": "list-item-".concat(i) },
|
|
62
|
-
React.createElement(
|
|
65
|
+
React.createElement(InformationCard.InformationCard, { button: {
|
|
63
66
|
label: label,
|
|
64
67
|
href: href,
|
|
65
68
|
}, minHeight: minHeight, heading: heading, headingLevel: "2", text: text })));
|
|
66
69
|
})),
|
|
67
|
-
React.createElement(
|
|
70
|
+
React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
|
|
68
71
|
React.createElement("div", { style: { display: "flex" } },
|
|
69
|
-
!hideButton && !hideLessButton && (React.createElement(
|
|
72
|
+
!hideButton && !hideLessButton && (React.createElement(ButtonV2.ButtonV2, { label: displayList.length < productList.length
|
|
70
73
|
? "Show more"
|
|
71
74
|
: "Show less", buttonStyle: "secondary", onClick: clickController, isFullWidth: isMinWidthArcBreakpointS ? false : true, isLoading: isLoading })),
|
|
72
75
|
displayList.length > cardsToDisplay && (React.createElement(React.Fragment, null,
|
|
73
76
|
React.createElement("div", { id: "skip-link", className: index.classNames(styles["productNavigation-skipLink"]), tabIndex: -1 },
|
|
74
|
-
React.createElement(
|
|
75
|
-
React.createElement(
|
|
77
|
+
React.createElement(ButtonV2.ButtonV2, { label: "Move to first new card", buttonStyle: "primary", onClick: moveFocus, isFullWidth: isMinWidthArcBreakpointS ? false : true })))),
|
|
78
|
+
React.createElement(VisuallyHidden.VisuallyHidden, null,
|
|
76
79
|
React.createElement("div", { "aria-live": "polite", id: "aria-live-region", "aria-atomic": true },
|
|
77
80
|
React.createElement("p", null,
|
|
78
81
|
"Total products listed ",
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
2
2
|
import React, { useState, useRef, useEffect } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
|
|
4
|
+
import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
4
5
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
5
|
-
import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-
|
|
6
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
7
|
-
import {
|
|
6
|
+
import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-BraCgI9m.js';
|
|
7
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
|
|
8
|
+
import { ButtonV2 } from '@arc-ui/components/ButtonV2';
|
|
9
|
+
import { InformationCard } from '@arc-ui/components/InformationCard';
|
|
10
|
+
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
11
|
+
import { VisuallyHidden } from '@arc-ui/components/VisuallyHidden';
|
|
8
12
|
import '@arc-ui/components/Heading';
|
|
9
13
|
import '@arc-ui/components/Text';
|
|
10
|
-
import '@arc-ui/components/VerticalSpace';
|
|
11
14
|
import '@arc-ui/components/Image';
|
|
12
15
|
|
|
13
16
|
var styles = {"product-navigation-grid":"ProductNavigation-module_product-navigation-grid__RzFq8","productNavigation-skipLink":"ProductNavigation-module_productNavigation-skipLink__fy8ZJ"};
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
6
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
6
|
+
var index_es = require('../_shared/cjs/index.es-BNY6zQSi.js');
|
|
7
7
|
var Carousel = require('@arc-ui/components/Carousel');
|
|
8
8
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
9
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
9
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
|
|
10
10
|
var MediaCard = require('@arc-ui/components/MediaCard');
|
|
11
11
|
var ImpactCard = require('@arc-ui/components/ImpactCard');
|
|
12
12
|
var InformationCard = require('@arc-ui/components/InformationCard');
|
|
13
13
|
var TypographyCard = require('@arc-ui/components/TypographyCard');
|
|
14
|
+
require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
14
15
|
require('@arc-ui/components/Heading');
|
|
15
16
|
require('@arc-ui/components/Text');
|
|
16
17
|
require('@arc-ui/components/VerticalSpace');
|
|
@@ -27,10 +28,10 @@ var PromoListing = function (_a) {
|
|
|
27
28
|
var isMinWidthArcBreakpointL = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsL, ")"));
|
|
28
29
|
var columnCount = isMinWidthArcBreakpointL ? columns : 2;
|
|
29
30
|
var getCard = function (card) { return (React.createElement(React.Fragment, null,
|
|
30
|
-
card.type === "media-card" && React.createElement(MediaCard.MediaCard,
|
|
31
|
-
card.type === "impact-card" && React.createElement(ImpactCard.ImpactCard,
|
|
32
|
-
card.type === "information-card" && React.createElement(InformationCard.InformationCard,
|
|
33
|
-
card.type === "typography-card" && React.createElement(TypographyCard.TypographyCard,
|
|
31
|
+
card.type === "media-card" && React.createElement(MediaCard.MediaCard, tslib_es6.__assign({}, card)),
|
|
32
|
+
card.type === "impact-card" && React.createElement(ImpactCard.ImpactCard, tslib_es6.__assign({}, card)),
|
|
33
|
+
card.type === "information-card" && React.createElement(InformationCard.InformationCard, tslib_es6.__assign({}, card)),
|
|
34
|
+
card.type === "typography-card" && React.createElement(TypographyCard.TypographyCard, tslib_es6.__assign({}, card)))); };
|
|
34
35
|
return (React.createElement("div", { className: styles.PromoListing },
|
|
35
36
|
React.createElement(SectionHeading.SectionHeading, { isPadded: true, "data-testid": "PromoListing-header", heading: heading, headingLevel: headingLevel, content: content }),
|
|
36
37
|
isCarousel && !isMinWidthArcBreakpointL ? (React.createElement(Carousel.Carousel, { itemsPerSlide: 1, responsive: {
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { a as __assign } from '../_shared/esm/
|
|
1
|
+
import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
2
2
|
import React, { useId } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
|
|
4
|
-
import { a as ArcSizeBreakpointsL } from '../_shared/esm/index.es-
|
|
4
|
+
import { a as ArcSizeBreakpointsL } from '../_shared/esm/index.es-BraCgI9m.js';
|
|
5
5
|
import { Carousel } from '@arc-ui/components/Carousel';
|
|
6
6
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
7
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
7
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
|
|
8
8
|
import { MediaCard } from '@arc-ui/components/MediaCard';
|
|
9
9
|
import { ImpactCard } from '@arc-ui/components/ImpactCard';
|
|
10
10
|
import { InformationCard } from '@arc-ui/components/InformationCard';
|
|
11
11
|
import { TypographyCard } from '@arc-ui/components/TypographyCard';
|
|
12
|
+
import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
12
13
|
import '@arc-ui/components/Heading';
|
|
13
14
|
import '@arc-ui/components/Text';
|
|
14
15
|
import '@arc-ui/components/VerticalSpace';
|
package/dist/Quote/Quote.cjs.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
6
|
-
var
|
|
6
|
+
var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
7
|
+
var Author = require('../_shared/cjs/Author-DltMey-3.js');
|
|
7
8
|
require('@arc-ui/components/Grid');
|
|
8
9
|
require('@arc-ui/components/Avatar');
|
|
9
10
|
require('@arc-ui/components/Heading');
|
|
@@ -14,8 +15,8 @@ var styles = {"blockQuote":"Quote-module_blockQuote__STj-z","quoteContent":"Quot
|
|
|
14
15
|
/**
|
|
15
16
|
* Use `Quote` where a quote or testimonial from an existing customer or stakeholder would help build trust and credibility with potential new customers. It's commonly used on product pages where customers would learn about a product or service that we offer.*/
|
|
16
17
|
var Quote = function (_a) {
|
|
17
|
-
var author = _a.author, _b = _a.styling, styling = _b === void 0 ? "Default" : _b, content = _a.content, citeUrl = _a.citeUrl, props =
|
|
18
|
-
return (React.createElement("div",
|
|
18
|
+
var author = _a.author, _b = _a.styling, styling = _b === void 0 ? "Default" : _b, content = _a.content, citeUrl = _a.citeUrl, props = tslib_es6.__rest(_a, ["author", "styling", "content", "citeUrl"]);
|
|
19
|
+
return (React.createElement("div", tslib_es6.__assign({ className: "community-component--quote", "data-testid": "quote-test" }, filterDataAttrs.filterDataAttrs(props)),
|
|
19
20
|
React.createElement("blockquote", { "data-testid": "style-test", className: index.classNames(styles.blockQuote, styles["quote".concat(styling)]), cite: citeUrl },
|
|
20
21
|
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 77", className: styles.quoteIcon, "aria-hidden": "true" },
|
|
21
22
|
React.createElement("path", { d: "M21.8085 76.4706C15.9574 76.4706 10.8156 74.2732 6.38298 69.8783C2.12766 65.4834 0 58.979 0 50.3651C0 40.5206 3.10284 31.1156 9.30851 22.1501C15.6915 13.1846 25.3546 5.80122 38.2979 0L44.1489 11.3387C37.4113 14.3272 31.7376 18.0189 27.1277 22.4138C22.5177 26.6329 19.6809 31.4672 18.617 36.9168C19.8582 36.741 21.0106 36.6531 22.0745 36.6531C27.7482 36.6531 32.4468 38.499 36.1702 42.1907C40.0709 45.8824 42.0213 50.7167 42.0213 56.6937C42.0213 62.4949 39.9823 67.2414 35.9043 70.9331C32.0035 74.6247 27.305 76.4706 21.8085 76.4706ZM77.6596 76.4706C71.8085 76.4706 66.6667 74.2732 62.234 69.8783C57.9787 65.4834 55.8511 58.979 55.8511 50.3651C55.8511 40.5206 58.9539 31.1156 65.1596 22.1501C71.5425 13.1846 81.2057 5.80122 94.1489 0L100 11.3387C93.2624 14.3272 87.5886 18.0189 82.9787 22.4138C78.3688 26.6329 75.5319 31.4672 74.4681 36.9168C75.7092 36.741 76.8617 36.6531 77.9255 36.6531C83.5993 36.6531 88.2979 38.499 92.0213 42.1907C95.922 45.8824 97.8723 50.7167 97.8723 56.6937C97.8723 62.4949 95.8333 67.2414 91.7553 70.9331C87.8546 74.6247 83.156 76.4706 77.6596 76.4706Z" })),
|
package/dist/Quote/Quote.esm.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign
|
|
1
|
+
import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
|
|
4
|
-
import {
|
|
4
|
+
import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
5
|
+
import { A as Author } from '../_shared/esm/Author-son1Cgke.js';
|
|
5
6
|
import '@arc-ui/components/Grid';
|
|
6
7
|
import '@arc-ui/components/Avatar';
|
|
7
8
|
import '@arc-ui/components/Heading';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
4
|
-
require('../_shared/cjs/
|
|
3
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
|
|
4
|
+
require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
5
5
|
require('react');
|
|
6
6
|
require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
7
|
+
require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
7
8
|
require('@arc-ui/components/Heading');
|
|
8
9
|
require('@arc-ui/components/Text');
|
|
9
10
|
require('@arc-ui/components/VerticalSpace');
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
2
|
-
import '../_shared/esm/
|
|
1
|
+
export { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
|
|
2
|
+
import '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../_shared/esm/index-BfTCfPZ1.js';
|
|
5
|
+
import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
5
6
|
import '@arc-ui/components/Heading';
|
|
6
7
|
import '@arc-ui/components/Text';
|
|
7
8
|
import '@arc-ui/components/VerticalSpace';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var Columns = require('@arc-ui/components/Columns');
|
|
6
6
|
var Rule = require('@arc-ui/components/Rule');
|
|
@@ -8,8 +8,9 @@ var Text = require('@arc-ui/components/Text');
|
|
|
8
8
|
var Align = require('@arc-ui/components/Align');
|
|
9
9
|
var Heading = require('@arc-ui/components/Heading');
|
|
10
10
|
var VerticalSpace = require('@arc-ui/components/VerticalSpace');
|
|
11
|
-
var SectionHeading = require('../_shared/cjs/SectionHeading-
|
|
11
|
+
var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
|
|
12
12
|
require('../_shared/cjs/index-Bp6Dd2i1.js');
|
|
13
|
+
require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
|
|
13
14
|
require('@arc-ui/components/Image');
|
|
14
15
|
|
|
15
16
|
var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};
|
|
@@ -47,7 +48,7 @@ var Statistics = function (_a) {
|
|
|
47
48
|
React.createElement(Text.Text, null, copy),
|
|
48
49
|
link && (React.createElement(React.Fragment, null,
|
|
49
50
|
React.createElement(VerticalSpace.VerticalSpace, { size: "12" }),
|
|
50
|
-
React.createElement("a",
|
|
51
|
+
React.createElement("a", tslib_es6.__assign({ href: link.href, "aria-label": link.ariaLabel }, getLinkProps(link)), link.text))),
|
|
51
52
|
source && (React.createElement(React.Fragment, null,
|
|
52
53
|
React.createElement(VerticalSpace.VerticalSpace, { size: "12" }),
|
|
53
54
|
React.createElement(Text.Text, { size: "xs" },
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as __assign } from '../_shared/esm/
|
|
1
|
+
import { a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.js';
|
|
2
2
|
import React, { useId } from 'react';
|
|
3
3
|
import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
|
|
4
4
|
import { Rule } from '@arc-ui/components/Rule';
|
|
@@ -6,8 +6,9 @@ import { Text } from '@arc-ui/components/Text';
|
|
|
6
6
|
import { Align } from '@arc-ui/components/Align';
|
|
7
7
|
import { Heading } from '@arc-ui/components/Heading';
|
|
8
8
|
import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
|
|
9
|
-
import { S as SectionHeading } from '../_shared/esm/SectionHeading-
|
|
9
|
+
import { S as SectionHeading } from '../_shared/esm/SectionHeading-BwbuyrYn.js';
|
|
10
10
|
import '../_shared/esm/index-BfTCfPZ1.js';
|
|
11
|
+
import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
|
|
11
12
|
import '@arc-ui/components/Image';
|
|
12
13
|
|
|
13
14
|
var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
|
|
3
4
|
var React = require('react');
|
|
4
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
5
|
+
var index_es = require('../_shared/cjs/index.es-BNY6zQSi.js');
|
|
5
6
|
var Heading = require('@arc-ui/components/Heading');
|
|
6
7
|
var Text = require('@arc-ui/components/Text');
|
|
7
8
|
var Box = require('@arc-ui/components/Box');
|
|
@@ -12,9 +13,9 @@ var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
|
12
13
|
var styles = {"ruleContainer":"Summary-module_ruleContainer__ydWlG","row":"Summary-module_row__SKV--"};
|
|
13
14
|
|
|
14
15
|
var Summary = function (_a) {
|
|
15
|
-
var content = _a.content, _b = _a.headingLevel, headingLevel =
|
|
16
|
-
var
|
|
17
|
-
return (React.createElement(Box.Box, { isBorderRadius: true, borderWidth: "thin", padding: "24" },
|
|
16
|
+
var content = _a.content, _b = _a.noBorder, noBorder = _b === void 0 ? false : _b, _c = _a.headingLevel, headingLevel = _c === void 0 ? "3" : _c;
|
|
17
|
+
var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsM, ")"));
|
|
18
|
+
return (React.createElement(Box.Box, tslib_es6.__assign({ isBorderRadius: true }, (!noBorder ? { borderWidth: "thin" } : { elevationLevel: "1" }), { padding: "24" }),
|
|
18
19
|
React.createElement("div", { className: styles.row }, content.map(function (_a, i) {
|
|
19
20
|
var heading = _a.heading, text = _a.text;
|
|
20
21
|
return (React.createElement(React.Fragment, null,
|
|
@@ -23,7 +24,7 @@ var Summary = function (_a) {
|
|
|
23
24
|
React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
|
|
24
25
|
React.createElement(Text.Text, { size: "s" }, text)),
|
|
25
26
|
i !== content.length - 1 && (React.createElement("div", { className: styles.ruleContainer },
|
|
26
|
-
React.createElement(Rule.Rule, { orientation:
|
|
27
|
+
React.createElement(Rule.Rule, { orientation: isMinWidthArcBreakpointM ? "vertical" : "horizontal" })))));
|
|
27
28
|
}))));
|
|
28
29
|
};
|
|
29
30
|
|