@telefonica/mistica 14.10.0 → 14.11.0

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

@@ -1,24 +1,30 @@
 export declare const vars: {
     colors: {
-        appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundAlternative: `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})`;
         backgroundContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundContainerPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundContainerBrandHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundContainerBrandPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerBrandOverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerAlternative: `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})`;
-        backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundFeedbackBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         navigationBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         skeletonWave: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         borderLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         borderHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         borderSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        coverBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        coverBackgroundPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonDangerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonDangerBackgroundSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonDangerBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -27,16 +33,27 @@ export declare const vars: {
         buttonPrimaryBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonPrimaryBackgroundInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonPrimaryBackgroundSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        buttonPrimaryBackgroundInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonPrimaryBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonPrimaryBackgroundInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBorderSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        buttonSecondaryBorderInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        buttonSecondaryBorderInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBackgroundSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonSecondaryBorderInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonSecondaryBorderInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBackgroundInverseHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBackgroundInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonPrimaryInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonSecondarySelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonSecondaryInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textLinkInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textLinkDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        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})`;
         controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -55,36 +72,19 @@ export declare const vars: {
         brandHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         inverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         neutralHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        neutralLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        neutralLowAlternative: `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})`;
-        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        neutralLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        neutralLowAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonPrimaryInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonSecondarySelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonSecondaryInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLinkInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLinkDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLinkSnackbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textNavigationBarPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textNavigationBarSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textNavigationSearchBarHint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textNavigationSearchBarText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textAppBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textAppBarSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        promo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         successLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         warningLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         errorLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -98,27 +98,40 @@ export declare const vars: {
         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})`;
+        textNavigationBarPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textNavigationBarSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textNavigationSearchBarHint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textNavigationSearchBarText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textAppBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textAppBarSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        customTabsBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     rawColors: {
-        appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundAlternative: `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})`;
         backgroundContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundContainerPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundContainerBrandHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundContainerBrandPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerBrandOverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerAlternative: `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})`;
-        backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundFeedbackBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         navigationBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         skeletonWave: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         borderLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         borderHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         borderSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        coverBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        coverBackgroundPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonDangerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonDangerBackgroundSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonDangerBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -127,16 +140,27 @@ export declare const vars: {
         buttonPrimaryBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonPrimaryBackgroundInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonPrimaryBackgroundSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        buttonPrimaryBackgroundInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonPrimaryBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonPrimaryBackgroundInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBorderSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        buttonSecondaryBorderInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        buttonSecondaryBorderInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBackgroundSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonSecondaryBorderInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonSecondaryBorderInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBackgroundInverseHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSecondaryBackgroundInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonPrimaryInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonSecondarySelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textButtonSecondaryInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textLinkInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textLinkDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        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})`;
         controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -155,36 +179,19 @@ export declare const vars: {
         brandHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         inverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         neutralHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        neutralLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        neutralLowAlternative: `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})`;
-        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        neutralLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        neutralLowAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonPrimaryInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonSecondarySelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textButtonSecondaryInverseSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLinkInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLinkDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLinkSnackbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textNavigationBarPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textNavigationBarSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textNavigationSearchBarHint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textNavigationSearchBarText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textAppBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textAppBarSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        promo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         successLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         warningLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         errorLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -198,6 +205,13 @@ export declare const vars: {
         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})`;
+        textNavigationBarPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textNavigationBarSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textNavigationSearchBarHint: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textNavigationSearchBarText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textAppBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        textAppBarSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        customTabsBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     borderRadii: {
         button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/skins/telefonica.d.ts

@@ -1,39 +1,39 @@
 import type { GetKnownSkin } from './types';
 export declare const palette: {
-    readonly telefonicaBlue: "#0066FF";
-    readonly telefonicaBlue10: "#E5F0FF";
-    readonly telefonicaBlue20: "#B2D1FF";
-    readonly telefonicaBlue30: "#80B3FF";
-    readonly telefonicaBlue70: "#0356C9";
-    readonly ambar: "#EAC344";
-    readonly ambar10: "#FDF9EC";
-    readonly ambar40: "#F0D57C";
-    readonly ambar70: "#69581F";
-    readonly coral: "#E66C64";
-    readonly coral10: "#FDF0EF";
-    readonly coral40: "#E3A19A";
-    readonly coral70: "#D50000";
-    readonly coral80: "#912C31";
-    readonly orchid: "#C466EF";
-    readonly orchid10: "#F9F0FD";
-    readonly orchid40: "#D694F4";
-    readonly orchid70: "#8A1A93";
-    readonly turquoise: "#59C2C9";
-    readonly turquoise10: "#EEF9FA";
-    readonly turquoise40: "#8BD4D9";
-    readonly turquoise70: "#3E888D";
-    readonly grey1: "#F2F4FF";
-    readonly grey2: "#D1D5E4";
-    readonly grey3: "#B0B6CA";
-    readonly grey4: "#8F97AF";
-    readonly grey5: "#6E7894";
-    readonly grey6: "#58617A";
-    readonly grey7: "#414B61";
-    readonly grey8: "#2B3447";
-    readonly grey9: "#031A34";
-    readonly white: "#FFFFFF";
-    readonly darkModeBlack: "#191919";
-    readonly darkModeGrey: "#242424";
-    readonly darkModeGrey6: "#313235";
+    telefonicaBlue: string;
+    telefonicaBlue10: string;
+    telefonicaBlue20: string;
+    telefonicaBlue30: string;
+    telefonicaBlue70: string;
+    ambar: string;
+    ambar10: string;
+    ambar40: string;
+    ambar70: string;
+    coral: string;
+    coral10: string;
+    coral40: string;
+    coral70: string;
+    coral80: string;
+    orchid: string;
+    orchid10: string;
+    orchid40: string;
+    orchid70: string;
+    turquoise: string;
+    turquoise10: string;
+    turquoise40: string;
+    turquoise70: string;
+    grey1: string;
+    grey2: string;
+    grey3: string;
+    grey4: string;
+    grey5: string;
+    grey6: string;
+    grey7: string;
+    grey8: string;
+    grey9: string;
+    white: string;
+    darkModeBlack: string;
+    darkModeGrey: string;
+    darkModeGrey6: string;
 };
 export declare const getTelefonicaSkin: GetKnownSkin;

package/dist/skins/telefonica.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getTelefonicaSkin: ()=>n,
+    getTelefonicaSkin: ()=>c,
     palette: ()=>e
 });
-const _colorJs = require("../utils/color.js");
 const _constantsJs = require("./constants.js");
+const _colorJs = require("../utils/color.js");
 const e = {
     telefonicaBlue: "#0066FF",
     telefonicaBlue10: "#E5F0FF",
@@ -50,18 +50,22 @@ const e = {
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-}, n = ()=>({
+}, c = ()=>({
         name: _constantsJs.TELEFONICA_SKIN,
         colors: {
             appBarBackground: e.white,
             background: e.white,
             backgroundContainer: e.white,
+            backgroundContainerHover: (0, _colorJs.applyAlpha)(e.telefonicaBlue, 0.03),
+            backgroundContainerPressed: (0, _colorJs.applyAlpha)(e.telefonicaBlue, 0.05),
             backgroundContainerBrand: e.telefonicaBlue,
+            backgroundContainerBrandHover: (0, _colorJs.applyAlpha)(e.darkModeBlack, 0.2),
+            backgroundContainerBrandPressed: (0, _colorJs.applyAlpha)(e.darkModeBlack, 0.4),
             backgroundContainerBrandOverInverse: e.telefonicaBlue70,
             backgroundContainerAlternative: e.grey1,
             backgroundBrand: e.telefonicaBlue,
             backgroundBrandSecondary: e.telefonicaBlue,
-            backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
+            backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.8),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: e.telefonicaBlue70,
             navigationBarBackground: e.telefonicaBlue,
@@ -72,11 +76,13 @@ const e = {
             border: e.grey2,
             borderHigh: e.grey5,
             borderSelected: e.telefonicaBlue,
+            coverBackgroundHover: (0, _colorJs.applyAlpha)(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: (0, _colorJs.applyAlpha)(e.darkModeBlack, 0.35),
             buttonDangerBackground: e.coral,
             buttonDangerBackgroundSelected: e.coral80,
             buttonDangerBackgroundHover: e.coral80,
             buttonLinkBackgroundSelected: e.grey1,
-            buttonLinkBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.2),
+            buttonLinkBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.08),
             buttonPrimaryBackground: e.telefonicaBlue,
             buttonPrimaryBackgroundInverse: e.white,
             buttonPrimaryBackgroundSelected: e.telefonicaBlue70,
@@ -84,10 +90,10 @@ const e = {
             buttonPrimaryBackgroundInverseSelected: e.telefonicaBlue30,
             buttonSecondaryBorder: e.telefonicaBlue,
             buttonSecondaryBorderSelected: e.telefonicaBlue70,
-            buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBorderInverseSelected: e.white,
             buttonSecondaryBackgroundHover: e.telefonicaBlue10,
             buttonSecondaryBackgroundSelected: e.telefonicaBlue10,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderInverseSelected: e.white,
             buttonSecondaryBackgroundInverseHover: (0, _colorJs.applyAlpha)(e.white, 0.1),
             buttonSecondaryBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.1),
             textButtonPrimary: e.white,
@@ -120,10 +126,9 @@ const e = {
             inverse: e.white,
             neutralHigh: e.grey9,
             neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
             neutralLow: e.grey1,
             neutralLowAlternative: e.grey2,
-            promo: e.orchid,
-            highlight: e.coral40,
             textPrimary: e.grey9,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
@@ -131,12 +136,8 @@ const e = {
             error: e.coral,
             success: e.turquoise,
             warning: e.ambar,
-            textNavigationBarPrimary: e.white,
-            textNavigationBarSecondary: e.grey1,
-            textNavigationSearchBarHint: e.grey1,
-            textNavigationSearchBarText: e.white,
-            textAppBar: e.grey4,
-            textAppBarSelected: e.telefonicaBlue,
+            promo: e.orchid,
+            highlight: e.coral40,
             successLow: e.turquoise10,
             warningLow: e.ambar10,
             errorLow: e.coral10,
@@ -150,39 +151,56 @@ const e = {
             warningHighInverse: e.ambar70,
             errorHighInverse: e.coral70,
             promoHighInverse: e.orchid70,
-            neutralMediumInverse: e.grey5
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.grey1,
+            textNavigationSearchBarHint: e.grey1,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey4,
+            textAppBarSelected: e.telefonicaBlue,
+            customTabsBackground: e.telefonicaBlue
         },
         darkModeColors: {
-            appBarBackground: e.darkModeGrey,
             background: e.darkModeBlack,
+            backgroundAlternative: e.darkModeBlack,
+            backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
+            backgroundContainerHover: (0, _colorJs.applyAlpha)(e.white, 0.03),
+            backgroundContainerPressed: (0, _colorJs.applyAlpha)(e.white, 0.05),
             backgroundContainerBrand: e.darkModeGrey,
+            backgroundContainerBrandHover: (0, _colorJs.applyAlpha)(e.white, 0.03),
+            backgroundContainerBrandPressed: (0, _colorJs.applyAlpha)(e.white, 0.05),
             backgroundContainerBrandOverInverse: e.darkModeGrey,
             backgroundContainerAlternative: e.darkModeGrey,
-            backgroundBrand: e.darkModeBlack,
-            backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
-            backgroundSkeleton: e.darkModeGrey6,
-            backgroundSkeletonInverse: e.darkModeGrey6,
-            navigationBarBackground: e.darkModeBlack,
-            backgroundAlternative: e.darkModeBlack,
+            backgroundSkeleton: e.grey6,
+            backgroundSkeletonInverse: e.grey6,
             backgroundFeedbackBottom: e.darkModeBlack,
+            appBarBackground: e.darkModeGrey,
+            navigationBarBackground: e.darkModeBlack,
             skeletonWave: e.grey5,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
-            buttonLinkBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            buttonLinkBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            borderHigh: e.grey5,
+            borderSelected: e.telefonicaBlue,
+            coverBackgroundHover: (0, _colorJs.applyAlpha)(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: (0, _colorJs.applyAlpha)(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.coral,
+            buttonDangerBackgroundSelected: e.coral80,
+            buttonDangerBackgroundHover: e.coral80,
+            buttonLinkBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.08),
+            buttonLinkBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.08),
             buttonPrimaryBackground: e.telefonicaBlue,
             buttonPrimaryBackgroundInverse: e.telefonicaBlue,
             buttonPrimaryBackgroundSelected: e.telefonicaBlue70,
             buttonPrimaryBackgroundHover: e.telefonicaBlue70,
             buttonPrimaryBackgroundInverseSelected: e.telefonicaBlue70,
+            buttonSecondaryBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.15),
             buttonSecondaryBorder: e.white,
+            buttonSecondaryBackgroundHover: (0, _colorJs.applyAlpha)(e.white, 0.15),
             buttonSecondaryBorderSelected: e.white,
             buttonSecondaryBorderInverse: e.white,
             buttonSecondaryBorderInverseSelected: e.white,
-            buttonSecondaryBackgroundHover: (0, _colorJs.applyAlpha)(e.white, 0.15),
-            buttonSecondaryBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInverseHover: (0, _colorJs.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.15),
             textButtonPrimary: e.grey2,
@@ -194,33 +212,39 @@ const e = {
             textButtonSecondaryInverseSelected: e.grey2,
             textLink: e.telefonicaBlue,
             textLinkInverse: e.telefonicaBlue,
+            textLinkDanger: e.coral,
+            textLinkSnackbar: e.telefonicaBlue30,
             control: e.darkModeGrey6,
             controlActivated: e.telefonicaBlue,
+            controlError: e.coral,
             loadingBar: e.telefonicaBlue,
-            loadingBarBackground: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            loadingBarBackground: e.grey6,
             toggleAndroidInactive: e.grey4,
-            toggleAndroidBackgroundActive: e.grey1,
+            toggleAndroidBackgroundActive: e.telefonicaBlue20,
             iosControlKnob: e.grey2,
             divider: (0, _colorJs.applyAlpha)(e.white, 0.05),
             dividerInverse: (0, _colorJs.applyAlpha)(e.white, 0.05),
             navigationBarDivider: e.darkModeBlack,
+            badge: e.coral70,
+            feedbackErrorBackground: e.coral,
             feedbackInfoBackground: e.grey8,
-            brandHigh: e.grey6,
+            brand: e.telefonicaBlue,
+            brandHigh: (0, _colorJs.applyAlpha)(e.white, 0.05),
             inverse: e.grey2,
             neutralHigh: e.grey2,
             neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
             neutralLow: e.darkModeGrey6,
             neutralLowAlternative: e.darkModeGrey6,
             textPrimary: e.grey2,
             textPrimaryInverse: e.grey2,
             textSecondary: e.grey4,
             textSecondaryInverse: e.grey4,
-            textNavigationBarPrimary: e.grey2,
-            textNavigationBarSecondary: e.grey4,
-            textNavigationSearchBarHint: e.grey4,
-            textNavigationSearchBarText: e.grey2,
-            textAppBar: e.grey5,
-            textAppBarSelected: e.grey2,
+            error: e.coral,
+            success: e.turquoise,
+            warning: e.ambar,
+            promo: e.orchid,
+            highlight: e.coral40,
             successLow: e.darkModeGrey6,
             warningLow: e.darkModeGrey6,
             errorLow: e.darkModeGrey6,
@@ -234,18 +258,47 @@ const e = {
             warningHighInverse: e.ambar70,
             errorHighInverse: e.coral70,
             promoHighInverse: e.orchid70,
-            neutralMediumInverse: e.grey5
+            textNavigationBarPrimary: e.grey2,
+            textNavigationBarSecondary: e.grey4,
+            textNavigationSearchBarHint: e.grey4,
+            textNavigationSearchBarText: e.grey2,
+            textAppBar: e.grey5,
+            textAppBarSelected: e.grey2,
+            customTabsBackground: e.darkModeBlack
         },
         borderRadii: {
+            avatar: "50%",
+            bar: "0px",
             button: "999px",
-            input: "0px",
+            checkbox: "0px",
             container: "0px",
+            indicator: "999px",
+            input: "0px",
             legacyDisplay: "0px",
             popup: "0px",
-            checkbox: "0px",
-            indicator: "999px",
-            sheet: "8px",
-            bar: "0px",
-            avatar: "50%"
+            sheet: "8px"
+        },
+        textPresets: {
+            cardTitle: {
+                weight: "regular"
+            },
+            text5: {
+                weight: "regular"
+            },
+            text6: {
+                weight: "regular"
+            },
+            text7: {
+                weight: "regular"
+            },
+            text8: {
+                weight: "regular"
+            },
+            text9: {
+                weight: "regular"
+            },
+            text10: {
+                weight: "regular"
+            }
         }
     });