@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.
Files changed (39) hide show
  1. package/.turbo/turbo-build.log +12 -12
  2. package/CHANGELOG.md +18 -0
  3. package/lib/ActionTile/ActionTile.cjs +5 -3
  4. package/lib/ActionTile/ActionTile.mjs +5 -3
  5. package/lib/ActionTile/styles.css +1 -1
  6. package/lib/ArticleCarousel/ArticleCarousel.cjs +1 -1
  7. package/lib/ArticleCarousel/ArticleCarousel.mjs +1 -1
  8. package/lib/CopyLead/CopyLead.cjs +1 -1
  9. package/lib/CopyLead/CopyLead.mjs +1 -1
  10. package/lib/FeaturePost/FeaturePost.cjs +1 -1
  11. package/lib/FeaturePost/FeaturePost.mjs +1 -1
  12. package/lib/HeaderBarNotification/HeaderBarNotification.cjs +1 -1
  13. package/lib/HeaderBarNotification/HeaderBarNotification.mjs +1 -1
  14. package/lib/LinkTile/LinkTile.cjs +6 -3
  15. package/lib/LinkTile/LinkTile.mjs +6 -3
  16. package/lib/LinkTile/styles.css +1 -1
  17. package/lib/ProductNavigation/ProductNavigation.cjs +1 -1
  18. package/lib/ProductNavigation/ProductNavigation.mjs +1 -1
  19. package/lib/PromoListing/PromoListing.cjs +1 -1
  20. package/lib/PromoListing/PromoListing.mjs +1 -1
  21. package/lib/Summary/Summary.cjs +1 -1
  22. package/lib/Summary/Summary.mjs +1 -1
  23. package/lib/_shared/cjs/{index.es-B73RVhhj.cjs → index.es-DcJ01c8P.cjs} +1 -1
  24. package/lib/_shared/esm/{index.es-DNGykRl2.mjs → index.es-C76rXaZz.mjs} +1 -1
  25. package/lib/index.cjs +13 -8
  26. package/lib/index.cjs.map +1 -1
  27. package/lib/index.d.cts +6 -0
  28. package/lib/index.d.mts +6 -0
  29. package/lib/index.mjs +13 -8
  30. package/lib/index.mjs.map +1 -1
  31. package/lib/styles.css +1 -1
  32. package/package.json +12 -12
  33. package/src/components/ActionTile/ActionTile.module.css +10 -0
  34. package/src/components/ActionTile/ActionTile.tsx +9 -1
  35. package/src/components/HeaderBarNotification/HeaderBarNotification.module.css +1 -1
  36. package/src/components/HeaderBarNotification/HeaderBarNotification.tsx +1 -0
  37. package/src/components/LinkTile/LinkTile.module.css +5 -0
  38. package/src/components/LinkTile/LinkTile.tsx +10 -1
  39. package/versions.json +1 -1
@@ -1,23 +1,23 @@
1
1
 
2
- > @arc-ui/community-components@3.11.0 build /builds/enterprise/frontend/arc-community/packages/components
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 10 months old. Please run:
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
  
9
9
  src/index.ts → lib/index.cjs, lib/index.mjs...
10
- created lib/index.cjs, lib/index.mjs in 7.8s
10
+ created lib/index.cjs, lib/index.mjs in 12.7s
11
11
  
12
12
  ./lib/types/index.d.ts → lib/index.d.mts, lib/index.d.cts...
13
13
  (!) Unresolved dependencies
14
14
  https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
15
- @arc-ui/components/NavigationHeader (imported by "lib/types/components/HeaderBarNotification/HeaderBarNotification.d.ts")
16
15
  @arc-ui/components/MediaCard (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
- @arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
16
+ @arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
17
+ @arc-ui/components/NavigationHeader (imported by "lib/types/components/HeaderBarNotification/HeaderBarNotification.d.ts")
18
18
  @arc-ui/components/Heading (imported by "lib/types/components/CopyLead/CopyLead.d.ts", "lib/types/components/FeaturePost/FeaturePost.d.ts", "lib/types/components/PromoListing/PromoListing.d.ts", "lib/types/components/Summary/Summary.d.ts", "lib/types/components/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
  @arc-ui/components/VideoPlayer (imported by "lib/types/components/CopyLead/CopyLead.d.ts" and "lib/types/components/FeaturePost/FeaturePost.d.ts")
20
- @arc-ui/components/Avatar (imported by "lib/types/components/Author/Author.d.ts")
20
+ @arc-ui/components/Download (imported by "lib/types/components/DownloadList/DownloadList.d.ts")
21
21
  @arc-ui/components/ButtonV2 (imported by "lib/types/components/Highlights/Highlights.d.ts" and "lib/types/components/PromoListing/PromoListing.d.ts")
22
22
  @arc-ui/components/ImpactCard (imported by "lib/types/components/PromoListing/PromoListing.d.ts")
23
23
  @arc-ui/components/InformationCard (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
  @arc-ui/components/VerticalSpace (imported by "lib/types/components/PartnerBrandLogos/PartnerBrandLogos.d.ts")
28
28
  @arc-ui/components/Disclosure (imported by "lib/types/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts")
29
29
  @arc-ui/components/Tag (imported by "lib/types/components/ArticleSidebar/types/topic.d.ts")
30
- @arc-ui/components/Button (imported by "lib/types/components/CopyLead/types/copy-lead-button.d.ts" and "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts")
31
30
  @arc-ui/components/AppButton (imported by "lib/types/components/FeaturePost/types/feature-post-app-button-footer.d.ts")
31
+ @arc-ui/components/Button (imported by "lib/types/components/CopyLead/types/copy-lead-button.d.ts" and "lib/types/components/FeaturePost/types/feature-post-cta-footer.d.ts")
32
32
  react-player/types (imported by "lib/types/internal/VideoCardPlayer/VideoCardPlayer.d.ts" and "lib/types/internal/VideoCardPlayer/types/player-props.d.ts")
33
33
  @arc-ui/components/Visible (imported by "lib/types/internal/VideoCardPlayer/components/VideoCardThumbnail/VideoCardThumbnail.d.ts")
34
- created lib/index.d.mts, lib/index.d.cts in 212ms
34
+ created lib/index.d.mts, lib/index.d.cts in 276ms
35
35
  
36
36
  ./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 → lib...
37
- created lib in 9.1s
37
+ created lib in 16.9s
38
38
  
39
39
  ./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 → lib...
40
- created lib in 8s
41
- Browserslist: browsers data (caniuse-lite) is 10 months old. Please run:
40
+ created lib in 16.2s
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.11.0 build:clean /builds/enterprise/frontend/arc-community/packages/components
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.isActive, isActive = _d === void 0 ? false : _d, onClick = _a.onClick, props = tslib_es6.__rest(_a, ["icon", "activeIcon", "heading", "isActive", "onClick"]);
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: 48 }))),
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.isActive, isActive = _d === void 0 ? false : _d, onClick = _a.onClick, props = __rest(_a, ["icon", "activeIcon", "heading", "isActive", "onClick"]);
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: 48 }))),
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-B73RVhhj.cjs');
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-DNGykRl2.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-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-B73RVhhj.cjs');
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-DNGykRl2.mjs';
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-B73RVhhj.cjs');
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-DNGykRl2.mjs';
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 text = _a.text, href = _a.href, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, className = _a.className, props = tslib_es6.__rest(_a, ["text", "href", "showIcon", "className"]);
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"], className) }, linkProps, props), text && (React.createElement("div", { className: styles["link-tile-content"] },
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 text = _a.text, href = _a.href, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, className = _a.className, props = __rest(_a, ["text", "href", "showIcon", "className"]);
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"], className) }, linkProps, props), text && (React__default.createElement("div", { className: styles["link-tile-content"] },
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 })))))));
@@ -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-B73RVhhj.cjs');
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-DNGykRl2.mjs';
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-B73RVhhj.cjs');
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-DNGykRl2.mjs';
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';
@@ -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-B73RVhhj.cjs');
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');
@@ -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-DNGykRl2.mjs';
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';
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * Do not edit directly
5
- * Generated on Thu, 21 May 2026 15:46:02 GMT
5
+ * Generated on Thu, 23 Jul 2026 08:25:27 GMT
6
6
  */
7
7
  var ArcSizeBreakpointsXs = "320px";
8
8
  var ArcSizeBreakpointsS = "636px";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 May 2026 15:46:02 GMT
3
+ * Generated on Thu, 23 Jul 2026 08:25:27 GMT
4
4
  */
5
5
  var ArcSizeBreakpointsXs = "320px";
6
6
  var ArcSizeBreakpointsS = "636px";
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, 21 May 2026 15:46:02 GMT
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.isActive, isActive = _d === void 0 ? false : _d, onClick = _a.onClick, props = __rest(_a, ["icon", "activeIcon", "heading", "isActive", "onClick"]);
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: 48 }))),
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 text = _a.text, href = _a.href, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, className = _a.className, props = __rest(_a, ["text", "href", "showIcon", "className"]);
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"], className) }, linkProps, props), text && (React.createElement("div", { className: styles$a["link-tile-content"] },
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 })))))));