@telefonica/mistica 14.17.1 → 14.18.0

package/dist/card.css-mistica.js

@@ -28,59 +28,68 @@ _export(exports, {
         return e;
     },
     cardContainer: function() {
+        return b;
+    },
+    circularMediaOverlay: function() {
         return d;
     },
     dataCard: function() {
         return s;
     },
     displayCardBackground: function() {
-        return t;
+        return c;
     },
     displayCardContainer: function() {
-        return o;
+        return t;
     },
     displayCardContent: function() {
-        return i;
+        return o;
     },
     displayCardGradient: function() {
-        return c;
+        return i;
     },
     mediaCard: function() {
-        return C;
+        return l;
     },
     mediaCardContent: function() {
-        return l;
+        return C;
+    },
+    nakedCardContent: function() {
+        return h;
     },
     snapCard: function() {
-        return p;
+        return u;
     },
     touchable: function() {
-        return b;
+        return p;
     },
     touchableCardOverlay: function() {
-        return u;
+        return j;
     },
     touchableCardOverlayInverse: function() {
-        return h;
+        return q;
     },
     touchableCardOverlayMedia: function() {
-        return q;
+        return z;
     },
     touchableContainer: function() {
-        return w;
+        return O;
     },
     touchableMediaCardOverlay: function() {
-        return j;
+        return k;
+    },
+    touchableNakedMediaOverlay: function() {
+        return A;
     },
     vars: function() {
-        return m;
+        return M;
     },
     videoAction: function() {
-        return z;
+        return g;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./card.css.ts.vanilla.css-mistica.js");
-var _ = "_15e54s91 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6k", a = "_15e54s93 _1y2v1nf64 _1y2v1nf5z", y = "_15e54s9r _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", f = "_1y2v1nf64 _1y2v1nf8r _1y2v1nf97 _1y2v1nf6j _1y2v1nf6d", r = "_15e54s9s _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", e = "_15e54s9t _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab", d = "_15e54s9w", s = "_15e54s9f _1y2v1nf7q _1y2v1nf85 _1y2v1nf6y _1y2v1nf7d _1y2v1nf64 _1y2v1nf6q _1y2v1nf5z _1y2v1nf6a _1y2v1nf8f", t = "_15e54s9n", o = "_1y2v1nf8f _1y2v1nf8w _1y2v1nf64 _1y2v1nf5z", i = "_15e54s9m", c = "_15e54s9o", C = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf8w _1y2v1nf8f", l = "_15e54s9d _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6q _1y2v1nf5z _1y2v1nf6w _1y2v1nf7d _1y2v1nf6a _1y2v1nf6g", p = "_15e54s9h _1y2v1nf6w _1y2v1nf7b _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf5z _1y2v1nf8w _1y2v1nf6a _1y2v1nf6g _1y2v1nf6q", b = "_15e54s95", u = "_15e54s98 _15e54s96", h = "_15e54s99 _15e54s96", q = "_15e54s9a _15e54s96", w = "_15e54s94", j = "_15e54s97 _15e54s96", m = {
-    aspectRatio: "var(--_15e54s9v)"
-}, z = "_15e54s9u _1y2v1nf8p _1y2v1nf95 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfab";
+var _ = "_15e54s91 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbk", a = "_15e54s93 _1y2v1nfb4 _1y2v1nfaz", y = "_15e54s9v _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", f = "_1y2v1nfb4 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfbj _1y2v1nfbd", r = "_15e54s9w _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", e = "_15e54s9x _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn", b = "_15e54s910", d = "_15e54s98", s = "_15e54s9j _1y2v1nf8w _1y2v1nfa5 _1y2v1nf6k _1y2v1nf7t _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nfba _1y2v1nfbr", c = "_15e54s9r", t = "_1y2v1nfbr _1y2v1nfc8 _1y2v1nfb4 _1y2v1nfaz", o = "_15e54s9q", i = "_15e54s9s", l = "_1y2v1nfb4 _1y2v1nfba _1y2v1nfc8 _1y2v1nfbr _1y2v1nfbq", C = "_15e54s9f _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nf6e _1y2v1nf7t _1y2v1nfba _1y2v1nfbg", h = "_15e54s9h _1y2v1nfb4 _1y2v1nfbq _1y2v1nfaz _1y2v1nfba _1y2v1nfbg _1y2v1nf6e", u = "_15e54s9l _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfaz _1y2v1nfc8 _1y2v1nfba _1y2v1nfbg _1y2v1nfbr _1y2v1nfbq", p = "_15e54s95", j = "_15e54s9a _15e54s96", q = "_15e54s9b _15e54s96", z = "_15e54s9c _15e54s96", O = "_15e54s94", k = "_15e54s97 _15e54s96", A = "_15e54s99 _15e54s96", M = {
+    aspectRatio: "var(--_15e54s9z)"
+}, g = "_15e54s9y _1y2v1nfc1 _1y2v1nfch _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfdn";

package/dist/card.css.d.ts

@@ -3,11 +3,14 @@ export declare const boxed: string;
 export declare const touchableContainer: string;
 export declare const touchable: string;
 export declare const touchableMediaCardOverlay: string;
+export declare const circularMediaOverlay: string;
+export declare const touchableNakedMediaOverlay: string;
 export declare const touchableCardOverlay: string;
 export declare const touchableCardOverlayInverse: string;
 export declare const touchableCardOverlayMedia: string;
 export declare const mediaCard: string;
 export declare const mediaCardContent: string;
+export declare const nakedCardContent: string;
 export declare const dataCard: string;
 export declare const snapCard: string;
 export declare const snapCardTouchableHover: string;

package/dist/card.d.ts

@@ -7,7 +7,7 @@ import type { VideoElement, VideoSource } from './video';
 import type { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
 import type { ExclusifyUnion } from './utils/utility-types';
 import type { DataAttributes, IconProps, RendersElement, RendersNullableElement, TrackingEvent } from './utils/types';
-type CardAction = {
+export type CardAction = {
     label: string;
     onPress: () => void;
     Icon?: React.FC<IconProps>;
@@ -15,17 +15,28 @@ type CardAction = {
     iconColor?: string;
     iconBackground?: string;
     iconBackgroundInverse?: string;
+    disabled?: boolean;
 };
+type CardActionsGroupProps = {
+    actions?: Array<CardAction>;
+    onClose?: () => void;
+    type?: 'default' | 'inverse' | 'media';
+};
+export declare const CardActionsGroup: ({ actions, onClose, type, }: CardActionsGroupProps) => JSX.Element;
 type AspectRatio = '1:1' | '16:9' | '7:10' | '9:10' | 'auto';
-type BaseCardTouchableProps = ExclusifyUnion<{
-    href?: string;
+type TouchableProps = {
+    trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+} & ExclusifyUnion<{
+    href: string | undefined;
     newTab?: boolean;
 } | {
-    to?: string;
+    to: string | undefined;
     fullPageOnWebView?: boolean;
 } | {
-    onPress?: PressHandler;
+    onPress: PressHandler | undefined;
 }>;
+type TouchableCard<T> = T & TouchableProps;
+type MaybeTouchableCard<T> = ExclusifyUnion<TouchableCard<T> | T>;
 interface MediaCardBaseProps {
     media: RendersElement<typeof Image> | RendersElement<typeof Video>;
     headline?: string | RendersNullableElement<typeof Tag>;
@@ -44,11 +55,25 @@ interface MediaCardBaseProps {
     'aria-label'?: string;
     onClose?: () => void;
 }
-type MediaCardProps = MediaCardBaseProps & ExclusifyUnion<BaseCardTouchableProps | {
+type MediaCardProps = MediaCardBaseProps & ExclusifyUnion<TouchableProps | {
     button?: RendersNullableElement<typeof ButtonPrimary>;
     buttonLink?: RendersNullableElement<typeof ButtonLink>;
 }>;
 export declare const MediaCard: React.ForwardRefExoticComponent<MediaCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const NakedCard: React.ForwardRefExoticComponent<MediaCardProps & React.RefAttributes<HTMLDivElement>>;
+type SmallNakedCardProps = MaybeTouchableCard<{
+    media: RendersElement<typeof Image> | RendersElement<typeof Video>;
+    title?: string;
+    titleLinesMax?: number;
+    subtitle?: string;
+    subtitleLinesMax?: number;
+    description?: string;
+    descriptionLinesMax?: number;
+    extra?: React.ReactNode;
+    dataAttributes?: DataAttributes;
+    'aria-label'?: string;
+}>;
+export declare const SmallNakedCard: React.ForwardRefExoticComponent<SmallNakedCardProps & React.RefAttributes<HTMLDivElement>>;
 interface DataCardBaseProps {
     /**
      * Typically a mistica-icons component element
@@ -71,12 +96,12 @@ interface DataCardBaseProps {
     'aria-label'?: string;
     onClose?: () => void;
 }
-type DataCardProps = DataCardBaseProps & ExclusifyUnion<BaseCardTouchableProps | {
+type DataCardProps = DataCardBaseProps & ExclusifyUnion<TouchableProps | {
     button?: RendersNullableElement<typeof ButtonPrimary>;
     buttonLink?: RendersNullableElement<typeof ButtonLink>;
 }>;
 export declare const DataCard: React.ForwardRefExoticComponent<DataCardProps & React.RefAttributes<HTMLDivElement>>;
-interface SnapCardBaseProps {
+type SnapCardProps = MaybeTouchableCard<{
     icon?: React.ReactElement;
     title?: string;
     titleLinesMax?: number;
@@ -87,10 +112,8 @@ interface SnapCardBaseProps {
     'aria-label'?: string;
     extra?: React.ReactNode;
     isInverse?: boolean;
-    trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     children?: void;
-}
-type SnapCardProps = SnapCardBaseProps & BaseCardTouchableProps;
+}>;
 export declare const SnapCard: React.ForwardRefExoticComponent<SnapCardProps & React.RefAttributes<HTMLDivElement>>;
 interface CommonDisplayCardProps {
     /**
@@ -122,7 +145,7 @@ type DisplayMediaCardWithVideoProps = Omit<CommonDisplayCardProps, 'actions' | '
     poster?: string;
     backgroundVideoRef?: React.RefObject<VideoElement>;
 };
-type DisplayMediaCardProps = DisplayMediaCardBaseProps & ExclusifyUnion<DisplayMediaCardWithImageProps | DisplayMediaCardWithVideoProps> & ExclusifyUnion<BaseCardTouchableProps | {
+type DisplayMediaCardProps = DisplayMediaCardBaseProps & ExclusifyUnion<DisplayMediaCardWithImageProps | DisplayMediaCardWithVideoProps> & ExclusifyUnion<TouchableProps | {
     button?: React.ReactComponentElement<typeof ButtonPrimary>;
     secondaryButton?: React.ReactComponentElement<typeof ButtonSecondary>;
     buttonLink?: React.ReactComponentElement<typeof ButtonLink>;
@@ -130,7 +153,7 @@ type DisplayMediaCardProps = DisplayMediaCardBaseProps & ExclusifyUnion<DisplayM
 type DisplayDataCardProps = CommonDisplayCardProps & {
     extra?: React.ReactNode;
     isInverse?: boolean;
-} & ExclusifyUnion<BaseCardTouchableProps | {
+} & ExclusifyUnion<TouchableProps | {
     button?: React.ReactComponentElement<typeof ButtonPrimary>;
     secondaryButton?: React.ReactComponentElement<typeof ButtonSecondary>;
     buttonLink?: React.ReactComponentElement<typeof ButtonLink>;
@@ -162,6 +185,6 @@ type PosterCardWithVideoProps = Omit<PosterCardBaseProps, 'actions' | 'onClose'>
     poster?: string;
     backgroundVideoRef?: React.RefObject<VideoElement>;
 };
-type PosterCardProps = ExclusifyUnion<PosterCardWithImageProps | PosterCardWithVideoProps> & BaseCardTouchableProps;
+type PosterCardProps = MaybeTouchableCard<ExclusifyUnion<PosterCardWithImageProps | PosterCardWithVideoProps>>;
 export declare const PosterCard: React.ForwardRefExoticComponent<PosterCardProps & React.RefAttributes<HTMLDivElement>>;
 export {};