@arc-ui/components 11.24.1 → 12.0.0-beta.3

package/dist/DisclosureMini/DisclosureMini.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DisclosureMini = require('../_shared/cjs/DisclosureMini-09c749e5.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var DisclosureMini = require('../_shared/cjs/DisclosureMini-c01ecce0.js');
+require('../_shared/cjs/index-df60851b.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
-require('../_shared/cjs/Text-606ca3a2.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/Text-1c1110a4.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/ThemeIcon-ee814862.js');
 
 
 

package/dist/DisclosureMini/DisclosureMini.esm.js

@@ -1,8 +1,8 @@
-export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-56719716.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-38f4c459.js';
+import '../_shared/esm/index-288c66b5.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
-import '../_shared/esm/Text-14f586ac.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/Text-a46fb76b.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/ThemeIcon-c2dc41a6.js';

package/dist/Elevation/Elevation.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-var index = require('../_shared/cjs/index-9947ac13.js');
+var index = require('../_shared/cjs/index-df60851b.js');
+var index$1 = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Elevation = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.elevationLevel, elevationLevel = _c === void 0 ? "2" : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, props = filterDataAttrs.__rest(_a, ["children", "elevationLevel", "isFullWidth"]);
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {},
+    var children = _a.children, _c = _a.elevationLevel, elevationLevel = _c === void 0 ? "2" : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, props = index.__rest(_a, ["children", "elevationLevel", "isFullWidth"]);
+    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {},
             _b["arc-Elevation"] = true,
             _b["arc-Elevation--levelOne"] = elevationLevel === "1",
             _b["arc-Elevation--levelTwo"] = elevationLevel === "2",
             _b["arc-Elevation--fullWidth"] = isFullWidth,
-            _b)) }, filterDataAttrs.filterDataAttrs(props)), children));
+            _b)) }, index.filterDataAttrs(props)), children));
 };
 
 exports.Elevation = Elevation;

package/dist/Elevation/Elevation.esm.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default from 'react';
 

package/dist/Filter/Filter.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Filter = require('../_shared/cjs/Filter-f9506dfa.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var Filter = require('../_shared/cjs/Filter-3b897d92.js');
+require('../_shared/cjs/index-df60851b.js');
 require('react');
-require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 

package/dist/Filter/Filter.esm.js

@@ -1,6 +1,6 @@
-export { F as Filter } from '../_shared/esm/Filter-258ba675.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { F as Filter } from '../_shared/esm/Filter-49dcf5ce.js';
+import '../_shared/esm/index-288c66b5.js';
 import 'react';
-import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/Surface-71d21a9e.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/VisuallyHidden-06692fd3.js';

package/dist/FormControl/FormControl.cjs.js

@@ -2,16 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-68258ce1.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var FormControl = require('../_shared/cjs/FormControl-88d48f42.js');
+require('../_shared/cjs/index-df60851b.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
-require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/DisclosureMini-09c749e5.js');
-require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
-require('../_shared/cjs/Text-606ca3a2.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/DisclosureMini-c01ecce0.js');
+require('../_shared/cjs/Text-1c1110a4.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/ThemeIcon-ee814862.js');
 require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 
 

package/dist/FormControl/FormControl.esm.js

@@ -1,11 +1,10 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-8e836656.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-d873f7fa.js';
+import '../_shared/esm/index-288c66b5.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/DisclosureMini-56719716.js';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
-import '../_shared/esm/Text-14f586ac.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/DisclosureMini-38f4c459.js';
+import '../_shared/esm/Text-a46fb76b.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/ThemeIcon-c2dc41a6.js';
 import '../_shared/esm/VisuallyHidden-06692fd3.js';

package/dist/Grid/Grid.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Grid = require('../_shared/cjs/Grid-da776e77.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var Grid = require('../_shared/cjs/Grid-9e91fb3d.js');
+require('../_shared/cjs/index-df60851b.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
 
 
 

package/dist/Grid/Grid.esm.js

@@ -1,5 +1,5 @@
-export { G as Grid } from '../_shared/esm/Grid-07dbf4bd.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { G as Grid } from '../_shared/esm/Grid-fb9fc522.js';
+import '../_shared/esm/index-288c66b5.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';

package/dist/Group/Group.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Group = require('../_shared/cjs/Group-0429741a.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var Group = require('../_shared/cjs/Group-3d5ea240.js');
+require('../_shared/cjs/index-df60851b.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
 
 
 

package/dist/Group/Group.esm.js

@@ -1,5 +1,5 @@
-export { G as Group } from '../_shared/esm/Group-73fdb896.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { G as Group } from '../_shared/esm/Group-66196f07.js';
+import '../_shared/esm/index-288c66b5.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/Surface-71d21a9e.js';

package/dist/Heading/Heading.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../_shared/cjs/Heading-27cba320.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var Heading = require('../_shared/cjs/Heading-fb63844f.js');
+require('../_shared/cjs/index-df60851b.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
 
 
 

package/dist/Heading/Heading.esm.js

@@ -1,6 +1,6 @@
-export { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { H as Heading } from '../_shared/esm/Heading-906c7c7c.js';
+import '../_shared/esm/index-288c66b5.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-71d21a9e.js';

package/dist/HeroButton/HeroButton.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HeroButton = require('../_shared/cjs/HeroButton-0586a7c4.js');
+require('../_shared/cjs/index-df60851b.js');
+require('react');
+require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/Icon-0ec0c1fb.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/ArcIconEclipse.esm-ac777a76.js');
+
+
+
+exports.HeroButton = HeroButton.HeroButton;

package/dist/HeroButton/HeroButton.esm.js

@@ -0,0 +1,8 @@
+export { H as HeroButton } from '../_shared/esm/HeroButton-7ea692bf.js';
+import '../_shared/esm/index-288c66b5.js';
+import 'react';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/Icon-512f834f.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/ArcIconEclipse.esm-bb48b82a.js';

package/dist/HeroButton/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/herobutton",
+  "types": "../types/components/HeroButton/index.d.ts",
+  "main": "./HeroButton.cjs.js",
+  "module": "./HeroButton.esm.js",
+  "private": true
+}

package/dist/Hidden/Hidden.cjs.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-df60851b.js');
 var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
+var index$1 = require('../_shared/cjs/index-9947ac13.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var Hidden = function (_a) {
-    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = filterDataAttrs.__rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
+    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = index.__rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
+    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
             "arc-Hidden--xs": xs,
             "arc-Hidden--s": s,
             "arc-Hidden--m": m,
             "arc-Hidden--l": l,
             "arc-Hidden--xl": xl
-        }) }, filterDataAttrs.filterDataAttrs(props)), children));
+        }) }, index.filterDataAttrs(props)), children));
 };
 
 exports.Hidden = Hidden;

package/dist/Hidden/Hidden.esm.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
 import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 

package/dist/Icon/Icon.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Icon = require('../_shared/cjs/Icon-b46897a3.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-require('react');
+var Icon = require('../_shared/cjs/Icon-0ec0c1fb.js');
+require('../_shared/cjs/index-df60851b.js');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Surface-038db6e1.js');
+require('react');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
 
 
 

package/dist/Icon/Icon.esm.js

@@ -1,6 +1,6 @@
-export { I as Icon } from '../_shared/esm/Icon-15799695.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import 'react';
+export { I as Icon } from '../_shared/esm/Icon-512f834f.js';
+import '../_shared/esm/index-288c66b5.js';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Surface-0ca6817d.js';
+import 'react';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-71d21a9e.js';

package/dist/Image/Image.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Image = require('../_shared/cjs/Image-e873b8fc.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var Image = require('../_shared/cjs/Image-e9a5a326.js');
+require('../_shared/cjs/index-df60851b.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
 
 
 

package/dist/Image/Image.esm.js

@@ -1,5 +1,5 @@
-export { I as Image, l as loadingOptions } from '../_shared/esm/Image-12fbd327.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { I as Image, l as loadingOptions } from '../_shared/esm/Image-57d08939.js';
+import '../_shared/esm/index-288c66b5.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';

package/dist/ImpactCard/ImpactCard.cjs.js

@@ -2,16 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-df60851b.js');
 var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
-var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-50d96943.js');
-var CardFooter = require('../_shared/cjs/CardFooter-ff015d7d.js');
-var Image = require('../_shared/cjs/Image-e873b8fc.js');
-var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js');
-require('../_shared/cjs/Icon-b46897a3.js');
+var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-5989f2ca.js');
+var CardFooter = require('../_shared/cjs/CardFooter-5414bc4f.js');
+var Heading = require('../_shared/cjs/Heading-fb63844f.js');
+var Image = require('../_shared/cjs/Image-e9a5a326.js');
+var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/BtIconPlayFill.esm-b8997cfc.js');
+require('../_shared/cjs/Icon-0ec0c1fb.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/index-7e31a45b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,23 +21,23 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /** Use `ImpactCard` for important content that needs additional hierarchy and prominence.  */
 var ImpactCard = function (_a) {
-    var url = _a.url, onClick = _a.onClick, heading = _a.heading, img = _a.img, label = _a.label, minHeight = _a.minHeight, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, _c = _a.pathway, pathway = _c === void 0 ? "light" : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, props = filterDataAttrs.__rest(_a, ["url", "onClick", "heading", "img", "label", "minHeight", "linkData", "pathway", "headingLevel", "buttonIcon"]);
-    var _f = React.useState(false), showHoverState = _f[0], setShowHoverState = _f[1];
+    var url = _a.url, onClick = _a.onClick, heading = _a.heading, img = _a.img, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.buttonIcon, buttonIcon = _f === void 0 ? "arrow" : _f, props = index.__rest(_a, ["url", "onClick", "heading", "img", "label", "minHeight", "headingSize", "linkData", "pathway", "headingLevel", "buttonIcon"]);
+    var _g = React.useState(false), showHoverState = _g[0], setShowHoverState = _g[1];
     var surface = React.useContext(Surface.Context).surface;
     var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
     var isDarkPathway = pathway === "dark";
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-ImpactCard", {
+    return (React__default["default"].createElement("div", index.__assign({ style: { minHeight: minHeight }, className: index$1.classNames("arc-ImpactCard", {
             "arc-ImpactCard--darkPathway": isDarkPathway,
             "arc-ImpactCard--outlined": url && showHoverState,
             "arc-ImpactCard--isHovered": showHoverState,
             "arc-ImpactCard--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs.filterDataAttrs(props)),
+        }) }, index.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-ImpactCard-backgroundImageContainer" },
-            React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({ fit: "cover", alt: "" }, img))),
+            React__default["default"].createElement(Image.Image, index.__assign({ fit: "cover", alt: "" }, img))),
         React__default["default"].createElement("div", { className: "arc-ImpactCard-contentContainer" },
             label && (React__default["default"].createElement("div", { className: "arc-ImpactCard-labelContainer" },
-                React__default["default"].createElement(BtIconArrowRight_esm.CardLabel, { isDarkPathway: isDarkPathway, color: "supporting", isBold: true, text: label }))),
-            React__default["default"].createElement(BtIconArrowRight_esm.CardHeading, { heading: heading, headingLevel: headingLevel, linkData: linkData, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
+                React__default["default"].createElement(Heading.Heading, { size: "xxs" }, label.toUpperCase()))),
+            React__default["default"].createElement(BtIconArrowRight_esm.CardHeading, { heading: heading, size: headingSize, headingLevel: headingLevel, linkData: linkData, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
         React__default["default"].createElement(CardFooter.CardFooter, { buttonIcon: buttonIcon, showButton: true, isDarkPathway: isDarkPathway, isHovered: showHoverState })));
 };
 

package/dist/ImpactCard/ImpactCard.esm.js

@@ -1,18 +1,20 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
 import React__default, { useState, useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as CardLabel, a as CardHeading } from '../_shared/esm/BtIconArrowRight.esm-9b181878.js';
-import { C as CardFooter } from '../_shared/esm/CardFooter-e13f77b0.js';
-import { I as Image } from '../_shared/esm/Image-12fbd327.js';
-import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/BtIconArrowRightFill.esm-99019d1a.js';
-import '../_shared/esm/Icon-15799695.js';
+import { C as CardHeading } from '../_shared/esm/BtIconArrowRight.esm-6a17d0ce.js';
+import { C as CardFooter } from '../_shared/esm/CardFooter-c79fb2db.js';
+import { H as Heading } from '../_shared/esm/Heading-906c7c7c.js';
+import { I as Image } from '../_shared/esm/Image-57d08939.js';
+import { C as Context } from '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/BtIconPlayFill.esm-05fc0344.js';
+import '../_shared/esm/Icon-512f834f.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/index-605031ca.js';
 
 /** Use `ImpactCard` for important content that needs additional hierarchy and prominence.  */
 var ImpactCard = function (_a) {
-    var url = _a.url, onClick = _a.onClick, heading = _a.heading, img = _a.img, label = _a.label, minHeight = _a.minHeight, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, _c = _a.pathway, pathway = _c === void 0 ? "light" : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, props = __rest(_a, ["url", "onClick", "heading", "img", "label", "minHeight", "linkData", "pathway", "headingLevel", "buttonIcon"]);
-    var _f = useState(false), showHoverState = _f[0], setShowHoverState = _f[1];
+    var url = _a.url, onClick = _a.onClick, heading = _a.heading, img = _a.img, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.buttonIcon, buttonIcon = _f === void 0 ? "arrow" : _f, props = __rest(_a, ["url", "onClick", "heading", "img", "label", "minHeight", "headingSize", "linkData", "pathway", "headingLevel", "buttonIcon"]);
+    var _g = useState(false), showHoverState = _g[0], setShowHoverState = _g[1];
     var surface = useContext(Context).surface;
     var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
     var isDarkPathway = pathway === "dark";
@@ -26,8 +28,8 @@ var ImpactCard = function (_a) {
             React__default.createElement(Image, __assign({ fit: "cover", alt: "" }, img))),
         React__default.createElement("div", { className: "arc-ImpactCard-contentContainer" },
             label && (React__default.createElement("div", { className: "arc-ImpactCard-labelContainer" },
-                React__default.createElement(CardLabel, { isDarkPathway: isDarkPathway, color: "supporting", isBold: true, text: label }))),
-            React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, linkData: linkData, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
+                React__default.createElement(Heading, { size: "xxs" }, label.toUpperCase()))),
+            React__default.createElement(CardHeading, { heading: heading, size: headingSize, headingLevel: headingLevel, linkData: linkData, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
         React__default.createElement(CardFooter, { buttonIcon: buttonIcon, showButton: true, isDarkPathway: isDarkPathway, isHovered: showHoverState })));
 };
 

package/dist/InformationCard/InformationCard.cjs.js

@@ -2,21 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-df60851b.js');
 var React = require('react');
-var useMediaQuery = require('../_shared/cjs/use-media-query-e61881d8.js');
-var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-50d96943.js');
-var Icon = require('../_shared/cjs/Icon-b46897a3.js');
-var Tag = require('../_shared/cjs/Tag-73a59171.js');
-var Image = require('../_shared/cjs/Image-e873b8fc.js');
-var Text = require('../_shared/cjs/Text-606ca3a2.js');
-var Button = require('../_shared/cjs/Button-6ba21d3b.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
-var index = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
+var index_es = require('../_shared/cjs/index.es-8b018b0d.js');
+var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-5989f2ca.js');
+var Icon = require('../_shared/cjs/Icon-0ec0c1fb.js');
+var Tag = require('../_shared/cjs/Tag-452048f6.js');
+var Image = require('../_shared/cjs/Image-e9a5a326.js');
+var Heading = require('../_shared/cjs/Heading-fb63844f.js');
+var Text = require('../_shared/cjs/Text-1c1110a4.js');
+var ButtonV2 = require('../_shared/cjs/ButtonV2-b2db3f46.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-e128ec68.js');
+var useMediaQuery = require('../_shared/cjs/use-media-query-d34c83b9.js');
+var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/ThemeIcon-ee814862.js');
+require('../_shared/cjs/ArcIconEclipse.esm-ac777a76.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,30 +26,30 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /** Use `InformationCard` for flexibility and the ability to focus and highlight product specific content. */
 var InformationCard = function (_a) {
-    var cardUrl = _a.cardUrl, onClick = _a.onClick, heading = _a.heading, text = _a.text, label = _a.label, footerLogo = _a.footerLogo, button = _a.button, image = _a.image, tags = _a.tags, icon = _a.icon, minHeight = _a.minHeight, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = filterDataAttrs.__rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "tags", "icon", "minHeight", "headingLevel"]);
+    var cardUrl = _a.cardUrl, onClick = _a.onClick, heading = _a.heading, text = _a.text, label = _a.label, footerLogo = _a.footerLogo, button = _a.button, image = _a.image, tags = _a.tags, icon = _a.icon, minHeight = _a.minHeight, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = index.__rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "tags", "icon", "minHeight", "headingLevel"]);
     var surface = React.useContext(Surface.Context).surface;
-    var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(useMediaQuery.ArcBreakpointS, "px)"));
-    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(useMediaQuery.ArcBreakpointM, "px)"));
+    var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.SemSizeBreakpointsS, ")"));
+    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.SemSizeBreakpointsM, ")"));
     var _c = React.useState(false), showHoverState = _c[0], setShowHoverState = _c[1];
     var headingSpacing = isMinWidthArcBreakpointS ? "16" : "8";
     var assetSpacing = isMinWidthArcBreakpointM ? "24" : "20";
     var containerSpacing = isMinWidthArcBreakpointS ? "32" : "24";
     var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-InformationCard", {
+    return (React__default["default"].createElement("div", index.__assign({ style: { minHeight: minHeight }, className: index$1.classNames("arc-InformationCard", {
             "arc-InformationCard--isALink": cardUrl,
             "arc-InformationCard--outlined": cardUrl && showHoverState,
             "arc-InformationCard--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(Surface.Surface, { growVertically: true, padding: containerSpacing, background: "white" },
+        }) }, index.filterDataAttrs(props)),
+        React__default["default"].createElement(Surface.Surface, { growVertically: true, padding: containerSpacing, background: "light-white" },
             React__default["default"].createElement("div", null,
                 image && (React__default["default"].createElement("div", { className: "arc-InformationCard-img" },
-                    React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({ alt: "" }, image)),
+                    React__default["default"].createElement(Image.Image, index.__assign({ alt: "" }, image)),
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
                 icon && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement(Icon.Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
                 label && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(BtIconArrowRight_esm.CardLabel, { color: "supporting", text: label }),
+                    React__default["default"].createElement(Heading.Heading, { size: "xxs" }, label.toUpperCase()),
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }))),
                 React__default["default"].createElement(BtIconArrowRight_esm.CardHeading, { heading: heading, headingLevel: headingLevel, href: cardUrl, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
             React__default["default"].createElement("div", { className: "arc-InformationCard-contentContainer" },
@@ -57,16 +59,16 @@ var InformationCard = function (_a) {
                     (button || tags || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }))),
                 tags && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement("div", { className: "arc-InformationCard-tagContainer" }, tags.map(function (_a, i) {
-                        var text = _a.text, tagProps = filterDataAttrs.__rest(_a, ["text"]);
+                        var text = _a.text, tagProps = index.__rest(_a, ["text"]);
                         return (React__default["default"].createElement("div", { className: "arc-InformationCard-tag", key: "information-card-tag-".concat(i) },
-                            React__default["default"].createElement(Tag.Tag, filterDataAttrs.__assign({}, tagProps), text)));
+                            React__default["default"].createElement(Tag.Tag, index.__assign({}, tagProps), text)));
                     })),
                     (button || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" })))),
             React__default["default"].createElement("div", { className: "arc-InformationCard-footer" },
                 button && !cardUrl && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
-                    React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({}, button, { iconPosition: "beforeText", fill: "flat", icon: BtIconArrowRight_esm.BtIconArrowRight })))),
+                    React__default["default"].createElement(ButtonV2.ButtonV2, index.__assign({}, button, { size: "s", iconPosition: "beforeText", buttonStyle: "tertiary", icon: BtIconArrowRight_esm.BtIconArrowRight })))),
                 footerLogo && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerLogoContainer" },
-                    React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, footerLogo))))))));
+                    React__default["default"].createElement(Image.Image, index.__assign({}, footerLogo))))))));
 };
 
 exports.InformationCard = InformationCard;