@telefonica/mistica 17.0.0 → 17.2.0

package/dist/skins/vivo.js

@@ -60,6 +60,15 @@ const e = {
         colors: {
             background: e.white,
             backgroundAlternative: e.grey1,
+            backgroundSelected: (0, _color.applyAlpha)(e.vivoPurple, 0.08),
+            backgroundSelectedHover: (0, _color.applyAlpha)(e.vivoPurple, 0.12),
+            backgroundSelectedPressed: (0, _color.applyAlpha)(e.vivoPurple, 0.16),
+            backgroundSelectedBrand: (0, _color.applyAlpha)(e.darkModeBlack, 0.16),
+            backgroundSelectedBrandHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.24),
+            backgroundSelectedBrandPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.32),
+            backgroundSelectedNegative: (0, _color.applyAlpha)(e.white, 0.2),
+            backgroundSelectedNegativeHover: (0, _color.applyAlpha)(e.white, 0.28),
+            backgroundSelectedNegativePressed: (0, _color.applyAlpha)(e.white, 0.35),
             backgroundBrand: e.vivoPurple,
             backgroundNegative: e.vivoPurpleDark,
             backgroundBrandSecondary: e.vivoPurpleLight80,
@@ -115,6 +124,13 @@ const e = {
             buttonLinkBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.1),
             buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.1),
             buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonLinkNeutralBackgroundPressed: e.grey2,
+            buttonLinkNeutralBackgroundBrand: e.white,
+            buttonLinkNeutralBackgroundBrandPressed: e.grey1,
+            buttonLinkNeutralBackgroundNegative: e.white,
+            buttonLinkNeutralBackgroundNegativePressed: e.grey1,
+            buttonLinkNeutralBackgroundMedia: e.white,
+            buttonLinkNeutralBackgroundMediaPressed: e.grey1,
             buttonPrimaryBackground: e.vivoPurple,
             buttonPrimaryBackgroundInverse: e.white,
             buttonPrimaryBackgroundNegative: e.white,
@@ -178,6 +194,11 @@ const e = {
             textLinkDanger: e.pepper,
             textLinkDangerMedia: e.pepper,
             textLinkSnackbar: e.vivoPurpleLight20,
+            textLinkNeutral: e.grey6,
+            textLinkNeutralBrand: e.grey6,
+            textLinkNeutralNegative: e.grey6,
+            textLinkNeutralAlternative: e.grey6,
+            textLinkNeutralMedia: e.grey6,
             textActivated: e.vivoPurple,
             textBrand: e.vivoPurple,
             inputBorder: e.grey4,
@@ -346,6 +367,15 @@ const e = {
         darkModeColors: {
             background: e.darkModeBlack,
             backgroundAlternative: e.darkModeBlack,
+            backgroundSelected: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.18),
+            backgroundSelectedHover: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.25),
+            backgroundSelectedPressed: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.33),
+            backgroundSelectedBrand: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.18),
+            backgroundSelectedBrandHover: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.25),
+            backgroundSelectedBrandPressed: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.33),
+            backgroundSelectedNegative: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.18),
+            backgroundSelectedNegativeHover: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.25),
+            backgroundSelectedNegativePressed: (0, _color.applyAlpha)(e.vivoPurpleLight80, 0.33),
             backgroundBrand: e.darkModeBlack,
             backgroundNegative: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
@@ -401,6 +431,13 @@ const e = {
             buttonLinkBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonLinkNeutralBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkNeutralBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkNeutralBackgroundNegative: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkNeutralBackgroundMedia: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonPrimaryBackground: e.vivoPurpleLight80,
             buttonPrimaryBackgroundInverse: e.vivoPurpleLight80,
             buttonPrimaryBackgroundNegative: e.vivoPurpleLight80,
@@ -464,6 +501,11 @@ const e = {
             textLinkDanger: e.pepper,
             textLinkDangerMedia: e.pepper,
             textLinkSnackbar: e.vivoPurpleLight50,
+            textLinkNeutral: e.grey2,
+            textLinkNeutralBrand: e.grey2,
+            textLinkNeutralNegative: e.grey2,
+            textLinkNeutralAlternative: e.grey2,
+            textLinkNeutralMedia: e.white,
             textActivated: e.vivoPurpleLight80,
             textBrand: e.vivoPurpleLight80,
             inputBorder: e.darkModeGrey5,
@@ -641,7 +683,8 @@ const e = {
             input: "16px",
             popup: "16px",
             sheet: "24px",
-            mediaSmall: "12px"
+            mediaSmall: "12px",
+            snackbar: "16px"
         },
         textPresets: {
             button: {
@@ -980,6 +1023,15 @@ const e = {
             successFeedback: "inverse",
             brandLoadingScreen: "inverse"
         },
+        componentProperties: {
+            showBoxedBorder: {
+                default: !0,
+                brand: !0,
+                negative: !0,
+                alternative: !0,
+                media: !0
+            }
+        },
         spacing: {
             buttonDefaultPadding: {
                 left: {
@@ -1024,9 +1076,17 @@ const e = {
                     mobile: 8,
                     desktop: 8
                 },
+                right: {
+                    mobile: 16,
+                    desktop: 16
+                },
                 bottom: {
                     mobile: 8,
                     desktop: 8
+                },
+                left: {
+                    mobile: 12,
+                    desktop: 12
                 }
             },
             tagPadding: {
@@ -1094,6 +1154,20 @@ const e = {
                     mobile: 16,
                     desktop: 40
                 }
+            },
+            boxedDefaultPadding: {
+                left: {
+                    mobile: 16,
+                    desktop: 16
+                },
+                right: {
+                    mobile: 16,
+                    desktop: 16
+                }
+            },
+            responsiveLayoutMargin: {
+                mobile: 16,
+                desktop: 48
             }
         }
     });

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

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get skipLinkContainer () {
-        return _;
+        return f;
     },
     get skipLinkList () {
         return i;
     }
 });
-/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var _ = "v17_13pf4ld1 v17_13pf4ld0 v17_1y2v1nfg6 v17_1y2v1nfhf v17_1y2v1nfio v17_1y2v1nfjx v17_1y2v1nf83 v17_1y2v1nfsl v17_1y2v1nfsw v17_1y2v1nfpz v17_1y2v1nftd v17_1y2v1nfts", i = "v17_13pf4ld2";
+/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_2_13pf4ld1 v17_2_13pf4ld0 v17_2_1y2v1nfhc v17_2_1y2v1nfil v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nf8x v17_2_1y2v1nftr v17_2_1y2v1nfu2 v17_2_1y2v1nfr5 v17_2_1y2v1nfuk v17_2_1y2v1nfuz", i = "v17_2_13pf4ld2";

package/dist/slider.css-mistica.js

@@ -22,37 +22,37 @@ _export(exports, {
         return a;
     },
     get iosThumb () {
-        return k;
+        return f;
     },
     get thumbActive () {
         return y;
     },
     get thumbContainer () {
-        return h;
+        return k;
     },
     get thumbHover () {
         return w;
     },
     get track () {
-        return f;
+        return h;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var l = "v17_1j1wlhk1 v17_1j1wlhk0 v17_1y2v1nfqr v17_1y2v1nfpy v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nft6", n = "v17_1j1wlhk2", f = "v17_1j1wlhk3 v17_1y2v1nfqr v17_1y2v1nfrb v17_1y2v1nft2", h = "v17_1j1wlhk5 v17_1j1wlhk4 v17_1y2v1nfpz v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd", j = {
-    default: "v17_1j1wlhkd v17_1j1wlhk7 v17_1j1wlhk6 v17_1y2v1nfqz v17_1y2v1nfrf v17_1y2v1nfso v17_1j1wlhk8 v17_1y2v1nfbl",
-    alternative: "v17_1j1wlhke v17_1j1wlhk7 v17_1j1wlhk6 v17_1y2v1nfqz v17_1y2v1nfrf v17_1y2v1nfso v17_1j1wlhk9 v17_1y2v1nfbl",
-    brand: "v17_1j1wlhkf v17_1j1wlhk7 v17_1j1wlhk6 v17_1y2v1nfqz v17_1y2v1nfrf v17_1y2v1nfso v17_1j1wlhka v17_1y2v1nfbr",
-    media: "v17_1j1wlhkg v17_1j1wlhk7 v17_1j1wlhk6 v17_1y2v1nfqz v17_1y2v1nfrf v17_1y2v1nfso v17_1j1wlhkb v17_1y2v1nfbr",
-    negative: "v17_1j1wlhkh v17_1j1wlhk7 v17_1j1wlhk6 v17_1y2v1nfqz v17_1y2v1nfrf v17_1y2v1nfso v17_1j1wlhkc v17_1y2v1nfbq"
-}, k = "v17_1j1wlhkj v17_1j1wlhki v17_1y2v1nfc5 v17_1y2v1nfso", w = {
-    default: "v17_1j1wlhkk",
-    alternative: "v17_1j1wlhkl",
-    brand: "v17_1j1wlhkm",
-    media: "v17_1j1wlhkn",
-    negative: "v17_1j1wlhko"
+/* empty css                                     */ /* empty css                                  */ var l = "v17_2_1j1wlhk1 v17_2_1j1wlhk0 v17_2_1y2v1nfrx v17_2_1y2v1nfr4 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfud", n = "v17_2_1j1wlhk2", h = "v17_2_1j1wlhk3 v17_2_1y2v1nfrx v17_2_1y2v1nfsh v17_2_1y2v1nfu8", k = "v17_2_1j1wlhk5 v17_2_1j1wlhk4 v17_2_1y2v1nfr5 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj", j = {
+    default: "v17_2_1j1wlhkd v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhk8 v17_2_1y2v1nfcr",
+    alternative: "v17_2_1j1wlhke v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhk9 v17_2_1y2v1nfcr",
+    brand: "v17_2_1j1wlhkf v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhka v17_2_1y2v1nfcx",
+    media: "v17_2_1j1wlhkg v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhkb v17_2_1y2v1nfcx",
+    negative: "v17_2_1j1wlhkh v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhkc v17_2_1y2v1nfcw"
+}, f = "v17_2_1j1wlhkj v17_2_1j1wlhki v17_2_1y2v1nfdc v17_2_1y2v1nftu", w = {
+    default: "v17_2_1j1wlhkk",
+    alternative: "v17_2_1j1wlhkl",
+    brand: "v17_2_1j1wlhkm",
+    media: "v17_2_1j1wlhkn",
+    negative: "v17_2_1j1wlhko"
 }, y = {
-    default: "v17_1j1wlhkp",
-    alternative: "v17_1j1wlhkq",
-    brand: "v17_1j1wlhkr",
-    media: "v17_1j1wlhks",
-    negative: "v17_1j1wlhkt"
-}, a = "v17_1j1wlhkv v17_1j1wlhku v17_1y2v1nfpz v17_1y2v1nftd";
+    default: "v17_2_1j1wlhkp",
+    alternative: "v17_2_1j1wlhkq",
+    brand: "v17_2_1j1wlhkr",
+    media: "v17_2_1j1wlhks",
+    negative: "v17_2_1j1wlhkt"
+}, a = "v17_2_1j1wlhkv v17_2_1j1wlhku v17_2_1y2v1nfr5 v17_2_1y2v1nfuk";

package/dist/snackbar.css-mistica.js

@@ -13,40 +13,40 @@ _export(exports, {
         return n;
     },
     get button () {
-        return p;
+        return e;
     },
     get buttonTouchable () {
-        return i;
+        return s;
     },
     get contentWithLongButton () {
         return t;
     },
     get contentWithoutLongButton () {
-        return q;
+        return p;
     },
     get dismissButton () {
-        return c;
+        return u;
     },
     get dismissIcon () {
-        return s;
+        return c;
     },
     get longButton () {
-        return e;
+        return i;
     },
     get snackbar () {
         return b;
     },
     get snackbarContainer () {
-        return o;
+        return r;
     },
     get snackbarOpen () {
-        return f;
+        return o;
     },
     get wrapper () {
-        return y;
+        return f;
     },
     get wrapperCritical () {
-        return r;
+        return y;
     },
     get wrapperInfo () {
         return a;
@@ -55,7 +55,7 @@ _export(exports, {
         return j;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_o7bjb01 v17_o7bjb00 v17_1y2v1nfqr v17_1y2v1nfq4 v17_1y2v1nfqd", o = "v17_o7bjb03 v17_o7bjb02 v17_1y2v1nfpy", f = "v17_o7bjb04", y = "v17_o7bjb06 v17_o7bjb05 v17_1y2v1nfq0 v17_1y2v1nfsx", r = "v17_o7bjb07 v17_1y2v1nfcf", a = "v17_o7bjb08 v17_1y2v1nfcg", j = "v17_o7bjb09", t = "v17_o7bjb0c v17_o7bjb0a v17_1y2v1nfq4 v17_1y2v1nfqg v17_o7bjb0b v17_1y2v1nfqa", q = "v17_o7bjb0e v17_o7bjb0a v17_1y2v1nfq4 v17_1y2v1nfqg v17_o7bjb0d v17_1y2v1nfq9 v17_1y2v1nfqj", p = "v17_o7bjb0g", e = "v17_o7bjb0h", i = "v17_o7bjb0i v17_1y2v1nfg3 v17_1y2v1nfhc v17_1y2v1nfio v17_1y2v1nfjx v17_1y2v1nfsm v17_1y2v1nffw", c = {
-    centered: "v17_o7bjb0l v17_o7bjb0j v17_1y2v1nfq4 v17_1y2v1nfpz v17_1y2v1nfqj v17_1y2v1nfqd v17_1y2v1nfua",
-    topRight: "v17_o7bjb0m v17_o7bjb0j v17_1y2v1nfq4 v17_1y2v1nfpz v17_1y2v1nfqj v17_1y2v1nfqd v17_1y2v1nfua v17_o7bjb0k v17_1y2v1nftg"
-}, s = "v17_o7bjb0o v17_o7bjb0n v17_1y2v1nfr1 v17_1y2v1nfrh v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd v17_1y2v1nfso";
+/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_2_o7bjb01 v17_2_o7bjb00 v17_2_1y2v1nfrx v17_2_1y2v1nfra v17_2_1y2v1nfrj", r = "v17_2_o7bjb03 v17_2_o7bjb02 v17_2_1y2v1nfr4", o = "v17_2_o7bjb04", f = "v17_2_o7bjb06 v17_2_o7bjb05 v17_2_1y2v1nfr6 v17_2_1y2v1nfuc", y = "v17_2_o7bjb07 v17_2_1y2v1nfdm", a = "v17_2_o7bjb08 v17_2_1y2v1nfdn", j = "v17_2_o7bjb09", t = "v17_2_o7bjb0c v17_2_o7bjb0a v17_2_1y2v1nfra v17_2_1y2v1nfrm v17_2_o7bjb0b v17_2_1y2v1nfrg", p = "v17_2_o7bjb0e v17_2_o7bjb0a v17_2_1y2v1nfra v17_2_1y2v1nfrm v17_2_o7bjb0d v17_2_1y2v1nfrf v17_2_1y2v1nfrp", e = "v17_2_o7bjb0g", i = "v17_2_o7bjb0h", s = "v17_2_o7bjb0i v17_2_1y2v1nfh9 v17_2_1y2v1nfii v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nfts v17_2_1y2v1nfh2", u = {
+    centered: "v17_2_o7bjb0l v17_2_o7bjb0j v17_2_1y2v1nfra v17_2_1y2v1nfr5 v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nfvh",
+    topRight: "v17_2_o7bjb0m v17_2_o7bjb0j v17_2_1y2v1nfra v17_2_1y2v1nfr5 v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nfvh v17_2_o7bjb0k v17_2_1y2v1nfun"
+}, c = "v17_2_o7bjb0o v17_2_o7bjb0n v17_2_1y2v1nfs7 v17_2_1y2v1nfsn v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nftu";

package/dist/spinner.css-mistica.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get spinnerDefault () {
-        return t;
+        return r;
     },
     get spinnerDefaultPath () {
-        return f;
+        return n;
     },
     get spinnerIos () {
-        return r;
+        return t;
     },
     get spinnerIosSvgPath () {
-        return _;
+        return f;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var t = "v17_1fthc594 v17_1fthc593 v17_1y2v1nfqm v17_1y2v1nfq6", f = "v17_1fthc595", r = "v17_1fthc596 v17_1y2v1nfqm v17_1y2v1nfq6", _ = "v17_1fthc597";
+/* empty css                                     */ /* empty css                                   */ var r = "v17_2_1fthc594 v17_2_1fthc593 v17_2_1y2v1nfrs v17_2_1y2v1nfrc", n = "v17_2_1fthc595", t = "v17_2_1fthc596 v17_2_1y2v1nfrs v17_2_1y2v1nfrc", f = "v17_2_1fthc597";

package/dist/square.css-mistica.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "square", {
     enumerable: true,
     get: function() {
-        return t;
+        return r;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var t = "v17_1vlkt4s1 v17_1vlkt4s0 v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd";
+/* empty css                                     */ /* empty css                                  */ var r = "v17_2_1vlkt4s1 v17_2_1vlkt4s0 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj";

package/dist/stack.css-mistica.js

@@ -10,18 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     get flexStack () {
-        return e;
+        return r;
     },
     get marginStack () {
-        return r;
+        return _;
     },
     get vars () {
         return v;
     }
 });
 /* empty css                                 */ var v = {
-    space: "var(--v17_xjgm6d0)",
-    spaceMobile: "var(--v17_xjgm6d1)",
-    spaceTablet: "var(--v17_xjgm6d2)",
-    spaceDesktop: "var(--v17_xjgm6d3)"
-}, r = "v17_xjgm6d4", e = "v17_xjgm6d5";
+    space: "var(--v17_2_xjgm6d0)",
+    spaceMobile: "var(--v17_2_xjgm6d1)",
+    spaceTablet: "var(--v17_2_xjgm6d2)",
+    spaceDesktop: "var(--v17_2_xjgm6d3)"
+}, _ = "v17_2_xjgm6d4", r = "v17_2_xjgm6d5";

package/dist/stacking-group.css-mistica.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "moreItems", {
     enumerable: true,
     get: function() {
-        return n;
+        return r;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var n = "v17_1y38nye1 v17_1y38nye0 v17_1y2v1nfq4 v17_1y2v1nfpy v17_1y2v1nfqd v17_1y2v1nfqj";
+/* empty css                                     */ /* empty css                                          */ var r = "v17_2_1y38nye1 v17_2_1y38nye0 v17_2_1y2v1nfra v17_2_1y2v1nfr4 v17_2_1y2v1nfrj v17_2_1y2v1nfrp";

package/dist/stepper.css-mistica.js

@@ -19,36 +19,36 @@ _export(exports, {
         return p;
     },
     get barFilledReverseAnimation () {
-        return b;
+        return o;
     },
     get currentNumber () {
-        return h;
+        return e;
     },
     get iconAnimation () {
-        return f;
+        return h;
     },
     get listItem () {
-        return r;
+        return m;
     },
     get number () {
-        return a;
+        return y;
     },
     get step () {
-        return m;
+        return a;
     },
     get stepIconNumber () {
-        return y;
+        return f;
     },
     get stepper () {
-        return q;
+        return n;
     },
     get textContainer () {
-        return e;
+        return q;
     },
     get vars () {
-        return n;
+        return r;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var n = {
-    stepperMinHeight: "var(--v17_14h93mq0)"
-}, q = "v17_14h93mq7 v17_14h93mq6 v17_1y2v1nfq4 v17_1y2v1nfqi v17_1y2v1nfsb", r = "v17_14h93mq8 v17_1y2v1nfq4 v17_1y2v1nfqj", m = "v17_14h93mqa v17_14h93mq9 v17_1y2v1nfpy v17_1y2v1nfq5 v17_1y2v1nfqa v17_1y2v1nfqj", y = "v17_14h93mqc v17_14h93mqb v17_1y2v1nfpy v17_1y2v1nfq4", f = "v17_14h93mqd", a = "v17_14h93mqf v17_14h93mqe v17_1y2v1nfq4 v17_1y2v1nfqj v17_1y2v1nfqd v17_1y2v1nfso", h = "v17_14h93mqg", e = "v17_14h93mqi v17_14h93mqh v17_1y2v1nfpz", t = "v17_14h93mql v17_14h93mqk v17_1y2v1nfrb v17_1y2v1nfqr v17_1y2v1nft2 v17_1y2v1nft7", i = "v17_14h93mqn v17_14h93mqm v17_1y2v1nfrb v17_1y2v1nfqr v17_1y2v1nft2 v17_1y2v1nft7", p = "v17_14h93mqo", b = "v17_14h93mqq v17_14h93mqp v17_1y2v1nfqt";
+/* empty css                                     */ /* empty css                                   */ var r = {
+    stepperMinHeight: "var(--v17_2_14h93mq0)"
+}, n = "v17_2_14h93mq7 v17_2_14h93mq6 v17_2_1y2v1nfra v17_2_1y2v1nfro v17_2_1y2v1nfth", m = "v17_2_14h93mq8 v17_2_1y2v1nfra v17_2_1y2v1nfrp", a = "v17_2_14h93mqa v17_2_14h93mq9 v17_2_1y2v1nfr4 v17_2_1y2v1nfrb v17_2_1y2v1nfrg v17_2_1y2v1nfrp", f = "v17_2_14h93mqc v17_2_14h93mqb v17_2_1y2v1nfr4 v17_2_1y2v1nfra", h = "v17_2_14h93mqd", y = "v17_2_14h93mqf v17_2_14h93mqe v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nftu", e = "v17_2_14h93mqg", q = "v17_2_14h93mqi v17_2_14h93mqh v17_2_1y2v1nfr5", t = "v17_2_14h93mql v17_2_14h93mqk v17_2_1y2v1nfsh v17_2_1y2v1nfrx v17_2_1y2v1nfu8 v17_2_1y2v1nfue", i = "v17_2_14h93mqn v17_2_14h93mqm v17_2_1y2v1nfsh v17_2_1y2v1nfrx v17_2_1y2v1nfu8 v17_2_1y2v1nfue", p = "v17_2_14h93mqo", o = "v17_2_14h93mqq v17_2_14h93mqp v17_2_1y2v1nfrz";

package/dist/stepper.js

@@ -123,8 +123,8 @@ const de = (param)=>{
     let { steps: c, currentIndex: n, "aria-label": x, "aria-labelledby": y, "aria-description": g, "aria-describedby": N, dataAttributes: C } = param;
     const { texts: h, t: u, textPresets: f } = (0, _hooks.useTheme)(), { height: A, ref: T } = (0, _hooks.useElementDimensions)(), $ = A, [r, P] = _react.useState(Math.ceil(n)), [a, w] = _react.useState(!1);
     _react.useEffect(()=>{
-        const s = Math.ceil(n);
-        r !== s && (w(s < r), P(s));
+        const i = Math.ceil(n);
+        r !== i && (w(i < r), P(i));
     }, [
         n,
         c,
@@ -146,8 +146,8 @@ const de = (param)=>{
         "aria-labelledby": y,
         "aria-description": g,
         "aria-describedby": N,
-        children: c.map((s, i)=>{
-            const t = i === r, b = i === c.length - 1, o = i < r, p = i === r - 1;
+        children: c.map((i, s)=>{
+            const t = s === r, b = s === c.length - 1, o = s < r, p = s === r - 1;
             return /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
                 className: _steppercssmistica.listItem,
                 style: b ? void 0 : {
@@ -175,9 +175,9 @@ const de = (param)=>{
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                                     as: "span",
                                     weight: f.indicator.weight,
-                                    color: t ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary,
+                                    color: t ? _skincontractcssmistica.vars.colors.textPrimaryNegative : _skincontractcssmistica.vars.colors.textSecondary,
                                     "aria-hidden": "true",
-                                    children: i + 1
+                                    children: s + 1
                                 })
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -190,12 +190,12 @@ const de = (param)=>{
                                     weight: "regular",
                                     as: "div",
                                     color: o || t ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
-                                    children: s
+                                    children: i
                                 }))
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                                    children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${s}`
+                                    children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${i}`
                                 })
                             })
                         ]
@@ -212,7 +212,7 @@ const de = (param)=>{
                         })
                     })
                 ]
-            }, i);
+            }, s);
         })
     })));
 };

package/dist/switch-component.css-mistica.js

@@ -10,28 +10,28 @@ function _export(target, all) {
 }
 _export(exports, {
     get ballVariants () {
-        return r;
+        return t;
     },
     get barVariants () {
-        return p;
+        return q;
     },
     get checkboxVariants () {
         return a;
     },
     get container () {
-        return e;
+        return y;
     },
     get containerDisabled () {
-        return s;
+        return c;
     },
     get disabled () {
-        return o;
+        return e;
     },
     get interactiveArea () {
-        return y;
+        return f;
     },
     get overBrandBallVariants () {
-        return c;
+        return d;
     },
     get overBrandBarVariants () {
         return n;
@@ -40,54 +40,54 @@ _export(exports, {
         return i;
     },
     get overNegativeBarVariants () {
-        return f;
+        return r;
     },
     get switchCheckboxContainerVariants () {
         return h;
     },
     get switchCheckboxLabel () {
-        return q;
+        return p;
     }
 });
 /* empty css                                     */ /* empty css                                            */ var a = {
-    default: "v17_q0hp3a6 v17_q0hp3a5 v17_1y2v1nfq8 v17_1y2v1nft6",
-    ios: "v17_q0hp3a7 v17_q0hp3a5 v17_1y2v1nfq8 v17_1y2v1nft6",
-    disabled: "v17_q0hp3a8 v17_q0hp3a5 v17_1y2v1nfq8 v17_1y2v1nft6",
-    disabledIos: "v17_q0hp3a9 v17_q0hp3a5 v17_1y2v1nfq8 v17_1y2v1nft6"
+    default: "v17_2_q0hp3a6 v17_2_q0hp3a5 v17_2_1y2v1nfre v17_2_1y2v1nfud",
+    ios: "v17_2_q0hp3a7 v17_2_q0hp3a5 v17_2_1y2v1nfre v17_2_1y2v1nfud",
+    disabled: "v17_2_q0hp3a8 v17_2_q0hp3a5 v17_2_1y2v1nfre v17_2_1y2v1nfud",
+    disabledIos: "v17_2_q0hp3a9 v17_2_q0hp3a5 v17_2_1y2v1nfre v17_2_1y2v1nfud"
 }, h = {
-    default: "v17_q0hp3ac v17_q0hp3ab v17_q0hp3aa v17_1y2v1nfpy",
-    ios: "v17_q0hp3ad v17_q0hp3ab v17_q0hp3aa v17_1y2v1nfpy"
-}, q = "v17_q0hp3af v17_q0hp3ae v17_1y2v1nfq6 v17_1y2v1nft7", p = {
-    default: "v17_q0hp3ai v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    ios: "v17_q0hp3aj v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    iosDark: "v17_q0hp3ak v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    checked: "v17_q0hp3al v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    checkedIos: "v17_q0hp3am v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6"
+    default: "v17_2_q0hp3ac v17_2_q0hp3ab v17_2_q0hp3aa v17_2_1y2v1nfr4",
+    ios: "v17_2_q0hp3ad v17_2_q0hp3ab v17_2_q0hp3aa v17_2_1y2v1nfr4"
+}, p = "v17_2_q0hp3af v17_2_q0hp3ae v17_2_1y2v1nfrc v17_2_1y2v1nfue", q = {
+    default: "v17_2_q0hp3ai v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    ios: "v17_2_q0hp3aj v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    iosDark: "v17_2_q0hp3ak v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    checked: "v17_2_q0hp3al v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    checkedIos: "v17_2_q0hp3am v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc"
 }, n = {
-    default: "v17_q0hp3an v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    ios: "v17_q0hp3ao v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    iosDark: "v17_q0hp3ap v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    checked: "v17_q0hp3aq v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    checkedIos: "v17_q0hp3ar v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6"
-}, f = {
-    default: "v17_q0hp3as v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    ios: "v17_q0hp3at v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    iosDark: "v17_q0hp3au v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    checked: "v17_q0hp3av v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6",
-    checkedIos: "v17_q0hp3aw v17_q0hp3ah v17_q0hp3ag v17_1y2v1nfq6"
-}, y = "v17_q0hp3ay", e = "v17_q0hp3az v17_q0hp3ax", s = "v17_q0hp3a10 v17_q0hp3ax", o = "v17_q0hp3a11", r = {
-    default: "v17_q0hp3a16 v17_q0hp3a14 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    ios: "v17_q0hp3a17 v17_q0hp3a15 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    checked: "v17_q0hp3a18 v17_q0hp3a14 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    checkedIos: "v17_q0hp3a19 v17_q0hp3a15 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso"
-}, c = {
-    default: "v17_q0hp3a1a v17_q0hp3a14 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    ios: "v17_q0hp3a1b v17_q0hp3a15 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    checked: "v17_q0hp3a1c v17_q0hp3a14 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    checkedIos: "v17_q0hp3a1d v17_q0hp3a15 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso"
+    default: "v17_2_q0hp3an v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    ios: "v17_2_q0hp3ao v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    iosDark: "v17_2_q0hp3ap v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    checked: "v17_2_q0hp3aq v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    checkedIos: "v17_2_q0hp3ar v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc"
+}, r = {
+    default: "v17_2_q0hp3as v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    ios: "v17_2_q0hp3at v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    iosDark: "v17_2_q0hp3au v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    checked: "v17_2_q0hp3av v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc",
+    checkedIos: "v17_2_q0hp3aw v17_2_q0hp3ah v17_2_q0hp3ag v17_2_1y2v1nfrc"
+}, f = "v17_2_q0hp3ay", y = "v17_2_q0hp3az v17_2_q0hp3ax", c = "v17_2_q0hp3a10 v17_2_q0hp3ax", e = "v17_2_q0hp3a11", t = {
+    default: "v17_2_q0hp3a16 v17_2_q0hp3a14 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    ios: "v17_2_q0hp3a17 v17_2_q0hp3a15 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    checked: "v17_2_q0hp3a18 v17_2_q0hp3a14 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    checkedIos: "v17_2_q0hp3a19 v17_2_q0hp3a15 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu"
+}, d = {
+    default: "v17_2_q0hp3a1a v17_2_q0hp3a14 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    ios: "v17_2_q0hp3a1b v17_2_q0hp3a15 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    checked: "v17_2_q0hp3a1c v17_2_q0hp3a14 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    checkedIos: "v17_2_q0hp3a1d v17_2_q0hp3a15 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu"
 }, i = {
-    default: "v17_q0hp3a1e v17_q0hp3a14 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    ios: "v17_q0hp3a1f v17_q0hp3a15 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    checked: "v17_q0hp3a1g v17_q0hp3a14 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso",
-    checkedIos: "v17_q0hp3a1h v17_q0hp3a15 v17_q0hp3a13 v17_q0hp3a12 v17_1y2v1nfpz v17_1y2v1nfum v17_1y2v1nfq6 v17_1y2v1nfso"
+    default: "v17_2_q0hp3a1e v17_2_q0hp3a14 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    ios: "v17_2_q0hp3a1f v17_2_q0hp3a15 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    checked: "v17_2_q0hp3a1g v17_2_q0hp3a14 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu",
+    checkedIos: "v17_2_q0hp3a1h v17_2_q0hp3a15 v17_2_q0hp3a13 v17_2_q0hp3a12 v17_2_1y2v1nfr5 v17_2_1y2v1nfvt v17_2_1y2v1nfrc v17_2_1y2v1nftu"
 };