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

package/dist/InformationCard/InformationCard.esm.js

@@ -1,19 +1,19 @@
-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-5496ec12.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 { a as SemSizeBreakpointsS, S as SemSizeBreakpointsM } from '../_shared/esm/index.es-974af4a2.js';
+import { B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight.esm-93da96bb.js';
+import { I as Icon } from '../_shared/esm/Icon-428e8061.js';
+import { T as Tag } from '../_shared/esm/Tag-1ae027ee.js';
+import { I as Image } from '../_shared/esm/Image-c1dc10b5.js';
+import { H as Heading } from '../_shared/esm/Heading-0dfbdb24.js';
+import { T as Text } from '../_shared/esm/Text-96d8a35f.js';
+import { B as ButtonV2 } from '../_shared/esm/ButtonV2-f9019e00.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-6a3533db.js';
 import { u as useMediaQuery } from '../_shared/esm/use-media-query-d3622da8.js';
+import { C as CardHeading } from '../_shared/esm/CardHeading-4223432d.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 { C as Context, S as Surface } from '../_shared/esm/Surface-c425e5e6.js';
+import '../_shared/esm/ThemeIcon-9fac63d0.js';
 import '../_shared/esm/ArcIconEclipse.esm-bb48b82a.js';
 
 /** Use `InformationCard` for flexibility and the ability to focus and highlight product specific content. */

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--outlined{box-shadow:0 0 0 2px var(--card-colors-light-fg-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-Image-img{height:80px;width:auto}.arc .arc-InformationCard-contentContainer{flex:1 1 auto}.arc .arc-InformationCard-tagContainer{display:flex;flex-wrap:wrap;margin:-4px -8px}.arc .arc-InformationCard-tag{margin-top:8px}.arc .arc-InformationCard-footer{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-tagContainer>.arc-InformationCard-tag{margin:4px 8px}.arc .arc-InformationCard .arc-Surface{flex:1}@media (min-width:1024px){.arc .arc-InformationCard-img .arc-Image-img{height:96px}}

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-c26e8978.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-7500f314.js');
+var Icon = require('../_shared/cjs/Icon-7f1e8a19.js');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-25393f58.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -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,10 +1,9 @@
-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-5496ec12.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-c425e5e6.js';
+import { I as Icon } from '../_shared/esm/Icon-428e8061.js';
+import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-cf45ac18.js';
 
 const BtIconNewWindow = (props) =>
   /*#__PURE__*/ React__default.createElement(

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: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-c26e8978.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-7500f314.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-5496ec12.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-c425e5e6.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-4ff9f5c0.js');
+require('../_shared/cjs/index.es-c26e8978.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/index.es-16759329.js');
+require('../_shared/cjs/index.es-ba095ee5.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/Image-c8969ad9.js');
+require('../_shared/cjs/Heading-14378b72.js');
+require('../_shared/cjs/Surface-7500f314.js');
+require('../_shared/cjs/Text-284a7314.js');
+require('../_shared/cjs/VerticalSpace-973deefe.js');
+require('../_shared/cjs/CardHeading-3ddcf774.js');
+require('../_shared/cjs/CardFooter-a1bb3ded.js');
+require('../_shared/cjs/BtIconArrowRight.esm-6053bb79.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/Icon-7f1e8a19.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-d83b5561.js';
+import '../_shared/esm/index.es-5496ec12.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/index.es-1b6d33c2.js';
+import '../_shared/esm/index.es-974af4a2.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/Image-c1dc10b5.js';
+import '../_shared/esm/Heading-0dfbdb24.js';
+import '../_shared/esm/Surface-c425e5e6.js';
+import '../_shared/esm/Text-96d8a35f.js';
+import '../_shared/esm/VerticalSpace-6a3533db.js';
+import '../_shared/esm/CardHeading-4223432d.js';
+import '../_shared/esm/CardFooter-e4380cda.js';
+import '../_shared/esm/BtIconArrowRight.esm-93da96bb.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/Icon-428e8061.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-top:var(--card-padding-s)}.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:636px){.arc .arc-MediaCard-content{padding-top:var(--card-padding-s)}.arc .arc-MediaCard--contained .arc-MediaCard-content{padding:var(--card-padding-s)}}