@telefonica/mistica 16.36.0 → 16.37.0

package/dist/button-layout.css-mistica.js

@@ -16,34 +16,34 @@ _export(exports, {
         return n;
     },
     containerWithTwoButtons: function() {
-        return l;
+        return k;
     },
     link: function() {
-        return h;
+        return l;
     },
     linkInNewLine: function() {
-        return i;
+        return h;
     },
     smallLinkInNewLine: function() {
-        return k;
+        return x;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./button.css.ts.vanilla.css-mistica.js");
 require("./button-layout.css.ts.vanilla.css-mistica.js");
 var y = {
-    right: "v16_36_kfxylh7 v16_36_1y2v1nfj2",
-    left: "v16_36_kfxylh8 v16_36_1y2v1nfj0",
-    center: "v16_36_kfxylh9 v16_36_1y2v1nfj1",
-    "full-width": "v16_36_kfxylha v16_36_1y2v1nfj1"
-}, n = "v16_36_kfxylh1 v16_36_1y2v1nfis v16_36_1y2v1nfj7", l = "v16_36_kfxylh2", h = "v16_36_kfxylhd v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf", i = {
-    center: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf",
-    left: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhe",
-    right: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhf",
-    "full-width": "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhg"
-}, k = {
-    center: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf",
-    left: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhl",
-    right: "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhm",
-    "full-width": "v16_36_kfxylhc v16_36_1y2v1nfis v16_36_1y2v1nfjf v16_36_kfxylhn"
+    right: "v16_37_kfxylh7 v16_37_1y2v1nfk2",
+    left: "v16_37_kfxylh8 v16_37_1y2v1nfk0",
+    center: "v16_37_kfxylh9 v16_37_1y2v1nfk1",
+    "full-width": "v16_37_kfxylha v16_37_1y2v1nfk1"
+}, n = "v16_37_kfxylh1 v16_37_1y2v1nfjs v16_37_1y2v1nfk7", k = "v16_37_kfxylh2", l = "v16_37_kfxylhd v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf", h = {
+    center: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf",
+    left: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhe",
+    right: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhf",
+    "full-width": "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhg"
+}, x = {
+    center: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf",
+    left: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhl",
+    right: "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhm",
+    "full-width": "v16_37_kfxylhc v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_kfxylhn"
 };

package/dist/button.css-mistica.js

@@ -16,52 +16,52 @@ _export(exports, {
         return f;
     },
     buttonPaddingX: function() {
-        return r;
+        return y;
     },
     buttonPaddingY: function() {
-        return y;
+        return r;
     },
     buttonVariants: function() {
-        return i;
+        return a;
     },
     buttonVars: function() {
-        return l;
+        return m;
     },
     chevronMarginLeft: function() {
-        return a;
+        return p;
     },
     iconMargin: function() {
-        return p;
+        return l;
     },
     iconSize: function() {
-        return b;
+        return i;
     },
     inverseButtonVariants: function() {
         return u;
     },
     isLoading: function() {
-        return c;
+        return b;
     },
     linkMinWidth: function() {
         return t;
     },
     loadingContent: function() {
-        return e;
+        return c;
     },
     loadingFiller: function() {
-        return m;
+        return k;
     },
     small: function() {
-        return g;
+        return d;
     },
     smallLink: function() {
-        return d;
+        return e;
     },
     spinnerSize: function() {
-        return o;
+        return j;
     },
     textContent: function() {
-        return x;
+        return g;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
@@ -69,35 +69,35 @@ require("./button.css.ts.vanilla.css-mistica.js");
 var n = "1.5px", f = {
     default: "104px",
     small: "80px"
-}, r = {
+}, y = {
     default: "calc(16px - 1.5px)",
     small: "calc(12px - 1.5px)"
-}, y = {
+}, r = {
     default: "calc(12px - 1.5px)",
     small: "calc(6px - 1.5px)"
-}, i = {
-    primary: "v16_36_rrbrpnm v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2i v16_36_1y2v1nf59",
-    secondary: "v16_36_rrbrpnn v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2l v16_36_1y2v1nf8k",
-    danger: "v16_36_rrbrpno v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2i v16_36_1y2v1nf51",
-    link: "v16_36_rrbrpnp v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2p v16_36_1y2v1nf8k",
-    linkDanger: "v16_36_rrbrpnq v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2r v16_36_1y2v1nf8k",
-    linkDangerDark: "v16_36_rrbrpnr v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2r v16_36_1y2v1nf8k"
-}, l = {
-    minWidth: "var(--v16_36_rrbrpn0)"
-}, a = "2px", p = "8px", b = {
+}, a = {
+    primary: "v16_37_rrbrpnm v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2t v16_37_1y2v1nf5u",
+    secondary: "v16_37_rrbrpnn v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2y v16_37_1y2v1nf9k",
+    danger: "v16_37_rrbrpno v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2t v16_37_1y2v1nf5j",
+    link: "v16_37_rrbrpnp v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf34 v16_37_1y2v1nf9k",
+    linkDanger: "v16_37_rrbrpnq v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf35 v16_37_1y2v1nf9k",
+    linkDangerDark: "v16_37_rrbrpnr v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf35 v16_37_1y2v1nf9k"
+}, m = {
+    minWidth: "var(--v16_37_rrbrpn0)"
+}, p = "2px", l = "8px", i = {
     default: "1.500rem",
     small: "1.250rem"
 }, u = {
-    primary: "v16_36_rrbrpns v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2j v16_36_1y2v1nf5a",
-    secondary: "v16_36_rrbrpnt v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2n v16_36_1y2v1nf8k",
-    danger: "v16_36_rrbrpnu v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2i v16_36_1y2v1nf51",
-    link: "v16_36_rrbrpnv v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2q v16_36_1y2v1nf8k",
-    linkDanger: "v16_36_rrbrpnw v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2r v16_36_1y2v1nf55",
-    linkDangerDark: "v16_36_rrbrpnx v16_36_rrbrpn3 v16_36_1y2v1nf8l v16_36_1y2v1nf9u v16_36_1y2v1nfb3 v16_36_1y2v1nfcc v16_36_1y2v1nfiw v16_36_1y2v1nfim v16_36_1y2v1nfjg v16_36_1y2v1nfli v16_36_1y2v1nflu v16_36_1y2v1nf2r v16_36_1y2v1nf8k"
-}, c = "v16_36_rrbrpn1", t = {
+    primary: "v16_37_rrbrpns v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2u v16_37_1y2v1nf5w",
+    secondary: "v16_37_rrbrpnt v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2z v16_37_1y2v1nf9k",
+    danger: "v16_37_rrbrpnu v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf2t v16_37_1y2v1nf5j",
+    link: "v16_37_rrbrpnv v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf37 v16_37_1y2v1nf9k",
+    linkDanger: "v16_37_rrbrpnw v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf35 v16_37_1y2v1nf5p",
+    linkDangerDark: "v16_37_rrbrpnx v16_37_rrbrpn3 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfjw v16_37_1y2v1nfjm v16_37_1y2v1nfkg v16_37_1y2v1nfmi v16_37_1y2v1nfmu v16_37_1y2v1nf35 v16_37_1y2v1nf9k"
+}, b = "v16_37_rrbrpn1", t = {
     default: "40px",
     small: "40px"
-}, e = "v16_36_rrbrpn9 v16_36_1y2v1nfit v16_36_1y2v1nfin v16_36_1y2v1nfm0 v16_36_1y2v1nfn9 v16_36_1y2v1nfj1 v16_36_1y2v1nfj7", m = "v16_36_rrbrpn7 v16_36_1y2v1nfiu v16_36_1y2v1nfjx v16_36_1y2v1nflu", g = "v16_36_rrbrpn4", d = "v16_36_rrbrpn5", o = {
+}, c = "v16_37_rrbrpn9 v16_37_1y2v1nfjt v16_37_1y2v1nfjn v16_37_1y2v1nfn0 v16_37_1y2v1nfo9 v16_37_1y2v1nfk1 v16_37_1y2v1nfk7", k = "v16_37_rrbrpn7 v16_37_1y2v1nfju v16_37_1y2v1nfkx v16_37_1y2v1nfmu", d = "v16_37_rrbrpn4", e = "v16_37_rrbrpn5", j = {
     default: "1.250rem",
     small: "1.000rem"
-}, x = "v16_36_rrbrpnb v16_36_1y2v1nfis v16_36_1y2v1nfj7 v16_36_1y2v1nfj1";
+}, g = "v16_37_rrbrpnb v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1";

package/dist/callout.css-mistica.js

@@ -29,8 +29,8 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./callout.css.ts.vanilla.css-mistica.js");
 var y = {
-    inverse: "v16_36_1y2v1nf4c",
-    alternative: "v16_36_1y2v1nf4c",
-    default: "v16_36_1y2v1nf4k",
-    media: "v16_36_1y2v1nf4c"
-}, f = "v16_36_14g0jmy5 v16_36_1y2v1nfin v16_36_1y2v1nfmu", r = "v16_36_14g0jmy6", t = "v16_36_14g0jmy1 v16_36_1y2v1nf90 v16_36_1y2v1nfa9 v16_36_1y2v1nfbi v16_36_1y2v1nfcr v16_36_1y2v1nfis v16_36_1y2v1nflk v16_36_1y2v1nflu", e = "v16_36_14g0jmy3 v16_36_1y2v1nfje v16_36_1y2v1nfim";
+    inverse: "v16_37_1y2v1nf4u",
+    alternative: "v16_37_1y2v1nf4u",
+    default: "v16_37_1y2v1nf52",
+    media: "v16_37_1y2v1nf4u"
+}, f = "v16_37_14g0jmy5 v16_37_1y2v1nfjn v16_37_1y2v1nfnu", r = "v16_37_14g0jmy6", t = "v16_37_14g0jmy1 v16_37_1y2v1nfa0 v16_37_1y2v1nfb9 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjs v16_37_1y2v1nfmk v16_37_1y2v1nfmu", e = "v16_37_14g0jmy3 v16_37_1y2v1nfke v16_37_1y2v1nfjm";

package/dist/card-cover.d.ts

@@ -0,0 +1,126 @@
+import * as React from 'react';
+import type { Variant } from './theme-variant-context';
+import type { CardAspectRatio, SlotAlignment, MaybeTouchableCard, CardActionButtonLink, CardActionButtonSecondary, CardActionButtonPrimary, CardAction, CardSize } from './card-internal';
+import type Tag from './tag';
+import type { RendersNullableElement } from './utils/renders-element';
+import type { DataAttributes, HeadingType } from './utils/types';
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { VideoSource, VideoElement } from './video';
+type CoverCardProps = {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-description'?: string;
+    'aria-describedby'?: string;
+    size?: CardSize;
+    variant?: Variant;
+    backgroundColor?: string;
+    gradientOverlayColor?: 'transparent' | string;
+    aspectRatio?: CardAspectRatio;
+    width?: number | string;
+    height?: number | string;
+    asset?: React.ReactElement;
+    imageSrc?: string;
+    imageSrcSet?: string;
+    videoSrc?: VideoSource;
+    videoRef?: React.RefObject<VideoElement>;
+    topActions?: ReadonlyArray<CardAction | React.ReactElement>;
+    buttonPrimary?: CardActionButtonPrimary;
+    buttonSecondary?: CardActionButtonSecondary;
+    buttonLink?: CardActionButtonLink;
+    onClose?: () => unknown;
+    closeButtonLabel?: string;
+    dataAttributes?: DataAttributes;
+    headline?: string | RendersNullableElement<typeof Tag>;
+    pretitle?: string;
+    pretitleAs?: HeadingType;
+    pretitleLinesMax?: number;
+    title?: string;
+    titleAs?: HeadingType;
+    titleLinesMax?: number;
+    subtitle?: string;
+    subtitleLinesMax?: number;
+    description?: string;
+    descriptionLinesMax?: number;
+    slotAlignment?: SlotAlignment;
+    slot?: React.ReactNode;
+    children?: undefined;
+    showFooter?: boolean;
+    footerBackgroundColor?: string;
+    footerVariant?: 'default' | 'inverse';
+    footerSlot?: React.ReactNode;
+};
+export declare const CoverCard: React.ForwardRefExoticComponent<MaybeTouchableCard<CoverCardProps> & React.RefAttributes<HTMLDivElement>>;
+type PosterCardBaseProps = {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-description'?: string;
+    'aria-describedby'?: string;
+    aspectRatio?: CardAspectRatio;
+    /** @deprecated use variant */
+    isInverse?: boolean;
+    variant?: Variant;
+    size?: CardSize;
+    width?: number | string;
+    height?: number | string;
+    asset?: React.ReactElement;
+    videoSrc?: VideoSource;
+    videoRef?: React.RefObject<VideoElement>;
+    imageSrc?: string;
+    imageSrcSet?: string;
+    /** @deprecated use topActions */
+    actions?: ReadonlyArray<CardAction | React.ReactElement>;
+    topActions?: ReadonlyArray<CardAction | React.ReactElement>;
+    /** @deprecated use buttonPrimary or buttonSecondary */
+    button?: CardActionButtonPrimary;
+    buttonPrimary?: CardActionButtonPrimary;
+    buttonSecondary?: CardActionButtonSecondary;
+    buttonLink?: CardActionButtonLink;
+    onClose?: () => unknown;
+    closeButtonLabel?: string;
+    dataAttributes?: DataAttributes;
+    headline?: string | RendersNullableElement<typeof Tag>;
+    pretitle?: string;
+    pretitleAs?: HeadingType;
+    pretitleLinesMax?: number;
+    title?: string;
+    titleAs?: HeadingType;
+    titleLinesMax?: number;
+    subtitle?: string;
+    subtitleLinesMax?: number;
+    description?: string;
+    descriptionLinesMax?: number;
+    /** @deprecated use slot */
+    extra?: React.ReactNode;
+    slot?: React.ReactNode;
+};
+type DeprecatedImageProps = {
+    /** @deprecated use imageSrc or imageSrcSet */
+    backgroundImage: string | {
+        src: string;
+        srcSet?: string;
+    } | {
+        src?: string;
+        srcSet: string;
+    };
+};
+type DeprecatedBackgroundColorProps = {
+    backgroundColor?: string | undefined;
+};
+type DeprecatedVideoProps = {
+    /** @deprecated use videoSrc */
+    backgroundVideo: VideoSource;
+    /** @deprecated use imageSrc */
+    poster?: string;
+    /** @deprecated use videoRef */
+    backgroundVideoRef?: React.RefObject<VideoElement>;
+};
+type PosterCardProps = PosterCardBaseProps & ExclusifyUnion<DeprecatedImageProps | DeprecatedBackgroundColorProps | DeprecatedVideoProps>;
+/**
+ * @deprecated use CoverCard
+ */
+export declare const PosterCard: React.ForwardRefExoticComponent<MaybeTouchableCard<PosterCardProps> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated use <CoverCard size="display" />
+ */
+export declare const DisplayMediaCard: React.ForwardRefExoticComponent<MaybeTouchableCard<PosterCardProps> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/card-cover.js

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CoverCard: function() {
+        return c;
+    },
+    DisplayMediaCard: function() {
+        return h;
+    },
+    PosterCard: function() {
+        return x;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _cardinternal = require("./card-internal.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const c = /*#__PURE__*/ _react.forwardRef((_param, s)=>{
+    var { size: r = "default", dataAttributes: e } = _param, i = _object_without_properties(_param, [
+        "size",
+        "dataAttributes"
+    ]);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_cardinternal.InternalCard, _object_spread({
+        ref: s,
+        dataAttributes: _object_spread({
+            "component-name": "CoverCard",
+            testid: "CoverCard"
+        }, e),
+        type: "cover",
+        size: r
+    }, i));
+}), x = /*#__PURE__*/ _react.forwardRef((_param, D)=>/* @__PURE__ */ {
+    var { size: r = "default", /** @deprecated use variant */ isInverse: e, variant: i, /** @deprecated use topActions */ actions: s, topActions: a, /** @deprecated use slot */ extra: p, slot: f, /** @deprecated use imageSrc or imageSrcSet */ backgroundImage: t, /** @deprecated use videoSrc */ backgroundVideo: C, /** @deprecated use imageSrc */ poster: n, videoSrc: v, imageSrc: l, imageSrcSet: y, /** @deprecated use videoRef */ backgroundVideoRef: R, videoRef: S, /** @deprecated use buttonPrimary */ button: A, buttonPrimary: P, dataAttributes: m } = _param, w = _object_without_properties(_param, [
+        "size",
+        "isInverse",
+        "variant",
+        "actions",
+        "topActions",
+        "extra",
+        "slot",
+        "backgroundImage",
+        "backgroundVideo",
+        "poster",
+        "videoSrc",
+        "imageSrc",
+        "imageSrcSet",
+        "backgroundVideoRef",
+        "videoRef",
+        "button",
+        "buttonPrimary",
+        "dataAttributes"
+    ]);
+    var _ref;
+    return (0, _jsxruntime.jsx)(c, _object_spread({
+        ref: D,
+        size: r,
+        variant: i || (e ? "inverse" : void 0),
+        dataAttributes: _object_spread({
+            "component-name": "PosterCard",
+            testid: "PosterCard"
+        }, m),
+        topActions: a || s,
+        slot: f || p,
+        buttonPrimary: P || A,
+        imageSrc: (_ref = l !== null && l !== void 0 ? l : typeof t == "string" ? t : t == null ? void 0 : t.src) !== null && _ref !== void 0 ? _ref : n,
+        imageSrcSet: y || (typeof t == "string" || t == null ? void 0 : t.srcSet),
+        videoSrc: v || C,
+        videoRef: S || R
+    }, w));
+}), h = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
+    var { dataAttributes: r } = _param, e = _object_without_properties(_param, [
+        "dataAttributes"
+    ]);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread({
+        ref: i,
+        size: "display",
+        dataAttributes: _object_spread({
+            "component-name": "DisplayMediaCard",
+            testid: "DisplayMediaCard"
+        }, r)
+    }, e));
+});

package/dist/card-data.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import type { Variant } from './theme-variant-context';
+import type { CardSize, SlotAlignment, CardAspectRatio, TopActionsArray, MaybeTouchableCard, CardActionButtonLink, CardActionButtonPrimary, CardActionButtonSecondary } from './card-internal';
+import type Tag from './tag';
+import type { RendersNullableElement } from './utils/renders-element';
+import type { HeadingType, DataAttributes } from './utils/types';
+type DataCardProps = {
+    'aria-label'?: React.AriaAttributes['aria-label'];
+    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
+    'aria-description'?: string;
+    'aria-describedby'?: React.AriaAttributes['aria-describedby'];
+    size?: CardSize;
+    width?: number | string;
+    height?: number | string;
+    backgroundColor?: string;
+    variant?: Variant;
+    /** @deprecated use variant */
+    isInverse?: boolean;
+    asset?: React.ReactElement;
+    headline?: string | RendersNullableElement<typeof Tag>;
+    pretitle?: string;
+    pretitleAs?: HeadingType;
+    pretitleLinesMax?: number;
+    title?: string;
+    titleAs?: HeadingType;
+    titleLinesMax?: number;
+    subtitle?: string;
+    subtitleLinesMax?: number;
+    description?: string;
+    descriptionLinesMax?: number;
+    dataAttributes?: DataAttributes;
+    extraAlignment?: SlotAlignment;
+    /** @deprecated use slot */
+    extra?: React.ReactNode;
+    slot?: React.ReactNode;
+    slotAlignment?: SlotAlignment;
+    aspectRatio?: CardAspectRatio;
+    /** @deprecated use buttonPrimary or buttonSecondary */
+    button?: CardActionButtonPrimary;
+    buttonPrimary?: CardActionButtonPrimary;
+    buttonSecondary?: CardActionButtonSecondary;
+    buttonLink?: CardActionButtonLink;
+    onClose?: () => unknown;
+    closeButtonLabel?: string;
+    /** @deprecated use topActions */
+    actions?: TopActionsArray;
+    topActions?: TopActionsArray;
+    showFooter?: boolean;
+    footerBackgroundColor?: string;
+    footerVariant?: 'default' | 'inverse';
+    footerSlot?: React.ReactNode;
+};
+export declare const DataCard: React.ForwardRefExoticComponent<MaybeTouchableCard<DataCardProps> & React.RefAttributes<HTMLDivElement>>;
+type FixedSizeDataCardProps = Omit<DataCardProps, 'size'>;
+/**
+ * @deprecated use <Datacard size="snap" /> instead
+ */
+export declare const SnapCard: React.ForwardRefExoticComponent<MaybeTouchableCard<FixedSizeDataCardProps> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated use <Datacard size="display" /> instead
+ */
+export declare const DisplayDataCard: React.ForwardRefExoticComponent<MaybeTouchableCard<FixedSizeDataCardProps> & React.RefAttributes<HTMLDivElement>>;
+export {};