@telefonica/mistica 13.6.0 → 14.0.0

package/dist/card.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    DataCard: ()=>zr,
-    DisplayDataCard: ()=>Gr,
-    DisplayMediaCard: ()=>Ir,
-    MediaCard: ()=>Rr,
-    SnapCard: ()=>Hr
+    DataCard: ()=>ze,
+    DisplayDataCard: ()=>Ie,
+    DisplayMediaCard: ()=>ke,
+    MediaCard: ()=>Re,
+    SnapCard: ()=>He
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _tagJs = /*#__PURE__*/ _interopRequireDefault(require("./tag.js"));
@@ -157,11 +157,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 const z = (param)=>{
-    let { headline: e , pretitle: a , pretitleLinesMax: i , title: t , titleLinesMax: n , subtitle: l , subtitleLinesMax: p , description: c , descriptionLinesMax: s , extra: o , button: u , buttonLink: m  } = param;
-    const f = ()=>e ? typeof e == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tagJs.default, {
+    let { headline: r , pretitle: a , pretitleLinesMax: i , title: t , titleLinesMax: n , subtitle: l , subtitleLinesMax: p , description: s , descriptionLinesMax: c , extra: o , button: u , buttonLink: m  } = param;
+    const { textPresets: f  } = (0, _hooksJs.useTheme)(), b = ()=>r ? typeof r == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tagJs.default, {
             type: "promo",
-            children: e
-        }) : e : null;
+            children: r
+        }) : r : null;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
         className: (0, _sprinklesCssMisticaJs.sprinkles)({
             display: "flex",
@@ -175,11 +175,11 @@ const z = (param)=>{
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                         space: 8,
                         children: [
-                            (e || a || t || l) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("header", {
+                            (r || a || t || l) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("header", {
                                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                                     space: 8,
                                     children: [
-                                        f(),
+                                        b(),
                                         /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                                             space: 4,
                                             children: [
@@ -189,10 +189,14 @@ const z = (param)=>{
                                                     regular: !0,
                                                     children: a
                                                 }),
-                                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text4, {
+                                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
+                                                    mobileSize: 18,
+                                                    mobileLineHeight: "24px",
+                                                    desktopSize: 20,
+                                                    desktopLineHeight: "28px",
                                                     truncate: n,
+                                                    weight: f.cardTitle.weight,
                                                     as: "h3",
-                                                    regular: !0,
                                                     children: t
                                                 }),
                                                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
@@ -206,12 +210,12 @@ const z = (param)=>{
                                     ]
                                 })
                             }),
-                            c && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
-                                truncate: s,
+                            s && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                truncate: c,
                                 as: "p",
                                 regular: !0,
                                 color: _skinContractCssMisticaJs.vars.colors.textSecondary,
-                                children: c
+                                children: s
                             })
                         ]
                     }),
@@ -230,7 +234,7 @@ const z = (param)=>{
         ]
     });
 }, H = (param)=>{
-    let { "aria-label": e , className: a , style: i , children: t  } = param;
+    let { "aria-label": r , className: a , style: i , children: t  } = param;
     return (0, _maybeDismissableJs.useIsDismissable)() ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         className: a,
         style: i,
@@ -238,11 +242,11 @@ const z = (param)=>{
     }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", {
         className: a,
         style: i,
-        "aria-label": e,
+        "aria-label": r,
         children: t
     });
-}, Rr = /*#__PURE__*/ _react.forwardRef((param, S)=>/* @__PURE__ */ {
-    let { media: e , headline: a , pretitle: i , pretitleLinesMax: t , subtitle: n , subtitleLinesMax: l , title: p , titleLinesMax: c , description: s , descriptionLinesMax: o , extra: u , button: m , buttonLink: f , dataAttributes: g , "aria-label": h , onClose: C  } = param;
+}, Re = /*#__PURE__*/ _react.forwardRef((param, S)=>/* @__PURE__ */ {
+    let { media: r , headline: a , pretitle: i , pretitleLinesMax: t , subtitle: n , subtitleLinesMax: l , title: p , titleLinesMax: s , description: c , descriptionLinesMax: o , extra: u , button: m , buttonLink: f , dataAttributes: b , "aria-label": h , onClose: C  } = param;
     return (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
         onClose: C,
         "aria-label": h,
@@ -250,7 +254,7 @@ const z = (param)=>{
             className: _cardCssMisticaJs.boxed,
             dataAttributes: _objectSpread({
                 "component-name": "MediaCard"
-            }, g),
+            }, b),
             ref: S,
             width: "100%",
             height: "100%",
@@ -260,7 +264,7 @@ const z = (param)=>{
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_imageJs.MediaBorderRadiusProvider, {
                         value: !1,
-                        children: e
+                        children: r
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: _cardCssMisticaJs.mediaCardContent,
@@ -269,10 +273,10 @@ const z = (param)=>{
                             pretitle: i,
                             pretitleLinesMax: t,
                             title: p,
-                            titleLinesMax: c,
+                            titleLinesMax: s,
                             subtitle: n,
                             subtitleLinesMax: l,
-                            description: s,
+                            description: c,
                             descriptionLinesMax: o,
                             extra: u,
                             button: m,
@@ -283,8 +287,8 @@ const z = (param)=>{
             })
         })
     });
-}), zr = /*#__PURE__*/ _react.forwardRef((param, S)=>/* @__PURE__ */ {
-    let { icon: e , headline: a , pretitle: i , pretitleLinesMax: t , title: n , titleLinesMax: l , subtitle: p , subtitleLinesMax: c , description: s , descriptionLinesMax: o , extra: u , button: m , buttonLink: f , dataAttributes: g , "aria-label": h , onClose: C  } = param;
+}), ze = /*#__PURE__*/ _react.forwardRef((param, S)=>/* @__PURE__ */ {
+    let { icon: r , headline: a , pretitle: i , pretitleLinesMax: t , title: n , titleLinesMax: l , subtitle: p , subtitleLinesMax: s , description: c , descriptionLinesMax: o , extra: u , button: m , buttonLink: f , dataAttributes: b , "aria-label": h , onClose: C  } = param;
     return (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
         "aria-label": h,
         onClose: C,
@@ -292,7 +296,7 @@ const z = (param)=>{
             className: _cardCssMisticaJs.boxed,
             dataAttributes: _objectSpread({
                 "component-name": "DataCard"
-            }, g),
+            }, b),
             ref: S,
             width: "100%",
             height: "100%",
@@ -300,9 +304,9 @@ const z = (param)=>{
                 className: _cardCssMisticaJs.dataCard,
                 "aria-label": h,
                 children: [
-                    e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                    r && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingBottom: 16,
-                        children: e
+                        children: r
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(z, {
                         headline: a,
@@ -311,8 +315,8 @@ const z = (param)=>{
                         title: n,
                         titleLinesMax: l,
                         subtitle: p,
-                        subtitleLinesMax: c,
-                        description: s,
+                        subtitleLinesMax: s,
+                        description: c,
                         descriptionLinesMax: o,
                         extra: u,
                         button: m,
@@ -322,8 +326,8 @@ const z = (param)=>{
             })
         })
     });
-}), Hr = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
-    var { icon: e , title: a , titleLinesMax: i , subtitle: t , subtitleLinesMax: n , dataAttributes: l , "aria-label": p , extra: c , isInverse: s = !1  } = _param, o = _objectWithoutProperties(_param, [
+}), He = /*#__PURE__*/ _react.forwardRef((_param, u)=>{
+    var { icon: r , title: a , titleLinesMax: i , subtitle: t , subtitleLinesMax: n , dataAttributes: l , "aria-label": p , extra: s , isInverse: c = !1  } = _param, o = _objectWithoutProperties(_param, [
         "icon",
         "title",
         "titleLinesMax",
@@ -341,22 +345,22 @@ const z = (param)=>{
             "component-name": "SnapCard"
         }, l),
         ref: u,
-        isInverse: s,
+        isInverse: c,
         width: "100%",
         height: "100%",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({
             maybe: !0
         }, o), {
-            className: f && !s && !m ? _cardCssMisticaJs.snapCardTouchableHover : _cardCssMisticaJs.snapCardTouchableHoverTransparent,
+            className: f && !c && !m ? _cardCssMisticaJs.snapCardTouchableHover : _cardCssMisticaJs.snapCardTouchableHoverTransparent,
             "aria-label": p,
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("section", {
                 className: _cardCssMisticaJs.snapCard,
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
                         children: [
-                            e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                            r && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                                 paddingBottom: 16,
-                                children: e
+                                children: r
                             }),
                             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                                 space: 4,
@@ -378,18 +382,18 @@ const z = (param)=>{
                             })
                         ]
                     }),
-                    c && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                        children: c
+                    s && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                        children: s
                     })
                 ]
             })
         }))
     });
-}), sr = (param)=>/* @__PURE__ */ {
-    let { actions: e , isInverse: a  } = param;
+}), ce = (param)=>/* @__PURE__ */ {
+    let { actions: r , isInverse: a  } = param;
     return (0, _jsxRuntimeJs.jsx)(_inlineJs.default, {
         space: 0,
-        children: e.map((param, l)=>/* @__PURE__ */ {
+        children: r.map((param, l)=>/* @__PURE__ */ {
             let { onPress: i , label: t , Icon: n  } = param;
             return (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
                 size: 48,
@@ -409,25 +413,25 @@ const z = (param)=>{
             }, l);
         })
     });
-}, mr = {
+}, me = {
     "1:1": "1",
     "16:9": "16 / 9",
     "7:10": "7 / 10",
     "9:10": "9 / 10",
     auto: "auto"
-}, hr = (param)=>{
-    let { children: e , width: a = "100%" , height: i = "100%" , aspectRatio: t , actions: n , onClose: l , isInverse: p , "aria-label": c  } = param;
-    const { texts: s  } = (0, _hooksJs.useTheme)(), o = n ? [
+}, he = (param)=>{
+    let { children: r , width: a = "100%" , height: i = "100%" , aspectRatio: t , actions: n , onClose: l , isInverse: p , "aria-label": s  } = param;
+    const { texts: c  } = (0, _hooksJs.useTheme)(), o = n ? [
         ...n
     ] : [];
     l && o.push({
-        label: s.closeButtonLabel,
+        label: c.closeButtonLabel,
         onPress: l,
         Icon: _iconCloseRegularJs.default
     });
-    const u = o.length > 0, m = t ? typeof t == "number" ? String(t) : mr[t] : void 0;
+    const u = o.length > 0, m = t ? typeof t == "number" ? String(t) : me[t] : void 0;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("section", {
-        "aria-label": c,
+        "aria-label": s,
         style: {
             width: a,
             height: i,
@@ -435,45 +439,45 @@ const z = (param)=>{
             position: "relative"
         },
         children: [
-            e,
+            r,
             u && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 style: {
                     position: "absolute",
                     right: 8,
                     top: 8
                 },
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(sr, {
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(ce, {
                     actions: o,
                     isInverse: p
                 })
             })
         ]
     });
-}, I = /*#__PURE__*/ _react.forwardRef((param, _)=>{
-    let { isInverse: e , backgroundImage: a , icon: i , headline: t , pretitle: n , pretitleLinesMax: l , title: p , titleLinesMax: c , description: s , descriptionLinesMax: o , extra: u , button: m , secondaryButton: f , onClose: g , actions: h , buttonLink: C , dataAttributes: S , width: G , height: j , aspectRatio: k , "aria-label": X  } = param;
-    const v = !!a, D = v ? "0 0 16px rgba(0,0,0,0.4)" : void 0, E = (h == null ? void 0 : h.length) || g;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(hr, {
-        width: G,
-        height: j,
-        aspectRatio: k,
-        onClose: g,
+}, k = /*#__PURE__*/ _react.forwardRef((param, X)=>{
+    let { isInverse: r , backgroundImage: a , icon: i , headline: t , pretitle: n , pretitleLinesMax: l , title: p , titleLinesMax: s , description: c , descriptionLinesMax: o , extra: u , button: m , secondaryButton: f , onClose: b , actions: h , buttonLink: C , dataAttributes: S , width: I , height: G , aspectRatio: j , "aria-label": P  } = param;
+    const v = !!a, w = v ? "0 0 16px rgba(0,0,0,0.4)" : void 0, _ = (h == null ? void 0 : h.length) || b;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(he, {
+        width: I,
+        height: G,
+        aspectRatio: j,
+        onClose: b,
         actions: h,
-        "aria-label": X,
-        isInverse: e,
+        "aria-label": P,
+        isInverse: r,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.InternalBoxed, {
             borderRadius: 16,
             className: _cardCssMisticaJs.boxed,
             dataAttributes: S,
-            ref: _,
+            ref: X,
             width: "100%",
             minHeight: "100%",
-            isInverse: e,
-            background: e && a ? _skinContractCssMisticaJs.vars.colors.backgroundContainer : void 0,
+            isInverse: r,
+            background: r && a ? _skinContractCssMisticaJs.vars.colors.backgroundContainer : void 0,
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
                 className: _cardCssMisticaJs.displayCard,
                 style: {
                     backgroundImage: a ? `url("${CSS.escape(a)}")` : void 0,
-                    paddingTop: v && !i && !E ? 0 : 24
+                    paddingTop: v && !i && !_ ? 0 : 24
                 },
                 children: [
                     i ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
@@ -481,7 +485,7 @@ const z = (param)=>{
                         paddingX: 24,
                         children: i
                     }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
-                        paddingBottom: (h == null ? void 0 : h.length) || g ? v ? 24 : 64 : 0
+                        paddingBottom: (h == null ? void 0 : h.length) || b ? v ? 24 : 64 : 0
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingX: 24,
@@ -509,14 +513,14 @@ const z = (param)=>{
                                                                         truncate: l,
                                                                         as: "div",
                                                                         regular: !0,
-                                                                        textShadow: D,
+                                                                        textShadow: w,
                                                                         children: n
                                                                     }),
                                                                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text6, {
                                                                         forceMobileSizes: !0,
-                                                                        truncate: c,
+                                                                        truncate: s,
                                                                         as: "h3",
-                                                                        textShadow: D,
+                                                                        textShadow: w,
                                                                         children: p
                                                                     })
                                                                 ]
@@ -524,14 +528,14 @@ const z = (param)=>{
                                                         ]
                                                     })
                                                 }),
-                                                s && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
+                                                c && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
                                                     forceMobileSizes: !0,
                                                     truncate: o,
                                                     as: "p",
                                                     regular: !0,
                                                     color: _skinContractCssMisticaJs.vars.colors.textSecondary,
-                                                    textShadow: D,
-                                                    children: s
+                                                    textShadow: w,
+                                                    children: c
                                                 })
                                             ]
                                         }),
@@ -550,24 +554,24 @@ const z = (param)=>{
             })
         })
     });
-}), Ir = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, a = _objectWithoutProperties(_param, [
+}), ke = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: r  } = _param, a = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(I, _objectSpreadProps(_objectSpread({}, a), {
+    return (0, _jsxRuntimeJs.jsx)(k, _objectSpreadProps(_objectSpread({}, a), {
         ref: i,
         isInverse: !0,
-        dataAttributes: _objectSpreadProps(_objectSpread({}, e), {
+        dataAttributes: _objectSpreadProps(_objectSpread({}, r), {
             "component-name": "DisplayMediaCard"
         })
     }));
-}), Gr = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, a = _objectWithoutProperties(_param, [
+}), Ie = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: r  } = _param, a = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(I, _objectSpreadProps(_objectSpread({}, a), {
+    return (0, _jsxRuntimeJs.jsx)(k, _objectSpreadProps(_objectSpread({}, a), {
         ref: i,
-        dataAttributes: _objectSpreadProps(_objectSpread({}, e), {
+        dataAttributes: _objectSpreadProps(_objectSpread({}, r), {
             "component-name": "DisplayDataCard"
         })
     }));

package/dist/index.d.ts

@@ -103,6 +103,7 @@ export { VIVO_SKIN, O2_CLASSIC_SKIN, O2_SKIN, MOVISTAR_SKIN, TELEFONICA_SKIN, BL
 export { getSkinByName } from './skins/utils';
 export { getVivoSkin } from './skins/vivo';
 export { getMovistarSkin } from './skins/movistar';
+export { getMovistarLegacySkin } from './skins/movistar-legacy';
 export { getO2Skin } from './skins/o2';
 export { getO2ClassicSkin } from './skins/o2-classic';
 export { getTelefonicaSkin } from './skins/telefonica';

package/dist/index.js

@@ -1796,6 +1796,7 @@ _export(exports, {
     createNestableContext: ()=>_nestableContextJs.default,
     dialog: ()=>_dialogJs.dialog,
     getBlauSkin: ()=>_blauJs.getBlauSkin,
+    getMovistarLegacySkin: ()=>_movistarLegacyJs.getMovistarLegacySkin,
     getMovistarSkin: ()=>_movistarJs.getMovistarSkin,
     getO2ClassicSkin: ()=>_o2ClassicJs.getO2ClassicSkin,
     getO2Skin: ()=>_o2Js.getO2Skin,
@@ -1926,6 +1927,7 @@ const _constantsJs = require("./skins/constants.js");
 const _utilsJs = require("./skins/utils.js");
 const _vivoJs = require("./skins/vivo.js");
 const _movistarJs = require("./skins/movistar.js");
+const _movistarLegacyJs = require("./skins/movistar-legacy.js");
 const _o2Js = require("./skins/o2.js");
 const _o2ClassicJs = require("./skins/o2-classic.js");
 const _telefonicaJs = require("./skins/telefonica.js");

package/dist/package-version.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
     enumerable: true,
     get: ()=>o
 });
-const o = "13.6.0";
+const o = "14.0.0";

package/dist/skins/blau.js

@@ -62,7 +62,7 @@ const e = {
             backgroundBrandSecondary: e.blauBluePrimary,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.blauBlueSecondary, 0.75),
             backgroundSkeleton: e.grey2,
-            backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
+            backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.3),
             navigationBarBackground: e.blauBluePrimary,
             backgroundAlternative: e.blauBluePrimary20,
             backgroundFeedbackBottom: e.blauBluePrimary,
@@ -123,7 +123,7 @@ const e = {
             textPrimary: e.grey6,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
-            textSecondaryInverse: e.white,
+            textSecondaryInverse: e.blauBluePrimary20,
             error: e.blauRed,
             success: e.blauGreen,
             warning: e.blauYellow,

package/dist/skins/movistar-legacy.d.ts

@@ -0,0 +1,45 @@
+import type { GetKnownSkin } from './types';
+export declare const palette: {
+    readonly movistarBlue: "#019DF4";
+    readonly movistarBlue10: "#E6F5FD";
+    readonly movistarBlue20: "#B3E1FB";
+    readonly movistarBlue30: "#80CEF9";
+    readonly movistarBlue40: "#4DBAF7";
+    readonly movistarBlue55: "#008EDD";
+    readonly movistarGreen: "#5CB615";
+    readonly movistarGreen10: "#EFF8E8";
+    readonly movistarGreen30: "#ADDA8A";
+    readonly movistarGreen40: "#8DCC5B";
+    readonly movistarGreen60: "#499110";
+    readonly movistarGreen70: "#407F0F";
+    readonly pepper: "#FF374A";
+    readonly pepper10: "#FFEBED";
+    readonly pepper20: "#FFC3C8";
+    readonly pepper40: "#FF7380";
+    readonly pepper55: "#D73241";
+    readonly pepper70: "#B22634";
+    readonly egg: "#F28D15";
+    readonly egg10: "#FEF4E8";
+    readonly egg40: "#F6AF5B";
+    readonly egg80: "#6D3F09";
+    readonly pink: "#E63780";
+    readonly purple: "#A13EA1";
+    readonly purple10: "#F6ECF6";
+    readonly purple40: "#BD78BD";
+    readonly purple70: "#712B71";
+    readonly grey1: "#F6F6F6";
+    readonly grey2: "#EEEEEE";
+    readonly grey3: "#DDDDDD";
+    readonly grey4: "#999999";
+    readonly grey5: "#86888C";
+    readonly grey6: "#313235";
+    readonly white: "#FFFFFF";
+    readonly movistarProminentBlue: "#0B2739";
+    readonly movistarProminentBlueDark: "#081F2D";
+    readonly movistarProminentBlueLight20: "#CED3D7";
+    readonly movistarProminentBlueLight50: "#85939C";
+    readonly movistarProminentBlueLight70: "#546874";
+    readonly darkModeBlack: "#191919";
+    readonly darkModeGrey: "#242424";
+};
+export declare const getMovistarLegacySkin: GetKnownSkin;