@telefonica/mistica 16.3.1 → 16.5.0

package/dist-es/skins/vivo-new.js

@@ -106,11 +106,13 @@ const e = {
             controlActivatedInverse: e.white,
             controlError: e.pepper,
             barTrack: e.grey3,
+            barTrackInverse: r(e.white, 0.5),
             loadingBar: e.vivoPurple,
             loadingBarBackground: e.vivoPurpleLight10,
             toggleAndroidInactive: e.grey2,
             toggleAndroidBackgroundActive: e.vivoPurpleLight20,
             iosControlKnob: e.white,
+            controlKnobInverse: e.vivoPurple,
             divider: e.grey3,
             dividerInverse: r(e.white, 0.2),
             navigationBarDivider: e.vivoPurple,
@@ -238,11 +240,13 @@ const e = {
             controlActivatedInverse: e.vivoPurpleLight80,
             controlError: e.pepper,
             barTrack: e.darkModeGrey6,
+            barTrackInverse: e.darkModeGrey6,
             loadingBar: e.vivoPurpleLight80,
             loadingBarBackground: e.darkModeGrey6,
             toggleAndroidInactive: e.grey4,
             toggleAndroidBackgroundActive: e.vivoPurpleLight50,
             iosControlKnob: e.grey2,
+            controlKnobInverse: e.grey2,
             divider: r(e.white, 0.05),
             dividerInverse: r(e.white, 0.05),
             navigationBarDivider: e.darkModeBlack,
@@ -316,154 +320,154 @@ const e = {
             mediaSmall: "8px"
         },
         textPresets: {
-            cardTitle: {
-                weight: "regular"
-            },
             button: {
-                weight: "regular"
+                weight: "medium"
             },
-            tabsLabel: {
-                weight: "regular",
-                size: {
-                    mobile: 18,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
+            cardTitle: {
+                weight: "medium"
             },
-            link: {
-                weight: "regular"
+            indicator: {
+                weight: "medium"
             },
-            title1: {
-                weight: "regular"
+            link: {
+                weight: "medium"
             },
-            title2: {
+            navigationBar: {
                 weight: "regular"
             },
-            title3: {
-                weight: "regular",
+            tabsLabel: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
                 size: {
-                    mobile: 18,
-                    desktop: 20
+                    desktop: 18,
+                    mobile: 18
                 },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 28
-                }
-            },
-            indicator: {
-                weight: "regular"
-            },
-            navigationBar: {
-                weight: "regular"
+                weight: "medium"
             },
             text1: {
-                size: {
-                    mobile: 12,
-                    desktop: 14
-                },
                 lineHeight: {
-                    mobile: 16,
-                    desktop: 20
+                    desktop: 20,
+                    mobile: 16
+                },
+                size: {
+                    desktop: 14,
+                    mobile: 12
                 }
             },
             text2: {
-                size: {
-                    mobile: 14,
-                    desktop: 16
-                },
                 lineHeight: {
-                    mobile: 20,
-                    desktop: 24
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
                 }
             },
             text3: {
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
                 lineHeight: {
-                    mobile: 24,
-                    desktop: 24
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
                 }
             },
             text4: {
-                size: {
-                    mobile: 18,
-                    desktop: 20
-                },
                 lineHeight: {
-                    mobile: 24,
-                    desktop: 28
+                    desktop: 28,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 20,
+                    mobile: 18
                 }
             },
             text5: {
-                weight: "regular",
+                lineHeight: {
+                    desktop: 32,
+                    mobile: 24
+                },
                 size: {
-                    mobile: 20,
-                    desktop: 28
+                    desktop: 28,
+                    mobile: 20
                 },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 32
-                }
+                weight: "medium"
             },
             text6: {
-                weight: "regular",
+                lineHeight: {
+                    desktop: 40,
+                    mobile: 32
+                },
                 size: {
-                    mobile: 24,
-                    desktop: 32
+                    desktop: 32,
+                    mobile: 24
                 },
-                lineHeight: {
-                    mobile: 32,
-                    desktop: 40
-                }
+                weight: "medium"
             },
             text7: {
-                weight: "regular",
+                lineHeight: {
+                    desktop: 48,
+                    mobile: 32
+                },
                 size: {
-                    mobile: 28,
-                    desktop: 40
+                    desktop: 40,
+                    mobile: 28
                 },
-                lineHeight: {
-                    mobile: 32,
-                    desktop: 48
-                }
+                weight: "medium"
             },
             text8: {
-                weight: "regular",
+                lineHeight: {
+                    desktop: 56,
+                    mobile: 40
+                },
                 size: {
-                    mobile: 32,
-                    desktop: 48
+                    desktop: 48,
+                    mobile: 32
                 },
-                lineHeight: {
-                    mobile: 40,
-                    desktop: 56
-                }
+                weight: "regular"
             },
             text9: {
-                weight: "regular",
+                lineHeight: {
+                    desktop: 64,
+                    mobile: 48
+                },
                 size: {
-                    mobile: 40,
-                    desktop: 56
+                    desktop: 56,
+                    mobile: 40
                 },
-                lineHeight: {
-                    mobile: 48,
-                    desktop: 64
-                }
+                weight: "regular"
             },
             text10: {
-                weight: "regular",
+                lineHeight: {
+                    desktop: 72,
+                    mobile: 56
+                },
                 size: {
-                    mobile: 48,
-                    desktop: 64
+                    desktop: 64,
+                    mobile: 48
                 },
+                weight: "regular"
+            },
+            title1: {
+                weight: "medium"
+            },
+            title2: {
+                weight: "medium"
+            },
+            title3: {
                 lineHeight: {
-                    mobile: 56,
-                    desktop: 72
-                }
+                    desktop: 28,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 20,
+                    mobile: 18
+                },
+                weight: "medium"
             }
         }
     });

package/dist-es/skins/vivo.js

@@ -106,11 +106,13 @@ const e = {
             controlActivatedInverse: e.white,
             controlError: e.pepper,
             barTrack: e.grey3,
+            barTrackInverse: r(e.white, 0.5),
             loadingBar: e.pink,
             loadingBarBackground: e.pepperLight30,
             toggleAndroidInactive: e.grey2,
             toggleAndroidBackgroundActive: e.vivoPurpleLight20,
             iosControlKnob: e.white,
+            controlKnobInverse: e.vivoPurple,
             divider: e.grey2,
             dividerInverse: r(e.white, 0.2),
             navigationBarDivider: e.vivoPurple,
@@ -238,11 +240,13 @@ const e = {
             controlActivatedInverse: e.vivoPurpleLight80,
             controlError: e.pepper,
             barTrack: e.darkModeGrey6,
+            barTrackInverse: e.darkModeGrey6,
             loadingBar: e.vivoPurpleLight80,
             loadingBarBackground: e.darkModeGrey6,
             toggleAndroidInactive: e.grey4,
             toggleAndroidBackgroundActive: e.vivoPurpleLight50,
             iosControlKnob: e.grey2,
+            controlKnobInverse: e.grey2,
             divider: r(e.white, 0.05),
             dividerInverse: r(e.white, 0.05),
             navigationBarDivider: e.darkModeBlack,
@@ -316,154 +320,154 @@ const e = {
             mediaSmall: "8px"
         },
         textPresets: {
+            button: {
+                weight: "medium"
+            },
             cardTitle: {
                 weight: "regular"
             },
-            button: {
+            indicator: {
                 weight: "medium"
             },
-            tabsLabel: {
-                weight: "medium",
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
-            },
             link: {
                 weight: "medium"
             },
-            title1: {
+            navigationBar: {
                 weight: "medium"
             },
-            title2: {
-                weight: "light"
-            },
-            title3: {
-                weight: "light",
+            tabsLabel: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
                 size: {
-                    mobile: 20,
-                    desktop: 28
+                    desktop: 18,
+                    mobile: 16
                 },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 32
-                }
-            },
-            indicator: {
-                weight: "medium"
-            },
-            navigationBar: {
                 weight: "medium"
             },
             text1: {
-                size: {
-                    mobile: 12,
-                    desktop: 14
-                },
                 lineHeight: {
-                    mobile: 16,
-                    desktop: 20
+                    desktop: 20,
+                    mobile: 16
+                },
+                size: {
+                    desktop: 14,
+                    mobile: 12
                 }
             },
             text2: {
-                size: {
-                    mobile: 14,
-                    desktop: 16
-                },
                 lineHeight: {
-                    mobile: 20,
-                    desktop: 24
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
                 }
             },
             text3: {
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
                 lineHeight: {
-                    mobile: 24,
-                    desktop: 24
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
                 }
             },
             text4: {
-                size: {
-                    mobile: 18,
-                    desktop: 20
-                },
                 lineHeight: {
-                    mobile: 24,
-                    desktop: 28
+                    desktop: 28,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 20,
+                    mobile: 18
                 }
             },
             text5: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 32,
+                    mobile: 24
+                },
                 size: {
-                    mobile: 20,
-                    desktop: 28
+                    desktop: 28,
+                    mobile: 20
                 },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 32
-                }
+                weight: "light"
             },
             text6: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 40,
+                    mobile: 32
+                },
                 size: {
-                    mobile: 24,
-                    desktop: 32
+                    desktop: 32,
+                    mobile: 24
                 },
-                lineHeight: {
-                    mobile: 32,
-                    desktop: 40
-                }
+                weight: "light"
             },
             text7: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 48,
+                    mobile: 32
+                },
                 size: {
-                    mobile: 28,
-                    desktop: 40
+                    desktop: 40,
+                    mobile: 28
                 },
-                lineHeight: {
-                    mobile: 32,
-                    desktop: 48
-                }
+                weight: "light"
             },
             text8: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 56,
+                    mobile: 40
+                },
                 size: {
-                    mobile: 32,
-                    desktop: 48
+                    desktop: 48,
+                    mobile: 32
                 },
-                lineHeight: {
-                    mobile: 40,
-                    desktop: 56
-                }
+                weight: "light"
             },
             text9: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 64,
+                    mobile: 48
+                },
                 size: {
-                    mobile: 40,
-                    desktop: 56
+                    desktop: 56,
+                    mobile: 40
                 },
-                lineHeight: {
-                    mobile: 48,
-                    desktop: 64
-                }
+                weight: "light"
             },
             text10: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 72,
+                    mobile: 56
+                },
                 size: {
-                    mobile: 48,
-                    desktop: 64
+                    desktop: 64,
+                    mobile: 48
                 },
+                weight: "light"
+            },
+            title1: {
+                weight: "medium"
+            },
+            title2: {
+                weight: "light"
+            },
+            title3: {
                 lineHeight: {
-                    mobile: 56,
-                    desktop: 72
-                }
+                    desktop: 32,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 28,
+                    mobile: 20
+                },
+                weight: "light"
             }
         }
     });

package/dist-es/slider.css-mistica.js

@@ -1,4 +1,13 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./slider.css.ts.vanilla.css-mistica.js";
-var n = "_1j1wlhk1 _1y2v1nfi7 _1y2v1nfhe _1y2v1nfhk _1y2v1nfhz _1y2v1nfkk", f = "_1j1wlhk7 _1y2v1nfif _1y2v1nfiv _1y2v1nfk3 _1y2v1nf4z", h = "_1j1wlhk2", y = "_1j1wlhkd _1y2v1nfhf _1y2v1nfkr", r = "_1j1wlhk9 _1y2v1nf59 _1y2v1nfk3", k = "_1j1wlhkb", a = "_1j1wlhk5 _1y2v1nfhf _1y2v1nfhk _1y2v1nfhz _1y2v1nfht", i = "_1j1wlhka", t = "_1y2v1nfi7 _1y2v1nfir _1y2v1nfkh";
-export { n as container, f as defaultThumb, h as disabled, y as input, r as iosThumb, k as thumbActive, a as thumbContainer, i as thumbHover, t as track };
+var n = "_1j1wlhk1 _1y2v1nfib _1y2v1nfhi _1y2v1nfho _1y2v1nfi3 _1y2v1nfko", f = {
+    default: "_1j1wlhk7 _1y2v1nfij _1y2v1nfiz _1y2v1nfk7 _1y2v1nf51",
+    inverse: "_1j1wlhk7 _1y2v1nfij _1y2v1nfiz _1y2v1nfk7 _1y2v1nf53"
+}, y = "_1j1wlhk2", h = "_1j1wlhkj _1y2v1nfhj _1y2v1nfkv", i = "_1j1wlhkd _1y2v1nf5d _1y2v1nfk7", r = {
+    default: "_1j1wlhkg",
+    inverse: "_1j1wlhkh"
+}, k = "_1j1wlhk5 _1y2v1nfhj _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx", a = {
+    default: "_1j1wlhke",
+    inverse: "_1j1wlhkf"
+}, e = "_1y2v1nfib _1y2v1nfiv _1y2v1nfkl";
+export { n as container, f as defaultThumb, y as disabled, h as input, i as iosThumb, r as thumbActive, k as thumbContainer, a as thumbHover, e as track };