@telefonica/mistica 14.30.0 → 14.31.0

package/dist/select.css-mistica.js

@@ -31,7 +31,7 @@ _export(exports, {
         return e;
     },
     selectVariants: function() {
-        return t;
+        return p;
     },
     vars: function() {
         return r;
@@ -39,18 +39,18 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./select.css.ts.vanilla.css-mistica.js");
-var n = "_1sqpivvo _1y2v1nfb1 _1y2v1nffb", f = "_1sqpivvq _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7h _1y2v1nf1w _1y2v1nfb6 _1y2v1nfbl _1y2v1nfe5 _1y2v1nfcl", y = "_1y2v1nf3e", i = {
+var n = "_1sqpivvo _1y2v1nfb5 _1y2v1nfff", f = "_1sqpivvq _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6c _1y2v1nf7l _1y2v1nf1y _1y2v1nfba _1y2v1nfbp _1y2v1nfe9 _1y2v1nfcp", y = "_1y2v1nf3g", i = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, a = "_1sqpivv6 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nfb2 _1y2v1nfdw _1y2v1nf31", s = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nfb0 _1y2v1nfe5",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfb0 _1y2v1nfe5"
+}, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u _1y2v1nfb6 _1y2v1nfe0 _1y2v1nf33", s = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nfb4 _1y2v1nfe9",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfb4 _1y2v1nfe9"
 }, e = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfdl _1y2v1nf1w",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfdl _1y2v1nf1w"
-}, t = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nfdo _1y2v1nfe6 _1y2v1nf1w _1y2v1nf5y _1y2v1nfbt _1y2v1nfca",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nfdo _1y2v1nfe6 _1y2v1nf1w _1y2v1nf5y _1y2v1nfbt _1y2v1nfca"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nfb5 _1y2v1nfea _1y2v1nfdp _1y2v1nf1y",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nfb5 _1y2v1nfea _1y2v1nfdp _1y2v1nf1y"
+}, p = {
+    default: "_1sqpivvh _1sqpivvg _1y2v1nfds _1y2v1nfea _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nfds _1y2v1nfea _1y2v1nf1y _1y2v1nf62 _1y2v1nfbx _1y2v1nfce"
 }, r = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",

package/dist/sheet.css-mistica.js

@@ -19,25 +19,25 @@ _export(exports, {
         return _;
     },
     bodyContent: function() {
-        return e;
+        return a;
     },
     children: function() {
-        return c;
+        return e;
     },
     closingOverlay: function() {
-        return l;
+        return r;
     },
     closingSheet: function() {
-        return a;
+        return t;
     },
     handle: function() {
-        return r;
+        return c;
     },
     handleContainer: function() {
-        return t;
+        return o;
     },
     infoItemIcon: function() {
-        return o;
+        return l;
     },
     modalCloseButton: function() {
         return b;
@@ -55,12 +55,12 @@ _export(exports, {
         return h;
     },
     stickyTitle: function() {
-        return s;
+        return p;
     },
     transitionDuration: function() {
-        return C;
+        return s;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./sheet.css.ts.vanilla.css-mistica.js");
-var y = "cylz3v6 _1y2v1nf30", f = "cylz3v4 _1y2v1nfb2 _1y2v1nfer _1y2v1nff6 _1y2v1nffl", _ = "cylz3v9 _1y2v1nf6n _1y2v1nfb6 _1y2v1nfbc", e = "cylz3vo", c = "_1y2v1nfeb _1y2v1nfbs _1y2v1nfb6 _1y2v1nfbc", l = "cylz3vl", a = "cylz3v7", r = "_1y2v1nf44 _1y2v1nfc2 _1y2v1nfcd _1y2v1nfdq", t = "cylz3vc _1y2v1nf68 _1y2v1nf7h _1y2v1nfb1 _1y2v1nfec _1y2v1nfcn _1y2v1nfbt _1y2v1nfb6 _1y2v1nfbf", o = "_1y2v1nfb6 _1y2v1nfbl _1y2v1nfci", b = "cylz3vf _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb1 _1y2v1nfec _1y2v1nff6", i = "cylz3vh _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", z = "cylz3vk _1y2v1nfb2 _1y2v1nf3b _1y2v1nfec _1y2v1nfer _1y2v1nff6 _1y2v1nffl", d = "cylz3vq _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfdj _1y2v1nfbl", h = "_1y2v1nfb4 _1y2v1nffl _1y2v1nf30", s = "_1y2v1nfb4 _1y2v1nfec _1y2v1nf30", C = 400;
+var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfev _1y2v1nffa _1y2v1nffp", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfef _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeg _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", l = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", b = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeg _1y2v1nffa", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", z = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeg _1y2v1nfev _1y2v1nffa _1y2v1nffp", d = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", h = "_1y2v1nfb8 _1y2v1nffp _1y2v1nf32", p = "_1y2v1nfb8 _1y2v1nfeg _1y2v1nf32", s = 400;

package/dist/skeletons.css-mistica.js

@@ -16,7 +16,7 @@ _export(exports, {
         return r;
     },
     line: function() {
-        return f;
+        return a;
     },
     row: function() {
         return b;
@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./skeletons.css.ts.vanilla.css-mistica.js");
-var o = "zopolw2 _1y2v1nfb8", r = "_1y2v1nfbo _1y2v1nfbq", f = "zopolw6 _1y2v1nfbp", b = "_1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf";
+var o = "zopolw2 _1y2v1nfbc", r = "_1y2v1nfbs _1y2v1nfbu", a = "zopolw6 _1y2v1nfbt", b = "_1y2v1nfba _1y2v1nfbp _1y2v1nfbj";

package/dist/skins/blau.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     getBlauSkin: function() {
-        return u;
+        return d;
     },
     palette: function() {
         return e;
@@ -56,7 +56,7 @@ const e = {
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-}, u = ()=>({
+}, d = ()=>({
         name: _constants.BLAU_SKIN,
         colors: {
             backgroundBrand: e.blauBluePrimary,
@@ -115,6 +115,8 @@ const e = {
             textLinkSnackbar: e.blauPurple30,
             control: e.grey2,
             controlActivated: e.blauBlueSecondary,
+            controlInverse: e.white,
+            controlActivatedInverse: e.white,
             controlError: e.blauRed,
             loadingBar: e.blauBlueSecondary,
             loadingBarBackground: e.blauBlueSecondary10,
@@ -222,6 +224,8 @@ const e = {
             textLinkSnackbar: e.blauPurple30,
             control: e.darkModeGrey6,
             controlActivated: e.blauBlueSecondary,
+            controlInverse: e.darkModeGrey6,
+            controlActivatedInverse: e.blauBlueSecondary,
             controlError: e.blauRed,
             loadingBar: e.blauBluePrimary,
             loadingBarBackground: e.darkModeGrey,

package/dist/skins/movistar-legacy.js

@@ -119,6 +119,8 @@ const e = {
             textLinkSnackbar: e.movistarBlue30,
             control: e.grey3,
             controlActivated: e.movistarBlue,
+            controlInverse: e.white,
+            controlActivatedInverse: e.white,
             controlError: e.pepper,
             loadingBar: e.movistarBlue30,
             loadingBarBackground: e.movistarBlue55,
@@ -226,6 +228,8 @@ const e = {
             textLinkSnackbar: e.movistarBlue30,
             control: e.grey6,
             controlActivated: e.movistarBlue,
+            controlInverse: e.grey6,
+            controlActivatedInverse: e.movistarBlue,
             controlError: e.pepper,
             loadingBar: e.movistarBlue,
             loadingBarBackground: e.darkModeGrey,

package/dist/skins/movistar.js

@@ -119,6 +119,8 @@ const e = {
             textLinkSnackbar: e.movistarBlue30,
             control: e.grey3,
             controlActivated: e.movistarBlue,
+            controlInverse: e.white,
+            controlActivatedInverse: e.white,
             controlError: e.pepper,
             loadingBar: e.movistarBlue30,
             loadingBarBackground: e.movistarBlue55,
@@ -226,6 +228,8 @@ const e = {
             textLinkSnackbar: e.movistarBlue30,
             control: e.darkModeGrey6,
             controlActivated: e.movistarBlue,
+            controlInverse: e.darkModeGrey6,
+            controlActivatedInverse: e.movistarBlue,
             controlError: e.pepper,
             loadingBar: e.movistarBlue,
             loadingBarBackground: e.darkModeGrey6,

package/dist/skins/o2-classic.js

@@ -132,6 +132,8 @@ const e = {
             // CONTROLS
             control: e.grey3,
             controlActivated: e.o2Gem,
+            controlInverse: e.white,
+            controlActivatedInverse: e.white,
             controlError: e.pepper,
             loadingBar: e.o2Gem,
             loadingBarBackground: e.o2GemLight30,
@@ -241,6 +243,8 @@ const e = {
             textLinkSnackbar: e.o2SkyBlueLight,
             control: e.darkModeGrey6,
             controlActivated: e.o2SkyBlue,
+            controlInverse: e.darkModeGrey6,
+            controlActivatedInverse: e.o2SkyBlueLight,
             loadingBar: e.o2SkyBlue,
             loadingBarBackground: e.darkModeGrey6,
             toggleAndroidInactive: e.grey4,

package/dist/skins/o2.js

@@ -119,6 +119,8 @@ const e = {
             textLinkSnackbar: e.o2BluePrimary30,
             control: e.grey3,
             controlActivated: e.o2BluePrimary,
+            controlInverse: e.white,
+            controlActivatedInverse: e.white,
             controlError: e.pepper,
             loadingBar: e.o2BluePrimary,
             loadingBarBackground: e.grey1,
@@ -226,6 +228,8 @@ const e = {
             textLinkSnackbar: e.o2BluePrimary30,
             control: e.darkModeGrey6,
             controlActivated: e.o2BluePrimary30,
+            controlInverse: e.darkModeGrey6,
+            controlActivatedInverse: e.o2BluePrimary30,
             controlError: e.pepper,
             loadingBar: e.darkModeO2BluePrimary,
             loadingBarBackground: e.darkModeGrey6,

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

@@ -53,186 +53,190 @@ var r = {
         buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i14)",
         control: "var(--_1vqcj1i15)",
         controlActivated: "var(--_1vqcj1i16)",
-        controlError: "var(--_1vqcj1i17)",
-        loadingBar: "var(--_1vqcj1i18)",
-        loadingBarBackground: "var(--_1vqcj1i19)",
-        toggleAndroidInactive: "var(--_1vqcj1i1a)",
-        toggleAndroidBackgroundActive: "var(--_1vqcj1i1b)",
-        iosControlKnob: "var(--_1vqcj1i1c)",
-        divider: "var(--_1vqcj1i1d)",
-        dividerInverse: "var(--_1vqcj1i1e)",
-        navigationBarDivider: "var(--_1vqcj1i1f)",
-        badge: "var(--_1vqcj1i1g)",
-        feedbackErrorBackground: "var(--_1vqcj1i1h)",
-        feedbackInfoBackground: "var(--_1vqcj1i1i)",
-        brand: "var(--_1vqcj1i1j)",
-        brandHigh: "var(--_1vqcj1i1k)",
-        inverse: "var(--_1vqcj1i1l)",
-        neutralHigh: "var(--_1vqcj1i1m)",
-        neutralLow: "var(--_1vqcj1i1n)",
-        neutralLowAlternative: "var(--_1vqcj1i1o)",
-        neutralMedium: "var(--_1vqcj1i1p)",
-        neutralMediumInverse: "var(--_1vqcj1i1q)",
-        promo: "var(--_1vqcj1i1r)",
-        error: "var(--_1vqcj1i1s)",
-        highlight: "var(--_1vqcj1i1t)",
-        success: "var(--_1vqcj1i1u)",
-        warning: "var(--_1vqcj1i1v)",
-        textPrimary: "var(--_1vqcj1i1w)",
-        textPrimaryInverse: "var(--_1vqcj1i1x)",
-        textSecondary: "var(--_1vqcj1i1y)",
-        textSecondaryInverse: "var(--_1vqcj1i1z)",
-        textButtonPrimary: "var(--_1vqcj1i20)",
-        textButtonPrimaryInverse: "var(--_1vqcj1i21)",
-        textButtonPrimaryInverseSelected: "var(--_1vqcj1i22)",
-        textButtonSecondary: "var(--_1vqcj1i23)",
-        textButtonSecondarySelected: "var(--_1vqcj1i24)",
-        textButtonSecondaryInverse: "var(--_1vqcj1i25)",
-        textButtonSecondaryInverseSelected: "var(--_1vqcj1i26)",
-        textLink: "var(--_1vqcj1i27)",
-        textLinkInverse: "var(--_1vqcj1i28)",
-        textLinkDanger: "var(--_1vqcj1i29)",
-        textLinkSnackbar: "var(--_1vqcj1i2a)",
-        textNavigationBarPrimary: "var(--_1vqcj1i2b)",
-        textNavigationBarSecondary: "var(--_1vqcj1i2c)",
-        textNavigationSearchBarHint: "var(--_1vqcj1i2d)",
-        textNavigationSearchBarText: "var(--_1vqcj1i2e)",
-        textAppBar: "var(--_1vqcj1i2f)",
-        textAppBarSelected: "var(--_1vqcj1i2g)",
-        successLow: "var(--_1vqcj1i2h)",
-        warningLow: "var(--_1vqcj1i2i)",
-        errorLow: "var(--_1vqcj1i2j)",
-        promoLow: "var(--_1vqcj1i2k)",
-        brandLow: "var(--_1vqcj1i2l)",
-        successHigh: "var(--_1vqcj1i2m)",
-        warningHigh: "var(--_1vqcj1i2n)",
-        errorHigh: "var(--_1vqcj1i2o)",
-        promoHigh: "var(--_1vqcj1i2p)",
-        successHighInverse: "var(--_1vqcj1i2q)",
-        warningHighInverse: "var(--_1vqcj1i2r)",
-        errorHighInverse: "var(--_1vqcj1i2s)",
-        promoHighInverse: "var(--_1vqcj1i2t)",
-        customTabsBackground: "var(--_1vqcj1i2u)",
-        coverBackgroundHover: "var(--_1vqcj1i2v)",
-        coverBackgroundPressed: "var(--_1vqcj1i2w)"
+        controlInverse: "var(--_1vqcj1i17)",
+        controlActivatedInverse: "var(--_1vqcj1i18)",
+        controlError: "var(--_1vqcj1i19)",
+        loadingBar: "var(--_1vqcj1i1a)",
+        loadingBarBackground: "var(--_1vqcj1i1b)",
+        toggleAndroidInactive: "var(--_1vqcj1i1c)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i1d)",
+        iosControlKnob: "var(--_1vqcj1i1e)",
+        divider: "var(--_1vqcj1i1f)",
+        dividerInverse: "var(--_1vqcj1i1g)",
+        navigationBarDivider: "var(--_1vqcj1i1h)",
+        badge: "var(--_1vqcj1i1i)",
+        feedbackErrorBackground: "var(--_1vqcj1i1j)",
+        feedbackInfoBackground: "var(--_1vqcj1i1k)",
+        brand: "var(--_1vqcj1i1l)",
+        brandHigh: "var(--_1vqcj1i1m)",
+        inverse: "var(--_1vqcj1i1n)",
+        neutralHigh: "var(--_1vqcj1i1o)",
+        neutralLow: "var(--_1vqcj1i1p)",
+        neutralLowAlternative: "var(--_1vqcj1i1q)",
+        neutralMedium: "var(--_1vqcj1i1r)",
+        neutralMediumInverse: "var(--_1vqcj1i1s)",
+        promo: "var(--_1vqcj1i1t)",
+        error: "var(--_1vqcj1i1u)",
+        highlight: "var(--_1vqcj1i1v)",
+        success: "var(--_1vqcj1i1w)",
+        warning: "var(--_1vqcj1i1x)",
+        textPrimary: "var(--_1vqcj1i1y)",
+        textPrimaryInverse: "var(--_1vqcj1i1z)",
+        textSecondary: "var(--_1vqcj1i20)",
+        textSecondaryInverse: "var(--_1vqcj1i21)",
+        textButtonPrimary: "var(--_1vqcj1i22)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i23)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i24)",
+        textButtonSecondary: "var(--_1vqcj1i25)",
+        textButtonSecondarySelected: "var(--_1vqcj1i26)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i27)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i28)",
+        textLink: "var(--_1vqcj1i29)",
+        textLinkInverse: "var(--_1vqcj1i2a)",
+        textLinkDanger: "var(--_1vqcj1i2b)",
+        textLinkSnackbar: "var(--_1vqcj1i2c)",
+        textNavigationBarPrimary: "var(--_1vqcj1i2d)",
+        textNavigationBarSecondary: "var(--_1vqcj1i2e)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i2f)",
+        textNavigationSearchBarText: "var(--_1vqcj1i2g)",
+        textAppBar: "var(--_1vqcj1i2h)",
+        textAppBarSelected: "var(--_1vqcj1i2i)",
+        successLow: "var(--_1vqcj1i2j)",
+        warningLow: "var(--_1vqcj1i2k)",
+        errorLow: "var(--_1vqcj1i2l)",
+        promoLow: "var(--_1vqcj1i2m)",
+        brandLow: "var(--_1vqcj1i2n)",
+        successHigh: "var(--_1vqcj1i2o)",
+        warningHigh: "var(--_1vqcj1i2p)",
+        errorHigh: "var(--_1vqcj1i2q)",
+        promoHigh: "var(--_1vqcj1i2r)",
+        successHighInverse: "var(--_1vqcj1i2s)",
+        warningHighInverse: "var(--_1vqcj1i2t)",
+        errorHighInverse: "var(--_1vqcj1i2u)",
+        promoHighInverse: "var(--_1vqcj1i2v)",
+        customTabsBackground: "var(--_1vqcj1i2w)",
+        coverBackgroundHover: "var(--_1vqcj1i2x)",
+        coverBackgroundPressed: "var(--_1vqcj1i2y)"
     },
     rawColors: {
-        appBarBackground: "var(--_1vqcj1i2x)",
-        background: "var(--_1vqcj1i2y)",
-        backgroundContainer: "var(--_1vqcj1i2z)",
-        backgroundContainerHover: "var(--_1vqcj1i30)",
-        backgroundContainerPressed: "var(--_1vqcj1i31)",
-        backgroundContainerBrand: "var(--_1vqcj1i32)",
-        backgroundContainerBrandHover: "var(--_1vqcj1i33)",
-        backgroundContainerBrandPressed: "var(--_1vqcj1i34)",
-        backgroundContainerBrandOverInverse: "var(--_1vqcj1i35)",
-        backgroundContainerAlternative: "var(--_1vqcj1i36)",
-        backgroundBrand: "var(--_1vqcj1i37)",
-        backgroundBrandSecondary: "var(--_1vqcj1i38)",
-        backgroundOverlay: "var(--_1vqcj1i39)",
-        backgroundSkeleton: "var(--_1vqcj1i3a)",
-        backgroundSkeletonInverse: "var(--_1vqcj1i3b)",
-        backgroundAlternative: "var(--_1vqcj1i3c)",
-        backgroundFeedbackBottom: "var(--_1vqcj1i3d)",
-        navigationBarBackground: "var(--_1vqcj1i3e)",
-        skeletonWave: "var(--_1vqcj1i3f)",
-        border: "var(--_1vqcj1i3g)",
-        borderLow: "var(--_1vqcj1i3h)",
-        borderHigh: "var(--_1vqcj1i3i)",
-        borderSelected: "var(--_1vqcj1i3j)",
-        buttonDangerBackground: "var(--_1vqcj1i3k)",
-        buttonDangerBackgroundSelected: "var(--_1vqcj1i3l)",
-        buttonDangerBackgroundHover: "var(--_1vqcj1i3m)",
-        buttonLinkBackgroundSelected: "var(--_1vqcj1i3n)",
-        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i3o)",
-        buttonPrimaryBackground: "var(--_1vqcj1i3p)",
-        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i3q)",
-        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i3r)",
-        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i3s)",
-        buttonPrimaryBackgroundHover: "var(--_1vqcj1i3t)",
-        buttonSecondaryBorder: "var(--_1vqcj1i3u)",
-        buttonSecondaryBorderSelected: "var(--_1vqcj1i3v)",
-        buttonSecondaryBorderInverse: "var(--_1vqcj1i3w)",
-        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i3x)",
-        buttonSecondaryBackgroundHover: "var(--_1vqcj1i3y)",
-        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i3z)",
-        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i40)",
-        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i41)",
-        control: "var(--_1vqcj1i42)",
-        controlActivated: "var(--_1vqcj1i43)",
-        controlError: "var(--_1vqcj1i44)",
-        loadingBar: "var(--_1vqcj1i45)",
-        loadingBarBackground: "var(--_1vqcj1i46)",
-        toggleAndroidInactive: "var(--_1vqcj1i47)",
-        toggleAndroidBackgroundActive: "var(--_1vqcj1i48)",
-        iosControlKnob: "var(--_1vqcj1i49)",
-        divider: "var(--_1vqcj1i4a)",
-        dividerInverse: "var(--_1vqcj1i4b)",
-        navigationBarDivider: "var(--_1vqcj1i4c)",
-        badge: "var(--_1vqcj1i4d)",
-        feedbackErrorBackground: "var(--_1vqcj1i4e)",
-        feedbackInfoBackground: "var(--_1vqcj1i4f)",
-        brand: "var(--_1vqcj1i4g)",
-        brandHigh: "var(--_1vqcj1i4h)",
-        inverse: "var(--_1vqcj1i4i)",
-        neutralHigh: "var(--_1vqcj1i4j)",
-        neutralLow: "var(--_1vqcj1i4k)",
-        neutralLowAlternative: "var(--_1vqcj1i4l)",
-        neutralMedium: "var(--_1vqcj1i4m)",
-        neutralMediumInverse: "var(--_1vqcj1i4n)",
-        promo: "var(--_1vqcj1i4o)",
-        error: "var(--_1vqcj1i4p)",
-        highlight: "var(--_1vqcj1i4q)",
-        success: "var(--_1vqcj1i4r)",
-        warning: "var(--_1vqcj1i4s)",
-        textPrimary: "var(--_1vqcj1i4t)",
-        textPrimaryInverse: "var(--_1vqcj1i4u)",
-        textSecondary: "var(--_1vqcj1i4v)",
-        textSecondaryInverse: "var(--_1vqcj1i4w)",
-        textButtonPrimary: "var(--_1vqcj1i4x)",
-        textButtonPrimaryInverse: "var(--_1vqcj1i4y)",
-        textButtonPrimaryInverseSelected: "var(--_1vqcj1i4z)",
-        textButtonSecondary: "var(--_1vqcj1i50)",
-        textButtonSecondarySelected: "var(--_1vqcj1i51)",
-        textButtonSecondaryInverse: "var(--_1vqcj1i52)",
-        textButtonSecondaryInverseSelected: "var(--_1vqcj1i53)",
-        textLink: "var(--_1vqcj1i54)",
-        textLinkInverse: "var(--_1vqcj1i55)",
-        textLinkDanger: "var(--_1vqcj1i56)",
-        textLinkSnackbar: "var(--_1vqcj1i57)",
-        textNavigationBarPrimary: "var(--_1vqcj1i58)",
-        textNavigationBarSecondary: "var(--_1vqcj1i59)",
-        textNavigationSearchBarHint: "var(--_1vqcj1i5a)",
-        textNavigationSearchBarText: "var(--_1vqcj1i5b)",
-        textAppBar: "var(--_1vqcj1i5c)",
-        textAppBarSelected: "var(--_1vqcj1i5d)",
-        successLow: "var(--_1vqcj1i5e)",
-        warningLow: "var(--_1vqcj1i5f)",
-        errorLow: "var(--_1vqcj1i5g)",
-        promoLow: "var(--_1vqcj1i5h)",
-        brandLow: "var(--_1vqcj1i5i)",
-        successHigh: "var(--_1vqcj1i5j)",
-        warningHigh: "var(--_1vqcj1i5k)",
-        errorHigh: "var(--_1vqcj1i5l)",
-        promoHigh: "var(--_1vqcj1i5m)",
-        successHighInverse: "var(--_1vqcj1i5n)",
-        warningHighInverse: "var(--_1vqcj1i5o)",
-        errorHighInverse: "var(--_1vqcj1i5p)",
-        promoHighInverse: "var(--_1vqcj1i5q)",
-        customTabsBackground: "var(--_1vqcj1i5r)",
-        coverBackgroundHover: "var(--_1vqcj1i5s)",
-        coverBackgroundPressed: "var(--_1vqcj1i5t)"
+        appBarBackground: "var(--_1vqcj1i2z)",
+        background: "var(--_1vqcj1i30)",
+        backgroundContainer: "var(--_1vqcj1i31)",
+        backgroundContainerHover: "var(--_1vqcj1i32)",
+        backgroundContainerPressed: "var(--_1vqcj1i33)",
+        backgroundContainerBrand: "var(--_1vqcj1i34)",
+        backgroundContainerBrandHover: "var(--_1vqcj1i35)",
+        backgroundContainerBrandPressed: "var(--_1vqcj1i36)",
+        backgroundContainerBrandOverInverse: "var(--_1vqcj1i37)",
+        backgroundContainerAlternative: "var(--_1vqcj1i38)",
+        backgroundBrand: "var(--_1vqcj1i39)",
+        backgroundBrandSecondary: "var(--_1vqcj1i3a)",
+        backgroundOverlay: "var(--_1vqcj1i3b)",
+        backgroundSkeleton: "var(--_1vqcj1i3c)",
+        backgroundSkeletonInverse: "var(--_1vqcj1i3d)",
+        backgroundAlternative: "var(--_1vqcj1i3e)",
+        backgroundFeedbackBottom: "var(--_1vqcj1i3f)",
+        navigationBarBackground: "var(--_1vqcj1i3g)",
+        skeletonWave: "var(--_1vqcj1i3h)",
+        border: "var(--_1vqcj1i3i)",
+        borderLow: "var(--_1vqcj1i3j)",
+        borderHigh: "var(--_1vqcj1i3k)",
+        borderSelected: "var(--_1vqcj1i3l)",
+        buttonDangerBackground: "var(--_1vqcj1i3m)",
+        buttonDangerBackgroundSelected: "var(--_1vqcj1i3n)",
+        buttonDangerBackgroundHover: "var(--_1vqcj1i3o)",
+        buttonLinkBackgroundSelected: "var(--_1vqcj1i3p)",
+        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i3q)",
+        buttonPrimaryBackground: "var(--_1vqcj1i3r)",
+        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i3s)",
+        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i3t)",
+        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i3u)",
+        buttonPrimaryBackgroundHover: "var(--_1vqcj1i3v)",
+        buttonSecondaryBorder: "var(--_1vqcj1i3w)",
+        buttonSecondaryBorderSelected: "var(--_1vqcj1i3x)",
+        buttonSecondaryBorderInverse: "var(--_1vqcj1i3y)",
+        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i3z)",
+        buttonSecondaryBackgroundHover: "var(--_1vqcj1i40)",
+        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i41)",
+        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i42)",
+        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i43)",
+        control: "var(--_1vqcj1i44)",
+        controlActivated: "var(--_1vqcj1i45)",
+        controlInverse: "var(--_1vqcj1i46)",
+        controlActivatedInverse: "var(--_1vqcj1i47)",
+        controlError: "var(--_1vqcj1i48)",
+        loadingBar: "var(--_1vqcj1i49)",
+        loadingBarBackground: "var(--_1vqcj1i4a)",
+        toggleAndroidInactive: "var(--_1vqcj1i4b)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i4c)",
+        iosControlKnob: "var(--_1vqcj1i4d)",
+        divider: "var(--_1vqcj1i4e)",
+        dividerInverse: "var(--_1vqcj1i4f)",
+        navigationBarDivider: "var(--_1vqcj1i4g)",
+        badge: "var(--_1vqcj1i4h)",
+        feedbackErrorBackground: "var(--_1vqcj1i4i)",
+        feedbackInfoBackground: "var(--_1vqcj1i4j)",
+        brand: "var(--_1vqcj1i4k)",
+        brandHigh: "var(--_1vqcj1i4l)",
+        inverse: "var(--_1vqcj1i4m)",
+        neutralHigh: "var(--_1vqcj1i4n)",
+        neutralLow: "var(--_1vqcj1i4o)",
+        neutralLowAlternative: "var(--_1vqcj1i4p)",
+        neutralMedium: "var(--_1vqcj1i4q)",
+        neutralMediumInverse: "var(--_1vqcj1i4r)",
+        promo: "var(--_1vqcj1i4s)",
+        error: "var(--_1vqcj1i4t)",
+        highlight: "var(--_1vqcj1i4u)",
+        success: "var(--_1vqcj1i4v)",
+        warning: "var(--_1vqcj1i4w)",
+        textPrimary: "var(--_1vqcj1i4x)",
+        textPrimaryInverse: "var(--_1vqcj1i4y)",
+        textSecondary: "var(--_1vqcj1i4z)",
+        textSecondaryInverse: "var(--_1vqcj1i50)",
+        textButtonPrimary: "var(--_1vqcj1i51)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i52)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i53)",
+        textButtonSecondary: "var(--_1vqcj1i54)",
+        textButtonSecondarySelected: "var(--_1vqcj1i55)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i56)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i57)",
+        textLink: "var(--_1vqcj1i58)",
+        textLinkInverse: "var(--_1vqcj1i59)",
+        textLinkDanger: "var(--_1vqcj1i5a)",
+        textLinkSnackbar: "var(--_1vqcj1i5b)",
+        textNavigationBarPrimary: "var(--_1vqcj1i5c)",
+        textNavigationBarSecondary: "var(--_1vqcj1i5d)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i5e)",
+        textNavigationSearchBarText: "var(--_1vqcj1i5f)",
+        textAppBar: "var(--_1vqcj1i5g)",
+        textAppBarSelected: "var(--_1vqcj1i5h)",
+        successLow: "var(--_1vqcj1i5i)",
+        warningLow: "var(--_1vqcj1i5j)",
+        errorLow: "var(--_1vqcj1i5k)",
+        promoLow: "var(--_1vqcj1i5l)",
+        brandLow: "var(--_1vqcj1i5m)",
+        successHigh: "var(--_1vqcj1i5n)",
+        warningHigh: "var(--_1vqcj1i5o)",
+        errorHigh: "var(--_1vqcj1i5p)",
+        promoHigh: "var(--_1vqcj1i5q)",
+        successHighInverse: "var(--_1vqcj1i5r)",
+        warningHighInverse: "var(--_1vqcj1i5s)",
+        errorHighInverse: "var(--_1vqcj1i5t)",
+        promoHighInverse: "var(--_1vqcj1i5u)",
+        customTabsBackground: "var(--_1vqcj1i5v)",
+        coverBackgroundHover: "var(--_1vqcj1i5w)",
+        coverBackgroundPressed: "var(--_1vqcj1i5x)"
     },
     borderRadii: {
-        button: "var(--_1vqcj1i5u)",
-        input: "var(--_1vqcj1i5v)",
-        container: "var(--_1vqcj1i5w)",
-        legacyDisplay: "var(--_1vqcj1i5x)",
-        popup: "var(--_1vqcj1i5y)",
-        checkbox: "var(--_1vqcj1i5z)",
-        indicator: "var(--_1vqcj1i60)",
-        sheet: "var(--_1vqcj1i61)",
-        bar: "var(--_1vqcj1i62)",
-        avatar: "var(--_1vqcj1i63)"
+        button: "var(--_1vqcj1i5y)",
+        input: "var(--_1vqcj1i5z)",
+        container: "var(--_1vqcj1i60)",
+        legacyDisplay: "var(--_1vqcj1i61)",
+        popup: "var(--_1vqcj1i62)",
+        checkbox: "var(--_1vqcj1i63)",
+        indicator: "var(--_1vqcj1i64)",
+        sheet: "var(--_1vqcj1i65)",
+        bar: "var(--_1vqcj1i66)",
+        avatar: "var(--_1vqcj1i67)"
     }
 };

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

@@ -56,6 +56,8 @@ export declare const vars: {
         textLinkSnackbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         control: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlActivated: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        controlInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        controlActivatedInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -163,6 +165,8 @@ export declare const vars: {
         textLinkSnackbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         control: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlActivated: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        controlInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        controlActivatedInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/skins/telefonica.js

@@ -113,6 +113,8 @@ const e = {
             textLinkSnackbar: e.telefonicaBlue30,
             control: e.grey3,
             controlActivated: e.telefonicaBlue,
+            controlInverse: e.white,
+            controlActivatedInverse: e.white,
             controlError: e.coral,
             loadingBar: e.telefonicaBlue30,
             loadingBarBackground: e.telefonicaBlue70,
@@ -220,6 +222,8 @@ const e = {
             textLinkSnackbar: e.telefonicaBlue30,
             control: e.darkModeGrey6,
             controlActivated: e.telefonicaBlue,
+            controlInverse: e.darkModeGrey6,
+            controlActivatedInverse: e.telefonicaBlue,
             controlError: e.coral,
             loadingBar: e.telefonicaBlue,
             loadingBarBackground: e.grey6,