@arc-ui/components 12.0.0-beta.5 → 12.0.0-beta.8

package/dist/ImpactCard/ImpactCard.esm.js

@@ -1,15 +1,15 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
 import React__default, { useState, useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.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';
+import { C as Context } from '../_shared/esm/Surface-56d329b0.js';
+import { I as Image } from '../_shared/esm/Image-85c39506.js';
+import { C as CardFooter } from '../_shared/esm/CardFooter-2902bd84.js';
+import { C as CardHeading } from '../_shared/esm/CardHeading-6d3dbfad.js';
+import '../_shared/esm/BtIconArrowRight.esm-8bcaa8ad.js';
+import '../_shared/esm/BtIconPlayFill.esm-ec2797a0.js';
+import '../_shared/esm/Icon-3e813b34.js';
+import '../_shared/esm/index-ce6dee84.js';
+import '../_shared/esm/Heading-14df0c64.js';
 
 /** Use `ImpactCard` for important content that needs additional hierarchy and prominence.  */
 var ImpactCard = function (_a) {
@@ -27,8 +27,7 @@ var ImpactCard = function (_a) {
         React__default.createElement("div", { className: "arc-ImpactCard-backgroundImageContainer" },
             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(Heading, { size: "xxs" }, label.toUpperCase()))),
+            label && (React__default.createElement("div", { className: "arc-ImpactCard-label" }, 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/ImpactCard/styles.css

@@ -0,0 +1 @@
+.arc .arc-ImpactCard{background:var(--surface-colors-bg-light-brand-02);border-radius:var(--card-border-radius-s);box-shadow:0 0 0 2px transparent;color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;overflow:hidden;padding:var(--card-padding-s);position:relative;transition:all 0.2s ease-in-out}.arc .arc-ImpactCard-backgroundImageContainer{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:transform 0.4s ease}.arc .arc-ImpactCard-label{color:var(--card-colors-light-text-support);font:var(--sem-type-body-reg-s);margin-bottom:var(--card-gap-s)}.arc .arc-ImpactCard--isHovered .arc-ImpactCard-backgroundImageContainer{transform:scale(1.05)}.arc .arc-ImpactCard--darkPathway{background:var(--surface-colors-bg-dark-brand-02);color:var(--card-colors-dark-text-default)}.arc .arc-ImpactCard--darkPathway .arc-ImpactCard-label{color:var(--card-colors-dark-text-support)}.arc .arc-ImpactCard-contentContainer{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:var(--card-gap-xl);z-index:1}.arc .arc-ImpactCard--darkPathway.arc-ImpactCard--outlined{box-shadow:0 0 0 2px var(--card-colors-dark-border-hover)}.arc .arc-ImpactCard--outlined{box-shadow:0 0 0 2px var(--card-colors-light-border-hover)}.arc .arc-ImpactCard--outlined:not(.arc-ImpactCard--darkPathway) .arc-CardHeading-link{color:var(--card-colors-light-text-hover)}.arc .arc-ImpactCard--outlined[focus-within]{box-shadow:none;outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-ImpactCard--outlined:focus-within{box-shadow:none;outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-ImpactCard--onDarkSurface.arc-ImpactCard--outlined[focus-within]{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-ImpactCard--onDarkSurface.arc-ImpactCard--outlined:focus-within{outline-color:var(--focus-colors-dark-border-subtle)}@media (min-width:1280px){.arc .arc-ImpactCard{padding:var(--card-padding-m)}}

package/dist/InformationCard/InformationCard.cjs.js

@@ -2,23 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
+var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
 var React = require('react');
-var index_es = require('../_shared/cjs/index.es-16759329.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');
+var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-c78e3c11.js');
+var Icon = require('../_shared/cjs/Icon-859c6c00.js');
+var Badge = require('../_shared/cjs/Badge-ca986033.js');
+var Image = require('../_shared/cjs/Image-b807e951.js');
+var Text = require('../_shared/cjs/Text-f6be8fdd.js');
+var ButtonV2 = require('../_shared/cjs/ButtonV2-320f74b2.js');
+var CardHeading = require('../_shared/cjs/CardHeading-30ef8abc.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-4bc47dcb.js');
+require('../_shared/cjs/Spinner-2a1d9f20.js');
+require('../_shared/cjs/Heading-cb321adf.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,49 +22,39 @@ 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 = index.__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, badges = _a.badges, icon = _a.icon, minHeight = _a.minHeight, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = index_es.__rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "badges", "icon", "minHeight", "headingLevel"]);
     var surface = React.useContext(Surface.Context).surface;
-    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", index.__assign({ style: { minHeight: minHeight }, className: index$1.classNames("arc-InformationCard", {
+    return (React__default["default"].createElement("div", index_es.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-InformationCard", {
             "arc-InformationCard--isALink": cardUrl,
             "arc-InformationCard--outlined": cardUrl && showHoverState,
             "arc-InformationCard--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props)),
-        React__default["default"].createElement(Surface.Surface, { growVertically: true, padding: containerSpacing, background: "light-white" },
-            React__default["default"].createElement("div", null,
+        }) }, index_es.filterDataAttrs(props)),
+        React__default["default"].createElement(Surface.Surface, { growVertically: true, background: "light-white" },
+            React__default["default"].createElement("div", { className: "arc-InformationCard-innerContainer" },
                 image && (React__default["default"].createElement("div", { className: "arc-InformationCard-img" },
-                    React__default["default"].createElement(Image.Image, index.__assign({ alt: "" }, image)),
-                    React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
+                    React__default["default"].createElement(Image.Image, index_es.__assign({ alt: "" }, image)))),
                 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(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" },
-                text && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }),
-                    React__default["default"].createElement(Text.Text, null, text),
-                    (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 = 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, 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(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, index.__assign({}, footerLogo))))))));
+                    React__default["default"].createElement("div", { className: "arc-InformationCard-icon" },
+                        React__default["default"].createElement(Icon.Icon, { testId: "information-card-icon", icon: icon })))),
+                React__default["default"].createElement("div", { className: "arc-InformationCard-contentContainer" },
+                    label && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        React__default["default"].createElement("div", { className: "arc-InformationCard-label" }, label.toUpperCase()))),
+                    React__default["default"].createElement(CardHeading.CardHeading, { heading: heading, headingLevel: headingLevel, href: cardUrl, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) }),
+                    text && React__default["default"].createElement(Text.Text, null, text)),
+                (button || badges || footerLogo) && (React__default["default"].createElement("div", { className: "arc-InformationCard-footer" },
+                    badges && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        React__default["default"].createElement("div", { className: "arc-InformationCard-badgeContainer" }, badges.map(function (_a, i) {
+                            var text = _a.text, badgeProps = index_es.__rest(_a, ["text"]);
+                            return (React__default["default"].createElement("div", { className: "arc-InformationCard-badge", key: "information-card-badge-".concat(i) },
+                                React__default["default"].createElement(Badge.Badge, index_es.__assign({}, badgeProps), text)));
+                        })))),
+                    React__default["default"].createElement("div", { className: "arc-InformationCard-footerItems" },
+                        button && !cardUrl && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
+                            React__default["default"].createElement(ButtonV2.ButtonV2, index_es.__assign({}, button, { size: "m", iconPosition: "beforeText", buttonStyle: "compact", icon: BtIconArrowRight_esm.BtIconArrowRight })))),
+                        footerLogo && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerLogoContainer" },
+                            React__default["default"].createElement(Image.Image, index_es.__assign({}, footerLogo)))))))))));
 };
 
 exports.InformationCard = InformationCard;

package/dist/InformationCard/InformationCard.esm.js

@@ -1,66 +1,52 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
 import React__default, { useContext, useState } from 'react';
-import { a as SemSizeBreakpointsS, S as SemSizeBreakpointsM } from '../_shared/esm/index.es-1b6d33c2.js';
-import { C as CardHeading, B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight.esm-6a17d0ce.js';
-import { I as Icon } from '../_shared/esm/Icon-512f834f.js';
-import { T as Tag } from '../_shared/esm/Tag-2513c185.js';
-import { I as Image } from '../_shared/esm/Image-57d08939.js';
-import { H as Heading } from '../_shared/esm/Heading-906c7c7c.js';
-import { T as Text } from '../_shared/esm/Text-a46fb76b.js';
-import { B as ButtonV2 } from '../_shared/esm/ButtonV2-49cd0615.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-b07cd8e6.js';
-import { u as useMediaQuery } from '../_shared/esm/use-media-query-d3622da8.js';
+import { B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight.esm-8bcaa8ad.js';
+import { I as Icon } from '../_shared/esm/Icon-3e813b34.js';
+import { B as Badge } from '../_shared/esm/Badge-a6bda4a7.js';
+import { I as Image } from '../_shared/esm/Image-85c39506.js';
+import { T as Text } from '../_shared/esm/Text-98ad2e78.js';
+import { B as ButtonV2 } from '../_shared/esm/ButtonV2-4dc8830e.js';
+import { C as CardHeading } from '../_shared/esm/CardHeading-6d3dbfad.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context, S as Surface } from '../_shared/esm/Surface-71d21a9e.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/ThemeIcon-c2dc41a6.js';
-import '../_shared/esm/ArcIconEclipse.esm-bb48b82a.js';
+import { C as Context, S as Surface } from '../_shared/esm/Surface-56d329b0.js';
+import '../_shared/esm/Spinner-9d28043d.js';
+import '../_shared/esm/Heading-14df0c64.js';
 
 /** 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 = __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, badges = _a.badges, icon = _a.icon, minHeight = _a.minHeight, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = __rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "badges", "icon", "minHeight", "headingLevel"]);
     var surface = useContext(Context).surface;
-    var isMinWidthArcBreakpointS = useMediaQuery("(min-width: ".concat(SemSizeBreakpointsS, ")"));
-    var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(SemSizeBreakpointsM, ")"));
     var _c = 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.createElement("div", __assign({ style: { minHeight: minHeight }, className: classNames("arc-InformationCard", {
             "arc-InformationCard--isALink": cardUrl,
             "arc-InformationCard--outlined": cardUrl && showHoverState,
             "arc-InformationCard--onDarkSurface": surface === "dark"
         }) }, filterDataAttrs(props)),
-        React__default.createElement(Surface, { growVertically: true, padding: containerSpacing, background: "light-white" },
-            React__default.createElement("div", null,
+        React__default.createElement(Surface, { growVertically: true, background: "light-white" },
+            React__default.createElement("div", { className: "arc-InformationCard-innerContainer" },
                 image && (React__default.createElement("div", { className: "arc-InformationCard-img" },
-                    React__default.createElement(Image, __assign({ alt: "" }, image)),
-                    React__default.createElement(VerticalSpace, { size: assetSpacing }))),
+                    React__default.createElement(Image, __assign({ alt: "" }, image)))),
                 icon && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
-                    React__default.createElement(VerticalSpace, { size: assetSpacing }))),
-                label && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(Heading, { size: "xxs" }, label.toUpperCase()),
-                    React__default.createElement(VerticalSpace, { size: headingSpacing }))),
-                React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, href: cardUrl, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
-            React__default.createElement("div", { className: "arc-InformationCard-contentContainer" },
-                text && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(VerticalSpace, { size: headingSpacing }),
-                    React__default.createElement(Text, null, text),
-                    (button || tags || footerLogo) && React__default.createElement(VerticalSpace, { size: "24" }))),
-                tags && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement("div", { className: "arc-InformationCard-tagContainer" }, tags.map(function (_a, i) {
-                        var text = _a.text, tagProps = __rest(_a, ["text"]);
-                        return (React__default.createElement("div", { className: "arc-InformationCard-tag", key: "information-card-tag-".concat(i) },
-                            React__default.createElement(Tag, __assign({}, tagProps), text)));
-                    })),
-                    (button || footerLogo) && React__default.createElement(VerticalSpace, { size: "24" })))),
-            React__default.createElement("div", { className: "arc-InformationCard-footer" },
-                button && !cardUrl && (React__default.createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
-                    React__default.createElement(ButtonV2, __assign({}, button, { size: "s", iconPosition: "beforeText", buttonStyle: "tertiary", icon: BtIconArrowRight })))),
-                footerLogo && (React__default.createElement("div", { className: "arc-InformationCard-footerLogoContainer" },
-                    React__default.createElement(Image, __assign({}, footerLogo))))))));
+                    React__default.createElement("div", { className: "arc-InformationCard-icon" },
+                        React__default.createElement(Icon, { testId: "information-card-icon", icon: icon })))),
+                React__default.createElement("div", { className: "arc-InformationCard-contentContainer" },
+                    label && (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement("div", { className: "arc-InformationCard-label" }, label.toUpperCase()))),
+                    React__default.createElement(CardHeading, { heading: heading, headingLevel: headingLevel, href: cardUrl, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) }),
+                    text && React__default.createElement(Text, null, text)),
+                (button || badges || footerLogo) && (React__default.createElement("div", { className: "arc-InformationCard-footer" },
+                    badges && (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement("div", { className: "arc-InformationCard-badgeContainer" }, badges.map(function (_a, i) {
+                            var text = _a.text, badgeProps = __rest(_a, ["text"]);
+                            return (React__default.createElement("div", { className: "arc-InformationCard-badge", key: "information-card-badge-".concat(i) },
+                                React__default.createElement(Badge, __assign({}, badgeProps), text)));
+                        })))),
+                    React__default.createElement("div", { className: "arc-InformationCard-footerItems" },
+                        button && !cardUrl && (React__default.createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
+                            React__default.createElement(ButtonV2, __assign({}, button, { size: "m", iconPosition: "beforeText", buttonStyle: "compact", icon: BtIconArrowRight })))),
+                        footerLogo && (React__default.createElement("div", { className: "arc-InformationCard-footerLogoContainer" },
+                            React__default.createElement(Image, __assign({}, footerLogo)))))))))));
 };
 
 export { InformationCard };

package/dist/InformationCard/styles.css

@@ -0,0 +1 @@
+.arc .arc-InformationCard{border-radius:var(--card-border-radius-s);box-shadow:0 0 0 1px var(--card-colors-light-border-default);color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;overflow:hidden;position:relative;text-decoration:none;transition:all 0.2s ease-in-out}.arc .arc-InformationCard-innerContainer{display:flex;flex-direction:column;height:100%;padding:var(--card-padding-s)}.arc .arc-InformationCard-label{color:var(--card-colors-light-text-default);font:var(--sem-type-body-semi-s)}.arc .arc-InformationCard--outlined{box-shadow:0 0 0 2px var(--card-colors-light-fg-hover)}.arc .arc-InformationCard--outlined .arc-CardHeading-link{color:var(--card-colors-light-text-hover)}.arc .arc-InformationCard--isALink[focus-within]{box-shadow:0 0 0 1px var(--card-colors-light-fg-hover);outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-InformationCard--isALink:focus-within{box-shadow:0 0 0 1px var(--card-colors-light-fg-hover);outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-InformationCard--onDarkSurface.arc-InformationCard--outlined[focus-within]{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-InformationCard--onDarkSurface.arc-InformationCard--outlined:focus-within{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-InformationCard-img,.arc .arc-InformationCard-icon{margin-bottom:var(--card-gap-m)}.arc .arc-InformationCard-img .arc-Image-img{height:var(--card-size-m);width:auto}.arc .arc-InformationCard .arc-Icon{height:var(--card-size-icon-m);width:var(--card-size-icon-m)}.arc .arc-InformationCard-contentContainer{display:flex;flex-direction:column;flex-grow:1;gap:var(--card-gap-xs)}.arc .arc-InformationCard-badgeContainer{display:flex;flex-wrap:wrap;margin:-4px -8px}.arc .arc-InformationCard-badge{margin-top:8px}.arc .arc-InformationCard-footer{display:flex;flex-direction:column;gap:var(--card-gap-xl);margin-top:var(--card-gap-xl)}.arc .arc-InformationCard-footerItems{align-items:center;display:flex}.arc .arc-InformationCard-footerButtonContainer{flex:1 1 auto}.arc .arc-InformationCard-footerLogoContainer .arc-Image-img{max-height:48px;width:auto}.arc .arc-InformationCard-badgeContainer>.arc-InformationCard-badge{margin:4px 8px}.arc .arc-InformationCard .arc-Surface{flex:1}@media (min-width:768px){.arc .arc-InformationCard-contentContainer{gap:var(--card-gap-s)}}@media (min-width:1024px){.arc .arc-InformationCard-img .arc-Image-img{height:var(--card-size-l)}}@media (min-width:1280px){.arc .arc-InformationCard-innerContainer{padding:var(--card-padding-m)}}

package/dist/Link/Link.cjs.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
+var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
 var React = require('react');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
-var Icon = require('../_shared/cjs/Icon-0ec0c1fb.js');
-var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-4bc47dcb.js');
+var Icon = require('../_shared/cjs/Icon-859c6c00.js');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-821078c9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,18 +18,18 @@ const BtIconNewWindow = (props) =>
     "svg",
     Object.assign(
       {
-        xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
       },
       props,
     ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
     /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M24.70166,7.01794a.49968.49968,0,0,0-.19092-.03845H17.50586a.5.5,0,0,0,0,1h5.79785l-8.15918,8.15918a.49995.49995,0,1,0,.707.707l8.15918-8.15918v5.77393a.5.5,0,1,0,1,0v-6.981a.50171.50171,0,0,0-.30908-.46155Z",
+      d: "M24.702 7.01799C24.6415 6.99258 24.5766 6.97933 24.511 6.97899H17.506C17.3734 6.97899 17.2462 7.03167 17.1524 7.12544C17.0587 7.21921 17.006 7.34638 17.006 7.47899C17.006 7.6116 17.0587 7.73878 17.1524 7.83254C17.2462 7.92631 17.3734 7.97899 17.506 7.97899H23.304L15.144 16.139C15.0976 16.1855 15.0608 16.2407 15.0357 16.3014C15.0106 16.3621 14.9977 16.4271 14.9977 16.4928C14.9978 16.5585 15.0107 16.6236 15.0359 16.6843C15.0611 16.7449 15.098 16.8001 15.1445 16.8465C15.191 16.8929 15.2462 16.9297 15.3069 16.9548C15.3676 16.9799 15.4326 16.9928 15.4983 16.9928C15.564 16.9927 15.6291 16.9797 15.6898 16.9546C15.7504 16.9294 15.8056 16.8925 15.852 16.846L24.011 8.68599V14.46C24.011 14.5926 24.0637 14.7198 24.1574 14.8135C24.2512 14.9073 24.3784 14.96 24.511 14.96C24.6436 14.96 24.7708 14.9073 24.8645 14.8135C24.9583 14.7198 25.011 14.5926 25.011 14.46V7.47999C25.0106 7.381 24.981 7.28432 24.9259 7.20212C24.8707 7.11991 24.7935 7.05585 24.702 7.01799Z",
       fill: "currentColor",
     }),
     /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M26.85156,3.99072H5.18359A1.20156,1.20156,0,0,0,3.9834,5.19141V26.89062a1.10362,1.10362,0,0,0,1.10254,1.103H26.85156a1.17979,1.17979,0,0,0,1.17871-1.17871V5.16943A1.17979,1.17979,0,0,0,26.85156,3.99072Zm.17871,22.82422a.17891.17891,0,0,1-.17871.17871H5.08594a.10419.10419,0,0,1-.10254-.103V5.19141a.20069.20069,0,0,1,.20019-.20069h21.668a.17888.17888,0,0,1,.17871.17871Z",
+      d: "M26.852 3.98999H5.18399C4.86572 3.99052 4.56065 4.11726 4.3357 4.3424C4.11074 4.56755 3.98426 4.87272 3.98399 5.19099V26.891C3.98426 27.1833 4.10041 27.4635 4.30699 27.6703C4.51357 27.8771 4.79371 27.9935 5.08599 27.994H26.852C27.1646 27.9935 27.4642 27.8689 27.6851 27.6477C27.9059 27.4264 28.03 27.1266 28.03 26.814V5.16999C28.0295 4.85773 27.9052 4.55841 27.6844 4.3376C27.4636 4.1168 27.1643 3.99252 26.852 3.99199V3.98999ZM27.03 26.815C27.03 26.8623 27.0113 26.9077 26.9779 26.9412C26.9446 26.9748 26.8993 26.9937 26.852 26.994H5.08599C5.05876 26.9937 5.03271 26.9828 5.01345 26.9635C4.99419 26.9443 4.98325 26.9182 4.98299 26.891V5.18999C4.98299 5.13695 5.00407 5.08608 5.04157 5.04857C5.07908 5.01106 5.12995 4.98999 5.18299 4.98999H26.852C26.8991 4.99025 26.9442 5.00909 26.9776 5.04242C27.0109 5.07574 27.0297 5.12086 27.03 5.16799V26.815Z",
       fill: "currentColor",
     }),
   );
@@ -39,7 +38,7 @@ const BtIconNewWindow = (props) =>
  * Use `Link` to direct users to a new page or piece of information.
  */
 var Link = function (_a) {
-    var id = _a.id, href = _a.href, title = _a.title, rel = _a.rel, target = _a.target, children = _a.children, onClick = _a.onClick, screenReaderText = _a.screenReaderText, _b = _a.isButton, isButton = _b === void 0 ? false : _b, _c = _a.isImplied, isImplied = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, props = index.__rest(_a, ["id", "href", "title", "rel", "target", "children", "onClick", "screenReaderText", "isButton", "isImplied", "size"]);
+    var id = _a.id, href = _a.href, title = _a.title, rel = _a.rel, target = _a.target, children = _a.children, onClick = _a.onClick, screenReaderText = _a.screenReaderText, _b = _a.isButton, isButton = _b === void 0 ? false : _b, _c = _a.isImplied, isImplied = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, props = index_es.__rest(_a, ["id", "href", "title", "rel", "target", "children", "onClick", "screenReaderText", "isButton", "isImplied", "size"]);
     var surface = React.useContext(Surface.Context).surface;
     var isExternalLink = target === "_blank";
     var textArray = children.split(" ");
@@ -48,19 +47,19 @@ var Link = function (_a) {
     var commonProps = {
         id: id,
         onClick: onClick,
-        className: index$1.classNames("arc-Link", "arc-Link--".concat(size), {
+        className: index.classNames("arc-Link", "arc-Link--".concat(size), {
             "arc-Link--onDarkSurface": surface === "dark",
             "arc-Link--onLightSurface": surface !== "dark",
             "arc-Link--isImplied": isImplied
         })
     };
     var elementProps = {
-        a: index.__assign(index.__assign({}, commonProps), { href: href, title: title, target: target, rel: rel }),
-        button: index.__assign({}, commonProps),
-        span: index.__assign({}, commonProps)
+        a: index_es.__assign(index_es.__assign({}, commonProps), { href: href, title: title, target: target, rel: rel }),
+        button: index_es.__assign({}, commonProps),
+        span: index_es.__assign({}, commonProps)
     };
     var LinkElement = isButton ? "button" : href ? "a" : "span";
-    return (React__default["default"].createElement(LinkElement, index.__assign({}, elementProps[LinkElement], index.filterDataAttrs(props)),
+    return (React__default["default"].createElement(LinkElement, index_es.__assign({}, elementProps[LinkElement], index_es.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-Link-wrapper" },
             React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
                 screenReaderText || children,

package/dist/Link/Link.esm.js

@@ -1,28 +1,27 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
 import React__default, { useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-71d21a9e.js';
-import { I as Icon } from '../_shared/esm/Icon-512f834f.js';
-import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-06692fd3.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import { C as Context } from '../_shared/esm/Surface-56d329b0.js';
+import { I as Icon } from '../_shared/esm/Icon-3e813b34.js';
+import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-fee374a8.js';
 
 const BtIconNewWindow = (props) =>
   /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
-        xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
       },
       props,
     ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
     /*#__PURE__*/ React__default.createElement("path", {
-      d: "M24.70166,7.01794a.49968.49968,0,0,0-.19092-.03845H17.50586a.5.5,0,0,0,0,1h5.79785l-8.15918,8.15918a.49995.49995,0,1,0,.707.707l8.15918-8.15918v5.77393a.5.5,0,1,0,1,0v-6.981a.50171.50171,0,0,0-.30908-.46155Z",
+      d: "M24.702 7.01799C24.6415 6.99258 24.5766 6.97933 24.511 6.97899H17.506C17.3734 6.97899 17.2462 7.03167 17.1524 7.12544C17.0587 7.21921 17.006 7.34638 17.006 7.47899C17.006 7.6116 17.0587 7.73878 17.1524 7.83254C17.2462 7.92631 17.3734 7.97899 17.506 7.97899H23.304L15.144 16.139C15.0976 16.1855 15.0608 16.2407 15.0357 16.3014C15.0106 16.3621 14.9977 16.4271 14.9977 16.4928C14.9978 16.5585 15.0107 16.6236 15.0359 16.6843C15.0611 16.7449 15.098 16.8001 15.1445 16.8465C15.191 16.8929 15.2462 16.9297 15.3069 16.9548C15.3676 16.9799 15.4326 16.9928 15.4983 16.9928C15.564 16.9927 15.6291 16.9797 15.6898 16.9546C15.7504 16.9294 15.8056 16.8925 15.852 16.846L24.011 8.68599V14.46C24.011 14.5926 24.0637 14.7198 24.1574 14.8135C24.2512 14.9073 24.3784 14.96 24.511 14.96C24.6436 14.96 24.7708 14.9073 24.8645 14.8135C24.9583 14.7198 25.011 14.5926 25.011 14.46V7.47999C25.0106 7.381 24.981 7.28432 24.9259 7.20212C24.8707 7.11991 24.7935 7.05585 24.702 7.01799Z",
       fill: "currentColor",
     }),
     /*#__PURE__*/ React__default.createElement("path", {
-      d: "M26.85156,3.99072H5.18359A1.20156,1.20156,0,0,0,3.9834,5.19141V26.89062a1.10362,1.10362,0,0,0,1.10254,1.103H26.85156a1.17979,1.17979,0,0,0,1.17871-1.17871V5.16943A1.17979,1.17979,0,0,0,26.85156,3.99072Zm.17871,22.82422a.17891.17891,0,0,1-.17871.17871H5.08594a.10419.10419,0,0,1-.10254-.103V5.19141a.20069.20069,0,0,1,.20019-.20069h21.668a.17888.17888,0,0,1,.17871.17871Z",
+      d: "M26.852 3.98999H5.18399C4.86572 3.99052 4.56065 4.11726 4.3357 4.3424C4.11074 4.56755 3.98426 4.87272 3.98399 5.19099V26.891C3.98426 27.1833 4.10041 27.4635 4.30699 27.6703C4.51357 27.8771 4.79371 27.9935 5.08599 27.994H26.852C27.1646 27.9935 27.4642 27.8689 27.6851 27.6477C27.9059 27.4264 28.03 27.1266 28.03 26.814V5.16999C28.0295 4.85773 27.9052 4.55841 27.6844 4.3376C27.4636 4.1168 27.1643 3.99252 26.852 3.99199V3.98999ZM27.03 26.815C27.03 26.8623 27.0113 26.9077 26.9779 26.9412C26.9446 26.9748 26.8993 26.9937 26.852 26.994H5.08599C5.05876 26.9937 5.03271 26.9828 5.01345 26.9635C4.99419 26.9443 4.98325 26.9182 4.98299 26.891V5.18999C4.98299 5.13695 5.00407 5.08608 5.04157 5.04857C5.07908 5.01106 5.12995 4.98999 5.18299 4.98999H26.852C26.8991 4.99025 26.9442 5.00909 26.9776 5.04242C27.0109 5.07574 27.0297 5.12086 27.03 5.16799V26.815Z",
       fill: "currentColor",
     }),
   );

package/dist/Link/styles.css

@@ -0,0 +1 @@
+.arc .arc-Link{align-items:center;background:none;border:none;cursor:pointer;outline:none;text-decoration:none}.arc .arc-Link:focus-visible{outline:none}.arc .arc-Link-wrapper{display:inline-block}.arc .arc-Link-text{font-weight:inherit !important}.arc .arc-Link-text{font:var(--sem-type-body-reg-m);text-decoration:underline}.arc .arc-Link-iconWrapper{align-items:flex-end;-moz-column-gap:var(--textlink-gap-s);column-gap:var(--textlink-gap-s);display:inline-flex;flex-wrap:nowrap}.arc .arc-Link--isImplied .arc-Link-text{text-decoration:none}.arc .arc-Link--s .arc-Link-text{font:var(--sem-type-body-reg-s)}.arc .arc-Link--m .arc-Link-text{font:var(--sem-type-body-reg-m)}.arc .arc-Link--l .arc-Link-text{font:var(--sem-type-body-reg-l)}.arc .arc-Link:focus-visible .arc-Link-text,.arc a:focus-visible[\:has\(.arc-Link\)] .arc-Link-text{text-decoration:none}.arc .arc-Link:focus-visible .arc-Link-text,.arc a:focus-visible:has(.arc-Link) .arc-Link-text{text-decoration:none}.arc .arc-Link:hover .arc-Link-text,.arc a:hover[\:has\(.arc-Link\)] .arc-Link-text{text-decoration:underline}.arc .arc-Link:hover .arc-Link-text,.arc a:hover:has(.arc-Link) .arc-Link-text{text-decoration:underline}.arc a:focus-visible[\:has\(.arc-Link\)]{outline:none;text-decoration:none}.arc a:focus-visible:has(.arc-Link){outline:none;text-decoration:none}.arc .arc-Link--onLightSurface .arc-Link-text,.arc .arc-Link--onLightSurface .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-default)}.arc .arc-Link--onLightSurface:visited .arc-Link-text,.arc .arc-Link--onLightSurface:visited .arc-Link-iconWrapper,.arc a:visited[\:has\(.arc-Link--onLightSurface\)] .arc-Link-text,.arc a:visited[\:has\(.arc-Link--onLightSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-visited)}.arc .arc-Link--onLightSurface:visited .arc-Link-text,.arc .arc-Link--onLightSurface:visited .arc-Link-iconWrapper,.arc a:visited:has(.arc-Link--onLightSurface) .arc-Link-text,.arc a:visited:has(.arc-Link--onLightSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-visited)}.arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc a:focus-visible[\:has\(.arc-Link--onLightSurface\)] .arc-Link--onLightSurface .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc a:focus-visible[\:has\(.arc-Link--onLightSurface\)] .arc-Link--onLightSurface .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Link--onLightSurface:focus-visible .arc-Link-wrapper,.arc a:focus-visible:has(.arc-Link--onLightSurface) .arc-Link--onLightSurface .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Link--onLightSurface:hover .arc-Link-text,.arc .arc-Link--onLightSurface:hover .arc-Link-iconWrapper,.arc a:hover[\:has\(.arc-Link--onLightSurface\)] .arc-Link-text,.arc a:hover[\:has\(.arc-Link--onLightSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-hover)}.arc .arc-Link--onLightSurface:hover .arc-Link-text,.arc .arc-Link--onLightSurface:hover .arc-Link-iconWrapper,.arc a:hover:has(.arc-Link--onLightSurface) .arc-Link-text,.arc a:hover:has(.arc-Link--onLightSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-light-text-hover)}.arc .arc-Link--onDarkSurface .arc-Link-text,.arc .arc-Link--onDarkSurface .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-default)}.arc a:focus-visible[\:has\(.arc-Link--onDarkSurface\)] .arc-Link--onDarkSurface .arc-Link-wrapper,.arc .arc-Link--onDarkSurface:focus-visible .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc a:focus-visible[\:has\(.arc-Link--onDarkSurface\)] .arc-Link--onDarkSurface .arc-Link-wrapper,.arc .arc-Link--onDarkSurface:focus-visible .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc a:focus-visible:has(.arc-Link--onDarkSurface) .arc-Link--onDarkSurface .arc-Link-wrapper,.arc .arc-Link--onDarkSurface:focus-visible .arc-Link-wrapper{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc .arc-Link--onDarkSurface:visited .arc-Link-text,.arc .arc-Link--onDarkSurface:visited .arc-Link-iconWrapper,.arc a:visited[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-text,.arc a:visited[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-visited)}.arc .arc-Link--onDarkSurface:visited .arc-Link-text,.arc .arc-Link--onDarkSurface:visited .arc-Link-iconWrapper,.arc a:visited:has(.arc-Link--onDarkSurface) .arc-Link-text,.arc a:visited:has(.arc-Link--onDarkSurface) .arc-Link-iconWrapper{color:var(--textlink-colors-dark-text-visited)}.arc .arc-Link--onDarkSurface:hover .arc-Link-text,.arc .arc-Link--onDarkSurface:hover .arc-Link-iconWrapper,.arc a:hover[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-iconWrapper,.arc a:hover[\:has\(.arc-Link--onDarkSurface\)] .arc-Link-text{color:var(--textlink-colors-dark-text-hover)}.arc .arc-Link--onDarkSurface:hover .arc-Link-text,.arc .arc-Link--onDarkSurface:hover .arc-Link-iconWrapper,.arc a:hover:has(.arc-Link--onDarkSurface) .arc-Link-iconWrapper,.arc a:hover:has(.arc-Link--onDarkSurface) .arc-Link-text{color:var(--textlink-colors-dark-text-hover)}

package/dist/Markup/Markup.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var index_es = require('../_shared/cjs/index.es-b404d2c5.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
+var Surface = require('../_shared/cjs/Surface-4bc47dcb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `Markup` to display HTML-formatted text.
  */
 var Markup = function (_a) {
-    var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props = index.__rest(_a, ["children", "isMeasured"]);
+    var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props = index_es.__rest(_a, ["children", "isMeasured"]);
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames({
             "arc-Markup": true,
             "arc-Markup--measured": isMeasured,
             "arc-Markup--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props)), children));
+        }) }, index_es.filterDataAttrs(props)), children));
 };
 
 exports.Markup = Markup;

package/dist/Markup/Markup.esm.js

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-4921e8dd.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-71d21a9e.js';
+import { C as Context } from '../_shared/esm/Surface-56d329b0.js';
 
 /**
  * Use `Markup` to display HTML-formatted text.

package/dist/Markup/styles.css

@@ -0,0 +1 @@
+.arc .arc-Markup--measured{max-width:32em}.arc .arc-Markup blockquote,.arc .arc-Markup ol,.arc .arc-Markup p,.arc .arc-Markup>small,.arc .arc-Markup ul{margin-bottom:var(--sem-space-gap-60);margin-top:0}.arc .arc-Markup h1{margin-bottom:var(--sem-space-gap-110);margin-top:0}.arc .arc-Markup h2,.arc .arc-Markup h3,.arc .arc-Markup h4,.arc .arc-Markup h5,.arc .arc-Markup h6{margin-bottom:var(--sem-space-gap-60);margin-top:0}.arc .arc-Markup *+h1,.arc .arc-Markup *+h2,.arc .arc-Markup *+h3,.arc .arc-Markup *+h4,.arc .arc-Markup *+h5,.arc .arc-Markup *+h6{margin-top:var(--sem-space-gap-110)}.arc .arc-Markup hr,.arc .arc-Markup img,.arc .arc-Markup pre,.arc .arc-Markup table{margin-bottom:var(--sem-space-gap-110);margin-top:var(--sem-space-gap-110)}.arc .arc-Markup>:first-child{margin-top:0}.arc .arc-Markup>:last-child{margin-bottom:0}.arc .arc-Markup blockquote{margin-bottom:0;margin-left:var(--sem-space-gap-110);margin-right:0;margin-top:0}.arc .arc-Markup blockquote p{margin-bottom:0;margin-top:0;quotes:"“" "”" "‘" "’"}.arc .arc-Markup blockquote p:first-child::before{content:open-quote;margin-left:-0.75ch}.arc .arc-Markup blockquote p:first-child::after{content:close-quote}.arc .arc-Markup blockquote p+p:last-child{text-align:right}.arc .arc-Markup h1,.arc .arc-Markup h2,.arc .arc-Markup h3{font-weight:var(--sem-font-weight-semi-bold)}.arc .arc-Markup h6{font:var(--sem-type-mobile-semi-xxs)}.arc .arc-Markup h5{font:var(--sem-type-mobile-semi-xs)}.arc .arc-Markup h4{font:var(--sem-type-mobile-semi-s)}.arc .arc-Markup h3{font:var(--sem-type-mobile-semi-m)}.arc .arc-Markup h2{font:var(--sem-type-mobile-semi-l)}.arc .arc-Markup h1{font:var(--sem-type-mobile-semi-xxl)}@media (min-width:768px){.arc .arc-Markup h3{font:var(--sem-type-tablet-semi-m)}.arc .arc-Markup h2{font:var(--sem-type-tablet-semi-l)}.arc .arc-Markup h1{font:var(--sem-type-tablet-semi-xxl)}}@media (min-width:1280px){.arc .arc-Markup h3{font:var(--sem-type-desktop-semi-m)}.arc .arc-Markup h2{font:var(--sem-type-desktop-semi-l)}.arc .arc-Markup h1{font:var(--sem-type-desktop-semi-xxl)}}.arc .arc-Markup img{display:block;max-width:100%}.arc .arc-Markup ol,.arc .arc-Markup ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.arc .arc-Markup ol{counter-reset:list}.arc .arc-Markup li{padding-left:var(--sem-space-padding-110);position:relative}.arc .arc-Markup li::before{left:0;position:absolute;text-align:center;width:24px}.arc .arc-Markup ul>li::before{content:"•"}.arc .arc-Markup ol>li::before{content:counter(list) ".";counter-increment:list}.arc .arc-Markup hr{background-color:var(--sem-color-border-secondary-light-minimal);border:0;color:var(--sem-color-border-secondary-light-minimal);height:1px;margin-bottom:0;margin-top:0}.arc .arc-Markup--onDarkSurface hr{background-color:var(--sem-color-border-secondary-dark-minimal);color:var(--sem-color-border-secondary-dark-minimal)}.arc .arc-Markup>small{display:block;font:var(--sem-type-interface-reg-s)}.arc .arc-Markup table{border-collapse:collapse;max-width:100%}.arc .arc-Markup td,.arc .arc-Markup th{border:1px solid var(--sem-color-border-secondary-light-minimal);height:calc(4px * 9);padding-left:calc(4px * 4);padding-right:calc(4px * 4);vertical-align:middle}.arc .arc-Markup--onDarkSurface td,.arc .arc-Markup--onDarkSurface th{border-color:var(--sem-color-border-secondary-dark-minimal)}.arc .arc-Markup th{font-weight:var(--sem-font-weight-semi-bold)}.arc .arc-Markup tbody tr:nth-child(even){background-color:rgba(0,0,0,0.05)}.arc .arc-Markup:not(.arc-Markup--onDarkSurface) tbody tr:nth-child(even){background-color:rgba(42,28,74,0.05)}.arc .arc-Markup.arc-Markup--onDarkSurface tbody tr:nth-child(even){background-color:rgba(255,255,255,0.15)}

package/dist/MediaCard/MediaCard.cjs.js

@@ -2,24 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MediaCard = require('../_shared/cjs/MediaCard-8f41b411.js');
-require('../_shared/cjs/index-df60851b.js');
+var MediaCard = require('../_shared/cjs/MediaCard-8101ae8b.js');
+require('../_shared/cjs/index.es-b404d2c5.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/index.es-16759329.js');
+require('../_shared/cjs/index.es-11fc5df7.js');
 require('../_shared/cjs/use-media-query-d34c83b9.js');
-require('../_shared/cjs/BtIconArrowRight.esm-5989f2ca.js');
-require('../_shared/cjs/Heading-fb63844f.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
-require('../_shared/cjs/CardFooter-5414bc4f.js');
-require('../_shared/cjs/BtIconPlayFill.esm-b8997cfc.js');
-require('../_shared/cjs/Icon-0ec0c1fb.js');
-require('../_shared/cjs/index-7e31a45b.js');
-require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
-require('../_shared/cjs/Image-e9a5a326.js');
-require('../_shared/cjs/Text-1c1110a4.js');
-require('../_shared/cjs/VerticalSpace-e128ec68.js');
+require('../_shared/cjs/Image-b807e951.js');
+require('../_shared/cjs/Heading-cb321adf.js');
+require('../_shared/cjs/Surface-4bc47dcb.js');
+require('../_shared/cjs/Text-f6be8fdd.js');
+require('../_shared/cjs/VerticalSpace-3908ae62.js');
+require('../_shared/cjs/CardHeading-30ef8abc.js');
+require('../_shared/cjs/CardFooter-6aa9a280.js');
+require('../_shared/cjs/BtIconArrowRight.esm-c78e3c11.js');
+require('../_shared/cjs/BtIconPlayFill.esm-7e848bd9.js');
+require('../_shared/cjs/Icon-859c6c00.js');
+require('../_shared/cjs/index-28fbfd5b.js');
+require('../_shared/cjs/ConditionalWrapper-bf944594.js');
 
 
 

package/dist/MediaCard/MediaCard.esm.js

@@ -1,18 +1,18 @@
-export { M as MediaCard } from '../_shared/esm/MediaCard-c12d89ea.js';
-import '../_shared/esm/index-288c66b5.js';
+export { M as MediaCard } from '../_shared/esm/MediaCard-387c8f11.js';
+import '../_shared/esm/index.es-4921e8dd.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/index.es-1b6d33c2.js';
+import '../_shared/esm/index.es-52a3bcff.js';
 import '../_shared/esm/use-media-query-d3622da8.js';
-import '../_shared/esm/BtIconArrowRight.esm-6a17d0ce.js';
-import '../_shared/esm/Heading-906c7c7c.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
-import '../_shared/esm/CardFooter-c79fb2db.js';
-import '../_shared/esm/BtIconPlayFill.esm-05fc0344.js';
-import '../_shared/esm/Icon-512f834f.js';
-import '../_shared/esm/index-605031ca.js';
-import '../_shared/esm/ConditionalWrapper-59be8f35.js';
-import '../_shared/esm/Image-57d08939.js';
-import '../_shared/esm/Text-a46fb76b.js';
-import '../_shared/esm/VerticalSpace-b07cd8e6.js';
+import '../_shared/esm/Image-85c39506.js';
+import '../_shared/esm/Heading-14df0c64.js';
+import '../_shared/esm/Surface-56d329b0.js';
+import '../_shared/esm/Text-98ad2e78.js';
+import '../_shared/esm/VerticalSpace-549fbdc8.js';
+import '../_shared/esm/CardHeading-6d3dbfad.js';
+import '../_shared/esm/CardFooter-2902bd84.js';
+import '../_shared/esm/BtIconArrowRight.esm-8bcaa8ad.js';
+import '../_shared/esm/BtIconPlayFill.esm-ec2797a0.js';
+import '../_shared/esm/Icon-3e813b34.js';
+import '../_shared/esm/index-ce6dee84.js';
+import '../_shared/esm/ConditionalWrapper-b85979de.js';

package/dist/MediaCard/styles.css

@@ -0,0 +1 @@
+.arc .arc-MediaCard{color:var(--card-colors-light-text-default);display:flex;flex-direction:column;height:100%;outline:var(--focus-border-weight-s) solid transparent;outline-offset:4px;overflow:hidden;position:relative;transition:all 0.2s ease-in-out}.arc .arc-MediaCard--contained{border-radius:var(--card-border-radius-s);box-shadow:0 0 0 var(--card-border-weight-s) var(--card-colors-light-border-default)}.arc .arc-MediaCard--outlined{box-shadow:0 0 0 var(--card-border-weight-m) var(--card-colors-light-border-hover)}.arc .arc-MediaCard[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-MediaCard:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-MediaCard--contained.arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-MediaCard--contained.arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-light-border-subtle)}.arc .arc-MediaCard--onDarkSurface[focus-within]{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-MediaCard--onDarkSurface:focus-within{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-MediaCard--onDarkSurface.arc-MediaCard--outlined[focus-within]{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-MediaCard--onDarkSurface.arc-MediaCard--outlined:focus-within{outline-color:var(--focus-colors-dark-border-subtle)}.arc .arc-MediaCard-imgContainer{border-radius:var(--card-border-radius-s);overflow:hidden}.arc .arc-MediaCard-content{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--card-padding-s) var(--card-padding-xs) 0 var(--card-padding-xs)}.arc .arc-MediaCard--contained .arc-MediaCard-imgContainer{border-radius:0}.arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-s)}.arc .arc-MediaCard-textContainer{flex:1 1 auto}.arc .arc-MediaCard .arc-Surface{flex:1}@media (min-width:1280px){.arc .arc-MediaCard-content{padding-top:var(--card-padding-m)}.arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-m)}}