@telefonica/mistica 17.8.0 → 17.10.0

package/dist/skins/defaults.js

@@ -246,6 +246,28 @@ const e = {
         },
         weight: "bold"
     },
+    feedbackScreenDescription: {
+        lineHeight: {
+            desktop: 24,
+            mobile: 24
+        },
+        size: {
+            desktop: 18,
+            mobile: 16
+        },
+        weight: "regular"
+    },
+    feedbackScreenTitle: {
+        lineHeight: {
+            desktop: 40,
+            mobile: 32
+        },
+        size: {
+            desktop: 32,
+            mobile: 24
+        },
+        weight: "light"
+    },
     title1: {
         lineHeight: {
             desktop: 20,
@@ -537,6 +559,16 @@ const e = {
             desktop: 16
         }
     },
+    boxedSmallPadding: {
+        top: {
+            mobile: 8,
+            desktop: 8
+        },
+        bottom: {
+            mobile: 8,
+            desktop: 8
+        }
+    },
     responsiveLayoutMargin: {
         mobile: 16,
         desktop: 48

package/dist/skins/esimflag.js

@@ -109,6 +109,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.17),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.blue55, 0.2),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.blue55, 0.4),
+            messageBubbleBackgroundOutgoing: e.blue10,
+            messageBubbleBackgroundOutgoingBrand: e.blue10,
+            messageBubbleBackgroundOutgoingAlternative: e.blue10,
+            messageBubbleBackgroundOutgoingNegative: e.blue10,
+            messageBubbleBackgroundOutgoingMedia: e.blue10,
+            messageBubbleBackgroundIncoming: e.grey1,
+            messageBubbleBackgroundIncomingBrand: e.white,
+            messageBubbleBackgroundIncomingAlternative: e.white,
+            messageBubbleBackgroundIncomingNegative: e.white,
+            messageBubbleBackgroundIncomingMedia: e.white,
             skeletonWave: e.grey2,
             borderLow: e.grey1,
             border: e.grey3,
@@ -419,6 +429,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.08),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.white, 0.03),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.white, 0.05),
+            messageBubbleBackgroundOutgoing: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingBrand: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingAlternative: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingNegative: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingMedia: e.darkModeGrey6,
+            messageBubbleBackgroundIncoming: e.darkModeGrey,
+            messageBubbleBackgroundIncomingBrand: e.darkModeGrey,
+            messageBubbleBackgroundIncomingAlternative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingNegative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingMedia: e.darkModeGrey,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
             borderHigh: e.grey5,
@@ -817,6 +837,28 @@ const e = {
                 },
                 weight: "bold"
             },
+            feedbackScreenDescription: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
+                },
+                weight: "regular"
+            },
+            feedbackScreenTitle: {
+                lineHeight: {
+                    desktop: 40,
+                    mobile: 32
+                },
+                size: {
+                    desktop: 32,
+                    mobile: 24
+                },
+                weight: "bold"
+            },
             headerPretitle: {
                 lineHeight: {
                     desktop: 24,
@@ -1201,6 +1243,16 @@ const e = {
                     mobile: 16,
                     desktop: 16
                 }
+            },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 8,
+                    desktop: 8
+                },
+                bottom: {
+                    mobile: 8,
+                    desktop: 8
+                }
             }
         }
     });

package/dist/skins/movistar.js

@@ -116,6 +116,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.17),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.movistarBlack, 0.2),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.movistarBlack, 0.4),
+            messageBubbleBackgroundOutgoing: e.blueLight,
+            messageBubbleBackgroundOutgoingBrand: e.blueLight,
+            messageBubbleBackgroundOutgoingAlternative: e.blueLight,
+            messageBubbleBackgroundOutgoingNegative: e.blueLight,
+            messageBubbleBackgroundOutgoingMedia: e.blueLight,
+            messageBubbleBackgroundIncoming: e.grey100,
+            messageBubbleBackgroundIncomingBrand: e.white,
+            messageBubbleBackgroundIncomingAlternative: e.white,
+            messageBubbleBackgroundIncomingNegative: e.white,
+            messageBubbleBackgroundIncomingMedia: e.white,
             skeletonWave: e.grey200,
             borderLow: e.grey100,
             border: e.grey300,
@@ -425,6 +435,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.05),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.white, 0.03),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.white, 0.05),
+            messageBubbleBackgroundOutgoing: e.blueDark,
+            messageBubbleBackgroundOutgoingBrand: e.blueDark,
+            messageBubbleBackgroundOutgoingAlternative: e.blueDark,
+            messageBubbleBackgroundOutgoingNegative: e.blueDark,
+            messageBubbleBackgroundOutgoingMedia: e.blueDark,
+            messageBubbleBackgroundIncoming: e.darkModeGrey,
+            messageBubbleBackgroundIncomingBrand: e.darkModeGrey,
+            messageBubbleBackgroundIncomingAlternative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingNegative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingMedia: e.darkModeGrey,
             skeletonWave: e.grey600,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
@@ -824,6 +844,28 @@ const e = {
                 },
                 weight: "bold"
             },
+            feedbackScreenDescription: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 22
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
+                },
+                weight: "regular"
+            },
+            feedbackScreenTitle: {
+                lineHeight: {
+                    desktop: 32,
+                    mobile: 28
+                },
+                size: {
+                    desktop: 28,
+                    mobile: 24
+                },
+                weight: "bold"
+            },
             headerPretitle: {
                 lineHeight: {
                     desktop: 24,
@@ -1205,6 +1247,16 @@ const e = {
                     desktop: 16
                 }
             },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 8,
+                    desktop: 8
+                },
+                bottom: {
+                    mobile: 8,
+                    desktop: 8
+                }
+            },
             responsiveLayoutMargin: {
                 mobile: 16,
                 desktop: 48

package/dist/skins/o2.d.ts

@@ -6,6 +6,7 @@
 import type { GetKnownSkin } from './types';
 export declare const palette: {
     beyondBlue: string;
+    beyondBlue5: string;
     beyondBlue10: string;
     beyondBlue15: string;
     beyondBlue30: string;

package/dist/skins/o2.js

@@ -20,6 +20,7 @@ const _constants = require("./constants.js");
 const _color = require("../utils/color.js");
 const e = {
     beyondBlue: "#0050FF",
+    beyondBlue5: "#F2F6FF",
     beyondBlue10: "#E5EDFF",
     beyondBlue15: "#CCDCFF",
     beyondBlue30: "#80A7FF",
@@ -112,6 +113,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.17),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.beyondBlue90, 0.2),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.beyondBlue90, 0.4),
+            messageBubbleBackgroundOutgoing: e.beyondBlue5,
+            messageBubbleBackgroundOutgoingBrand: e.beyondBlue5,
+            messageBubbleBackgroundOutgoingAlternative: e.beyondBlue5,
+            messageBubbleBackgroundOutgoingNegative: e.beyondBlue5,
+            messageBubbleBackgroundOutgoingMedia: e.beyondBlue5,
+            messageBubbleBackgroundIncoming: e.grey20,
+            messageBubbleBackgroundIncomingBrand: e.white,
+            messageBubbleBackgroundIncomingAlternative: e.white,
+            messageBubbleBackgroundIncomingNegative: e.white,
+            messageBubbleBackgroundIncomingMedia: e.white,
             skeletonWave: e.grey30,
             borderLow: e.grey20,
             border: e.grey30,
@@ -420,6 +431,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.05),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.white, 0.03),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.white, 0.05),
+            messageBubbleBackgroundOutgoing: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingBrand: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingAlternative: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingNegative: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingMedia: e.darkModeGrey6,
+            messageBubbleBackgroundIncoming: e.darkModeGrey,
+            messageBubbleBackgroundIncomingBrand: e.darkModeGrey,
+            messageBubbleBackgroundIncomingAlternative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingNegative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingMedia: e.darkModeGrey,
             navigationBarBackground: e.darkModeBlack,
             skeletonWave: e.grey80,
             borderLow: e.darkModeBlack,
@@ -820,6 +841,28 @@ const e = {
                 },
                 weight: "bold"
             },
+            feedbackScreenDescription: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
+                },
+                weight: "regular"
+            },
+            feedbackScreenTitle: {
+                lineHeight: {
+                    desktop: 40,
+                    mobile: 32
+                },
+                size: {
+                    desktop: 32,
+                    mobile: 24
+                },
+                weight: "bold"
+            },
             headerPretitle: {
                 lineHeight: {
                     desktop: 24,
@@ -1201,6 +1244,16 @@ const e = {
                     desktop: 16
                 }
             },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 8,
+                    desktop: 8
+                },
+                bottom: {
+                    mobile: 8,
+                    desktop: 8
+                }
+            },
             responsiveLayoutMargin: {
                 mobile: 16,
                 desktop: 48