@telefonica/mistica 17.8.0 → 17.10.0

package/dist/loading-bar.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var n = "v17_8_1num3qg2 v17_8_1num3qg1 v17_8_1y2v1nfra v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", r = "v17_8_1num3qg3", f = "v17_8_1num3qg4 v17_8_1y2v1nfs1 v17_8_1y2v1nfui v17_8_1y2v1nfr8 v17_8_1y2v1nfd8 v17_8_1y2v1nfsl", y = "v17_8_1num3qg7 v17_8_1num3qg6 v17_8_1y2v1nfr9 v17_8_1y2v1nfs1 v17_8_1y2v1nfsi";
+/* empty css                                     */ /* empty css                                       */ var n = "v17_10_1num3qg2 v17_10_1num3qg1 v17_10_1y2v1nfru v17_10_1y2v1nfv8 v17_10_1y2v1nfvn v17_10_1y2v1nfw2", r = "v17_10_1num3qg3", f = "v17_10_1num3qg4 v17_10_1y2v1nfsl v17_10_1y2v1nfv2 v17_10_1y2v1nfrs v17_10_1y2v1nfds v17_10_1y2v1nft5", y = "v17_10_1num3qg7 v17_10_1num3qg6 v17_10_1y2v1nfrt v17_10_1y2v1nfsl v17_10_1y2v1nft2";

package/dist/loading-screen.css-mistica.js

@@ -13,22 +13,22 @@ _export(exports, {
         return n;
     },
     get loadingScreen () {
-        return v;
+        return e;
     },
     get loadingScreenChildren () {
         return l;
     },
     get loadingScreenText () {
-        return k;
+        return d;
     },
     get loadingScreenTextAnimated () {
-        return o;
+        return k;
     },
     get loadingScreenTextAnimatedOut () {
-        return t;
+        return o;
     },
     get logo () {
-        return d;
+        return i;
     },
     get pulseLogo () {
         return b;
@@ -43,7 +43,7 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var v = "v17_8_flke8b1 v17_8_flke8b0 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrt", n = 500, r = "v17_8_flke8b3", a = {
-    default: "v17_8_flke8b4",
-    brand: "v17_8_flke8b5"
-}, f = "v17_8_flke8b6", l = "v17_8_flke8b7 v17_8_1y2v1nfs0 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrt v17_8_1y2v1nfrn", k = "v17_8_flke8b9 v17_8_flke8b8 v17_8_1y2v1nfhs", o = "v17_8_flke8bb", t = "v17_8_flke8bc", b = "v17_8_flke8be", d = "v17_8_flke8bf";
+/* empty css                                     */ /* empty css                                          */ var e = "v17_10_flke8b1 v17_10_flke8b0 v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsd", n = 500, r = "v17_10_flke8b3", a = {
+    default: "v17_10_flke8b4",
+    brand: "v17_10_flke8b5"
+}, f = "v17_10_flke8b6", l = "v17_10_flke8b7 v17_10_1y2v1nfsk v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfsd v17_10_1y2v1nfs7", d = "v17_10_flke8b9 v17_10_flke8b8 v17_10_1y2v1nfic", k = "v17_10_flke8bb", o = "v17_10_flke8bc", b = "v17_10_flke8be", i = "v17_10_flke8bf";

package/dist/logo.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* empty css                                */ var _ = {
-    size: "var(--v17_8_140ft6x0)",
-    sizeMobile: "var(--v17_8_140ft6x1)",
-    sizeTablet: "var(--v17_8_140ft6x2)",
-    sizeDesktop: "var(--v17_8_140ft6x3)"
-}, r = "v17_8_140ft6x4", t = "v17_8_140ft6x5";
+    size: "var(--v17_10_140ft6x0)",
+    sizeMobile: "var(--v17_10_140ft6x1)",
+    sizeTablet: "var(--v17_10_140ft6x2)",
+    sizeDesktop: "var(--v17_10_140ft6x3)"
+}, r = "v17_10_140ft6x4", t = "v17_10_140ft6x5";

package/dist/menu.css-mistica.js

@@ -50,15 +50,15 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var k = 280, e = {
-    top: "var(--v17_8_2k0k3u0)",
-    left: "var(--v17_8_2k0k3u1)",
-    width: "var(--v17_8_2k0k3u2)",
-    maxHeight: "var(--v17_8_2k0k3u3)",
-    maxWidth: "var(--v17_8_2k0k3u4)",
-    transformOrigin: "var(--v17_8_2k0k3u5)"
-}, r = "v17_8_2k0k3u7 v17_8_2k0k3u6 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nf8z v17_8_1y2v1nfu7 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfr9", n = {
-    enter: "v17_8_2k0k3u8",
-    enterActive: "v17_8_2k0k3u9",
-    exit: "v17_8_2k0k3ua",
-    exitActive: "v17_8_2k0k3ub"
-}, t = "v17_8_2k0k3uc", u = "v17_8_2k0k3ud", a = "v17_8_2k0k3ue", i = "v17_8_2k0k3uf", m = "v17_8_2k0k3ug", f = "v17_8_2k0k3ui v17_8_2k0k3uh v17_8_1y2v1nfhg v17_8_1y2v1nfip", o = "v17_8_2k0k3uj", y = "v17_8_2k0k3uk", s = "v17_8_2k0k3ul";
+    top: "var(--v17_10_2k0k3u0)",
+    left: "var(--v17_10_2k0k3u1)",
+    width: "var(--v17_10_2k0k3u2)",
+    maxHeight: "var(--v17_10_2k0k3u3)",
+    maxWidth: "var(--v17_10_2k0k3u4)",
+    transformOrigin: "var(--v17_10_2k0k3u5)"
+}, r = "v17_10_2k0k3u7 v17_10_2k0k3u6 v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nf99 v17_10_1y2v1nfur v17_10_1y2v1nfry v17_10_1y2v1nfs4 v17_10_1y2v1nfrt", n = {
+    enter: "v17_10_2k0k3u8",
+    enterActive: "v17_10_2k0k3u9",
+    exit: "v17_10_2k0k3ua",
+    exitActive: "v17_10_2k0k3ub"
+}, t = "v17_10_2k0k3uc", u = "v17_10_2k0k3ud", a = "v17_10_2k0k3ue", i = "v17_10_2k0k3uf", m = "v17_10_2k0k3ug", f = "v17_10_2k0k3ui v17_10_2k0k3uh v17_10_1y2v1nfi0 v17_10_1y2v1nfj9", o = "v17_10_2k0k3uj", y = "v17_10_2k0k3uk", s = "v17_10_2k0k3ul";

package/dist/message.css-mistica.js

@@ -0,0 +1,172 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get actions () {
+        return B;
+    },
+    get asset () {
+        return i;
+    },
+    get assetAlignment () {
+        return t;
+    },
+    get body () {
+        return D;
+    },
+    get boxed () {
+        return u;
+    },
+    get boxedError () {
+        return P;
+    },
+    get bubble () {
+        return s;
+    },
+    get bubblePaddingX () {
+        return o;
+    },
+    get bubblePaddingY () {
+        return r;
+    },
+    get column () {
+        return c;
+    },
+    get content () {
+        return p;
+    },
+    get contentSlot () {
+        return A;
+    },
+    get corners () {
+        return d;
+    },
+    get direction () {
+        return n;
+    },
+    get error () {
+        return z;
+    },
+    get errorBackground () {
+        return x;
+    },
+    get errorFooter () {
+        return W;
+    },
+    get errorIcon () {
+        return C;
+    },
+    get footer () {
+        return T;
+    },
+    get footerActions () {
+        return E;
+    },
+    get incomingBackground () {
+        return l;
+    },
+    get inlineTimestamp () {
+        return I;
+    },
+    get interactive () {
+        return h;
+    },
+    get message () {
+        return a;
+    },
+    get messageContent () {
+        return w;
+    },
+    get minimumBubbleSize () {
+        return v;
+    },
+    get minimumErrorWidth () {
+        return b;
+    },
+    get outgoingBackground () {
+        return f;
+    },
+    get outgoingFooterActions () {
+        return y;
+    },
+    get row () {
+        return q;
+    },
+    get rowDirection () {
+        return g;
+    },
+    get shortErrorFooter () {
+        return Y;
+    },
+    get shortErrorLayout () {
+        return X;
+    },
+    get sideActions () {
+        return S;
+    },
+    get sideSlot () {
+        return F;
+    },
+    get text () {
+        return L;
+    },
+    get timestamp () {
+        return k;
+    },
+    get touchable () {
+        return m;
+    },
+    get unboxedActions () {
+        return j;
+    },
+    get unboxedAssetSpacing () {
+        return e;
+    }
+});
+/* empty css                                   */ var v = 48, r = 12, o = 16, b = 184, a = "v17_10_b0wq510", n = {
+    incoming: "v17_10_b0wq511",
+    outgoing: "v17_10_b0wq512"
+}, i = "v17_10_b0wq513", t = {
+    incoming: "v17_10_b0wq514",
+    outgoing: "v17_10_b0wq515"
+}, e = {
+    incoming: "v17_10_b0wq516",
+    outgoing: "v17_10_b0wq517"
+}, w = "v17_10_b0wq518", q = "v17_10_b0wq519", g = {
+    incoming: "v17_10_b0wq51a",
+    outgoing: "v17_10_b0wq51b"
+}, c = "v17_10_b0wq51c", m = "v17_10_b0wq51d", d = {
+    "incoming-standalone": "v17_10_b0wq51e",
+    "incoming-first": "v17_10_b0wq51f",
+    "incoming-middle": "v17_10_b0wq51g",
+    "incoming-last": "v17_10_b0wq51h",
+    "outgoing-standalone": "v17_10_b0wq51i",
+    "outgoing-first": "v17_10_b0wq51j",
+    "outgoing-middle": "v17_10_b0wq51k",
+    "outgoing-last": "v17_10_b0wq51l"
+}, s = "v17_10_b0wq51m", u = "v17_10_b0wq51n", l = {
+    default: "v17_10_b0wq51o",
+    brand: "v17_10_b0wq51p",
+    negative: "v17_10_b0wq51q",
+    alternative: "v17_10_b0wq51r",
+    media: "v17_10_b0wq51s"
+}, f = {
+    default: "v17_10_b0wq51t",
+    brand: "v17_10_b0wq51u",
+    negative: "v17_10_b0wq51v",
+    alternative: "v17_10_b0wq51w",
+    media: "v17_10_b0wq51x"
+}, x = "v17_10_b0wq51y", h = "v17_10_b0wq51z", p = "v17_10_b0wq5110", A = "v17_10_b0wq5111", k = "v17_10_b0wq5112", B = "v17_10_b0wq5113", E = "v17_10_b0wq5114", S = {
+    incoming: "v17_10_b0wq5115",
+    outgoing: "v17_10_b0wq5116"
+}, y = "v17_10_b0wq5117", F = "v17_10_b0wq5118", j = "v17_10_b0wq5119", z = "v17_10_b0wq511a", P = "v17_10_b0wq511b", C = "v17_10_b0wq511c", D = "v17_10_b0wq511d", I = "v17_10_b0wq511e", L = "v17_10_b0wq511f", T = "v17_10_b0wq511g", W = "v17_10_b0wq511h", X = {
+    incoming: "v17_10_b0wq511i",
+    outgoing: "v17_10_b0wq511j"
+}, Y = "v17_10_b0wq511k";

package/dist/message.css.d.ts

@@ -0,0 +1,40 @@
+export declare const minimumBubbleSize = 48;
+export declare const bubblePaddingY = 12;
+export declare const bubblePaddingX = 16;
+export declare const minimumErrorWidth = 184;
+export declare const message: string;
+export declare const direction: Record<"incoming" | "outgoing", string>;
+export declare const asset: string;
+export declare const assetAlignment: Record<"incoming" | "outgoing", string>;
+export declare const unboxedAssetSpacing: Record<"incoming" | "outgoing", string>;
+export declare const messageContent: string;
+export declare const row: string;
+export declare const rowDirection: Record<"incoming" | "outgoing", string>;
+export declare const column: string;
+export declare const touchable: string;
+export declare const corners: Record<"incoming-standalone" | "incoming-first" | "incoming-middle" | "incoming-last" | "outgoing-standalone" | "outgoing-first" | "outgoing-middle" | "outgoing-last", string>;
+export declare const bubble: string;
+export declare const boxed: string;
+export declare const incomingBackground: Record<"default" | "brand" | "negative" | "alternative" | "media", string>;
+export declare const outgoingBackground: Record<"default" | "brand" | "negative" | "alternative" | "media", string>;
+export declare const errorBackground: string;
+export declare const interactive: string;
+export declare const content: string;
+export declare const contentSlot: string;
+export declare const timestamp: string;
+export declare const actions: string;
+export declare const footerActions: string;
+export declare const sideActions: Record<"incoming" | "outgoing", string>;
+export declare const outgoingFooterActions: string;
+export declare const sideSlot: string;
+export declare const unboxedActions: string;
+export declare const error: string;
+export declare const boxedError: string;
+export declare const errorIcon: string;
+export declare const body: string;
+export declare const inlineTimestamp: string;
+export declare const text: string;
+export declare const footer: string;
+export declare const errorFooter: string;
+export declare const shortErrorLayout: Record<"incoming" | "outgoing", string>;
+export declare const shortErrorFooter: string;

package/dist/message.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import type { IconButtonProps } from './icon-button';
+import type { PressHandler, TouchableComponentProps } from './touchable';
+import type { ExclusifyUnion } from './utils/utility-types';
+type MessageAction = IconButtonProps & {
+    small?: never;
+    type?: never;
+    bleedLeft?: never;
+    bleedRight?: never;
+    bleedY?: never;
+};
+type MessageActions = readonly [MessageAction] | readonly [MessageAction, MessageAction];
+export type MessageProps = TouchableComponentProps<{
+    type: 'incoming' | 'outgoing';
+    senderName?: string;
+    senderNameAs?: 'span' | 'p' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    senderNameLabel?: string;
+    timestamp?: string;
+    timestampLabel?: string;
+    asset?: React.ReactElement;
+    boxed?: boolean;
+    /** Maximum width of the whole message, including its asset and side actions. Defaults to 80%.
+     * Error feedback can exceed this limit up to 184px to avoid illegible wrapping.
+     */
+    maxWidth?: number | string;
+    position?: 'standalone' | 'first' | 'middle' | 'last';
+} & ExclusifyUnion<{
+    onAssetPress: PressHandler;
+    assetLabel: string;
+} | {
+    onAssetPress?: undefined;
+    assetLabel?: undefined;
+}> & {
+    contentText?: string;
+    contentSlot?: React.ReactNode;
+    footerSlot?: React.ReactNode;
+    sideSlot?: React.ReactNode;
+    /** Up to two actions. Extra actions from untyped consumers are ignored. */
+    actions?: MessageActions;
+    actionsPosition?: 'side' | 'footer';
+} & ExclusifyUnion<{
+    error: true;
+    errorMessage: string;
+} | {
+    error?: false;
+}>>;
+declare const Message: ({ type, senderName, senderNameAs, senderNameLabel, timestamp, timestampLabel, asset, onAssetPress, assetLabel, boxed, maxWidth, position, contentText, contentSlot, footerSlot, sideSlot, actions, actionsPosition, error, errorMessage, dataAttributes, ...touchableProps }: MessageProps) => JSX.Element;
+export default Message;