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

package/themes/calendarDark/index.js

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