@telefonica/mistica 13.4.0 → 13.6.0

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

@@ -14,4 +14,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./progress-bar.css.ts.vanilla.js");
-var n = "j0y7r93 _1y2v1nf83 _1y2v1nf9g", y = "_1y2v1nf9g _1y2v1nf86 _1y2v1nf3k";
+var n = "j0y7r93 _1y2v1nf85 _1y2v1nf9i", y = "_1y2v1nf9i _1y2v1nf88 _1y2v1nf3m";

package/dist/radio-button.css-mistica.js

@@ -9,19 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    disabled: ()=>f,
-    innerCircle: ()=>r,
-    innerCircleChecked: ()=>y,
-    outerCircleCheckedVariants: ()=>d,
+    disabled: ()=>r,
+    innerCircle: ()=>f,
+    innerCircleChecked: ()=>d,
+    outerCircleCheckedVariants: ()=>y,
     outerCircleVariants: ()=>_,
     radioButton: ()=>c
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./radio-button.css.ts.vanilla.js");
-var f = "c6dmsub", r = "c6dmsu5 _1y2v1nf5g _1y2v1nf9f", y = "c6dmsu7 _1y2v1nf3l", d = {
+var r = "c6dmsub", f = "c6dmsu5 _1y2v1nf5i _1y2v1nf9h", d = "c6dmsu7 _1y2v1nf3n", y = {
     default: "c6dmsu9",
     ios: "c6dmsua"
 }, _ = {
-    default: "c6dmsu2 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o",
-    ios: "c6dmsu3 c6dmsu1 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf9l _1y2v1nf5y _1y2v1nf9f _1y2v1nf2o"
+    default: "c6dmsu2 c6dmsu1 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf9n _1y2v1nf60 _1y2v1nf9h _1y2v1nf2p",
+    ios: "c6dmsu3 c6dmsu1 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf9n _1y2v1nf60 _1y2v1nf9h _1y2v1nf2p"
 }, c = "c6dmsu8";

package/dist/responsive-layout.css-mistica.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: ()=>o,
-    fullWidth: ()=>v,
+    container: ()=>v,
+    fullWidth: ()=>n,
     inverseBackground: ()=>a,
     responsiveLayout: ()=>e
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./responsive-layout.css.ts.vanilla.js");
-var o = "_1y2v1nf7n", v = "_17lofg75 _1y2v1nf7n", a = "_1y2v1nf2q", e = "_17lofg73";
+var v = "_1y2v1nf7p", n = "_17lofg75 _1y2v1nf7p", a = "_1y2v1nf2r", e = "_17lofg73";

package/dist/screen-reader-only.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./screen-reader-only.css.ts.vanilla.js");
-var y = "gwdgwo1 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9m _1y2v1nf9e";
+var y = "gwdgwo1 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf9o _1y2v1nf9g";

package/dist/select.css-mistica.js

@@ -9,30 +9,30 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    arrowDown: ()=>_,
+    arrowDown: ()=>n,
     menuItem: ()=>f,
     menuItemSelected: ()=>i,
     optionsAnimationsVariants: ()=>y,
-    optionsContainer: ()=>a,
-    selectContainerVariants: ()=>s,
+    optionsContainer: ()=>s,
+    selectContainerVariants: ()=>a,
     selectTextVariants: ()=>e,
     selectVariants: ()=>p,
     vars: ()=>r
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./select.css.ts.vanilla.js");
-var _ = "_1sqpivvo _1y2v1nf5c _1y2v1nfal", f = "_1sqpivvq _1y2v1nf70 _1y2v1nf7e _1y2v1nf66 _1y2v1nf6k _1y2v1nf1n _1y2v1nf5g _1y2v1nf5v _1y2v1nf9l _1y2v1nf8d", i = "_1y2v1nf2u", y = {
+var n = "_1sqpivvo _1y2v1nf5e _1y2v1nfan", f = "_1sqpivvq _1y2v1nf72 _1y2v1nf7g _1y2v1nf68 _1y2v1nf6m _1y2v1nf1o _1y2v1nf5i _1y2v1nf5x _1y2v1nf9n _1y2v1nf8f", i = "_1y2v1nf2w", y = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, a = "_1sqpivv6 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5c _1y2v1nf9i _1y2v1nf2p", s = {
-    default: "_1sqpivvd _1sqpivvc _1y2v1nf5b",
-    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5b"
+}, s = "_1sqpivv6 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5e _1y2v1nf9k _1y2v1nf2q", a = {
+    default: "_1sqpivvd _1sqpivvc _1y2v1nf5d",
+    fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5d"
 }, e = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5c _1y2v1nf9m _1y2v1nf9b _1y2v1nf1n"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nf5e _1y2v1nf9o _1y2v1nf9d _1y2v1nf1o",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf5e _1y2v1nf9o _1y2v1nf9d _1y2v1nf1o"
 }, p = {
-    default: "_1sqpivvh _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83",
-    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9e _1y2v1nf1n _1y2v1nf5a _1y2v1nf7n _1y2v1nf83"
+    default: "_1sqpivvh _1sqpivvg _1y2v1nf9g _1y2v1nf1o _1y2v1nf5c _1y2v1nf7p _1y2v1nf85",
+    disabled: "_1sqpivvi _1sqpivvg _1y2v1nf9g _1y2v1nf1o _1y2v1nf5c _1y2v1nf7p _1y2v1nf85"
 }, r = {
     top: "var(--_1sqpivv0)",
     left: "var(--_1sqpivv1)",

package/dist/skeletons.css-mistica.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    animation: ()=>o,
-    circle: ()=>r,
-    line: ()=>y,
-    row: ()=>f
+    animation: ()=>r,
+    circle: ()=>o,
+    line: ()=>f,
+    row: ()=>i
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./skeletons.css.ts.vanilla.js");
-var o = "zopolw2 _1y2v1nf5i", r = "_1y2v1nf5y _1y2v1nf60", y = "zopolw6 _1y2v1nf5z", f = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf5p";
+var r = "zopolw2 _1y2v1nf5k", o = "_1y2v1nf60 _1y2v1nf62", f = "zopolw6 _1y2v1nf61", i = "_1y2v1nf5i _1y2v1nf5x _1y2v1nf5r";

package/dist/skins/blau.js

@@ -59,6 +59,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.blauBluePrimary,
+            backgroundBrandSecondary: e.blauBluePrimary,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.blauBlueSecondary, 0.75),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
@@ -151,6 +152,7 @@ const e = {
         },
         darkModeColors: {
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             background: e.darkModeBlack,
             appBarBackground: e.darkModeGrey,
             backgroundContainer: e.darkModeGrey,

package/dist/skins/movistar.js

@@ -64,6 +64,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.movistarBlue,
+            backgroundBrandSecondary: e.movistarBlue,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: e.movistarBlue55,
@@ -160,6 +161,7 @@ const e = {
             background: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.grey6,
             backgroundSkeletonInverse: e.grey6,

package/dist/skins/o2-classic.js

@@ -71,6 +71,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
+            backgroundBrandSecondary: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
@@ -166,6 +167,7 @@ const e = {
             background: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.darkModeGrey6,
             backgroundSkeletonInverse: e.darkModeGrey6,

package/dist/skins/o2.js

@@ -61,6 +61,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.o2BluePrimary,
+            backgroundBrandSecondary: e.o2BluePrimary,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
@@ -156,6 +157,7 @@ const e = {
             background: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.darkModeGrey6,
             backgroundSkeletonInverse: e.darkModeGrey6,

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

@@ -12,189 +12,191 @@ var r = {
         background: "var(--_1vqcj1i1)",
         backgroundContainer: "var(--_1vqcj1i2)",
         backgroundBrand: "var(--_1vqcj1i3)",
-        backgroundOverlay: "var(--_1vqcj1i4)",
-        backgroundSkeleton: "var(--_1vqcj1i5)",
-        backgroundSkeletonInverse: "var(--_1vqcj1i6)",
-        backgroundAlternative: "var(--_1vqcj1i7)",
-        backgroundFeedbackBottom: "var(--_1vqcj1i8)",
-        navigationBarBackground: "var(--_1vqcj1i9)",
-        skeletonWave: "var(--_1vqcj1ia)",
-        border: "var(--_1vqcj1ib)",
-        borderLow: "var(--_1vqcj1ic)",
-        borderHigh: "var(--_1vqcj1id)",
-        borderSelected: "var(--_1vqcj1ie)",
-        buttonDangerBackground: "var(--_1vqcj1if)",
-        buttonDangerBackgroundSelected: "var(--_1vqcj1ig)",
-        buttonDangerBackgroundHover: "var(--_1vqcj1ih)",
-        buttonLinkBackgroundSelected: "var(--_1vqcj1ii)",
-        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1ij)",
-        buttonPrimaryBackground: "var(--_1vqcj1ik)",
-        buttonPrimaryBackgroundInverse: "var(--_1vqcj1il)",
-        buttonPrimaryBackgroundSelected: "var(--_1vqcj1im)",
-        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1in)",
-        buttonPrimaryBackgroundHover: "var(--_1vqcj1io)",
-        buttonSecondaryBorder: "var(--_1vqcj1ip)",
-        buttonSecondaryBorderSelected: "var(--_1vqcj1iq)",
-        buttonSecondaryBorderInverse: "var(--_1vqcj1ir)",
-        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1is)",
-        buttonSecondaryBackgroundHover: "var(--_1vqcj1it)",
-        buttonSecondaryBackgroundSelected: "var(--_1vqcj1iu)",
-        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1iv)",
-        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1iw)",
-        control: "var(--_1vqcj1ix)",
-        controlActivated: "var(--_1vqcj1iy)",
-        controlError: "var(--_1vqcj1iz)",
-        loadingBar: "var(--_1vqcj1i10)",
-        loadingBarBackground: "var(--_1vqcj1i11)",
-        toggleAndroidInactive: "var(--_1vqcj1i12)",
-        toggleAndroidBackgroundActive: "var(--_1vqcj1i13)",
-        iosControlKnob: "var(--_1vqcj1i14)",
-        divider: "var(--_1vqcj1i15)",
-        dividerInverse: "var(--_1vqcj1i16)",
-        navigationBarDivider: "var(--_1vqcj1i17)",
-        badge: "var(--_1vqcj1i18)",
-        feedbackErrorBackground: "var(--_1vqcj1i19)",
-        feedbackInfoBackground: "var(--_1vqcj1i1a)",
-        brand: "var(--_1vqcj1i1b)",
-        brandHigh: "var(--_1vqcj1i1c)",
-        inverse: "var(--_1vqcj1i1d)",
-        neutralHigh: "var(--_1vqcj1i1e)",
-        neutralLow: "var(--_1vqcj1i1f)",
-        neutralMedium: "var(--_1vqcj1i1g)",
-        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)"
+        backgroundBrandSecondary: "var(--_1vqcj1i4)",
+        backgroundOverlay: "var(--_1vqcj1i5)",
+        backgroundSkeleton: "var(--_1vqcj1i6)",
+        backgroundSkeletonInverse: "var(--_1vqcj1i7)",
+        backgroundAlternative: "var(--_1vqcj1i8)",
+        backgroundFeedbackBottom: "var(--_1vqcj1i9)",
+        navigationBarBackground: "var(--_1vqcj1ia)",
+        skeletonWave: "var(--_1vqcj1ib)",
+        border: "var(--_1vqcj1ic)",
+        borderLow: "var(--_1vqcj1id)",
+        borderHigh: "var(--_1vqcj1ie)",
+        borderSelected: "var(--_1vqcj1if)",
+        buttonDangerBackground: "var(--_1vqcj1ig)",
+        buttonDangerBackgroundSelected: "var(--_1vqcj1ih)",
+        buttonDangerBackgroundHover: "var(--_1vqcj1ii)",
+        buttonLinkBackgroundSelected: "var(--_1vqcj1ij)",
+        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1ik)",
+        buttonPrimaryBackground: "var(--_1vqcj1il)",
+        buttonPrimaryBackgroundInverse: "var(--_1vqcj1im)",
+        buttonPrimaryBackgroundSelected: "var(--_1vqcj1in)",
+        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1io)",
+        buttonPrimaryBackgroundHover: "var(--_1vqcj1ip)",
+        buttonSecondaryBorder: "var(--_1vqcj1iq)",
+        buttonSecondaryBorderSelected: "var(--_1vqcj1ir)",
+        buttonSecondaryBorderInverse: "var(--_1vqcj1is)",
+        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1it)",
+        buttonSecondaryBackgroundHover: "var(--_1vqcj1iu)",
+        buttonSecondaryBackgroundSelected: "var(--_1vqcj1iv)",
+        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1iw)",
+        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1ix)",
+        control: "var(--_1vqcj1iy)",
+        controlActivated: "var(--_1vqcj1iz)",
+        controlError: "var(--_1vqcj1i10)",
+        loadingBar: "var(--_1vqcj1i11)",
+        loadingBarBackground: "var(--_1vqcj1i12)",
+        toggleAndroidInactive: "var(--_1vqcj1i13)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i14)",
+        iosControlKnob: "var(--_1vqcj1i15)",
+        divider: "var(--_1vqcj1i16)",
+        dividerInverse: "var(--_1vqcj1i17)",
+        navigationBarDivider: "var(--_1vqcj1i18)",
+        badge: "var(--_1vqcj1i19)",
+        feedbackErrorBackground: "var(--_1vqcj1i1a)",
+        feedbackInfoBackground: "var(--_1vqcj1i1b)",
+        brand: "var(--_1vqcj1i1c)",
+        brandHigh: "var(--_1vqcj1i1d)",
+        inverse: "var(--_1vqcj1i1e)",
+        neutralHigh: "var(--_1vqcj1i1f)",
+        neutralLow: "var(--_1vqcj1i1g)",
+        neutralMedium: "var(--_1vqcj1i1h)",
+        neutralMediumInverse: "var(--_1vqcj1i1i)",
+        promo: "var(--_1vqcj1i1j)",
+        error: "var(--_1vqcj1i1k)",
+        highlight: "var(--_1vqcj1i1l)",
+        success: "var(--_1vqcj1i1m)",
+        warning: "var(--_1vqcj1i1n)",
+        textPrimary: "var(--_1vqcj1i1o)",
+        textPrimaryInverse: "var(--_1vqcj1i1p)",
+        textSecondary: "var(--_1vqcj1i1q)",
+        textSecondaryInverse: "var(--_1vqcj1i1r)",
+        textButtonPrimary: "var(--_1vqcj1i1s)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i1t)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i1u)",
+        textButtonSecondary: "var(--_1vqcj1i1v)",
+        textButtonSecondarySelected: "var(--_1vqcj1i1w)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i1x)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i1y)",
+        textLink: "var(--_1vqcj1i1z)",
+        textLinkInverse: "var(--_1vqcj1i20)",
+        textLinkDanger: "var(--_1vqcj1i21)",
+        textLinkSnackbar: "var(--_1vqcj1i22)",
+        textNavigationBarPrimary: "var(--_1vqcj1i23)",
+        textNavigationBarSecondary: "var(--_1vqcj1i24)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i25)",
+        textNavigationSearchBarText: "var(--_1vqcj1i26)",
+        textAppBar: "var(--_1vqcj1i27)",
+        textAppBarSelected: "var(--_1vqcj1i28)",
+        successLow: "var(--_1vqcj1i29)",
+        warningLow: "var(--_1vqcj1i2a)",
+        errorLow: "var(--_1vqcj1i2b)",
+        promoLow: "var(--_1vqcj1i2c)",
+        brandLow: "var(--_1vqcj1i2d)",
+        successHigh: "var(--_1vqcj1i2e)",
+        warningHigh: "var(--_1vqcj1i2f)",
+        errorHigh: "var(--_1vqcj1i2g)",
+        promoHigh: "var(--_1vqcj1i2h)",
+        successHighInverse: "var(--_1vqcj1i2i)",
+        warningHighInverse: "var(--_1vqcj1i2j)",
+        errorHighInverse: "var(--_1vqcj1i2k)",
+        promoHighInverse: "var(--_1vqcj1i2l)"
     },
     rawColors: {
-        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)"
+        appBarBackground: "var(--_1vqcj1i2m)",
+        background: "var(--_1vqcj1i2n)",
+        backgroundContainer: "var(--_1vqcj1i2o)",
+        backgroundBrand: "var(--_1vqcj1i2p)",
+        backgroundBrandSecondary: "var(--_1vqcj1i2q)",
+        backgroundOverlay: "var(--_1vqcj1i2r)",
+        backgroundSkeleton: "var(--_1vqcj1i2s)",
+        backgroundSkeletonInverse: "var(--_1vqcj1i2t)",
+        backgroundAlternative: "var(--_1vqcj1i2u)",
+        backgroundFeedbackBottom: "var(--_1vqcj1i2v)",
+        navigationBarBackground: "var(--_1vqcj1i2w)",
+        skeletonWave: "var(--_1vqcj1i2x)",
+        border: "var(--_1vqcj1i2y)",
+        borderLow: "var(--_1vqcj1i2z)",
+        borderHigh: "var(--_1vqcj1i30)",
+        borderSelected: "var(--_1vqcj1i31)",
+        buttonDangerBackground: "var(--_1vqcj1i32)",
+        buttonDangerBackgroundSelected: "var(--_1vqcj1i33)",
+        buttonDangerBackgroundHover: "var(--_1vqcj1i34)",
+        buttonLinkBackgroundSelected: "var(--_1vqcj1i35)",
+        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i36)",
+        buttonPrimaryBackground: "var(--_1vqcj1i37)",
+        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i38)",
+        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i39)",
+        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i3a)",
+        buttonPrimaryBackgroundHover: "var(--_1vqcj1i3b)",
+        buttonSecondaryBorder: "var(--_1vqcj1i3c)",
+        buttonSecondaryBorderSelected: "var(--_1vqcj1i3d)",
+        buttonSecondaryBorderInverse: "var(--_1vqcj1i3e)",
+        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i3f)",
+        buttonSecondaryBackgroundHover: "var(--_1vqcj1i3g)",
+        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i3h)",
+        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i3i)",
+        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i3j)",
+        control: "var(--_1vqcj1i3k)",
+        controlActivated: "var(--_1vqcj1i3l)",
+        controlError: "var(--_1vqcj1i3m)",
+        loadingBar: "var(--_1vqcj1i3n)",
+        loadingBarBackground: "var(--_1vqcj1i3o)",
+        toggleAndroidInactive: "var(--_1vqcj1i3p)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i3q)",
+        iosControlKnob: "var(--_1vqcj1i3r)",
+        divider: "var(--_1vqcj1i3s)",
+        dividerInverse: "var(--_1vqcj1i3t)",
+        navigationBarDivider: "var(--_1vqcj1i3u)",
+        badge: "var(--_1vqcj1i3v)",
+        feedbackErrorBackground: "var(--_1vqcj1i3w)",
+        feedbackInfoBackground: "var(--_1vqcj1i3x)",
+        brand: "var(--_1vqcj1i3y)",
+        brandHigh: "var(--_1vqcj1i3z)",
+        inverse: "var(--_1vqcj1i40)",
+        neutralHigh: "var(--_1vqcj1i41)",
+        neutralLow: "var(--_1vqcj1i42)",
+        neutralMedium: "var(--_1vqcj1i43)",
+        neutralMediumInverse: "var(--_1vqcj1i44)",
+        promo: "var(--_1vqcj1i45)",
+        error: "var(--_1vqcj1i46)",
+        highlight: "var(--_1vqcj1i47)",
+        success: "var(--_1vqcj1i48)",
+        warning: "var(--_1vqcj1i49)",
+        textPrimary: "var(--_1vqcj1i4a)",
+        textPrimaryInverse: "var(--_1vqcj1i4b)",
+        textSecondary: "var(--_1vqcj1i4c)",
+        textSecondaryInverse: "var(--_1vqcj1i4d)",
+        textButtonPrimary: "var(--_1vqcj1i4e)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i4f)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i4g)",
+        textButtonSecondary: "var(--_1vqcj1i4h)",
+        textButtonSecondarySelected: "var(--_1vqcj1i4i)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i4j)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i4k)",
+        textLink: "var(--_1vqcj1i4l)",
+        textLinkInverse: "var(--_1vqcj1i4m)",
+        textLinkDanger: "var(--_1vqcj1i4n)",
+        textLinkSnackbar: "var(--_1vqcj1i4o)",
+        textNavigationBarPrimary: "var(--_1vqcj1i4p)",
+        textNavigationBarSecondary: "var(--_1vqcj1i4q)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i4r)",
+        textNavigationSearchBarText: "var(--_1vqcj1i4s)",
+        textAppBar: "var(--_1vqcj1i4t)",
+        textAppBarSelected: "var(--_1vqcj1i4u)",
+        successLow: "var(--_1vqcj1i4v)",
+        warningLow: "var(--_1vqcj1i4w)",
+        errorLow: "var(--_1vqcj1i4x)",
+        promoLow: "var(--_1vqcj1i4y)",
+        brandLow: "var(--_1vqcj1i4z)",
+        successHigh: "var(--_1vqcj1i50)",
+        warningHigh: "var(--_1vqcj1i51)",
+        errorHigh: "var(--_1vqcj1i52)",
+        promoHigh: "var(--_1vqcj1i53)",
+        successHighInverse: "var(--_1vqcj1i54)",
+        warningHighInverse: "var(--_1vqcj1i55)",
+        errorHighInverse: "var(--_1vqcj1i56)",
+        promoHighInverse: "var(--_1vqcj1i57)"
     }
 };

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

@@ -4,6 +4,7 @@ export declare const vars: {
         background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundSkeleton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundSkeletonInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -99,6 +100,7 @@ export declare const vars: {
         background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundSkeleton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundSkeletonInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/skins/telefonica.js

@@ -57,6 +57,7 @@ const e = {
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.telefonicaBlue,
+            backgroundBrandSecondary: e.telefonicaBlue,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: e.telefonicaBlue70,
@@ -152,6 +153,7 @@ const e = {
             background: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.grey6,
             backgroundSkeletonInverse: e.grey6,

package/dist/skins/types.d.ts

@@ -31,6 +31,7 @@ export type Colors = {
     background: string;
     backgroundContainer: string;
     backgroundBrand: string;
+    backgroundBrandSecondary: string;
     backgroundOverlay: string;
     backgroundSkeleton: string;
     backgroundSkeletonInverse: string;