@vkontakte/vkui-tokens 4.3.1 → 4.3.2-dev-db778e.0

package/themes/calendarDark/index.js

@@ -12,30 +12,54 @@ var theme = {
     "fontWeightBase3": 400,
     "fontTitle1": {
         "regular": {
-            "fontSize": 17,
-            "lineHeight": "24px",
+            "fontSize": 24,
+            "lineHeight": "32px",
+            "fontWeight": 500,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
+            "fontSize": 24,
+            "lineHeight": "28px",
             "fontWeight": 500,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
     "fontTitle2": {
         "regular": {
-            "fontSize": 15,
-            "lineHeight": "20px",
+            "fontSize": 20,
+            "lineHeight": "24px",
+            "fontWeight": 500,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
+            "fontSize": 20,
+            "lineHeight": "24px",
             "fontWeight": 500,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
     "fontTitle3": {
         "regular": {
-            "fontSize": 15,
-            "lineHeight": "20px",
+            "fontSize": 17,
+            "lineHeight": "24px",
+            "fontWeight": 500,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
+            "fontSize": 17,
+            "lineHeight": "24px",
             "fontWeight": 500,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
     "fontHeadline1": {
         "regular": {
+            "fontSize": 16,
+            "lineHeight": "20px",
+            "fontWeight": 500,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
             "fontSize": 15,
             "lineHeight": "20px",
             "fontWeight": 500,
@@ -55,13 +79,13 @@ var theme = {
         }
     },
     "fontText": {
-        "compact": {
-            "fontSize": 17,
-            "lineHeight": "24px",
+        "regular": {
+            "fontSize": 16,
+            "lineHeight": "20px",
             "fontWeight": 400,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         },
-        "regular": {
+        "compact": {
             "fontSize": 15,
             "lineHeight": "20px",
             "fontWeight": 400,
@@ -71,27 +95,41 @@ var theme = {
     "fontParagraph": {
         "regular": {
             "fontSize": 15,
-            "lineHeight": 20,
-            "fontFamily": "Helvetica, Arial, sans-serif",
-            "fontWeight": 400
+            "lineHeight": "20px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
+            "fontSize": 15,
+            "lineHeight": "20px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
     "fontSubhead": {
         "regular": {
             "fontSize": 14,
-            "lineHeight": 18,
-            "fontFamily": "Helvetica, Arial, sans-serif",
-            "fontWeight": 400
+            "lineHeight": "18px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         },
         "compact": {
             "fontSize": 13,
-            "lineHeight": 18
+            "lineHeight": "18px",
+            "fontWeight": 500,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
     "fontFootnote": {
         "regular": {
             "fontSize": 13,
-            "lineHeight": "20px",
+            "lineHeight": "18px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
+            "fontSize": 13,
+            "lineHeight": "18px",
             "fontWeight": 400,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
@@ -99,35 +137,63 @@ var theme = {
     "fontFootnoteCaps": {
         "regular": {
             "fontSize": 13,
-            "lineHeight": 18,
-            "fontFamily": "Helvetica, Arial, sans-serif",
+            "lineHeight": "18px",
             "fontWeight": 400,
-            "textTransform": "uppercase",
-            "letterSpacing": "0.3px"
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "letterSpacing": "0.3px",
+            "textTransform": "uppercase"
+        },
+        "compact": {
+            "fontSize": 13,
+            "lineHeight": "18px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "letterSpacing": "0.3px",
+            "textTransform": "uppercase"
         }
     },
     "fontCaption1": {
         "regular": {
             "fontSize": 12,
-            "lineHeight": 16,
-            "fontFamily": "Helvetica, Arial, sans-serif",
-            "fontWeight": 400
+            "lineHeight": "16px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
+            "fontSize": 12,
+            "lineHeight": "14px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
     "fontCaption1Caps": {
         "regular": {
             "fontSize": 12,
-            "lineHeight": 16,
-            "fontFamily": "Helvetica, Arial, sans-serif",
+            "lineHeight": "16px",
             "fontWeight": 400,
-            "textTransform": "uppercase",
-            "letterSpacing": "0.26px"
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "letterSpacing": "0.26px",
+            "textTransform": "uppercase"
+        },
+        "compact": {
+            "fontSize": 12,
+            "lineHeight": "14px",
+            "fontWeight": 500,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "letterSpacing": "0.26px",
+            "textTransform": "uppercase"
         }
     },
     "fontCaption2": {
         "regular": {
             "fontSize": 11,
-            "lineHeight": "12px",
+            "lineHeight": "14px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
+            "fontSize": 11,
+            "lineHeight": "14px",
             "fontWeight": 400,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
@@ -135,29 +201,51 @@ var theme = {
     "fontCaption2Caps": {
         "regular": {
             "fontSize": 11,
-            "lineHeight": 14,
-            "fontFamily": "Helvetica, Arial, sans-serif",
+            "lineHeight": "14px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "letterSpacing": "0.22px",
+            "textTransform": "uppercase"
+        },
+        "compact": {
+            "fontSize": 11,
+            "lineHeight": "14px",
             "fontWeight": 400,
-            "textTransform": "uppercase",
-            "letterSpacing": "0.22px"
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "letterSpacing": "0.22px",
+            "textTransform": "uppercase"
         }
     },
     "fontCaption3": {
         "regular": {
             "fontSize": 9,
-            "lineHeight": 12,
-            "fontFamily": "Helvetica, Arial, sans-serif",
-            "fontWeight": 400
+            "lineHeight": "12px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        },
+        "compact": {
+            "fontSize": 9,
+            "lineHeight": "12px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
     "fontCaption3Caps": {
         "regular": {
             "fontSize": 9,
-            "lineHeight": 12,
-            "fontFamily": "Helvetica, Arial, sans-serif",
+            "lineHeight": "12px",
+            "fontWeight": 400,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "letterSpacing": "0.16px",
+            "textTransform": "uppercase"
+        },
+        "compact": {
+            "fontSize": 9,
+            "lineHeight": "12px",
             "fontWeight": 400,
-            "textTransform": "uppercase",
-            "letterSpacing": "0.16px"
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "letterSpacing": "0.16px",
+            "textTransform": "uppercase"
         }
     },
     "sizeSelectIconPadding": {
@@ -173,7 +261,7 @@ var theme = {
         "compact": 24
     },
     "sizeBorderRadius": {
-        "compact": 12,
+        "compact": 8,
         "regular": 8
     },
     "sizeCheckBorderRadius": {
@@ -223,8 +311,8 @@ var theme = {
         "regular": 8
     },
     "sizeButtonPaddingHorizontal": {
-        "compact": 12,
-        "regular": 16
+        "compact": 16,
+        "regular": 20
     },
     "sizeLabelHorizontalMargin": {
         "regular": 16
@@ -281,10 +369,10 @@ var theme = {
     "sizeBasePaddingHorizontal": {
         "regular": 16
     },
-    "elevation1": "none",
-    "elevation2": "none",
-    "elevation3": "0px 4px 32px rgba(0, 16, 61, 0.32)",
-    "elevation4": "0px 16px 48px rgba(0, 16, 61, 0.48)",
+    "elevation1": "0 2px 0 0 rgba(0, 16, 61, 0.04)",
+    "elevation2": "0 4px 32px 0 rgba(0, 16, 61, 0.32)",
+    "elevation3": "0 16px 48px 0 rgba(0, 0, 0, 0.48)",
+    "elevation4": "0 16px 48px 0 rgba(0, 0, 0, 0.48)",
     "animationDurationL": "0.4s",
     "animationDurationM": "0.2s",
     "animationDurationS": "0.1s",
@@ -319,40 +407,38 @@ var theme = {
     },
     "fontH0": {
         "regular": {
-            "fontSize": 32,
-            "lineHeight": "40px",
-            "fontWeight": 500,
-            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+            "fontSize": 28,
+            "lineHeight": 32,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "fontWeight": 500
+        },
+        "compact": {
+            "fontSize": 44,
+            "lineHeight": 52
         }
     },
     "fontH1": {
-        "compact": {
+        "regular": {
             "fontSize": 24,
-            "lineHeight": "32px",
-            "fontWeight": 500,
+            "lineHeight": 28,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
-            "marginBottom": 16
+            "fontWeight": 500
         },
-        "regular": {
+        "compact": {
             "fontSize": 32,
-            "lineHeight": "40px",
-            "fontWeight": 500,
-            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
-            "marginBottom": 16
+            "lineHeight": 36
         }
     },
     "fontH2": {
-        "compact": {
+        "regular": {
             "fontSize": 20,
-            "lineHeight": "24px",
-            "fontWeight": 500,
-            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+            "lineHeight": 26,
+            "fontFamily": "MailSans, Helvetica, Arial, sans-serif",
+            "fontWeight": 500
         },
-        "regular": {
-            "fontSize": 24,
-            "lineHeight": "28px",
-            "fontWeight": 500,
-            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
+        "compact": {
+            "fontSize": 28,
+            "lineHeight": 32
         }
     },
     "sizeArrowHeight": {
@@ -526,68 +612,42 @@ var theme = {
     "typeBorderButton": "solid",
     "typeBorderPosition": "inset",
     "themeNameBase": "calendar",
-    "fontEventM": {
-        "compact": {
+    "calendarFontTextEvent": {
+        "regular": {
             "fontSize": 17,
             "lineHeight": "24px",
-            "fontWeight": 500,
+            "fontWeight": 400,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         },
-        "regular": {
-            "fontSize": 15,
-            "lineHeight": "20px",
-            "fontWeight": 500,
-            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
-        }
-    },
-    "fontEventS": {
         "compact": {
-            "fontSize": 15,
-            "lineHeight": "18px",
-            "fontWeight": 500,
-            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
-        },
-        "regular": {
             "fontSize": 13,
             "lineHeight": "18px",
             "fontWeight": 500,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
-    "fontEventXS": {
+    "calendarFontTextEventSmall": {
         "regular": {
-            "fontSize": 12,
-            "lineHeight": 16,
-            "fontWeight": 500,
-            "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
-        }
-    },
-    "fontTime": {
-        "regular": {
-            "fontSize": 13,
-            "lineHeight": "18px",
-            "fontWeight": 500,
+            "fontSize": 15,
+            "lineHeight": "20px",
+            "fontWeight": 400,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
-        }
-    },
-    "fontBodyIOS": {
-        "regular": {
-            "fontSize": 17,
-            "lineHeight": "24px",
-            "fontWeight": 500,
+        },
+        "compact": {
+            "fontSize": 12,
+            "lineHeight": "12px",
+            "fontWeight": 400,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
         }
     },
-    "fontBodyAndroid": {
+    "fontHeadline": {
         "regular": {
             "fontSize": 16,
-            "lineHeight": "24px",
+            "lineHeight": "20px",
             "fontWeight": 500,
             "fontFamily": "MailSans, Helvetica, Arial, sans-serif"
-        }
-    },
-    "fontHeadline": {
-        "regular": {
+        },
+        "compact": {
             "fontSize": 15,
             "lineHeight": "20px",
             "fontWeight": 500,
@@ -841,9 +901,9 @@ var theme = {
         "active": "rgba(255, 255, 255, 0.16)"
     },
     "colorFieldBorderAlpha": {
-        "normal": "transparent",
-        "hover": "transparent",
-        "active": "transparent"
+        "normal": "rgba(255, 255, 255, 0.16)",
+        "hover": "rgba(255, 255, 255, 0.2)",
+        "active": "rgba(255, 255, 255, 0.24)"
     },
     "colorSeparatorPrimaryAlpha": {
         "normal": "rgba(0, 0, 0, 0.4)",
@@ -1005,6 +1065,11 @@ var theme = {
         "hover": "rgba(237, 10, 52, 0.16)",
         "active": "rgba(237, 10, 52, 0.2)"
     },
+    "calendarColorBackgroundAccentTintThemed": {
+        "normal": "#3E3E3F",
+        "hover": "#2C2C2D",
+        "active": "#3E3E3F"
+    },
     "widthTouch": "(max-width: 767px)",
     "widthToTouch": "(max-width: 767px)",
     "widthFromDesktopS": "(min-width: 768px)",