@telefonica/mistica 16.70.0 → 16.72.0

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

@@ -575,7 +575,6 @@ export declare const vars: {
         button: `var(--${string})`;
         input: `var(--${string})`;
         container: `var(--${string})`;
-        legacyDisplay: `var(--${string})`;
         popup: `var(--${string})`;
         checkbox: `var(--${string})`;
         indicator: `var(--${string})`;

package/dist/skins/telefonica.js

@@ -650,7 +650,6 @@ const e = {
             chip: "24px",
             tag: "24px",
             input: "8px",
-            legacyDisplay: "0px",
             popup: "4px",
             sheet: "0px",
             mediaSmall: "2px"

package/dist/skins/types/index.d.ts

@@ -2,7 +2,7 @@ import type { Variant } from '../../theme-variant-context';
 import type { Colors } from './colors';
 export type { Colors } from './colors';
 export type SkinVariant = 'prominent';
-export type KnownSkinName = 'Movistar' | 'Movistar-new' | 'O2' | 'O2-new' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau' | 'Tu' | 'Esimflag';
+export type KnownSkinName = 'Movistar' | 'O2' | 'Vivo' | 'Vivo-evolution' | 'Telefonica' | 'Blau' | 'Esimflag';
 export type SkinName = KnownSkinName | string;
 export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
 export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
@@ -77,11 +77,6 @@ export type BorderRadiiConfig = {
     button: string;
     input: string;
     container: string;
-    /**
-     * This will be used for DisplayCards and PosterCards only for the moment. One day we'll unify the borderRadius in all the cards to use container.
-     * @deprecated Use `container` instead
-     */
-    legacyDisplay: string;
     popup: string;
     checkbox: string;
     indicator: string;

package/dist/skins/utils.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get flattenChildren () {
-        return T;
+        return V;
     },
     get getSkinByName () {
-        return W;
+        return L;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -21,12 +21,9 @@ const _constants = require("./constants.js");
 const _blau = require("./blau.js");
 const _telefonica = require("./telefonica.js");
 const _vivo = require("./vivo.js");
-const _vivonew = require("./vivo-new.js");
+const _vivoevolution = require("./vivo-evolution.js");
 const _o2 = require("./o2.js");
-const _o2new = require("./o2-new.js");
 const _movistar = require("./movistar.js");
-const _movistarnew = require("./movistar-new.js");
-const _tu = require("./tu.js");
 const _esimflag = require("./esimflag.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -69,7 +66,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const W = (r, o)=>{
+const L = (r, o)=>{
     switch(r){
         case _constants.BLAU_SKIN:
             return (0, _blau.getBlauSkin)();
@@ -77,21 +74,15 @@ const W = (r, o)=>{
             return (0, _telefonica.getTelefonicaSkin)();
         case _constants.VIVO_SKIN:
             return (0, _vivo.getVivoSkin)();
-        case _constants.VIVO_NEW_SKIN:
-            return (0, _vivonew.getVivoNewSkin)();
+        case _constants.VIVO_EVOLUTION_SKIN:
+            return (0, _vivoevolution.getVivoEvolutionSkin)();
         case _constants.O2_SKIN:
             return (0, _o2.getO2Skin)();
-        case _constants.O2_NEW_SKIN:
-            return (0, _o2new.getO2NewSkin)();
         case _constants.MOVISTAR_SKIN:
             return (0, _movistar.getMovistarSkin)();
-        case _constants.MOVISTAR_NEW_SKIN:
-            return (0, _movistarnew.getMovistarNewSkin)();
-        case _constants.TU_SKIN:
-            return (0, _tu.getTuSkin)();
         case _constants.ESIMFLAG_SKIN:
             return (0, _esimflag.getEsimflagSkin)();
         default:
             throw Error("Unknown skin name: " + r);
     }
-}, T = (r)=>_react.Children.toArray(r).reduce((t, e)=>e.type === _react.Fragment ? t.concat(T(e.props.children)) : (t.push(e), t), []);
+}, V = (r)=>_react.Children.toArray(r).reduce((t, e)=>e.type === _react.Fragment ? t.concat(V(e.props.children)) : (t.push(e), t), []);

package/dist/skins/{vivo-new.d.ts → vivo-evolution.d.ts}

@@ -37,4 +37,4 @@ export declare const palette: {
     darkModeGrey5: string;
     darkModeGrey6: string;
 };
-export declare const getVivoNewSkin: GetKnownSkin;
+export declare const getVivoEvolutionSkin: GetKnownSkin;

package/dist/skins/{vivo-new.js → vivo-evolution.js}

@@ -9,7 +9,7 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get getVivoNewSkin () {
+    get getVivoEvolutionSkin () {
         return n;
     },
     get palette () {
@@ -56,7 +56,7 @@ const e = {
     darkModeGrey5: "#6D7D88",
     darkModeGrey6: "#313235"
 }, n = ()=>({
-        name: _constants.VIVO_NEW_SKIN,
+        name: _constants.VIVO_EVOLUTION_SKIN,
         colors: {
             background: e.white,
             backgroundAlternative: e.grey1,
@@ -639,7 +639,6 @@ const e = {
             chip: "24px",
             tag: "10px",
             input: "16px",
-            legacyDisplay: "24px",
             popup: "16px",
             sheet: "24px",
             mediaSmall: "12px"

package/dist/skins/vivo.d.ts

@@ -34,6 +34,7 @@ export declare const palette: {
     white: string;
     darkModeBlack: string;
     darkModeGrey: string;
+    darkModeGrey5: string;
     darkModeGrey6: string;
 };
 export declare const getVivoSkin: GetKnownSkin;

package/dist/skins/vivo.js

@@ -47,12 +47,13 @@ const e = {
     grey1: "#F6F6F6",
     grey2: "#EEEEEE",
     grey3: "#DDDDDD",
-    grey4: "#999999",
+    grey4: "#8A8C90",
     grey5: "#666666",
     grey6: "#000000",
     white: "#FFFFFF",
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
+    darkModeGrey5: "#6D7D88",
     darkModeGrey6: "#313235"
 }, n = ()=>({
         name: _constants.VIVO_SKIN,
@@ -61,7 +62,7 @@ const e = {
             backgroundAlternative: e.grey1,
             backgroundBrand: e.vivoPurple,
             backgroundNegative: e.vivoPurpleDark,
-            backgroundBrandSecondary: e.vivoPurple,
+            backgroundBrandSecondary: e.vivoPurpleLight80,
             backgroundContainer: e.white,
             backgroundContainerError: e.pepperLight10,
             backgroundContainerHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.05),
@@ -74,7 +75,7 @@ const e = {
             backgroundContainerBrandOverBrand: e.vivoPurpleDark,
             backgroundContainerAlternative: e.grey1,
             backgroundOverlay: (0, _color.applyAlpha)(e.grey6, 0.6),
-            backgroundSkeleton: e.grey2,
+            backgroundSkeleton: e.grey3,
             backgroundSkeletonInverse: e.vivoPurpleDark,
             backgroundSkeletonNegative: (0, _color.applyAlpha)(e.grey6, 0.2),
             backgroundSkeletonBrand: e.vivoPurpleDark,
@@ -82,14 +83,14 @@ const e = {
             backgroundBrandBottom: e.vivoPurple,
             appBarBackground: e.white,
             navigationBarBackground: e.vivoPurple,
-            backgroundDropZoneHover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.07),
-            backgroundDropZoneDragover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.12),
-            backgroundDropZoneBrandHover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.2),
-            backgroundDropZoneBrandDragover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.4),
+            backgroundDropZoneHover: (0, _color.applyAlpha)(e.vivoPurple, 0.06),
+            backgroundDropZoneDragover: e.vivoPurpleLight10,
+            backgroundDropZoneBrandHover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.3),
+            backgroundDropZoneBrandDragover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.5),
             backgroundDropZoneNegativeHover: (0, _color.applyAlpha)(e.white, 0.1),
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.17),
-            backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.2),
-            backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.4),
+            backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.3),
+            backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.5),
             skeletonWave: e.grey2,
             borderLow: e.grey1,
             border: e.grey3,
@@ -120,15 +121,15 @@ const e = {
             buttonPrimaryBackgroundBrand: e.white,
             buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.vivoPurpleDark,
-            buttonPrimaryBackgroundInverseHover: e.vivoPurpleLight50,
-            buttonPrimaryBackgroundNegativeHover: e.vivoPurpleLight50,
-            buttonPrimaryBackgroundBrandHover: e.vivoPurpleLight50,
-            buttonPrimaryBackgroundMediaHover: e.vivoPurpleLight50,
+            buttonPrimaryBackgroundInverseHover: e.vivoPurpleLight10,
+            buttonPrimaryBackgroundNegativeHover: e.vivoPurpleLight10,
+            buttonPrimaryBackgroundBrandHover: e.vivoPurpleLight10,
+            buttonPrimaryBackgroundMediaHover: e.vivoPurpleLight10,
             buttonPrimaryBackgroundPressed: e.vivoPurpleDark,
-            buttonPrimaryBackgroundInversePressed: e.vivoPurpleLight50,
-            buttonPrimaryBackgroundNegativePressed: e.vivoPurpleLight50,
-            buttonPrimaryBackgroundBrandPressed: e.vivoPurpleLight50,
-            buttonPrimaryBackgroundMediaPressed: e.vivoPurpleLight50,
+            buttonPrimaryBackgroundInversePressed: e.vivoPurpleLight20,
+            buttonPrimaryBackgroundNegativePressed: e.vivoPurpleLight20,
+            buttonPrimaryBackgroundBrandPressed: e.vivoPurpleLight20,
+            buttonPrimaryBackgroundMediaPressed: e.vivoPurpleLight20,
             buttonSecondaryBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
             buttonSecondaryBorder: e.vivoPurple,
             buttonSecondaryBorderInverse: e.white,
@@ -176,10 +177,10 @@ const e = {
             textLinkMedia: e.white,
             textLinkDanger: e.pepper,
             textLinkDangerMedia: e.pepper,
-            textLinkSnackbar: e.vivoPurpleLight50,
+            textLinkSnackbar: e.vivoPurpleLight20,
             textActivated: e.vivoPurple,
             textBrand: e.vivoPurple,
-            inputBorder: e.grey3,
+            inputBorder: e.grey4,
             inputBorderInverse: e.white,
             inputBorderNegative: e.white,
             inputBorderBrand: e.white,
@@ -187,7 +188,7 @@ const e = {
             completedStepInverse: e.vivoPurpleDark,
             completedStepNegative: e.vivoPurpleDark,
             completedStepBrand: e.vivoPurpleDark,
-            control: e.grey3,
+            control: e.grey4,
             controlActivated: e.vivoPurple,
             controlInverse: e.vivoPurpleLight50,
             controlNegative: e.vivoPurpleLight50,
@@ -201,8 +202,8 @@ const e = {
             barTrackInverse: (0, _color.applyAlpha)(e.white, 0.5),
             barTrackNegative: (0, _color.applyAlpha)(e.white, 0.5),
             barTrackBrand: (0, _color.applyAlpha)(e.white, 0.5),
-            loadingBar: e.pink,
-            loadingBarBackground: e.pepperLight30,
+            loadingBar: e.vivoPurple,
+            loadingBarBackground: e.vivoPurpleLight10,
             toggleAndroidInactive: e.grey2,
             toggleAndroidBackgroundActive: e.vivoPurpleLight20,
             toggleAndroidActiveBrand: e.white,
@@ -213,14 +214,14 @@ const e = {
             controlKnobInverse: e.vivoPurple,
             controlKnobNegative: e.vivoPurple,
             controlKnobBrand: e.vivoPurple,
-            divider: e.grey2,
+            divider: e.grey3,
             dividerInverse: (0, _color.applyAlpha)(e.white, 0.2),
             dividerNegative: (0, _color.applyAlpha)(e.white, 0.2),
             dividerBrand: (0, _color.applyAlpha)(e.white, 0.2),
             navigationBarDivider: e.vivoPurple,
             badge: e.pepperDark,
             feedbackErrorBackground: e.pepper,
-            feedbackInfoBackground: e.grey6,
+            feedbackInfoBackground: e.vivoPurpleDark,
             brand: e.vivoPurple,
             brandHigh: e.vivoPurpleDark,
             inverse: e.white,
@@ -278,11 +279,11 @@ const e = {
             textNavigationBarSecondary: e.vivoPurpleLight50,
             textNavigationSearchBarHint: e.vivoPurpleLight50,
             textNavigationSearchBarText: e.white,
-            textAppBar: e.grey4,
+            textAppBar: e.grey5,
             textAppBarSelected: e.vivoPurple,
             iosGlassAppBar: e.grey6,
             iosGlassAppBarSelected: e.vivoPurple,
-            customTabsBackground: e.vivoPurple,
+            customTabsBackground: e.white,
             tagTextPromo: e.vivoPurple,
             tagTextActive: e.vivoPurple,
             tagTextInactive: e.grey5,
@@ -291,7 +292,7 @@ const e = {
             tagTextWarning: e.orangeDark,
             tagTextError: e.pepperDark80,
             tagBackgroundPromo: e.vivoPurpleLight10,
-            tagBackgroundActive: e.vivoPurpleLight10,
+            tagBackgroundActive: e.grey1,
             tagBackgroundInactive: e.grey1,
             tagBackgroundInfo: e.vivoPurpleLight10,
             tagBackgroundSuccess: e.vivoGreenLight10,
@@ -409,12 +410,12 @@ const e = {
             buttonPrimaryBackgroundInverseHover: e.vivoPurpleDark,
             buttonPrimaryBackgroundNegativeHover: e.vivoPurpleDark,
             buttonPrimaryBackgroundBrandHover: e.vivoPurpleDark,
-            buttonPrimaryBackgroundMediaHover: e.vivoPurpleLight50,
+            buttonPrimaryBackgroundMediaHover: e.vivoPurpleLight10,
             buttonPrimaryBackgroundPressed: e.vivoPurpleDark,
             buttonPrimaryBackgroundInversePressed: e.vivoPurpleDark,
             buttonPrimaryBackgroundNegativePressed: e.vivoPurpleDark,
             buttonPrimaryBackgroundBrandPressed: e.vivoPurpleDark,
-            buttonPrimaryBackgroundMediaPressed: e.vivoPurpleLight50,
+            buttonPrimaryBackgroundMediaPressed: e.vivoPurpleLight20,
             buttonSecondaryBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
             buttonSecondaryBorder: e.white,
             buttonSecondaryBorderInverse: e.white,
@@ -465,10 +466,10 @@ const e = {
             textLinkSnackbar: e.vivoPurpleLight50,
             textActivated: e.vivoPurpleLight80,
             textBrand: e.vivoPurpleLight80,
-            inputBorder: e.darkModeGrey6,
-            inputBorderInverse: e.darkModeGrey6,
-            inputBorderNegative: e.darkModeGrey6,
-            inputBorderBrand: e.darkModeGrey6,
+            inputBorder: e.darkModeGrey5,
+            inputBorderInverse: e.darkModeGrey5,
+            inputBorderNegative: e.darkModeGrey5,
+            inputBorderBrand: e.darkModeGrey5,
             completedStep: e.vivoPurpleLight80,
             completedStepInverse: e.vivoPurpleLight80,
             completedStepNegative: e.vivoPurpleLight80,
@@ -525,10 +526,10 @@ const e = {
             textPrimaryNegative: e.grey2,
             textPrimaryBrand: e.grey2,
             textPrimaryMedia: e.white,
-            textSecondary: e.grey4,
-            textSecondaryInverse: e.grey4,
-            textSecondaryNegative: e.grey4,
-            textSecondaryBrand: e.grey4,
+            textSecondary: e.grey3,
+            textSecondaryInverse: e.grey3,
+            textSecondaryNegative: e.grey3,
+            textSecondaryBrand: e.grey3,
             textSecondaryMedia: e.white,
             success: e.vivoGreen,
             warning: e.orange,
@@ -631,17 +632,16 @@ const e = {
         borderRadii: {
             avatar: "50%",
             bar: "999px",
-            button: "4px",
-            checkbox: "2px",
-            container: "8px",
+            button: "32px",
+            checkbox: "4px",
+            container: "24px",
             indicator: "24px",
             chip: "24px",
-            tag: "24px",
-            input: "8px",
-            legacyDisplay: "16px",
-            popup: "8px",
-            sheet: "8px",
-            mediaSmall: "8px"
+            tag: "10px",
+            input: "16px",
+            popup: "16px",
+            sheet: "24px",
+            mediaSmall: "12px"
         },
         textPresets: {
             button: {
@@ -708,7 +708,7 @@ const e = {
                 }
             },
             cardTitle: {
-                weight: "regular"
+                weight: "medium"
             },
             cardTitleDefault: {
                 lineHeight: {
@@ -716,7 +716,7 @@ const e = {
                     mobile: 24
                 },
                 size: {
-                    desktop: 20,
+                    desktop: 24,
                     mobile: 18
                 }
             },
@@ -750,7 +750,7 @@ const e = {
                     desktop: 28,
                     mobile: 20
                 },
-                weight: "light"
+                weight: "medium"
             },
             indicator: {
                 weight: "medium"
@@ -794,12 +794,12 @@ const e = {
                     mobile: 24
                 },
                 size: {
-                    desktop: 20,
+                    desktop: 24,
                     mobile: 18
                 }
             },
             navigationBar: {
-                weight: "medium"
+                weight: "regular"
             },
             rowTitle: {
                 weight: "regular"
@@ -821,7 +821,7 @@ const e = {
                 },
                 size: {
                     desktop: 18,
-                    mobile: 16
+                    mobile: 18
                 },
                 weight: "medium"
             },
@@ -861,7 +861,7 @@ const e = {
                     mobile: 24
                 },
                 size: {
-                    desktop: 20,
+                    desktop: 24,
                     mobile: 18
                 }
             },
@@ -874,7 +874,7 @@ const e = {
                     desktop: 28,
                     mobile: 20
                 },
-                weight: "light"
+                weight: "medium"
             },
             text6: {
                 lineHeight: {
@@ -885,7 +885,7 @@ const e = {
                     desktop: 32,
                     mobile: 24
                 },
-                weight: "light"
+                weight: "medium"
             },
             text7: {
                 lineHeight: {
@@ -896,7 +896,7 @@ const e = {
                     desktop: 40,
                     mobile: 28
                 },
-                weight: "light"
+                weight: "medium"
             },
             text8: {
                 lineHeight: {
@@ -907,7 +907,7 @@ const e = {
                     desktop: 48,
                     mobile: 32
                 },
-                weight: "light"
+                weight: "regular"
             },
             text9: {
                 lineHeight: {
@@ -918,7 +918,7 @@ const e = {
                     desktop: 56,
                     mobile: 40
                 },
-                weight: "light"
+                weight: "regular"
             },
             text10: {
                 lineHeight: {
@@ -929,7 +929,7 @@ const e = {
                     desktop: 64,
                     mobile: 48
                 },
-                weight: "light"
+                weight: "regular"
             },
             title1: {
                 lineHeight: {
@@ -951,18 +951,18 @@ const e = {
                     desktop: 18,
                     mobile: 16
                 },
-                weight: "light"
+                weight: "medium"
             },
             title3: {
                 lineHeight: {
-                    desktop: 32,
+                    desktop: 28,
                     mobile: 24
                 },
                 size: {
-                    desktop: 28,
-                    mobile: 20
+                    desktop: 24,
+                    mobile: 18
                 },
-                weight: "light"
+                weight: "medium"
             },
             title4: {
                 lineHeight: {
@@ -973,7 +973,7 @@ const e = {
                     desktop: 32,
                     mobile: 24
                 },
-                weight: "light"
+                weight: "medium"
             }
         },
         themeVariants: {

package/dist/skip-link.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return i;
     }
 });
-/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var n = "v16_70_13pf4ld1 v16_70_13pf4ld0 v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nf83 v16_70_1y2v1nfsl v16_70_1y2v1nfsw v16_70_1y2v1nfpz v16_70_1y2v1nfte v16_70_1y2v1nftt", i = "v16_70_13pf4ld2";
+/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var n = "v16_72_13pf4ld1 v16_72_13pf4ld0 v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nf83 v16_72_1y2v1nfsl v16_72_1y2v1nfsw v16_72_1y2v1nfpz v16_72_1y2v1nftd v16_72_1y2v1nfts", i = "v16_72_13pf4ld2";

package/dist/skip-link.js

@@ -118,23 +118,27 @@ function _object_spread_props(target, source) {
     return target;
 }
 const x = (param)=>{
-    let { targetId: a, children: r, "aria-label": e, dataAttributes: t } = param;
+    let { targetId: a, children: e, "aria-label": r, dataAttributes: t } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: _skiplinkcssmistica.skipLinkContainer
-    }, (0, _dom.getPrefixedDataAttributes)(t, "SkipLink")), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "SkipLink"
+    }, t))), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonLink, {
-            "aria-label": e,
+            "aria-label": r,
             href: `#${a}`,
             withChevron: !1,
-            children: r
+            children: e
         })
     }));
 }, S = (param)=>{
-    let { children: a, "aria-label": r, dataAttributes: e } = param;
-    const { texts: t, t: l } = (0, _hooks.useTheme)(), o = r || t.skipLinkNavLabel || l(_texttokens.skipLinkNavLabel);
+    let { children: a, "aria-label": e, dataAttributes: r } = param;
+    const { texts: t, t: l } = (0, _hooks.useTheme)(), o = e || t.skipLinkNavLabel || l(_texttokens.skipLinkNavLabel);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", _object_spread_props(_object_spread({
         "aria-label": o
-    }, (0, _dom.getPrefixedDataAttributes)(e, "SkipLinkNav")), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "SkipLinkNav"
+    }, r))), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("ul", {
             className: _skiplinkcssmistica.skipLinkList,
             children: _react.Children.map(a, (s)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("li", {

package/dist/slider.css-mistica.js

@@ -37,22 +37,22 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var l = "v16_70_1j1wlhk1 v16_70_1j1wlhk0 v16_70_1y2v1nfqr v16_70_1y2v1nfpy v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nft7", n = "v16_70_1j1wlhk2", f = "v16_70_1j1wlhk3 v16_70_1y2v1nfqr v16_70_1y2v1nfrb v16_70_1y2v1nft3", h = "v16_70_1j1wlhk5 v16_70_1j1wlhk4 v16_70_1y2v1nfpz v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd", j = {
-    default: "v16_70_1j1wlhkd v16_70_1j1wlhk7 v16_70_1j1wlhk6 v16_70_1y2v1nfqz v16_70_1y2v1nfrf v16_70_1y2v1nfso v16_70_1j1wlhk8 v16_70_1y2v1nfbl",
-    alternative: "v16_70_1j1wlhke v16_70_1j1wlhk7 v16_70_1j1wlhk6 v16_70_1y2v1nfqz v16_70_1y2v1nfrf v16_70_1y2v1nfso v16_70_1j1wlhk9 v16_70_1y2v1nfbl",
-    brand: "v16_70_1j1wlhkf v16_70_1j1wlhk7 v16_70_1j1wlhk6 v16_70_1y2v1nfqz v16_70_1y2v1nfrf v16_70_1y2v1nfso v16_70_1j1wlhka v16_70_1y2v1nfbr",
-    media: "v16_70_1j1wlhkg v16_70_1j1wlhk7 v16_70_1j1wlhk6 v16_70_1y2v1nfqz v16_70_1y2v1nfrf v16_70_1y2v1nfso v16_70_1j1wlhkb v16_70_1y2v1nfbr",
-    negative: "v16_70_1j1wlhkh v16_70_1j1wlhk7 v16_70_1j1wlhk6 v16_70_1y2v1nfqz v16_70_1y2v1nfrf v16_70_1y2v1nfso v16_70_1j1wlhkc v16_70_1y2v1nfbq"
-}, k = "v16_70_1j1wlhkj v16_70_1j1wlhki v16_70_1y2v1nfc5 v16_70_1y2v1nfso", w = {
-    default: "v16_70_1j1wlhkk",
-    alternative: "v16_70_1j1wlhkl",
-    brand: "v16_70_1j1wlhkm",
-    media: "v16_70_1j1wlhkn",
-    negative: "v16_70_1j1wlhko"
+/* empty css                                     */ /* empty css                                  */ var l = "v16_72_1j1wlhk1 v16_72_1j1wlhk0 v16_72_1y2v1nfqr v16_72_1y2v1nfpy v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nft6", n = "v16_72_1j1wlhk2", f = "v16_72_1j1wlhk3 v16_72_1y2v1nfqr v16_72_1y2v1nfrb v16_72_1y2v1nft2", h = "v16_72_1j1wlhk5 v16_72_1j1wlhk4 v16_72_1y2v1nfpz v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd", j = {
+    default: "v16_72_1j1wlhkd v16_72_1j1wlhk7 v16_72_1j1wlhk6 v16_72_1y2v1nfqz v16_72_1y2v1nfrf v16_72_1y2v1nfso v16_72_1j1wlhk8 v16_72_1y2v1nfbl",
+    alternative: "v16_72_1j1wlhke v16_72_1j1wlhk7 v16_72_1j1wlhk6 v16_72_1y2v1nfqz v16_72_1y2v1nfrf v16_72_1y2v1nfso v16_72_1j1wlhk9 v16_72_1y2v1nfbl",
+    brand: "v16_72_1j1wlhkf v16_72_1j1wlhk7 v16_72_1j1wlhk6 v16_72_1y2v1nfqz v16_72_1y2v1nfrf v16_72_1y2v1nfso v16_72_1j1wlhka v16_72_1y2v1nfbr",
+    media: "v16_72_1j1wlhkg v16_72_1j1wlhk7 v16_72_1j1wlhk6 v16_72_1y2v1nfqz v16_72_1y2v1nfrf v16_72_1y2v1nfso v16_72_1j1wlhkb v16_72_1y2v1nfbr",
+    negative: "v16_72_1j1wlhkh v16_72_1j1wlhk7 v16_72_1j1wlhk6 v16_72_1y2v1nfqz v16_72_1y2v1nfrf v16_72_1y2v1nfso v16_72_1j1wlhkc v16_72_1y2v1nfbq"
+}, k = "v16_72_1j1wlhkj v16_72_1j1wlhki v16_72_1y2v1nfc5 v16_72_1y2v1nfso", w = {
+    default: "v16_72_1j1wlhkk",
+    alternative: "v16_72_1j1wlhkl",
+    brand: "v16_72_1j1wlhkm",
+    media: "v16_72_1j1wlhkn",
+    negative: "v16_72_1j1wlhko"
 }, y = {
-    default: "v16_70_1j1wlhkp",
-    alternative: "v16_70_1j1wlhkq",
-    brand: "v16_70_1j1wlhkr",
-    media: "v16_70_1j1wlhks",
-    negative: "v16_70_1j1wlhkt"
-}, a = "v16_70_1j1wlhkv v16_70_1j1wlhku v16_70_1y2v1nfpz v16_70_1y2v1nfte";
+    default: "v16_72_1j1wlhkp",
+    alternative: "v16_72_1j1wlhkq",
+    brand: "v16_72_1j1wlhkr",
+    media: "v16_72_1j1wlhks",
+    negative: "v16_72_1j1wlhkt"
+}, a = "v16_72_1j1wlhkv v16_72_1j1wlhku v16_72_1y2v1nfpz v16_72_1y2v1nftd";

package/dist/slider.js

@@ -200,7 +200,7 @@ const Te = 48, Ve = 20, Ce = 28, Pe = (n, e, o)=>e >= o ? 0 : (n - e) / (o - e),
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
         paddingY: 8,
         dataAttributes: _object_spread({
-            "component-name": "Slider"
+            testid: "Slider"
         }, p),
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: (0, _classnames.default)(_slidercssmistica.container, {

package/dist/snackbar.css-mistica.js

@@ -49,13 +49,13 @@ _export(exports, {
         return r;
     },
     get wrapperInfo () {
-        return j;
+        return a;
     },
     get wrapperOpen () {
-        return a;
+        return j;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v16_70_o7bjb01 v16_70_o7bjb00 v16_70_1y2v1nfqr v16_70_1y2v1nfq4 v16_70_1y2v1nfqd", o = "v16_70_o7bjb03 v16_70_o7bjb02 v16_70_1y2v1nfpy", f = "v16_70_o7bjb04", y = "v16_70_o7bjb06 v16_70_o7bjb05 v16_70_1y2v1nfq0 v16_70_1y2v1nfsy", r = "v16_70_o7bjb07 v16_70_1y2v1nfcf", j = "v16_70_o7bjb08 v16_70_1y2v1nfcg", a = "v16_70_o7bjb09", t = "v16_70_o7bjb0c v16_70_o7bjb0a v16_70_1y2v1nfq4 v16_70_1y2v1nfqg v16_70_o7bjb0b v16_70_1y2v1nfqa", q = "v16_70_o7bjb0e v16_70_o7bjb0a v16_70_1y2v1nfq4 v16_70_1y2v1nfqg v16_70_o7bjb0d v16_70_1y2v1nfq9 v16_70_1y2v1nfqj", p = "v16_70_o7bjb0g", e = "v16_70_o7bjb0h", i = "v16_70_o7bjb0i v16_70_1y2v1nfg3 v16_70_1y2v1nfhc v16_70_1y2v1nfio v16_70_1y2v1nfjx v16_70_1y2v1nfsm v16_70_1y2v1nffw", c = {
-    centered: "v16_70_o7bjb0l v16_70_o7bjb0j v16_70_1y2v1nfq4 v16_70_1y2v1nfpz v16_70_1y2v1nfqj v16_70_1y2v1nfqd v16_70_1y2v1nfub",
-    topRight: "v16_70_o7bjb0m v16_70_o7bjb0j v16_70_1y2v1nfq4 v16_70_1y2v1nfpz v16_70_1y2v1nfqj v16_70_1y2v1nfqd v16_70_1y2v1nfub v16_70_o7bjb0k v16_70_1y2v1nfth"
-}, s = "v16_70_o7bjb0o v16_70_o7bjb0n v16_70_1y2v1nfr1 v16_70_1y2v1nfrh v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd v16_70_1y2v1nfso";
+/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v16_72_o7bjb01 v16_72_o7bjb00 v16_72_1y2v1nfqr v16_72_1y2v1nfq4 v16_72_1y2v1nfqd", o = "v16_72_o7bjb03 v16_72_o7bjb02 v16_72_1y2v1nfpy", f = "v16_72_o7bjb04", y = "v16_72_o7bjb06 v16_72_o7bjb05 v16_72_1y2v1nfq0 v16_72_1y2v1nfsx", r = "v16_72_o7bjb07 v16_72_1y2v1nfcf", a = "v16_72_o7bjb08 v16_72_1y2v1nfcg", j = "v16_72_o7bjb09", t = "v16_72_o7bjb0c v16_72_o7bjb0a v16_72_1y2v1nfq4 v16_72_1y2v1nfqg v16_72_o7bjb0b v16_72_1y2v1nfqa", q = "v16_72_o7bjb0e v16_72_o7bjb0a v16_72_1y2v1nfq4 v16_72_1y2v1nfqg v16_72_o7bjb0d v16_72_1y2v1nfq9 v16_72_1y2v1nfqj", p = "v16_72_o7bjb0g", e = "v16_72_o7bjb0h", i = "v16_72_o7bjb0i v16_72_1y2v1nfg3 v16_72_1y2v1nfhc v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nfsm v16_72_1y2v1nffw", c = {
+    centered: "v16_72_o7bjb0l v16_72_o7bjb0j v16_72_1y2v1nfq4 v16_72_1y2v1nfpz v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nfua",
+    topRight: "v16_72_o7bjb0m v16_72_o7bjb0j v16_72_1y2v1nfq4 v16_72_1y2v1nfpz v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nfua v16_72_o7bjb0k v16_72_1y2v1nftg"
+}, s = "v16_72_o7bjb0o v16_72_o7bjb0n v16_72_1y2v1nfr1 v16_72_1y2v1nfrh v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nfso";

package/dist/snackbar.js

@@ -164,7 +164,9 @@ const ne = 5e3, se = 1e4, ae = /*#__PURE__*/ _react.forwardRef((param, R)=>{
                 className: (0, _classnames.default)(_snackbarcssmistica.wrapper, s === "CRITICAL" ? _snackbarcssmistica.wrapperCritical : _snackbarcssmistica.wrapperInfo, {
                     [_snackbarcssmistica.wrapperOpen]: a
                 })
-            }, (0, _dom.getPrefixedDataAttributes)(I, "SnackBar")), {
+            }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+                testid: "SnackBar"
+            }, I))), {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         className: (0, _classnames.default)(d ? _snackbarcssmistica.contentWithLongButton : _snackbarcssmistica.contentWithoutLongButton),

package/dist/spinner.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var n = "v16_70_1fthc594 v16_70_1fthc593 v16_70_1y2v1nfqm v16_70_1y2v1nfq6", t = "v16_70_1fthc595", f = "v16_70_1fthc596 v16_70_1y2v1nfqm v16_70_1y2v1nfq6", r = "v16_70_1fthc597";
+/* empty css                                     */ /* empty css                                   */ var n = "v16_72_1fthc594 v16_72_1fthc593 v16_72_1y2v1nfqm v16_72_1y2v1nfq6", t = "v16_72_1fthc595", f = "v16_72_1fthc596 v16_72_1y2v1nfqm v16_72_1y2v1nfq6", r = "v16_72_1fthc597";