@arc-ui/community-components 3.11.0 → 3.13.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 +18 -0
- package/lib/ActionTile/ActionTile.cjs +5 -3
- package/lib/ActionTile/ActionTile.mjs +5 -3
- package/lib/ActionTile/styles.css +1 -1
- package/lib/ArticleCarousel/ArticleCarousel.cjs +1 -1
- package/lib/ArticleCarousel/ArticleCarousel.mjs +1 -1
- package/lib/CopyLead/CopyLead.cjs +1 -1
- package/lib/CopyLead/CopyLead.mjs +1 -1
- package/lib/FeaturePost/FeaturePost.cjs +1 -1
- package/lib/FeaturePost/FeaturePost.mjs +1 -1
- package/lib/HeaderBarNotification/HeaderBarNotification.cjs +1 -1
- package/lib/HeaderBarNotification/HeaderBarNotification.mjs +1 -1
- package/lib/LinkTile/LinkTile.cjs +6 -3
- package/lib/LinkTile/LinkTile.mjs +6 -3
- package/lib/LinkTile/styles.css +1 -1
- 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/Summary/Summary.cjs +1 -1
- package/lib/Summary/Summary.mjs +1 -1
- package/lib/_shared/cjs/{index.es-B73RVhhj.cjs → index.es-DcJ01c8P.cjs} +1 -1
- package/lib/_shared/esm/{index.es-DNGykRl2.mjs → index.es-C76rXaZz.mjs} +1 -1
- package/lib/index.cjs +13 -8
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +6 -0
- package/lib/index.d.mts +6 -0
- package/lib/index.mjs +13 -8
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +12 -12
- package/src/components/ActionTile/ActionTile.module.css +10 -0
- package/src/components/ActionTile/ActionTile.tsx +9 -1
- package/src/components/HeaderBarNotification/HeaderBarNotification.module.css +1 -1
- package/src/components/HeaderBarNotification/HeaderBarNotification.tsx +1 -0
- package/src/components/LinkTile/LinkTile.module.css +5 -0
- package/src/components/LinkTile/LinkTile.tsx +10 -1
- package/versions.json +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
|
|
2
|
-
> @arc-ui/community-components@3.
|
|
2
|
+
> @arc-ui/community-components@3.13.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 11 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 [
|
|
10
|
+
[32mcreated [1mlib/index.cjs, lib/index.mjs[22m in [1m12.7s[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
|
-
[1m@arc-ui/components/NavigationHeader[22m (imported by "lib/types/components/HeaderBarNotification/HeaderBarNotification.d.ts")
|
|
16
15
|
[1m@arc-ui/components/MediaCard[22m (imported by "lib/types/components/ArticleCarousel/ArticleCarousel.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts" and "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts")
|
|
17
|
-
[1m@arc-ui/components/
|
|
16
|
+
[1m@arc-ui/components/Avatar[22m (imported by "lib/types/components/Author/Author.d.ts")
|
|
17
|
+
[1m@arc-ui/components/NavigationHeader[22m (imported by "lib/types/components/HeaderBarNotification/HeaderBarNotification.d.ts")
|
|
18
18
|
[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/BannerWithTabs/BannerWithTabs.d.ts", "lib/types/components/SectionHeading/SectionHeading.d.ts", "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.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", "lib/types/components/ArticleSidebar/types/share.d.ts" and "lib/types/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.d.ts")
|
|
19
19
|
[1m@arc-ui/components/VideoPlayer[22m (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
|
|
20
|
-
[1m@arc-ui/components/
|
|
20
|
+
[1m@arc-ui/components/Download[22m (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
|
|
21
21
|
[1m@arc-ui/components/ButtonV2[22m (imported by "lib/types/components/Highlights/Highlights.d.ts" and "lib/types/components/PromoListing/PromoListing.d.ts")
|
|
22
22
|
[1m@arc-ui/components/ImpactCard[22m (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
|
|
23
23
|
[1m@arc-ui/components/InformationCard[22m (imported by "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/BusinessSegmentSwitcher/types/types.d.ts" and "lib/types/components/ProductNavigation/types/product-list.d.ts")
|
|
@@ -27,21 +27,21 @@ Browserslist: browsers data (caniuse-lite) is 10 months old. Please run:
|
|
|
27
27
|
[1m@arc-ui/components/VerticalSpace[22m (imported by "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts")
|
|
28
28
|
[1m@arc-ui/components/Disclosure[22m (imported by "lib/types/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts")
|
|
29
29
|
[1m@arc-ui/components/Tag[22m (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
|
|
30
|
-
[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")
|
|
31
30
|
[1m@arc-ui/components/AppButton[22m (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
|
|
31
|
+
[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")
|
|
32
32
|
[1mreact-player/types[22m (imported by "lib/types/internal/VideoCardPlayer/VideoCardPlayer.d.ts" and "lib/types/internal/VideoCardPlayer/types/player-props.d.ts")
|
|
33
33
|
[1m@arc-ui/components/Visible[22m (imported by "lib/types/internal/VideoCardPlayer/components/VideoCardThumbnail/VideoCardThumbnail.d.ts")
|
|
34
|
-
[32mcreated [1mlib/index.d.mts, lib/index.d.cts[22m in [
|
|
34
|
+
[32mcreated [1mlib/index.d.mts, lib/index.d.cts[22m in [1m276ms[22m[39m
|
|
35
35
|
[36m
|
|
36
36
|
[1m./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/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/HeaderBarNotification/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/PartnerBrandLogos/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, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts[22m → [1mlib[22m...[39m
|
|
37
|
-
[32mcreated [1mlib[22m in [
|
|
37
|
+
[32mcreated [1mlib[22m in [1m16.9s[22m[39m
|
|
38
38
|
[36m
|
|
39
39
|
[1m./src/components/Accordion/index.ts, ./src/components/ActionTile/index.ts, ./src/components/ArticleCarousel/index.ts, ./src/components/ArticleSidebar/index.ts, ./src/components/Author/index.ts, ./src/components/BannerWithTabs/index.ts, ./src/components/BusinessSegmentSwitcher/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/HeaderBarNotification/index.ts, ./src/components/Highlights/index.ts, ./src/components/InlineLinkGroup/index.ts, ./src/components/LinkTile/index.ts, ./src/components/PartnerBrandLogos/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, ./src/components/VideoHeroCard/index.ts, ./src/components/VideoPortraitCard/index.ts[22m → [1mlib[22m...[39m
|
|
40
|
-
[32mcreated [1mlib[22m in [
|
|
41
|
-
Browserslist: browsers data (caniuse-lite) is
|
|
40
|
+
[32mcreated [1mlib[22m in [1m16.2s[22m[39m
|
|
41
|
+
Browserslist: browsers data (caniuse-lite) is 11 months old. Please run:
|
|
42
42
|
npx update-browserslist-db@latest
|
|
43
43
|
Why you should do it regularly: https://github.com/browserslist/update-db#readme
|
|
44
44
|
|
|
45
|
-
> @arc-ui/community-components@3.
|
|
45
|
+
> @arc-ui/community-components@3.13.0 build:clean /builds/enterprise/frontend/arc-community/packages/components
|
|
46
46
|
> rimraf ./lib/types ./lib/styles.js ./lib/index.js ./lib/index.js.map
|
|
47
47
|
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @arc-ui/community-components
|
|
2
2
|
|
|
3
|
+
## 3.13.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 5c1a585: update Arc packages to 13.12.0
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- 494d75d: Add in onOpenAutoFocus={(e) => e.preventDefault()} to Popover within HeaderBarNotification, causing focus pull on page load"
|
|
12
|
+
|
|
13
|
+
## 3.12.0
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- 0cf14aa: Add a neutral tone prop variant to LinkTile.
|
|
18
|
+
- 3563378: Add an isCompact prop variant to ActionTile.
|
|
19
|
+
- 3563378: Update ActionTile to use isCompact prop
|
|
20
|
+
|
|
3
21
|
## 3.11.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -6,7 +6,7 @@ var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
|
|
|
6
6
|
var Icon = require('@arc-ui/components/Icon');
|
|
7
7
|
var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
8
8
|
|
|
9
|
-
var styles = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-content--without-icon":"ActionTile-module_action-tile-content--without-icon__7F5xj","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
|
|
9
|
+
var styles = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-content--without-icon":"ActionTile-module_action-tile-content--without-icon__7F5xj","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--compact":"ActionTile-module_action-tile--compact__wq5Aa","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Do not edit directly
|
|
@@ -18,19 +18,21 @@ const BtIconTickAlt2Px =
|
|
|
18
18
|
|
|
19
19
|
var ActionTile = function (_a) {
|
|
20
20
|
var _b, _c;
|
|
21
|
-
var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _d = _a.
|
|
21
|
+
var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _d = _a.isCompact, isCompact = _d === void 0 ? false : _d, _e = _a.isActive, isActive = _e === void 0 ? false : _e, onClick = _a.onClick, props = tslib_es6.__rest(_a, ["icon", "activeIcon", "heading", "isCompact", "isActive", "onClick"]);
|
|
22
22
|
var displayIcon = isActive && activeIcon ? activeIcon : icon;
|
|
23
|
+
var iconSize = isCompact ? 40 : 48;
|
|
23
24
|
var content = (React.createElement(React.Fragment, null,
|
|
24
25
|
React.createElement("div", { className: index.classNames(styles["action-tile-content"], (_b = {},
|
|
25
26
|
_b[styles["action-tile-content--without-icon"]] = !displayIcon,
|
|
26
27
|
_b)) },
|
|
27
28
|
displayIcon && (React.createElement("div", { className: styles["action-tile-icon"] },
|
|
28
|
-
React.createElement(Icon.Icon, { icon: displayIcon, size:
|
|
29
|
+
React.createElement(Icon.Icon, { icon: displayIcon, size: iconSize }))),
|
|
29
30
|
React.createElement("span", { className: styles["action-tile-heading"] }, heading)),
|
|
30
31
|
isActive && (React.createElement("div", { className: styles["action-tile-tick"] },
|
|
31
32
|
React.createElement(Icon.Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
|
|
32
33
|
return (React.createElement("button", tslib_es6.__assign({ type: "button", className: index.classNames(styles["action-tile"], (_c = {},
|
|
33
34
|
_c[styles["action-tile--active"]] = isActive,
|
|
35
|
+
_c[styles["action-tile--compact"]] = isCompact,
|
|
34
36
|
_c)), onClick: onClick, "aria-pressed": isActive }, filterAttrs.filterAttrs(props)), content));
|
|
35
37
|
};
|
|
36
38
|
|
|
@@ -4,7 +4,7 @@ import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
|
|
|
4
4
|
import { Icon } from '@arc-ui/components/Icon';
|
|
5
5
|
import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
6
6
|
|
|
7
|
-
var styles = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-content--without-icon":"ActionTile-module_action-tile-content--without-icon__7F5xj","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
|
|
7
|
+
var styles = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-content--without-icon":"ActionTile-module_action-tile-content--without-icon__7F5xj","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--compact":"ActionTile-module_action-tile--compact__wq5Aa","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Do not edit directly
|
|
@@ -16,19 +16,21 @@ const BtIconTickAlt2Px =
|
|
|
16
16
|
|
|
17
17
|
var ActionTile = function (_a) {
|
|
18
18
|
var _b, _c;
|
|
19
|
-
var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _d = _a.
|
|
19
|
+
var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _d = _a.isCompact, isCompact = _d === void 0 ? false : _d, _e = _a.isActive, isActive = _e === void 0 ? false : _e, onClick = _a.onClick, props = __rest(_a, ["icon", "activeIcon", "heading", "isCompact", "isActive", "onClick"]);
|
|
20
20
|
var displayIcon = isActive && activeIcon ? activeIcon : icon;
|
|
21
|
+
var iconSize = isCompact ? 40 : 48;
|
|
21
22
|
var content = (React__default.createElement(React__default.Fragment, null,
|
|
22
23
|
React__default.createElement("div", { className: classNames(styles["action-tile-content"], (_b = {},
|
|
23
24
|
_b[styles["action-tile-content--without-icon"]] = !displayIcon,
|
|
24
25
|
_b)) },
|
|
25
26
|
displayIcon && (React__default.createElement("div", { className: styles["action-tile-icon"] },
|
|
26
|
-
React__default.createElement(Icon, { icon: displayIcon, size:
|
|
27
|
+
React__default.createElement(Icon, { icon: displayIcon, size: iconSize }))),
|
|
27
28
|
React__default.createElement("span", { className: styles["action-tile-heading"] }, heading)),
|
|
28
29
|
isActive && (React__default.createElement("div", { className: styles["action-tile-tick"] },
|
|
29
30
|
React__default.createElement(Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
|
|
30
31
|
return (React__default.createElement("button", __assign({ type: "button", className: classNames(styles["action-tile"], (_c = {},
|
|
31
32
|
_c[styles["action-tile--active"]] = isActive,
|
|
33
|
+
_c[styles["action-tile--compact"]] = isCompact,
|
|
32
34
|
_c)), onClick: onClick, "aria-pressed": isActive }, filterAttrs(props)), content));
|
|
33
35
|
};
|
|
34
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ActionTile-module_action-tile__JPwGb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-width:230px;height:164px;min-height:132px;padding:var(--sem-space-padding-110);gap:var(--sem-space-padding-70);border-radius:var(--sem-border-radius-xl);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;font:inherit;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative;isolation:isolate;overflow:visible}.ActionTile-module_action-tile-content__ZkgHc{display:flex;flex-direction:column;gap:var(--sem-space-padding-60);flex:1;align-items:flex-start;align-self:stretch}.ActionTile-module_action-tile-content--without-icon__7F5xj{justify-content:center}.ActionTile-module_action-tile-icon__PY1EN{display:flex;align-items:center;justify-content:flex-start;width:48px;height:48px;color:var(--sem-color-fg-secondary-light-default);transition:color 0.2s ease}.ActionTile-module_action-tile-heading__Uxdu9{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-m);letter-spacing:0;color:var(--sem-color-fg-secondary-light-default);margin:0;transition:color 0.2s ease;width:100%;word-wrap:break-word;word-wrap:break-word;align-self:stretch;flex-grow:1;text-align:left}.ActionTile-module_action-tile-content--without-icon__7F5xj .ActionTile-module_action-tile-heading__Uxdu9{flex-grow:0}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--sem-border-radius-l);background:var(--sem-color-fg-primary-light-minimal);color:var(--sem-color-fg-secondary-light-alt);flex-shrink:0;position:absolute;top:-4px;right:-4px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile__JPwGb:focus-visible{box-shadow:0 0 0 1px var(--card-colors-light-fg-hover);outline-color:var(--focus-colors-light-border-subtle)}
|
|
1
|
+
.ActionTile-module_action-tile__JPwGb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-width:230px;height:164px;min-height:132px;padding:var(--sem-space-padding-110);gap:var(--sem-space-padding-70);border-radius:var(--sem-border-radius-xl);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;font:inherit;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative;isolation:isolate;overflow:visible}.ActionTile-module_action-tile-content__ZkgHc{display:flex;flex-direction:column;gap:var(--sem-space-padding-60);flex:1;align-items:flex-start;align-self:stretch}.ActionTile-module_action-tile-content--without-icon__7F5xj{justify-content:center}.ActionTile-module_action-tile-icon__PY1EN{display:flex;align-items:center;justify-content:flex-start;width:48px;height:48px;color:var(--sem-color-fg-secondary-light-default);transition:color 0.2s ease}.ActionTile-module_action-tile-heading__Uxdu9{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-m);letter-spacing:0;color:var(--sem-color-fg-secondary-light-default);margin:0;transition:color 0.2s ease;width:100%;word-wrap:break-word;word-wrap:break-word;align-self:stretch;flex-grow:1;text-align:left}.ActionTile-module_action-tile--compact__wq5Aa .ActionTile-module_action-tile-icon__PY1EN{width:40px;height:40px}.ActionTile-module_action-tile--compact__wq5Aa .ActionTile-module_action-tile-heading__Uxdu9{font-size:16px;line-height:24px}.ActionTile-module_action-tile-content--without-icon__7F5xj .ActionTile-module_action-tile-heading__Uxdu9{flex-grow:0}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--sem-border-radius-l);background:var(--sem-color-fg-primary-light-minimal);color:var(--sem-color-fg-secondary-light-alt);flex-shrink:0;position:absolute;top:-4px;right:-4px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile__JPwGb:focus-visible{box-shadow:0 0 0 1px var(--card-colors-light-fg-hover);outline-color:var(--focus-colors-light-border-subtle)}
|
|
@@ -6,7 +6,7 @@ var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
|
|
|
6
6
|
var Carousel = require('@arc-ui/components/Carousel');
|
|
7
7
|
var SectionHeading = require('../_shared/cjs/SectionHeading-XCMdv8eZ.cjs');
|
|
8
8
|
var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
|
|
9
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
9
|
+
var index_es = require('../_shared/cjs/index.es-DcJ01c8P.cjs');
|
|
10
10
|
var MediaCard = require('@arc-ui/components/MediaCard');
|
|
11
11
|
var useMediaQuery = require('@arc-ui/components/use-media-query');
|
|
12
12
|
require('@arc-ui/components/Text');
|
|
@@ -4,7 +4,7 @@ import { a as commonjsGlobal, g as getDefaultExportFromCjs, c as classNames } fr
|
|
|
4
4
|
import { Carousel } from '@arc-ui/components/Carousel';
|
|
5
5
|
import { S as SectionHeading } from '../_shared/esm/SectionHeading-lyXLUtdr.mjs';
|
|
6
6
|
import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
|
|
7
|
-
import { d as ArcSizeBreakpointsXs, A as ArcSizeBreakpointsS, b as ArcSizeBreakpointsM, a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, e as ArcSizeBreakpointsXxl } from '../_shared/esm/index.es-
|
|
7
|
+
import { d as ArcSizeBreakpointsXs, A as ArcSizeBreakpointsS, b as ArcSizeBreakpointsM, a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, e as ArcSizeBreakpointsXxl } from '../_shared/esm/index.es-C76rXaZz.mjs';
|
|
8
8
|
import { MediaCard } from '@arc-ui/components/MediaCard';
|
|
9
9
|
import { useMediaQuery } from '@arc-ui/components/use-media-query';
|
|
10
10
|
import '@arc-ui/components/Text';
|
|
@@ -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-DcJ01c8P.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 { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default, { 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-C76rXaZz.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';
|
|
@@ -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-B7Z7sgRq.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-DcJ01c8P.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');
|
|
@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mj
|
|
|
2
2
|
import React__default, { useState, useEffect, Suspense } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BSO2EFem.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-C76rXaZz.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';
|
|
@@ -40,7 +40,7 @@ var HeaderBarNotification = function (_a) {
|
|
|
40
40
|
localStorage.setItem(localStorageId, "true");
|
|
41
41
|
setShowNotification(false);
|
|
42
42
|
};
|
|
43
|
-
return (React.createElement(Popover.Popover, tslib_es6.__assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, className: index.classNames(styles.popupNotification, (_b = {}, _b[styles.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles[s]; })), content: React.createElement("div", { className: styles.container },
|
|
43
|
+
return (React.createElement(Popover.Popover, tslib_es6.__assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, onOpenAutoFocus: function (e) { return e.preventDefault(); }, className: index.classNames(styles.popupNotification, (_b = {}, _b[styles.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles[s]; })), content: React.createElement("div", { className: styles.container },
|
|
44
44
|
React.createElement("div", { className: styles.content },
|
|
45
45
|
(image || icon) && (React.createElement("div", { className: styles.image },
|
|
46
46
|
image && (React.createElement(Image.Image, { src: image, alt: heading, fit: "cover", width: 55 })),
|
|
@@ -38,7 +38,7 @@ var HeaderBarNotification = function (_a) {
|
|
|
38
38
|
localStorage.setItem(localStorageId, "true");
|
|
39
39
|
setShowNotification(false);
|
|
40
40
|
};
|
|
41
|
-
return (React__default.createElement(Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, className: classNames(styles.popupNotification, (_b = {}, _b[styles.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles[s]; })), content: React__default.createElement("div", { className: styles.container },
|
|
41
|
+
return (React__default.createElement(Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, onOpenAutoFocus: function (e) { return e.preventDefault(); }, className: classNames(styles.popupNotification, (_b = {}, _b[styles.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles[s]; })), content: React__default.createElement("div", { className: styles.container },
|
|
42
42
|
React__default.createElement("div", { className: styles.content },
|
|
43
43
|
(image || icon) && (React__default.createElement("div", { className: styles.image },
|
|
44
44
|
image && (React__default.createElement(Image, { src: image, alt: heading, fit: "cover", width: 55 })),
|
|
@@ -6,13 +6,16 @@ var index = require('../_shared/cjs/index-B7Z7sgRq.cjs');
|
|
|
6
6
|
var Icon = require('@arc-ui/components/Icon');
|
|
7
7
|
var BtIconArrowAltRight = require('../_shared/cjs/BtIconArrowAltRight-CLQdP61r.cjs');
|
|
8
8
|
|
|
9
|
-
var styles = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
|
|
9
|
+
var styles = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf","link-tile--neutral":"LinkTile-module_link-tile--neutral__T2z5x"};
|
|
10
10
|
|
|
11
11
|
var LinkTile = function (_a) {
|
|
12
|
-
var
|
|
12
|
+
var _b;
|
|
13
|
+
var text = _a.text, href = _a.href, _c = _a.showIcon, showIcon = _c === void 0 ? true : _c, _d = _a.tone, tone = _d === void 0 ? "brand" : _d, className = _a.className, props = tslib_es6.__rest(_a, ["text", "href", "showIcon", "tone", "className"]);
|
|
13
14
|
var Component = href ? "a" : "div";
|
|
14
15
|
var linkProps = href ? { href: href } : {};
|
|
15
|
-
return (React.createElement(Component, tslib_es6.__assign({ className: index.classNames(styles["link-tile"],
|
|
16
|
+
return (React.createElement(Component, tslib_es6.__assign({ className: index.classNames(styles["link-tile"], (_b = {},
|
|
17
|
+
_b[styles["link-tile--neutral"]] = tone === "neutral",
|
|
18
|
+
_b), className) }, linkProps, props), text && (React.createElement("div", { className: styles["link-tile-content"] },
|
|
16
19
|
React.createElement("span", { className: styles["link-tile-text"] }, text),
|
|
17
20
|
showIcon && (React.createElement("span", { className: styles["link-tile-icon"] },
|
|
18
21
|
React.createElement(Icon.Icon, { icon: BtIconArrowAltRight.BtIconArrowAltRight, size: 32 })))))));
|
|
@@ -4,13 +4,16 @@ import { c as classNames } from '../_shared/esm/index-BSO2EFem.mjs';
|
|
|
4
4
|
import { Icon } from '@arc-ui/components/Icon';
|
|
5
5
|
import { B as BtIconArrowAltRight } from '../_shared/esm/BtIconArrowAltRight-VH6RTTnL.mjs';
|
|
6
6
|
|
|
7
|
-
var styles = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
|
|
7
|
+
var styles = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf","link-tile--neutral":"LinkTile-module_link-tile--neutral__T2z5x"};
|
|
8
8
|
|
|
9
9
|
var LinkTile = function (_a) {
|
|
10
|
-
var
|
|
10
|
+
var _b;
|
|
11
|
+
var text = _a.text, href = _a.href, _c = _a.showIcon, showIcon = _c === void 0 ? true : _c, _d = _a.tone, tone = _d === void 0 ? "brand" : _d, className = _a.className, props = __rest(_a, ["text", "href", "showIcon", "tone", "className"]);
|
|
11
12
|
var Component = href ? "a" : "div";
|
|
12
13
|
var linkProps = href ? { href: href } : {};
|
|
13
|
-
return (React__default.createElement(Component, __assign({ className: classNames(styles["link-tile"],
|
|
14
|
+
return (React__default.createElement(Component, __assign({ className: classNames(styles["link-tile"], (_b = {},
|
|
15
|
+
_b[styles["link-tile--neutral"]] = tone === "neutral",
|
|
16
|
+
_b), className) }, linkProps, props), text && (React__default.createElement("div", { className: styles["link-tile-content"] },
|
|
14
17
|
React__default.createElement("span", { className: styles["link-tile-text"] }, text),
|
|
15
18
|
showIcon && (React__default.createElement("span", { className: styles["link-tile-icon"] },
|
|
16
19
|
React__default.createElement(Icon, { icon: BtIconArrowAltRight, size: 32 })))))));
|
package/lib/LinkTile/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.LinkTile-module_link-tile__xVUP3{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:306px;height:144px;min-height:144px;max-height:144px;border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;transition:border-color 0.2s ease;flex:none;align-self:stretch;position:relative;overflow:hidden;flex-grow:1}.LinkTile-module_link-tile-content__H-QN8{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--sem-space-padding-40);width:100%;min-height:48px;flex:none;align-self:stretch}.LinkTile-module_link-tile-icon__kTMfH{display:flex;width:32px;height:32px;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:none;flex-shrink:0;order:1}.LinkTile-module_link-tile-text__0K6zf{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-xs);letter-spacing:0;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:1;order:0}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color 0.2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH{color:var(--button-v2-colors-light-text-hover)}
|
|
1
|
+
.LinkTile-module_link-tile__xVUP3{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:306px;height:144px;min-height:144px;max-height:144px;border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;transition:border-color 0.2s ease;flex:none;align-self:stretch;position:relative;overflow:hidden;flex-grow:1}.LinkTile-module_link-tile-content__H-QN8{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--sem-space-padding-40);width:100%;min-height:48px;flex:none;align-self:stretch}.LinkTile-module_link-tile-icon__kTMfH{display:flex;width:32px;height:32px;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:none;flex-shrink:0;order:1}.LinkTile-module_link-tile-text__0K6zf{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-xs);letter-spacing:0;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:1;order:0}.LinkTile-module_link-tile--neutral__T2z5x .LinkTile-module_link-tile-text__0K6zf,.LinkTile-module_link-tile--neutral__T2z5x .LinkTile-module_link-tile-icon__kTMfH{color:var(--sem-color-fg-secondary-light-default)}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color 0.2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH{color:var(--button-v2-colors-light-text-hover)}
|
|
@@ -5,7 +5,7 @@ var React = require('react');
|
|
|
5
5
|
var index = require('../_shared/cjs/index-B7Z7sgRq.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-DcJ01c8P.cjs');
|
|
9
9
|
var SectionHeading = require('../_shared/cjs/SectionHeading-XCMdv8eZ.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__default, { useState, useRef, useEffect } from 'react';
|
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BSO2EFem.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-C76rXaZz.mjs';
|
|
7
7
|
import { S as SectionHeading } from '../_shared/esm/SectionHeading-lyXLUtdr.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-B7Z7sgRq.cjs');
|
|
6
|
-
var index_es = require('../_shared/cjs/index.es-
|
|
6
|
+
var index_es = require('../_shared/cjs/index.es-DcJ01c8P.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 __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default, { useId } from 'react';
|
|
3
3
|
import { c as classNames } from '../_shared/esm/index-BSO2EFem.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-C76rXaZz.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';
|
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-DcJ01c8P.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 __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-
|
|
3
|
+
import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C76rXaZz.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';
|
package/lib/index.cjs
CHANGED
|
@@ -276,7 +276,7 @@ var HeaderBarNotification = function (_a) {
|
|
|
276
276
|
localStorage.setItem(localStorageId, "true");
|
|
277
277
|
setShowNotification(false);
|
|
278
278
|
};
|
|
279
|
-
return (React.createElement(Popover.Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, className: classNames(styles$v.popupNotification, (_b = {}, _b[styles$v.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles$v[s]; })), content: React.createElement("div", { className: styles$v.container },
|
|
279
|
+
return (React.createElement(Popover.Popover, __assign({ open: showNotification, side: "bottom", sideOffset: 12, maxWidth: 900, arrow: true, asChild: true, onOpenAutoFocus: function (e) { return e.preventDefault(); }, className: classNames(styles$v.popupNotification, (_b = {}, _b[styles$v.hiddenByDefault] = showAtSize, _b), showAtSize === null || showAtSize === void 0 ? void 0 : showAtSize.map(function (s) { return styles$v[s]; })), content: React.createElement("div", { className: styles$v.container },
|
|
280
280
|
React.createElement("div", { className: styles$v.content },
|
|
281
281
|
(image || icon) && (React.createElement("div", { className: styles$v.image },
|
|
282
282
|
image && (React.createElement(Image$2.Image, { src: image, alt: heading, fit: "cover", width: 55 })),
|
|
@@ -1011,7 +1011,7 @@ var SectionHeading = function (_a) {
|
|
|
1011
1011
|
|
|
1012
1012
|
/**
|
|
1013
1013
|
* Do not edit directly
|
|
1014
|
-
* Generated on Thu,
|
|
1014
|
+
* Generated on Thu, 23 Jul 2026 08:25:27 GMT
|
|
1015
1015
|
*/
|
|
1016
1016
|
var ArcSizeBreakpointsXs = "320px";
|
|
1017
1017
|
var ArcSizeBreakpointsS = "636px";
|
|
@@ -4018,33 +4018,38 @@ var ContentInfoWidget = function (_a) {
|
|
|
4018
4018
|
React.createElement(Text.Text, { size: "xs", tone: "muted" }, text))));
|
|
4019
4019
|
};
|
|
4020
4020
|
|
|
4021
|
-
var styles$b = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-content--without-icon":"ActionTile-module_action-tile-content--without-icon__7F5xj","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
|
|
4021
|
+
var styles$b = {"action-tile":"ActionTile-module_action-tile__JPwGb","action-tile-content":"ActionTile-module_action-tile-content__ZkgHc","action-tile-content--without-icon":"ActionTile-module_action-tile-content--without-icon__7F5xj","action-tile-icon":"ActionTile-module_action-tile-icon__PY1EN","action-tile-heading":"ActionTile-module_action-tile-heading__Uxdu9","action-tile--compact":"ActionTile-module_action-tile--compact__wq5Aa","action-tile--active":"ActionTile-module_action-tile--active__-aWze","action-tile-tick":"ActionTile-module_action-tile-tick__vhsJE"};
|
|
4022
4022
|
|
|
4023
4023
|
var ActionTile = function (_a) {
|
|
4024
4024
|
var _b, _c;
|
|
4025
|
-
var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _d = _a.
|
|
4025
|
+
var icon = _a.icon, activeIcon = _a.activeIcon, heading = _a.heading, _d = _a.isCompact, isCompact = _d === void 0 ? false : _d, _e = _a.isActive, isActive = _e === void 0 ? false : _e, onClick = _a.onClick, props = __rest(_a, ["icon", "activeIcon", "heading", "isCompact", "isActive", "onClick"]);
|
|
4026
4026
|
var displayIcon = isActive && activeIcon ? activeIcon : icon;
|
|
4027
|
+
var iconSize = isCompact ? 40 : 48;
|
|
4027
4028
|
var content = (React.createElement(React.Fragment, null,
|
|
4028
4029
|
React.createElement("div", { className: classNames(styles$b["action-tile-content"], (_b = {},
|
|
4029
4030
|
_b[styles$b["action-tile-content--without-icon"]] = !displayIcon,
|
|
4030
4031
|
_b)) },
|
|
4031
4032
|
displayIcon && (React.createElement("div", { className: styles$b["action-tile-icon"] },
|
|
4032
|
-
React.createElement(Icon.Icon, { icon: displayIcon, size:
|
|
4033
|
+
React.createElement(Icon.Icon, { icon: displayIcon, size: iconSize }))),
|
|
4033
4034
|
React.createElement("span", { className: styles$b["action-tile-heading"] }, heading)),
|
|
4034
4035
|
isActive && (React.createElement("div", { className: styles$b["action-tile-tick"] },
|
|
4035
4036
|
React.createElement(Icon.Icon, { icon: BtIconTickAlt2Px, size: 28 })))));
|
|
4036
4037
|
return (React.createElement("button", __assign({ type: "button", className: classNames(styles$b["action-tile"], (_c = {},
|
|
4037
4038
|
_c[styles$b["action-tile--active"]] = isActive,
|
|
4039
|
+
_c[styles$b["action-tile--compact"]] = isCompact,
|
|
4038
4040
|
_c)), onClick: onClick, "aria-pressed": isActive }, filterAttrs(props)), content));
|
|
4039
4041
|
};
|
|
4040
4042
|
|
|
4041
|
-
var styles$a = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
|
|
4043
|
+
var styles$a = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf","link-tile--neutral":"LinkTile-module_link-tile--neutral__T2z5x"};
|
|
4042
4044
|
|
|
4043
4045
|
var LinkTile = function (_a) {
|
|
4044
|
-
var
|
|
4046
|
+
var _b;
|
|
4047
|
+
var text = _a.text, href = _a.href, _c = _a.showIcon, showIcon = _c === void 0 ? true : _c, _d = _a.tone, tone = _d === void 0 ? "brand" : _d, className = _a.className, props = __rest(_a, ["text", "href", "showIcon", "tone", "className"]);
|
|
4045
4048
|
var Component = href ? "a" : "div";
|
|
4046
4049
|
var linkProps = href ? { href: href } : {};
|
|
4047
|
-
return (React.createElement(Component, __assign({ className: classNames(styles$a["link-tile"],
|
|
4050
|
+
return (React.createElement(Component, __assign({ className: classNames(styles$a["link-tile"], (_b = {},
|
|
4051
|
+
_b[styles$a["link-tile--neutral"]] = tone === "neutral",
|
|
4052
|
+
_b), className) }, linkProps, props), text && (React.createElement("div", { className: styles$a["link-tile-content"] },
|
|
4048
4053
|
React.createElement("span", { className: styles$a["link-tile-text"] }, text),
|
|
4049
4054
|
showIcon && (React.createElement("span", { className: styles$a["link-tile-icon"] },
|
|
4050
4055
|
React.createElement(Icon.Icon, { icon: BtIconArrowAltRight, size: 32 })))))));
|