@vkontakte/vkui-tokens 4.77.0 → 4.78.1

package/themes/legoIOSDark/index.json

@@ -61,7 +61,7 @@
 	"fontTitle1": {
 		"regular": {
 			"fontSize": 31,
-			"lineHeight": 30.8,
+			"lineHeight": 31,
 			"fontFamily": "\"VK Sans Display\", -apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 			"fontWeight": 700,
 			"letterSpacing": "-0.65px"
@@ -82,7 +82,7 @@
 	"fontTitle3": {
 		"regular": {
 			"fontSize": 21.5,
-			"lineHeight": 22.85,
+			"lineHeight": 23,
 			"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 			"fontWeight": 700,
 			"fontVariationSettings": {
@@ -93,7 +93,7 @@
 	"fontHeadline1": {
 		"regular": {
 			"fontSize": 17,
-			"lineHeight": 19.84,
+			"lineHeight": 20,
 			"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 			"fontWeight": 600,
 			"fontVariationSettings": {
@@ -120,7 +120,7 @@
 	"fontText": {
 		"regular": {
 			"fontSize": 16,
-			"lineHeight": 18.39,
+			"lineHeight": 18.5,
 			"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 			"fontWeight": 600,
 			"fontVariationSettings": {
@@ -135,7 +135,7 @@
 	"fontParagraph": {
 		"regular": {
 			"fontSize": 15,
-			"lineHeight": 18.31,
+			"lineHeight": 18.5,
 			"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 			"fontWeight": 580,
 			"fontVariationSettings": {
@@ -158,7 +158,7 @@
 	"fontFootnote": {
 		"regular": {
 			"fontSize": 13.5,
-			"lineHeight": 14.9,
+			"lineHeight": 15,
 			"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 			"fontWeight": 600,
 			"fontVariationSettings": {
@@ -474,7 +474,7 @@
 	"fontLabel1": {
 		"regular": {
 			"fontSize": 19,
-			"lineHeight": 19.87,
+			"lineHeight": 20,
 			"fontWeight": 700,
 			"fontVariationSettings": {
 				"opticalSize": 22
@@ -484,7 +484,7 @@
 	"fontLabel2": {
 		"regular": {
 			"fontSize": 18,
-			"lineHeight": 20.82,
+			"lineHeight": 21,
 			"fontWeight": 600,
 			"fontVariationSettings": {
 				"opticalSize": 21.8
@@ -494,7 +494,7 @@
 	"fontBody": {
 		"regular": {
 			"fontSize": 16.5,
-			"lineHeight": 21.24,
+			"lineHeight": 21,
 			"fontWeight": 520,
 			"fontVariationSettings": {
 				"opticalSize": 21.5
@@ -504,7 +504,7 @@
 	"fontHeadline": {
 		"regular": {
 			"fontSize": 17,
-			"lineHeight": 19.84,
+			"lineHeight": 20,
 			"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 			"fontWeight": 600,
 			"fontVariationSettings": {
@@ -548,9 +548,9 @@
 		"active": "#141414"
 	},
 	"colorBackgroundContent": {
-		"normal": "#19191a",
-		"hover": "#222223",
-		"active": "#2B2B2C"
+		"normal": "#000000",
+		"hover": "#0A0A0A",
+		"active": "#141414"
 	},
 	"colorBackgroundContentAlpha": {
 		"normal": "rgba(25, 25, 26, 0.8)",
@@ -628,9 +628,9 @@
 		"active": "#574429"
 	},
 	"colorBackgroundNegative": {
-		"normal": "#fe3c60",
-		"hover": "#FE4466",
-		"active": "#FE4C6D"
+		"normal": "#FD6571",
+		"hover": "#FD6B77",
+		"active": "#FD717C"
 	},
 	"colorBackgroundNegativeTint": {
 		"normal": "#4b2727",
@@ -713,9 +713,9 @@
 		"active": "#44CB66"
 	},
 	"colorTextNegative": {
-		"normal": "#fe3c60",
-		"hover": "#FE4466",
-		"active": "#FE4C6D"
+		"normal": "#FD6571",
+		"hover": "#FD6B77",
+		"active": "#FD717C"
 	},
 	"colorTextLink": {
 		"normal": "#2e90ff",
@@ -823,9 +823,9 @@
 		"active": "#FF7514"
 	},
 	"colorIconNegative": {
-		"normal": "#fe3c60",
-		"hover": "#FE4466",
-		"active": "#FE4C6D"
+		"normal": "#FD6571",
+		"hover": "#FD6B77",
+		"active": "#FD717C"
 	},
 	"colorStrokeAccent": {
 		"normal": "#529ef4",
@@ -868,9 +868,9 @@
 		"active": "#44CB66"
 	},
 	"colorStrokeNegative": {
-		"normal": "#fe3c60",
-		"hover": "#FE4466",
-		"active": "#FE4C6D"
+		"normal": "#FD6571",
+		"hover": "#FD6B77",
+		"active": "#FD717C"
 	},
 	"colorStrokeContrast": {
 		"normal": "#FFFFFF",
@@ -888,9 +888,9 @@
 		"active": "rgba(255, 255, 255, 0.32)"
 	},
 	"colorFieldBorderAlpha": {
-		"normal": "#ffffff0f",
-		"hover": "rgba(255, 255, 255, 0.1)",
-		"active": "rgba(255, 255, 255, 0.14)"
+		"normal": "#FFFFFF0F",
+		"hover": "#33333329",
+		"active": "#33333333"
 	},
 	"colorAccentBlue": {
 		"normal": "#2e90ff",
@@ -1087,5 +1087,10 @@
 		"hover": "#EBEDF0",
 		"active": "#D7D8DB"
 	},
+	"colorStrokeContrastSecondaryAlpha": {
+		"normal": "#ffffff1f",
+		"hover": "rgba(255, 255, 255, 0.16)",
+		"active": "rgba(255, 255, 255, 0.2)"
+	},
 	"themeType": "root"
 }

package/themes/legoIOSDark/index.less

@@ -143,9 +143,9 @@
 @color-background: #000000;
 @color-background--hover: #0A0A0A;
 @color-background--active: #141414;
-@color-background-content: #19191a;
-@color-background-content--hover: #222223;
-@color-background-content--active: #2B2B2C;
+@color-background-content: #000000;
+@color-background-content--hover: #0A0A0A;
+@color-background-content--active: #141414;
 @color-background-content-alpha: rgba(25, 25, 26, 0.8);
 @color-background-content-alpha--hover: rgba(25, 25, 26, 0.84);
 @color-background-content-alpha--active: rgba(25, 25, 26, 0.88);
@@ -191,9 +191,9 @@
 @color-background-warning: #483416;
 @color-background-warning--hover: #4F3C1F;
 @color-background-warning--active: #574429;
-@color-background-negative: #fe3c60;
-@color-background-negative--hover: #FE4466;
-@color-background-negative--active: #FE4C6D;
+@color-background-negative: #FD6571;
+@color-background-negative--hover: #FD6B77;
+@color-background-negative--active: #FD717C;
 @color-background-negative-tint: #4b2727;
 @color-background-negative-tint--hover: #523030;
 @color-background-negative-tint--active: #593838;
@@ -242,9 +242,9 @@
 @color-text-positive: #34c759;
 @color-text-positive--hover: #3CC960;
 @color-text-positive--active: #44CB66;
-@color-text-negative: #fe3c60;
-@color-text-negative--hover: #FE4466;
-@color-text-negative--active: #FE4C6D;
+@color-text-negative: #FD6571;
+@color-text-negative--hover: #FD6B77;
+@color-text-negative--active: #FD717C;
 @color-text-link: #2e90ff;
 @color-text-link--hover: #3694FF;
 @color-text-link--active: #3F99FF;
@@ -308,9 +308,9 @@
 @color-icon-warning: #ff6900;
 @color-icon-warning--hover: #FF6F0A;
 @color-icon-warning--active: #FF7514;
-@color-icon-negative: #fe3c60;
-@color-icon-negative--hover: #FE4466;
-@color-icon-negative--active: #FE4C6D;
+@color-icon-negative: #FD6571;
+@color-icon-negative--hover: #FD6B77;
+@color-icon-negative--active: #FD717C;
 @color-stroke-accent: #529ef4;
 @color-stroke-accent--hover: #59A2F4;
 @color-stroke-accent--active: #60A6F5;
@@ -335,9 +335,9 @@
 @color-stroke-positive: #34c759;
 @color-stroke-positive--hover: #3CC960;
 @color-stroke-positive--active: #44CB66;
-@color-stroke-negative: #fe3c60;
-@color-stroke-negative--hover: #FE4466;
-@color-stroke-negative--active: #FE4C6D;
+@color-stroke-negative: #FD6571;
+@color-stroke-negative--hover: #FD6B77;
+@color-stroke-negative--active: #FD717C;
 @color-stroke-contrast: #FFFFFF;
 @color-stroke-contrast--hover: #EBEDF0;
 @color-stroke-contrast--active: #D7D8DB;
@@ -347,9 +347,9 @@
 @color-image-border-alpha: #ffffff3d;
 @color-image-border-alpha--hover: rgba(255, 255, 255, 0.28);
 @color-image-border-alpha--active: rgba(255, 255, 255, 0.32);
-@color-field-border-alpha: #ffffff0f;
-@color-field-border-alpha--hover: rgba(255, 255, 255, 0.1);
-@color-field-border-alpha--active: rgba(255, 255, 255, 0.14);
+@color-field-border-alpha: #FFFFFF0F;
+@color-field-border-alpha--hover: #33333329;
+@color-field-border-alpha--active: #33333333;
 @color-accent-blue: #2e90ff;
 @color-accent-blue--hover: #3694FF;
 @color-accent-blue--active: #3F99FF;
@@ -467,6 +467,9 @@
 @color-background-inverse: #FFFFFF;
 @color-background-inverse--hover: #EBEDF0;
 @color-background-inverse--active: #D7D8DB;
+@color-stroke-contrast-secondary-alpha: #ffffff1f;
+@color-stroke-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.16);
+@color-stroke-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.2);
 
 
 .font-display-title1--regular {
@@ -501,7 +504,7 @@
 }
 .font-title1--regular {
 	font-size: 31px;
-	line-height: 30.8px;
+	line-height: 31px;
 	font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
 	letter-spacing: -0.65px;
@@ -515,13 +518,13 @@
 }
 .font-title3--regular {
 	font-size: 21.5px;
-	line-height: 22.85px;
+	line-height: 23px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
 }
 .font-headline1--regular {
 	font-size: 17px;
-	line-height: 19.84px;
+	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -545,7 +548,7 @@
 }
 .font-text--regular {
 	font-size: 16px;
-	line-height: 18.39px;
+	line-height: 18.5px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -557,7 +560,7 @@
 }
 .font-paragraph--regular {
 	font-size: 15px;
-	line-height: 18.31px;
+	line-height: 18.5px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 580;
 }
@@ -575,7 +578,7 @@
 }
 .font-footnote--regular {
 	font-size: 13.5px;
-	line-height: 14.9px;
+	line-height: 15px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -627,22 +630,22 @@
 }
 .font-label1--regular {
 	font-size: 19px;
-	line-height: 19.87px;
+	line-height: 20px;
 	font-weight: 700;
 }
 .font-label2--regular {
 	font-size: 18px;
-	line-height: 20.82px;
+	line-height: 21px;
 	font-weight: 600;
 }
 .font-body--regular {
 	font-size: 16.5px;
-	line-height: 21.24px;
+	line-height: 21px;
 	font-weight: 520;
 }
 .font-headline--regular {
 	font-size: 17px;
-	line-height: 19.84px;
+	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }

package/themes/legoIOSDark/index.pcss

@@ -144,9 +144,9 @@
 	--color-background: #000000;
 	--color-background--hover: #0A0A0A;
 	--color-background--active: #141414;
-	--color-background-content: #19191a;
-	--color-background-content--hover: #222223;
-	--color-background-content--active: #2B2B2C;
+	--color-background-content: #000000;
+	--color-background-content--hover: #0A0A0A;
+	--color-background-content--active: #141414;
 	--color-background-content-alpha: rgba(25, 25, 26, 0.8);
 	--color-background-content-alpha--hover: rgba(25, 25, 26, 0.84);
 	--color-background-content-alpha--active: rgba(25, 25, 26, 0.88);
@@ -192,9 +192,9 @@
 	--color-background-warning: #483416;
 	--color-background-warning--hover: #4F3C1F;
 	--color-background-warning--active: #574429;
-	--color-background-negative: #fe3c60;
-	--color-background-negative--hover: #FE4466;
-	--color-background-negative--active: #FE4C6D;
+	--color-background-negative: #FD6571;
+	--color-background-negative--hover: #FD6B77;
+	--color-background-negative--active: #FD717C;
 	--color-background-negative-tint: #4b2727;
 	--color-background-negative-tint--hover: #523030;
 	--color-background-negative-tint--active: #593838;
@@ -243,9 +243,9 @@
 	--color-text-positive: #34c759;
 	--color-text-positive--hover: #3CC960;
 	--color-text-positive--active: #44CB66;
-	--color-text-negative: #fe3c60;
-	--color-text-negative--hover: #FE4466;
-	--color-text-negative--active: #FE4C6D;
+	--color-text-negative: #FD6571;
+	--color-text-negative--hover: #FD6B77;
+	--color-text-negative--active: #FD717C;
 	--color-text-link: #2e90ff;
 	--color-text-link--hover: #3694FF;
 	--color-text-link--active: #3F99FF;
@@ -309,9 +309,9 @@
 	--color-icon-warning: #ff6900;
 	--color-icon-warning--hover: #FF6F0A;
 	--color-icon-warning--active: #FF7514;
-	--color-icon-negative: #fe3c60;
-	--color-icon-negative--hover: #FE4466;
-	--color-icon-negative--active: #FE4C6D;
+	--color-icon-negative: #FD6571;
+	--color-icon-negative--hover: #FD6B77;
+	--color-icon-negative--active: #FD717C;
 	--color-stroke-accent: #529ef4;
 	--color-stroke-accent--hover: #59A2F4;
 	--color-stroke-accent--active: #60A6F5;
@@ -336,9 +336,9 @@
 	--color-stroke-positive: #34c759;
 	--color-stroke-positive--hover: #3CC960;
 	--color-stroke-positive--active: #44CB66;
-	--color-stroke-negative: #fe3c60;
-	--color-stroke-negative--hover: #FE4466;
-	--color-stroke-negative--active: #FE4C6D;
+	--color-stroke-negative: #FD6571;
+	--color-stroke-negative--hover: #FD6B77;
+	--color-stroke-negative--active: #FD717C;
 	--color-stroke-contrast: #FFFFFF;
 	--color-stroke-contrast--hover: #EBEDF0;
 	--color-stroke-contrast--active: #D7D8DB;
@@ -348,9 +348,9 @@
 	--color-image-border-alpha: #ffffff3d;
 	--color-image-border-alpha--hover: rgba(255, 255, 255, 0.28);
 	--color-image-border-alpha--active: rgba(255, 255, 255, 0.32);
-	--color-field-border-alpha: #ffffff0f;
-	--color-field-border-alpha--hover: rgba(255, 255, 255, 0.1);
-	--color-field-border-alpha--active: rgba(255, 255, 255, 0.14);
+	--color-field-border-alpha: #FFFFFF0F;
+	--color-field-border-alpha--hover: #33333329;
+	--color-field-border-alpha--active: #33333333;
 	--color-accent-blue: #2e90ff;
 	--color-accent-blue--hover: #3694FF;
 	--color-accent-blue--active: #3F99FF;
@@ -468,6 +468,9 @@
 	--color-background-inverse: #FFFFFF;
 	--color-background-inverse--hover: #EBEDF0;
 	--color-background-inverse--active: #D7D8DB;
+	--color-stroke-contrast-secondary-alpha: #ffffff1f;
+	--color-stroke-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.16);
+	--color-stroke-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.2);
 }
 
 %font-display-title1--regular {
@@ -502,7 +505,7 @@
 }
 %font-title1--regular {
 	font-size: 31px;
-	line-height: 30.8px;
+	line-height: 31px;
 	font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
 	letter-spacing: -0.65px;
@@ -516,13 +519,13 @@
 }
 %font-title3--regular {
 	font-size: 21.5px;
-	line-height: 22.85px;
+	line-height: 23px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
 }
 %font-headline1--regular {
 	font-size: 17px;
-	line-height: 19.84px;
+	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -546,7 +549,7 @@
 }
 %font-text--regular {
 	font-size: 16px;
-	line-height: 18.39px;
+	line-height: 18.5px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -558,7 +561,7 @@
 }
 %font-paragraph--regular {
 	font-size: 15px;
-	line-height: 18.31px;
+	line-height: 18.5px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 580;
 }
@@ -576,7 +579,7 @@
 }
 %font-footnote--regular {
 	font-size: 13.5px;
-	line-height: 14.9px;
+	line-height: 15px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -628,22 +631,22 @@
 }
 %font-label1--regular {
 	font-size: 19px;
-	line-height: 19.87px;
+	line-height: 20px;
 	font-weight: 700;
 }
 %font-label2--regular {
 	font-size: 18px;
-	line-height: 20.82px;
+	line-height: 21px;
 	font-weight: 600;
 }
 %font-body--regular {
 	font-size: 16.5px;
-	line-height: 21.24px;
+	line-height: 21px;
 	font-weight: 520;
 }
 %font-headline--regular {
 	font-size: 17px;
-	line-height: 19.84px;
+	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }