@telefonica/mistica 16.3.1 → 16.5.0

package/dist/skins/o2.js

@@ -131,11 +131,13 @@ const e = {
             controlActivatedInverse: e.white,
             controlError: e.pepper,
             barTrack: e.grey3,
+            barTrackInverse: (0, _color.applyAlpha)(e.white, 0.3),
             loadingBar: e.o2BluePrimary,
             loadingBarBackground: e.grey1,
             toggleAndroidInactive: e.grey2,
             toggleAndroidBackgroundActive: e.o2BluePrimary15,
             iosControlKnob: e.white,
+            controlKnobInverse: e.o2BluePrimary,
             divider: e.grey2,
             dividerInverse: (0, _color.applyAlpha)(e.white, 0.2),
             navigationBarDivider: e.o2BluePrimary,
@@ -263,11 +265,13 @@ const e = {
             controlActivatedInverse: e.o2BluePrimary30,
             controlError: e.pepper,
             barTrack: e.darkModeGrey6,
+            barTrackInverse: e.darkModeGrey6,
             loadingBar: e.darkModeO2BluePrimary,
             loadingBarBackground: e.darkModeGrey6,
             toggleAndroidInactive: e.grey4,
             toggleAndroidBackgroundActive: e.o2BlueLight30,
             iosControlKnob: e.grey2,
+            controlKnobInverse: e.grey2,
             badge: e.pepper60,
             feedbackErrorBackground: e.pepper,
             feedbackInfoBackground: e.darkModeGrey6,
@@ -341,154 +345,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"
             }
         }
     });