@telefonica/mistica 13.1.3 → 13.2.1

package/dist/skeletons.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     SkeletonCircle: ()=>x,
-    SkeletonLine: ()=>A,
+    SkeletonLine: ()=>g,
     SkeletonRectangle: ()=>R,
     SkeletonRow: ()=>N,
-    SkeletonText: ()=>f
+    SkeletonText: ()=>A
 });
 const _skeletonBaseJs = /*#__PURE__*/ _interopRequireDefault(require("./skeleton-base.js"));
 const _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
@@ -78,25 +78,25 @@ function _objectSpreadProps(target, source) {
     return target;
 }
 const o = (param)=>/* @__PURE__ */ {
-    let { children: n , ariaLabel: e , dataAttributes: i , width: a , height: c  } = param;
+    let { children: n , ariaLabel: t , dataAttributes: i , width: a , height: l  } = param;
     return (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
         className: _skeletonsCssMisticaJs.animation,
         role: "status",
         "aria-busy": !0,
-        "aria-hidden": e === void 0,
-        "aria-label": e,
+        "aria-hidden": t === void 0,
+        "aria-label": t,
         style: {
             width: a,
-            height: c
+            height: l
         }
     }, (0, _domJs.getPrefixedDataAttributes)(i)), {
         children: n
     }));
-}, A = (param)=>/* @__PURE__ */ {
-    let { width: n = "100%" , ariaLabel: e , dataAttributes: i  } = param;
+}, g = (param)=>/* @__PURE__ */ {
+    let { width: n = "100%" , ariaLabel: t , dataAttributes: i  } = param;
     return (0, _jsxRuntimeJs.jsx)(o, {
         width: n,
-        ariaLabel: e,
+        ariaLabel: t,
         dataAttributes: _objectSpread({
             "component-name": "SkeletonLine"
         }, i),
@@ -104,14 +104,14 @@ const o = (param)=>/* @__PURE__ */ {
             width: "100%"
         })
     });
-}, f = (param)=>/* @__PURE__ */ {
-    let { ariaLabel: n , dataAttributes: e  } = param;
+}, A = (param)=>/* @__PURE__ */ {
+    let { ariaLabel: n , dataAttributes: t  } = param;
     return (0, _jsxRuntimeJs.jsx)(o, {
         width: "100%",
         ariaLabel: n,
         dataAttributes: _objectSpread({
             "component-name": "SkeletonText"
-        }, e),
+        }, t),
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
             space: 16,
             children: [
@@ -124,10 +124,10 @@ const o = (param)=>/* @__PURE__ */ {
         })
     });
 }, x = (param)=>/* @__PURE__ */ {
-    let { ariaLabel: n , size: e = 40 , dataAttributes: i  } = param;
+    let { ariaLabel: n , size: t = 40 , dataAttributes: i  } = param;
     return (0, _jsxRuntimeJs.jsx)(o, {
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         ariaLabel: n,
         dataAttributes: _objectSpread({
             "component-name": "SkeletonCircle"
@@ -139,10 +139,10 @@ const o = (param)=>/* @__PURE__ */ {
         })
     });
 }, N = (param)=>/* @__PURE__ */ {
-    let { width: n = "100%" , ariaLabel: e , dataAttributes: i  } = param;
+    let { width: n = "100%" , ariaLabel: t , dataAttributes: i  } = param;
     return (0, _jsxRuntimeJs.jsx)(o, {
         width: n,
-        ariaLabel: e,
+        ariaLabel: t,
         dataAttributes: _objectSpread({
             "component-name": "SkeletonRow"
         }, i),
@@ -163,9 +163,9 @@ const o = (param)=>/* @__PURE__ */ {
         })
     });
 }, R = (param)=>/* @__PURE__ */ {
-    let { width: n = "100%" , height: e = "100%" , ariaLabel: i , dataAttributes: a  } = param;
+    let { width: n = "100%" , height: t = "100%" , ariaLabel: i , dataAttributes: a , noBorderRadius: l = !1  } = param;
     return (0, _jsxRuntimeJs.jsx)(o, {
-        height: e,
+        height: t,
         width: n,
         ariaLabel: i,
         dataAttributes: _objectSpread({
@@ -173,7 +173,8 @@ const o = (param)=>/* @__PURE__ */ {
         }, a),
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_skeletonBaseJs.default, {
             height: "100%",
-            width: "100%"
+            width: "100%",
+            noBorderRadius: l
         })
     });
 };

package/dist/skins/blau.js

@@ -9,7 +9,7 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getBlauSkin: ()=>n,
+    getBlauSkin: ()=>t,
     palette: ()=>e
 });
 const _colorJs = require("../utils/color.js");
@@ -52,7 +52,7 @@ const e = {
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-}, n = ()=>({
+}, t = ()=>({
         name: _constantsJs.BLAU_SKIN,
         colors: {
             appBarBackground: e.white,
@@ -142,7 +142,12 @@ const e = {
             successHigh: e.blauGreen70,
             warningHigh: e.blauYellow70,
             errorHigh: e.blauRed70,
-            promoHigh: e.blauPurple
+            promoHigh: e.blauPurple,
+            successHighInverse: e.blauGreen70,
+            warningHighInverse: e.blauYellow70,
+            errorHighInverse: e.blauRed70,
+            promoHighInverse: e.blauPurple,
+            neutralMediumInverse: e.grey5
         },
         darkModeColors: {
             backgroundBrand: e.darkModeBlack,
@@ -204,14 +209,19 @@ const e = {
             textNavigationSearchBarText: e.grey2,
             textAppBar: e.grey5,
             textAppBarSelected: e.grey2,
-            successLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            warningLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            errorLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            promoLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            brandLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            successLow: e.darkModeGrey6,
+            warningLow: e.darkModeGrey6,
+            errorLow: e.darkModeGrey6,
+            promoLow: e.darkModeGrey6,
+            brandLow: e.darkModeGrey6,
             successHigh: e.blauGreen30,
             warningHigh: e.blauYellow40,
             errorHigh: e.blauRed40,
-            promoHigh: e.blauPurple30
+            promoHigh: e.blauPurple30,
+            successHighInverse: e.blauGreen70,
+            warningHighInverse: e.blauYellow70,
+            errorHighInverse: e.blauRed70,
+            promoHighInverse: e.blauPurple,
+            neutralMediumInverse: e.grey5
         }
     });

package/dist/skins/movistar.js

@@ -147,7 +147,12 @@ const e = {
             successHigh: e.movistarGreen70,
             warningHigh: e.egg80,
             errorHigh: e.pepper70,
-            promoHigh: e.purple70
+            promoHigh: e.purple70,
+            successHighInverse: e.movistarGreen70,
+            warningHighInverse: e.egg80,
+            errorHighInverse: e.pepper70,
+            promoHighInverse: e.purple70,
+            neutralMediumInverse: e.grey5
         },
         darkModeColors: {
             brand: e.movistarBlue,
@@ -213,15 +218,20 @@ const e = {
             textNavigationSearchBarText: e.grey2,
             textAppBar: e.grey5,
             textAppBarSelected: e.grey2,
-            successLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            warningLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            errorLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            promoLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            brandLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            successLow: e.grey6,
+            warningLow: e.grey6,
+            errorLow: e.grey6,
+            promoLow: e.grey6,
+            brandLow: e.grey6,
             successHigh: e.movistarGreen40,
             warningHigh: e.egg40,
             errorHigh: e.pepper40,
-            promoHigh: e.purple40
+            promoHigh: e.purple40,
+            successHighInverse: e.movistarGreen70,
+            warningHighInverse: e.egg80,
+            errorHighInverse: e.pepper70,
+            promoHighInverse: e.purple70,
+            neutralMediumInverse: e.grey5
         },
         textPresets: {
             text5: {

package/dist/skins/o2-classic.js

@@ -154,7 +154,12 @@ const e = {
             successHigh: e.o2Green75,
             warningHigh: e.orange80,
             errorHigh: e.pepper70,
-            promoHigh: e.pink60
+            promoHigh: e.pink60,
+            successHighInverse: e.o2Green75,
+            warningHighInverse: e.orange80,
+            errorHighInverse: e.pepper70,
+            promoHighInverse: e.pink60,
+            neutralMediumInverse: e.grey5
         },
         darkModeColors: {
             appBarBackground: e.darkModeGrey,
@@ -221,14 +226,19 @@ const e = {
             textNavigationSearchBarText: e.grey2,
             textAppBar: e.grey5,
             textAppBarSelected: e.grey2,
-            successLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            warningLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            errorLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            promoLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            brandLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            successLow: e.darkModeGrey6,
+            warningLow: e.darkModeGrey6,
+            errorLow: e.darkModeGrey6,
+            promoLow: e.darkModeGrey6,
+            brandLow: e.darkModeGrey6,
             successHigh: e.o2Green40,
             warningHigh: e.orange40,
             errorHigh: e.pepper40,
-            promoHigh: e.pink40
+            promoHigh: e.pink40,
+            successHighInverse: e.o2Green75,
+            warningHighInverse: e.orange80,
+            errorHighInverse: e.pepper70,
+            promoHighInverse: e.pink60,
+            neutralMediumInverse: e.grey5
         }
     });

package/dist/skins/o2.js

@@ -144,7 +144,12 @@ const e = {
             successHigh: e.o2Green80,
             warningHigh: e.o2Orange75,
             errorHigh: e.pepper60,
-            promoHigh: e.o2Purple
+            promoHigh: e.o2Purple,
+            successHighInverse: e.o2Green80,
+            warningHighInverse: e.o2Orange75,
+            errorHighInverse: e.pepper60,
+            promoHighInverse: e.o2Purple,
+            neutralMediumInverse: e.grey5
         },
         darkModeColors: {
             appBarBackground: e.darkModeGrey,
@@ -213,14 +218,19 @@ const e = {
             textNavigationSearchBarText: e.grey2,
             textAppBar: e.grey5,
             textAppBarSelected: e.grey2,
-            successLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            warningLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            errorLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            promoLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            brandLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            successLow: e.darkModeGrey6,
+            warningLow: e.darkModeGrey6,
+            errorLow: e.darkModeGrey6,
+            promoLow: e.darkModeGrey6,
+            brandLow: e.darkModeGrey6,
             successHigh: e.o2Green40,
             warningHigh: e.o2Orange40,
             errorHigh: e.pepper40,
-            promoHigh: e.o2Purple30
+            promoHigh: e.o2Purple30,
+            successHighInverse: e.o2Green80,
+            warningHighInverse: e.o2Orange75,
+            errorHighInverse: e.pepper60,
+            promoHighInverse: e.o2Purple,
+            neutralMediumInverse: e.grey5
         }
     });

package/dist/skins/skin-contract.css-mistica.js

@@ -61,130 +61,140 @@ var r = {
         neutralHigh: "var(--_1vqcj1i1e)",
         neutralLow: "var(--_1vqcj1i1f)",
         neutralMedium: "var(--_1vqcj1i1g)",
-        promo: "var(--_1vqcj1i1h)",
-        error: "var(--_1vqcj1i1i)",
-        highlight: "var(--_1vqcj1i1j)",
-        success: "var(--_1vqcj1i1k)",
-        warning: "var(--_1vqcj1i1l)",
-        textPrimary: "var(--_1vqcj1i1m)",
-        textPrimaryInverse: "var(--_1vqcj1i1n)",
-        textSecondary: "var(--_1vqcj1i1o)",
-        textSecondaryInverse: "var(--_1vqcj1i1p)",
-        textButtonPrimary: "var(--_1vqcj1i1q)",
-        textButtonPrimaryInverse: "var(--_1vqcj1i1r)",
-        textButtonPrimaryInverseSelected: "var(--_1vqcj1i1s)",
-        textButtonSecondary: "var(--_1vqcj1i1t)",
-        textButtonSecondarySelected: "var(--_1vqcj1i1u)",
-        textButtonSecondaryInverse: "var(--_1vqcj1i1v)",
-        textButtonSecondaryInverseSelected: "var(--_1vqcj1i1w)",
-        textLink: "var(--_1vqcj1i1x)",
-        textLinkInverse: "var(--_1vqcj1i1y)",
-        textLinkDanger: "var(--_1vqcj1i1z)",
-        textLinkSnackbar: "var(--_1vqcj1i20)",
-        textNavigationBarPrimary: "var(--_1vqcj1i21)",
-        textNavigationBarSecondary: "var(--_1vqcj1i22)",
-        textNavigationSearchBarHint: "var(--_1vqcj1i23)",
-        textNavigationSearchBarText: "var(--_1vqcj1i24)",
-        textAppBar: "var(--_1vqcj1i25)",
-        textAppBarSelected: "var(--_1vqcj1i26)",
-        successLow: "var(--_1vqcj1i27)",
-        warningLow: "var(--_1vqcj1i28)",
-        errorLow: "var(--_1vqcj1i29)",
-        promoLow: "var(--_1vqcj1i2a)",
-        brandLow: "var(--_1vqcj1i2b)",
-        successHigh: "var(--_1vqcj1i2c)",
-        warningHigh: "var(--_1vqcj1i2d)",
-        errorHigh: "var(--_1vqcj1i2e)",
-        promoHigh: "var(--_1vqcj1i2f)"
+        neutralMediumInverse: "var(--_1vqcj1i1h)",
+        promo: "var(--_1vqcj1i1i)",
+        error: "var(--_1vqcj1i1j)",
+        highlight: "var(--_1vqcj1i1k)",
+        success: "var(--_1vqcj1i1l)",
+        warning: "var(--_1vqcj1i1m)",
+        textPrimary: "var(--_1vqcj1i1n)",
+        textPrimaryInverse: "var(--_1vqcj1i1o)",
+        textSecondary: "var(--_1vqcj1i1p)",
+        textSecondaryInverse: "var(--_1vqcj1i1q)",
+        textButtonPrimary: "var(--_1vqcj1i1r)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i1s)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i1t)",
+        textButtonSecondary: "var(--_1vqcj1i1u)",
+        textButtonSecondarySelected: "var(--_1vqcj1i1v)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i1w)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i1x)",
+        textLink: "var(--_1vqcj1i1y)",
+        textLinkInverse: "var(--_1vqcj1i1z)",
+        textLinkDanger: "var(--_1vqcj1i20)",
+        textLinkSnackbar: "var(--_1vqcj1i21)",
+        textNavigationBarPrimary: "var(--_1vqcj1i22)",
+        textNavigationBarSecondary: "var(--_1vqcj1i23)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i24)",
+        textNavigationSearchBarText: "var(--_1vqcj1i25)",
+        textAppBar: "var(--_1vqcj1i26)",
+        textAppBarSelected: "var(--_1vqcj1i27)",
+        successLow: "var(--_1vqcj1i28)",
+        warningLow: "var(--_1vqcj1i29)",
+        errorLow: "var(--_1vqcj1i2a)",
+        promoLow: "var(--_1vqcj1i2b)",
+        brandLow: "var(--_1vqcj1i2c)",
+        successHigh: "var(--_1vqcj1i2d)",
+        warningHigh: "var(--_1vqcj1i2e)",
+        errorHigh: "var(--_1vqcj1i2f)",
+        promoHigh: "var(--_1vqcj1i2g)",
+        successHighInverse: "var(--_1vqcj1i2h)",
+        warningHighInverse: "var(--_1vqcj1i2i)",
+        errorHighInverse: "var(--_1vqcj1i2j)",
+        promoHighInverse: "var(--_1vqcj1i2k)"
     },
     rawColors: {
-        appBarBackground: "var(--_1vqcj1i2g)",
-        background: "var(--_1vqcj1i2h)",
-        backgroundContainer: "var(--_1vqcj1i2i)",
-        backgroundBrand: "var(--_1vqcj1i2j)",
-        backgroundOverlay: "var(--_1vqcj1i2k)",
-        backgroundSkeleton: "var(--_1vqcj1i2l)",
-        backgroundSkeletonInverse: "var(--_1vqcj1i2m)",
-        backgroundAlternative: "var(--_1vqcj1i2n)",
-        backgroundFeedbackBottom: "var(--_1vqcj1i2o)",
-        navigationBarBackground: "var(--_1vqcj1i2p)",
-        skeletonWave: "var(--_1vqcj1i2q)",
-        border: "var(--_1vqcj1i2r)",
-        borderLow: "var(--_1vqcj1i2s)",
-        borderHigh: "var(--_1vqcj1i2t)",
-        borderSelected: "var(--_1vqcj1i2u)",
-        buttonDangerBackground: "var(--_1vqcj1i2v)",
-        buttonDangerBackgroundSelected: "var(--_1vqcj1i2w)",
-        buttonDangerBackgroundHover: "var(--_1vqcj1i2x)",
-        buttonLinkBackgroundSelected: "var(--_1vqcj1i2y)",
-        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i2z)",
-        buttonPrimaryBackground: "var(--_1vqcj1i30)",
-        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i31)",
-        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i32)",
-        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i33)",
-        buttonPrimaryBackgroundHover: "var(--_1vqcj1i34)",
-        buttonSecondaryBorder: "var(--_1vqcj1i35)",
-        buttonSecondaryBorderSelected: "var(--_1vqcj1i36)",
-        buttonSecondaryBorderInverse: "var(--_1vqcj1i37)",
-        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i38)",
-        buttonSecondaryBackgroundHover: "var(--_1vqcj1i39)",
-        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i3a)",
-        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i3b)",
-        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i3c)",
-        control: "var(--_1vqcj1i3d)",
-        controlActivated: "var(--_1vqcj1i3e)",
-        controlError: "var(--_1vqcj1i3f)",
-        loadingBar: "var(--_1vqcj1i3g)",
-        loadingBarBackground: "var(--_1vqcj1i3h)",
-        toggleAndroidInactive: "var(--_1vqcj1i3i)",
-        toggleAndroidBackgroundActive: "var(--_1vqcj1i3j)",
-        iosControlKnob: "var(--_1vqcj1i3k)",
-        divider: "var(--_1vqcj1i3l)",
-        dividerInverse: "var(--_1vqcj1i3m)",
-        navigationBarDivider: "var(--_1vqcj1i3n)",
-        badge: "var(--_1vqcj1i3o)",
-        feedbackErrorBackground: "var(--_1vqcj1i3p)",
-        feedbackInfoBackground: "var(--_1vqcj1i3q)",
-        brand: "var(--_1vqcj1i3r)",
-        brandHigh: "var(--_1vqcj1i3s)",
-        inverse: "var(--_1vqcj1i3t)",
-        neutralHigh: "var(--_1vqcj1i3u)",
-        neutralLow: "var(--_1vqcj1i3v)",
-        neutralMedium: "var(--_1vqcj1i3w)",
-        promo: "var(--_1vqcj1i3x)",
-        error: "var(--_1vqcj1i3y)",
-        highlight: "var(--_1vqcj1i3z)",
-        success: "var(--_1vqcj1i40)",
-        warning: "var(--_1vqcj1i41)",
-        textPrimary: "var(--_1vqcj1i42)",
-        textPrimaryInverse: "var(--_1vqcj1i43)",
-        textSecondary: "var(--_1vqcj1i44)",
-        textSecondaryInverse: "var(--_1vqcj1i45)",
-        textButtonPrimary: "var(--_1vqcj1i46)",
-        textButtonPrimaryInverse: "var(--_1vqcj1i47)",
-        textButtonPrimaryInverseSelected: "var(--_1vqcj1i48)",
-        textButtonSecondary: "var(--_1vqcj1i49)",
-        textButtonSecondarySelected: "var(--_1vqcj1i4a)",
-        textButtonSecondaryInverse: "var(--_1vqcj1i4b)",
-        textButtonSecondaryInverseSelected: "var(--_1vqcj1i4c)",
-        textLink: "var(--_1vqcj1i4d)",
-        textLinkInverse: "var(--_1vqcj1i4e)",
-        textLinkDanger: "var(--_1vqcj1i4f)",
-        textLinkSnackbar: "var(--_1vqcj1i4g)",
-        textNavigationBarPrimary: "var(--_1vqcj1i4h)",
-        textNavigationBarSecondary: "var(--_1vqcj1i4i)",
-        textNavigationSearchBarHint: "var(--_1vqcj1i4j)",
-        textNavigationSearchBarText: "var(--_1vqcj1i4k)",
-        textAppBar: "var(--_1vqcj1i4l)",
-        textAppBarSelected: "var(--_1vqcj1i4m)",
-        successLow: "var(--_1vqcj1i4n)",
-        warningLow: "var(--_1vqcj1i4o)",
-        errorLow: "var(--_1vqcj1i4p)",
-        promoLow: "var(--_1vqcj1i4q)",
-        brandLow: "var(--_1vqcj1i4r)",
-        successHigh: "var(--_1vqcj1i4s)",
-        warningHigh: "var(--_1vqcj1i4t)",
-        errorHigh: "var(--_1vqcj1i4u)",
-        promoHigh: "var(--_1vqcj1i4v)"
+        appBarBackground: "var(--_1vqcj1i2l)",
+        background: "var(--_1vqcj1i2m)",
+        backgroundContainer: "var(--_1vqcj1i2n)",
+        backgroundBrand: "var(--_1vqcj1i2o)",
+        backgroundOverlay: "var(--_1vqcj1i2p)",
+        backgroundSkeleton: "var(--_1vqcj1i2q)",
+        backgroundSkeletonInverse: "var(--_1vqcj1i2r)",
+        backgroundAlternative: "var(--_1vqcj1i2s)",
+        backgroundFeedbackBottom: "var(--_1vqcj1i2t)",
+        navigationBarBackground: "var(--_1vqcj1i2u)",
+        skeletonWave: "var(--_1vqcj1i2v)",
+        border: "var(--_1vqcj1i2w)",
+        borderLow: "var(--_1vqcj1i2x)",
+        borderHigh: "var(--_1vqcj1i2y)",
+        borderSelected: "var(--_1vqcj1i2z)",
+        buttonDangerBackground: "var(--_1vqcj1i30)",
+        buttonDangerBackgroundSelected: "var(--_1vqcj1i31)",
+        buttonDangerBackgroundHover: "var(--_1vqcj1i32)",
+        buttonLinkBackgroundSelected: "var(--_1vqcj1i33)",
+        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i34)",
+        buttonPrimaryBackground: "var(--_1vqcj1i35)",
+        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i36)",
+        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i37)",
+        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i38)",
+        buttonPrimaryBackgroundHover: "var(--_1vqcj1i39)",
+        buttonSecondaryBorder: "var(--_1vqcj1i3a)",
+        buttonSecondaryBorderSelected: "var(--_1vqcj1i3b)",
+        buttonSecondaryBorderInverse: "var(--_1vqcj1i3c)",
+        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i3d)",
+        buttonSecondaryBackgroundHover: "var(--_1vqcj1i3e)",
+        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i3f)",
+        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i3g)",
+        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i3h)",
+        control: "var(--_1vqcj1i3i)",
+        controlActivated: "var(--_1vqcj1i3j)",
+        controlError: "var(--_1vqcj1i3k)",
+        loadingBar: "var(--_1vqcj1i3l)",
+        loadingBarBackground: "var(--_1vqcj1i3m)",
+        toggleAndroidInactive: "var(--_1vqcj1i3n)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i3o)",
+        iosControlKnob: "var(--_1vqcj1i3p)",
+        divider: "var(--_1vqcj1i3q)",
+        dividerInverse: "var(--_1vqcj1i3r)",
+        navigationBarDivider: "var(--_1vqcj1i3s)",
+        badge: "var(--_1vqcj1i3t)",
+        feedbackErrorBackground: "var(--_1vqcj1i3u)",
+        feedbackInfoBackground: "var(--_1vqcj1i3v)",
+        brand: "var(--_1vqcj1i3w)",
+        brandHigh: "var(--_1vqcj1i3x)",
+        inverse: "var(--_1vqcj1i3y)",
+        neutralHigh: "var(--_1vqcj1i3z)",
+        neutralLow: "var(--_1vqcj1i40)",
+        neutralMedium: "var(--_1vqcj1i41)",
+        neutralMediumInverse: "var(--_1vqcj1i42)",
+        promo: "var(--_1vqcj1i43)",
+        error: "var(--_1vqcj1i44)",
+        highlight: "var(--_1vqcj1i45)",
+        success: "var(--_1vqcj1i46)",
+        warning: "var(--_1vqcj1i47)",
+        textPrimary: "var(--_1vqcj1i48)",
+        textPrimaryInverse: "var(--_1vqcj1i49)",
+        textSecondary: "var(--_1vqcj1i4a)",
+        textSecondaryInverse: "var(--_1vqcj1i4b)",
+        textButtonPrimary: "var(--_1vqcj1i4c)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i4d)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i4e)",
+        textButtonSecondary: "var(--_1vqcj1i4f)",
+        textButtonSecondarySelected: "var(--_1vqcj1i4g)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i4h)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i4i)",
+        textLink: "var(--_1vqcj1i4j)",
+        textLinkInverse: "var(--_1vqcj1i4k)",
+        textLinkDanger: "var(--_1vqcj1i4l)",
+        textLinkSnackbar: "var(--_1vqcj1i4m)",
+        textNavigationBarPrimary: "var(--_1vqcj1i4n)",
+        textNavigationBarSecondary: "var(--_1vqcj1i4o)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i4p)",
+        textNavigationSearchBarText: "var(--_1vqcj1i4q)",
+        textAppBar: "var(--_1vqcj1i4r)",
+        textAppBarSelected: "var(--_1vqcj1i4s)",
+        successLow: "var(--_1vqcj1i4t)",
+        warningLow: "var(--_1vqcj1i4u)",
+        errorLow: "var(--_1vqcj1i4v)",
+        promoLow: "var(--_1vqcj1i4w)",
+        brandLow: "var(--_1vqcj1i4x)",
+        successHigh: "var(--_1vqcj1i4y)",
+        warningHigh: "var(--_1vqcj1i4z)",
+        errorHigh: "var(--_1vqcj1i50)",
+        promoHigh: "var(--_1vqcj1i51)",
+        successHighInverse: "var(--_1vqcj1i52)",
+        warningHighInverse: "var(--_1vqcj1i53)",
+        errorHighInverse: "var(--_1vqcj1i54)",
+        promoHighInverse: "var(--_1vqcj1i55)"
     }
 };

package/dist/skins/skin-contract.css.d.ts

@@ -53,6 +53,7 @@ export declare const vars: {
         neutralHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         neutralLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         neutralMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        neutralMediumInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         promo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -88,6 +89,10 @@ export declare const vars: {
         warningHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         errorHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         promoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        successHighInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        warningHighInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        errorHighInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        promoHighInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     rawColors: {
         appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -143,6 +148,7 @@ export declare const vars: {
         neutralHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         neutralLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         neutralMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        neutralMediumInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         promo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -178,5 +184,9 @@ export declare const vars: {
         warningHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         errorHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         promoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        successHighInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        warningHighInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        errorHighInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        promoHighInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
 };

package/dist/skins/telefonica.d.ts

@@ -17,7 +17,7 @@ export declare const palette: {
     readonly orchid: "#C466EF";
     readonly orchid10: "#F9F0FD";
     readonly orchid40: "#D694F4";
-    readonly orchid70: "#8947A7";
+    readonly orchid70: "#8A1A93";
     readonly turquoise: "#59C2C9";
     readonly turquoise10: "#EEF9FA";
     readonly turquoise40: "#8BD4D9";