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

package/themes/calendarDark/index.json

@@ -10,54 +10,30 @@
 	"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,
@@ -77,13 +53,13 @@
 		}
 	},
 	"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,
@@ -93,41 +69,27 @@
 	"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"
 		}
@@ -135,63 +97,35 @@
 	"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"
 		}
@@ -199,51 +133,29 @@
 	"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": {
@@ -259,7 +171,7 @@
 		"compact": 24
 	},
 	"sizeBorderRadius": {
-		"compact": 8,
+		"compact": 12,
 		"regular": 8
 	},
 	"sizeCheckBorderRadius": {
@@ -309,8 +221,8 @@
 		"regular": 8
 	},
 	"sizeButtonPaddingHorizontal": {
-		"compact": 16,
-		"regular": 20
+		"compact": 12,
+		"regular": 16
 	},
 	"sizeLabelHorizontalMargin": {
 		"regular": 16
@@ -367,10 +279,19 @@
 	"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",
@@ -405,38 +326,40 @@
 	},
 	"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": {
@@ -610,42 +533,68 @@
 	"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,
@@ -899,9 +848,9 @@
 		"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)",
@@ -1063,11 +1012,6 @@
 		"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)",