@vkontakte/vkui-tokens 4.78.1 → 4.80.0

package/themes/legoIOS/index.less

@@ -9,7 +9,10 @@
 @elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 @elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 @elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+@blur-s: 8px;
 @blur-m: 16px;
+@blur-l: 48px;
+@blur-x-l: 96px;
 @font-family-fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 @font-family-accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 @font-family-base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -167,7 +170,7 @@
 @color-background-contrast: #ffffff;
 @color-background-contrast--hover: #F5F5F7;
 @color-background-contrast--active: #EBECEF;
-@color-background-contrast-secondary-alpha: rgba(255, 255, 255, 0.20);
+@color-background-contrast-secondary-alpha: #ffffff33;
 @color-background-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.24);
 @color-background-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.28);
 @color-background-contrast-inverse: #000000;
@@ -191,7 +194,7 @@
 @color-background-warning: #fff2d6;
 @color-background-warning--hover: #F5E9D0;
 @color-background-warning--active: #EBE0CA;
-@color-background-negative: #F65460;
+@color-background-negative: #f65460;
 @color-background-negative--hover: #EC515F;
 @color-background-negative--active: #E24F5D;
 @color-background-negative-tint: #ffe9e9;
@@ -242,7 +245,7 @@
 @color-text-positive: #34c759;
 @color-text-positive--hover: #32C058;
 @color-text-positive--active: #30B857;
-@color-text-negative: #F65460;
+@color-text-negative: #f65460;
 @color-text-negative--hover: #EC515F;
 @color-text-negative--active: #E24F5D;
 @color-text-link: #2e90ff;
@@ -308,7 +311,7 @@
 @color-icon-warning: #ff6900;
 @color-icon-warning--hover: #F56502;
 @color-icon-warning--active: #EB6205;
-@color-icon-negative: #F65460;
+@color-icon-negative: #f65460;
 @color-icon-negative--hover: #EC515F;
 @color-icon-negative--active: #E24F5D;
 @color-stroke-accent: #2e90ff;
@@ -335,7 +338,7 @@
 @color-stroke-positive: #34c759;
 @color-stroke-positive--hover: #32C058;
 @color-stroke-positive--active: #30B857;
-@color-stroke-negative: #F65460;
+@color-stroke-negative: #f65460;
 @color-stroke-negative--hover: #EC515F;
 @color-stroke-negative--active: #E24F5D;
 @color-stroke-contrast: #ffffff;
@@ -461,15 +464,18 @@
 @color-tabbar-text-inactive: #99a2ad;
 @color-tabbar-text-inactive--hover: #939CA9;
 @color-tabbar-text-inactive--active: #8D96A4;
-@color-transparent: #00000000;
-@color-transparent--hover: rgba(0, 0, 0, 0.04);
-@color-transparent--active: rgba(0, 0, 0, 0.08);
+@color-transparent: transparent;
+@color-transparent--hover: rgba(0, 16, 61, 0.04);
+@color-transparent--active: rgba(0, 16, 61, 0.08);
 @color-background-inverse: #262626;
 @color-background-inverse--hover: #242527;
 @color-background-inverse--active: #232428;
-@color-stroke-contrast-secondary-alpha: #ffffff1f;
+@color-stroke-contrast-secondary-alpha: #ffffff1e;
 @color-stroke-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.16);
 @color-stroke-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.2);
+@color-text-tertiary-alpha: #3b3b3b66;
+@color-text-tertiary-alpha--hover: rgba(59, 59, 59, 0.44);
+@color-text-tertiary-alpha--active: rgba(59, 59, 59, 0.48);
 
 
 .font-display-title1--regular {
@@ -643,6 +649,16 @@
 	line-height: 21px;
 	font-weight: 520;
 }
+.font-text-bold--regular {
+	font-size: 16px;
+	line-height: 18.5px;
+	font-weight: 700;
+}
+.font-footnote-bold--regular {
+	font-size: 13.5px;
+	line-height: 15px;
+	font-weight: 700;
+}
 .font-headline--regular {
 	font-size: 17px;
 	line-height: 20px;

package/themes/legoIOS/index.pcss

@@ -10,7 +10,10 @@
 	--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--blur-s: 8px;
 	--blur-m: 16px;
+	--blur-l: 48px;
+	--blur-x-l: 96px;
 	--font-family-fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--font-family-accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--font-family-base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -168,7 +171,7 @@
 	--color-background-contrast: #ffffff;
 	--color-background-contrast--hover: #F5F5F7;
 	--color-background-contrast--active: #EBECEF;
-	--color-background-contrast-secondary-alpha: rgba(255, 255, 255, 0.20);
+	--color-background-contrast-secondary-alpha: #ffffff33;
 	--color-background-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.24);
 	--color-background-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.28);
 	--color-background-contrast-inverse: #000000;
@@ -192,7 +195,7 @@
 	--color-background-warning: #fff2d6;
 	--color-background-warning--hover: #F5E9D0;
 	--color-background-warning--active: #EBE0CA;
-	--color-background-negative: #F65460;
+	--color-background-negative: #f65460;
 	--color-background-negative--hover: #EC515F;
 	--color-background-negative--active: #E24F5D;
 	--color-background-negative-tint: #ffe9e9;
@@ -243,7 +246,7 @@
 	--color-text-positive: #34c759;
 	--color-text-positive--hover: #32C058;
 	--color-text-positive--active: #30B857;
-	--color-text-negative: #F65460;
+	--color-text-negative: #f65460;
 	--color-text-negative--hover: #EC515F;
 	--color-text-negative--active: #E24F5D;
 	--color-text-link: #2e90ff;
@@ -309,7 +312,7 @@
 	--color-icon-warning: #ff6900;
 	--color-icon-warning--hover: #F56502;
 	--color-icon-warning--active: #EB6205;
-	--color-icon-negative: #F65460;
+	--color-icon-negative: #f65460;
 	--color-icon-negative--hover: #EC515F;
 	--color-icon-negative--active: #E24F5D;
 	--color-stroke-accent: #2e90ff;
@@ -336,7 +339,7 @@
 	--color-stroke-positive: #34c759;
 	--color-stroke-positive--hover: #32C058;
 	--color-stroke-positive--active: #30B857;
-	--color-stroke-negative: #F65460;
+	--color-stroke-negative: #f65460;
 	--color-stroke-negative--hover: #EC515F;
 	--color-stroke-negative--active: #E24F5D;
 	--color-stroke-contrast: #ffffff;
@@ -462,15 +465,18 @@
 	--color-tabbar-text-inactive: #99a2ad;
 	--color-tabbar-text-inactive--hover: #939CA9;
 	--color-tabbar-text-inactive--active: #8D96A4;
-	--color-transparent: #00000000;
-	--color-transparent--hover: rgba(0, 0, 0, 0.04);
-	--color-transparent--active: rgba(0, 0, 0, 0.08);
+	--color-transparent: transparent;
+	--color-transparent--hover: rgba(0, 16, 61, 0.04);
+	--color-transparent--active: rgba(0, 16, 61, 0.08);
 	--color-background-inverse: #262626;
 	--color-background-inverse--hover: #242527;
 	--color-background-inverse--active: #232428;
-	--color-stroke-contrast-secondary-alpha: #ffffff1f;
+	--color-stroke-contrast-secondary-alpha: #ffffff1e;
 	--color-stroke-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.16);
 	--color-stroke-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.2);
+	--color-text-tertiary-alpha: #3b3b3b66;
+	--color-text-tertiary-alpha--hover: rgba(59, 59, 59, 0.44);
+	--color-text-tertiary-alpha--active: rgba(59, 59, 59, 0.48);
 }
 
 %font-display-title1--regular {
@@ -644,6 +650,16 @@
 	line-height: 21px;
 	font-weight: 520;
 }
+%font-text-bold--regular {
+	font-size: 16px;
+	line-height: 18.5px;
+	font-weight: 700;
+}
+%font-footnote-bold--regular {
+	font-size: 13.5px;
+	line-height: 15px;
+	font-weight: 700;
+}
 %font-headline--regular {
 	font-size: 17px;
 	line-height: 20px;

package/themes/legoIOS/index.scss

@@ -9,7 +9,10 @@ $elevation1-invert-y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0
 $elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 $elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 $elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+$blur-s: 8px;
 $blur-m: 16px;
+$blur-l: 48px;
+$blur-x-l: 96px;
 $font-family-fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 $font-family-accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 $font-family-base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -167,7 +170,7 @@ $color-background-tertiary-alpha--active: rgba(0, 0, 0, 0.11);
 $color-background-contrast: #ffffff;
 $color-background-contrast--hover: #F5F5F7;
 $color-background-contrast--active: #EBECEF;
-$color-background-contrast-secondary-alpha: rgba(255, 255, 255, 0.20);
+$color-background-contrast-secondary-alpha: #ffffff33;
 $color-background-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.24);
 $color-background-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.28);
 $color-background-contrast-inverse: #000000;
@@ -191,7 +194,7 @@ $color-background-positive-tint--active: #D5E6DA;
 $color-background-warning: #fff2d6;
 $color-background-warning--hover: #F5E9D0;
 $color-background-warning--active: #EBE0CA;
-$color-background-negative: #F65460;
+$color-background-negative: #f65460;
 $color-background-negative--hover: #EC515F;
 $color-background-negative--active: #E24F5D;
 $color-background-negative-tint: #ffe9e9;
@@ -242,7 +245,7 @@ $color-text-contrast-themed--active: #EBECEF;
 $color-text-positive: #34c759;
 $color-text-positive--hover: #32C058;
 $color-text-positive--active: #30B857;
-$color-text-negative: #F65460;
+$color-text-negative: #f65460;
 $color-text-negative--hover: #EC515F;
 $color-text-negative--active: #E24F5D;
 $color-text-link: #2e90ff;
@@ -308,7 +311,7 @@ $color-icon-positive--active: #30B857;
 $color-icon-warning: #ff6900;
 $color-icon-warning--hover: #F56502;
 $color-icon-warning--active: #EB6205;
-$color-icon-negative: #F65460;
+$color-icon-negative: #f65460;
 $color-icon-negative--hover: #EC515F;
 $color-icon-negative--active: #E24F5D;
 $color-stroke-accent: #2e90ff;
@@ -335,7 +338,7 @@ $color-separator-secondary--active: #CFD2D8;
 $color-stroke-positive: #34c759;
 $color-stroke-positive--hover: #32C058;
 $color-stroke-positive--active: #30B857;
-$color-stroke-negative: #F65460;
+$color-stroke-negative: #f65460;
 $color-stroke-negative--hover: #EC515F;
 $color-stroke-negative--active: #E24F5D;
 $color-stroke-contrast: #ffffff;
@@ -461,15 +464,18 @@ $color-segmented-control--active: #EBECEF;
 $color-tabbar-text-inactive: #99a2ad;
 $color-tabbar-text-inactive--hover: #939CA9;
 $color-tabbar-text-inactive--active: #8D96A4;
-$color-transparent: #00000000;
-$color-transparent--hover: rgba(0, 0, 0, 0.04);
-$color-transparent--active: rgba(0, 0, 0, 0.08);
+$color-transparent: transparent;
+$color-transparent--hover: rgba(0, 16, 61, 0.04);
+$color-transparent--active: rgba(0, 16, 61, 0.08);
 $color-background-inverse: #262626;
 $color-background-inverse--hover: #242527;
 $color-background-inverse--active: #232428;
-$color-stroke-contrast-secondary-alpha: #ffffff1f;
+$color-stroke-contrast-secondary-alpha: #ffffff1e;
 $color-stroke-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.16);
 $color-stroke-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.2);
+$color-text-tertiary-alpha: #3b3b3b66;
+$color-text-tertiary-alpha--hover: rgba(59, 59, 59, 0.44);
+$color-text-tertiary-alpha--active: rgba(59, 59, 59, 0.48);
 
 
 @mixin font-display-title1--regular() {
@@ -857,6 +863,28 @@ $font-body--regular--map: (
 	'fontWeight': 520,
 	'fontVariationSettings.opticalSize': 21.5,
 );
+@mixin font-text-bold--regular() {
+	font-size: 16px;
+	line-height: 18.5px;
+	font-weight: 700;
+}
+$font-text-bold--regular--map: (
+	'fontSize': 16px,
+	'lineHeight': 18.5px,
+	'fontWeight': 700,
+	'fontVariationSettings.opticalSize': 21.8,
+);
+@mixin font-footnote-bold--regular() {
+	font-size: 13.5px;
+	line-height: 15px;
+	font-weight: 700;
+}
+$font-footnote-bold--regular--map: (
+	'fontSize': 13.5px,
+	'lineHeight': 15px,
+	'fontWeight': 700,
+	'fontVariationSettings.opticalSize': 22.2,
+);
 @mixin font-headline--regular() {
 	font-size: 17px;
 	line-height: 20px;

package/themes/legoIOS/index.styl

@@ -9,7 +9,10 @@ $elevation1-invert-y = 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0,
 $elevation2 = 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 $elevation3 = 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 $elevation4 = 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+$blur-s = 8px;
 $blur-m = 16px;
+$blur-l = 48px;
+$blur-x-l = 96px;
 $font-family-fallbacks = -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 $font-family-accent = -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 $font-family-base = -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -167,7 +170,7 @@ $color-background-tertiary-alpha--active = rgba(0, 0, 0, 0.11);
 $color-background-contrast = #ffffff;
 $color-background-contrast--hover = #F5F5F7;
 $color-background-contrast--active = #EBECEF;
-$color-background-contrast-secondary-alpha = rgba(255, 255, 255, 0.20);
+$color-background-contrast-secondary-alpha = #ffffff33;
 $color-background-contrast-secondary-alpha--hover = rgba(255, 255, 255, 0.24);
 $color-background-contrast-secondary-alpha--active = rgba(255, 255, 255, 0.28);
 $color-background-contrast-inverse = #000000;
@@ -191,7 +194,7 @@ $color-background-positive-tint--active = #D5E6DA;
 $color-background-warning = #fff2d6;
 $color-background-warning--hover = #F5E9D0;
 $color-background-warning--active = #EBE0CA;
-$color-background-negative = #F65460;
+$color-background-negative = #f65460;
 $color-background-negative--hover = #EC515F;
 $color-background-negative--active = #E24F5D;
 $color-background-negative-tint = #ffe9e9;
@@ -242,7 +245,7 @@ $color-text-contrast-themed--active = #EBECEF;
 $color-text-positive = #34c759;
 $color-text-positive--hover = #32C058;
 $color-text-positive--active = #30B857;
-$color-text-negative = #F65460;
+$color-text-negative = #f65460;
 $color-text-negative--hover = #EC515F;
 $color-text-negative--active = #E24F5D;
 $color-text-link = #2e90ff;
@@ -308,7 +311,7 @@ $color-icon-positive--active = #30B857;
 $color-icon-warning = #ff6900;
 $color-icon-warning--hover = #F56502;
 $color-icon-warning--active = #EB6205;
-$color-icon-negative = #F65460;
+$color-icon-negative = #f65460;
 $color-icon-negative--hover = #EC515F;
 $color-icon-negative--active = #E24F5D;
 $color-stroke-accent = #2e90ff;
@@ -335,7 +338,7 @@ $color-separator-secondary--active = #CFD2D8;
 $color-stroke-positive = #34c759;
 $color-stroke-positive--hover = #32C058;
 $color-stroke-positive--active = #30B857;
-$color-stroke-negative = #F65460;
+$color-stroke-negative = #f65460;
 $color-stroke-negative--hover = #EC515F;
 $color-stroke-negative--active = #E24F5D;
 $color-stroke-contrast = #ffffff;
@@ -461,15 +464,18 @@ $color-segmented-control--active = #EBECEF;
 $color-tabbar-text-inactive = #99a2ad;
 $color-tabbar-text-inactive--hover = #939CA9;
 $color-tabbar-text-inactive--active = #8D96A4;
-$color-transparent = #00000000;
-$color-transparent--hover = rgba(0, 0, 0, 0.04);
-$color-transparent--active = rgba(0, 0, 0, 0.08);
+$color-transparent = transparent;
+$color-transparent--hover = rgba(0, 16, 61, 0.04);
+$color-transparent--active = rgba(0, 16, 61, 0.08);
 $color-background-inverse = #262626;
 $color-background-inverse--hover = #242527;
 $color-background-inverse--active = #232428;
-$color-stroke-contrast-secondary-alpha = #ffffff1f;
+$color-stroke-contrast-secondary-alpha = #ffffff1e;
 $color-stroke-contrast-secondary-alpha--hover = rgba(255, 255, 255, 0.16);
 $color-stroke-contrast-secondary-alpha--active = rgba(255, 255, 255, 0.2);
+$color-text-tertiary-alpha = #3b3b3b66;
+$color-text-tertiary-alpha--hover = rgba(59, 59, 59, 0.44);
+$color-text-tertiary-alpha--active = rgba(59, 59, 59, 0.48);
 
 
 font-display-title1--regular() {
@@ -643,6 +649,16 @@ font-body--regular() {
 	line-height: 21px;
 	font-weight: 520;
 }
+font-text-bold--regular() {
+	font-size: 16px;
+	line-height: 18.5px;
+	font-weight: 700;
+}
+font-footnote-bold--regular() {
+	font-size: 13.5px;
+	line-height: 15px;
+	font-weight: 700;
+}
 font-headline--regular() {
 	font-size: 17px;
 	line-height: 20px;

package/themes/legoIOS/struct.json

@@ -143,7 +143,10 @@
 		"elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)"
 	},
 	"blur": {
-		"blurM": 16
+		"blurS": 8,
+		"blurM": 16,
+		"blurL": 48,
+		"blurXL": 96
 	},
 	"fontFamily": {
 		"fontFamilyFallbacks": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
@@ -395,6 +398,26 @@
 				}
 			}
 		},
+		"fontTextBold": {
+			"regular": {
+				"fontSize": 16,
+				"lineHeight": 18.5,
+				"fontWeight": 700,
+				"fontVariationSettings": {
+					"opticalSize": 21.8
+				}
+			}
+		},
+		"fontFootnoteBold": {
+			"regular": {
+				"fontSize": 13.5,
+				"lineHeight": 15,
+				"fontWeight": 700,
+				"fontVariationSettings": {
+					"opticalSize": 22.2
+				}
+			}
+		},
 		"fontHeadline": {
 			"regular": {
 				"fontSize": 17,
@@ -740,7 +763,7 @@
 			"active": "#EBECEF"
 		},
 		"colorBackgroundContrastSecondaryAlpha": {
-			"normal": "rgba(255, 255, 255, 0.20)",
+			"normal": "#ffffff33",
 			"hover": "rgba(255, 255, 255, 0.24)",
 			"active": "rgba(255, 255, 255, 0.28)"
 		},
@@ -780,7 +803,7 @@
 			"active": "#EBE0CA"
 		},
 		"colorBackgroundNegative": {
-			"normal": "#F65460",
+			"normal": "#f65460",
 			"hover": "#EC515F",
 			"active": "#E24F5D"
 		},
@@ -865,7 +888,7 @@
 			"active": "#30B857"
 		},
 		"colorTextNegative": {
-			"normal": "#F65460",
+			"normal": "#f65460",
 			"hover": "#EC515F",
 			"active": "#E24F5D"
 		},
@@ -975,7 +998,7 @@
 			"active": "#EB6205"
 		},
 		"colorIconNegative": {
-			"normal": "#F65460",
+			"normal": "#f65460",
 			"hover": "#EC515F",
 			"active": "#E24F5D"
 		},
@@ -1020,7 +1043,7 @@
 			"active": "#30B857"
 		},
 		"colorStrokeNegative": {
-			"normal": "#F65460",
+			"normal": "#f65460",
 			"hover": "#EC515F",
 			"active": "#E24F5D"
 		},
@@ -1230,9 +1253,9 @@
 			"active": "#8D96A4"
 		},
 		"colorTransparent": {
-			"normal": "#00000000",
-			"hover": "rgba(0, 0, 0, 0.04)",
-			"active": "rgba(0, 0, 0, 0.08)"
+			"normal": "transparent",
+			"hover": "rgba(0, 16, 61, 0.04)",
+			"active": "rgba(0, 16, 61, 0.08)"
 		},
 		"colorBackgroundInverse": {
 			"normal": "#262626",
@@ -1240,9 +1263,14 @@
 			"active": "#232428"
 		},
 		"colorStrokeContrastSecondaryAlpha": {
-			"normal": "#ffffff1f",
+			"normal": "#ffffff1e",
 			"hover": "rgba(255, 255, 255, 0.16)",
 			"active": "rgba(255, 255, 255, 0.2)"
+		},
+		"colorTextTertiaryAlpha": {
+			"normal": "#3b3b3b66",
+			"hover": "rgba(59, 59, 59, 0.44)",
+			"active": "rgba(59, 59, 59, 0.48)"
 		}
 	}
 }

package/themes/legoIOSDark/cssVars/declarations/index.css

@@ -10,7 +10,10 @@
 	--vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
 	--vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
 	--vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -241,6 +244,14 @@
 	--vkui--font_body--line_height--regular: 21px;
 	--vkui--font_body--font_weight--regular: 520;
 	--vkui--font_body--font_variation_settings--optical_size--regular: 21.5;
+	--vkui--font_text_bold--font_size--regular: 16px;
+	--vkui--font_text_bold--line_height--regular: 18.5px;
+	--vkui--font_text_bold--font_weight--regular: 700;
+	--vkui--font_text_bold--font_variation_settings--optical_size--regular: 21.8;
+	--vkui--font_footnote_bold--font_size--regular: 13.5px;
+	--vkui--font_footnote_bold--line_height--regular: 15px;
+	--vkui--font_footnote_bold--font_weight--regular: 700;
+	--vkui--font_footnote_bold--font_variation_settings--optical_size--regular: 22.2;
 	--vkui--font_headline--font_size--regular: 17px;
 	--vkui--font_headline--line_height--regular: 20px;
 	--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -291,15 +302,15 @@
 	--vkui--color_background_contrast: #FFFFFF;
 	--vkui--color_background_contrast--hover: #EBEDF0;
 	--vkui--color_background_contrast--active: #D7D8DB;
-	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
+	--vkui--color_background_contrast_secondary_alpha: #ffffff33;
 	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
 	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
 	--vkui--color_background_contrast_inverse: #000000;
 	--vkui--color_background_contrast_inverse--hover: #0A0A0A;
 	--vkui--color_background_contrast_inverse--active: #141414;
-	--vkui--color_background_contrast_themed: #000000;
-	--vkui--color_background_contrast_themed--hover: #0A0A0A;
-	--vkui--color_background_contrast_themed--active: #141414;
+	--vkui--color_background_contrast_themed: #1e1e1c;
+	--vkui--color_background_contrast_themed--hover: #272725;
+	--vkui--color_background_contrast_themed--active: #30302E;
 	--vkui--color_background_modal: #000000;
 	--vkui--color_background_modal--hover: #0A0A0A;
 	--vkui--color_background_modal--active: #141414;
@@ -315,7 +326,7 @@
 	--vkui--color_background_warning: #483416;
 	--vkui--color_background_warning--hover: #4F3C1F;
 	--vkui--color_background_warning--active: #574429;
-	--vkui--color_background_negative: #FD6571;
+	--vkui--color_background_negative: #fd6571;
 	--vkui--color_background_negative--hover: #FD6B77;
 	--vkui--color_background_negative--active: #FD717C;
 	--vkui--color_background_negative_tint: #4b2727;
@@ -366,7 +377,7 @@
 	--vkui--color_text_positive: #34c759;
 	--vkui--color_text_positive--hover: #3CC960;
 	--vkui--color_text_positive--active: #44CB66;
-	--vkui--color_text_negative: #FD6571;
+	--vkui--color_text_negative: #fd6571;
 	--vkui--color_text_negative--hover: #FD6B77;
 	--vkui--color_text_negative--active: #FD717C;
 	--vkui--color_text_link: #2e90ff;
@@ -432,7 +443,7 @@
 	--vkui--color_icon_warning: #ff6900;
 	--vkui--color_icon_warning--hover: #FF6F0A;
 	--vkui--color_icon_warning--active: #FF7514;
-	--vkui--color_icon_negative: #FD6571;
+	--vkui--color_icon_negative: #fd6571;
 	--vkui--color_icon_negative--hover: #FD6B77;
 	--vkui--color_icon_negative--active: #FD717C;
 	--vkui--color_stroke_accent: #529ef4;
@@ -459,7 +470,7 @@
 	--vkui--color_stroke_positive: #34c759;
 	--vkui--color_stroke_positive--hover: #3CC960;
 	--vkui--color_stroke_positive--active: #44CB66;
-	--vkui--color_stroke_negative: #FD6571;
+	--vkui--color_stroke_negative: #fd6571;
 	--vkui--color_stroke_negative--hover: #FD6B77;
 	--vkui--color_stroke_negative--active: #FD717C;
 	--vkui--color_stroke_contrast: #FFFFFF;
@@ -585,15 +596,18 @@
 	--vkui--color_tabbar_text_inactive: #76787a;
 	--vkui--color_tabbar_text_inactive--hover: #7B7D7F;
 	--vkui--color_tabbar_text_inactive--active: #818385;
-	--vkui--color_transparent: #00000000;
-	--vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
-	--vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
+	--vkui--color_transparent: transparent;
+	--vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
+	--vkui--color_transparent--active: rgba(255, 255, 255, 0.08);
 	--vkui--color_background_inverse: #FFFFFF;
 	--vkui--color_background_inverse--hover: #EBEDF0;
 	--vkui--color_background_inverse--active: #D7D8DB;
-	--vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
+	--vkui--color_stroke_contrast_secondary_alpha: #ffffff1e;
 	--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
+	--vkui--color_text_tertiary_alpha: #ffffff7f;
+	--vkui--color_text_tertiary_alpha--hover: rgba(255, 255, 255, 0.54);
+	--vkui--color_text_tertiary_alpha--active: rgba(255, 255, 255, 0.58);
 }
 
 .vkui--font_display_title1--regular {
@@ -1032,6 +1046,34 @@
 	font-weight: var(--vkui--font_body--font_weight);
 	font-variation-settings--optical-size: var(--vkui--font_body--font_variation_settings--optical_size);
 }
+.vkui--font_text_bold--regular {
+	font-size: 16px;
+	font-size: var(--vkui--font_text_bold--font_size--regular, 16px);
+	line-height: 18.5px;
+	line-height: var(--vkui--font_text_bold--line_height--regular, 18.5px);
+	font-weight: 700;
+	font-weight: var(--vkui--font_text_bold--font_weight--regular, 700);
+}
+.vkui--font_text_bold {
+	font-size: var(--vkui--font_text_bold--font_size);
+	line-height: var(--vkui--font_text_bold--line_height);
+	font-weight: var(--vkui--font_text_bold--font_weight);
+	font-variation-settings--optical-size: var(--vkui--font_text_bold--font_variation_settings--optical_size);
+}
+.vkui--font_footnote_bold--regular {
+	font-size: 13.5px;
+	font-size: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
+	line-height: 15px;
+	line-height: var(--vkui--font_footnote_bold--line_height--regular, 15px);
+	font-weight: 700;
+	font-weight: var(--vkui--font_footnote_bold--font_weight--regular, 700);
+}
+.vkui--font_footnote_bold {
+	font-size: var(--vkui--font_footnote_bold--font_size);
+	line-height: var(--vkui--font_footnote_bold--line_height);
+	font-weight: var(--vkui--font_footnote_bold--font_weight);
+	font-variation-settings--optical-size: var(--vkui--font_footnote_bold--font_variation_settings--optical_size);
+}
 .vkui--font_headline--regular {
 	font-size: 17px;
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);

package/themes/legoIOSDark/cssVars/declarations/noColors.css

@@ -10,7 +10,10 @@
 	--vkui--elevation2: 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
 	--vkui--elevation3: 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
 	--vkui--elevation4: 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -241,6 +244,14 @@
 	--vkui--font_body--line_height--regular: 21px;
 	--vkui--font_body--font_weight--regular: 520;
 	--vkui--font_body--font_variation_settings--optical_size--regular: 21.5;
+	--vkui--font_text_bold--font_size--regular: 16px;
+	--vkui--font_text_bold--line_height--regular: 18.5px;
+	--vkui--font_text_bold--font_weight--regular: 700;
+	--vkui--font_text_bold--font_variation_settings--optical_size--regular: 21.8;
+	--vkui--font_footnote_bold--font_size--regular: 13.5px;
+	--vkui--font_footnote_bold--line_height--regular: 15px;
+	--vkui--font_footnote_bold--font_weight--regular: 700;
+	--vkui--font_footnote_bold--font_variation_settings--optical_size--regular: 22.2;
 	--vkui--font_headline--font_size--regular: 17px;
 	--vkui--font_headline--line_height--regular: 20px;
 	--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -536,6 +547,22 @@
 	font-weight: 520;
 	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }
+.vkui--font_text_bold--regular {
+	font-size: 16px;
+	font-size: var(--vkui--font_text_bold--font_size--regular, 16px);
+	line-height: 18.5px;
+	line-height: var(--vkui--font_text_bold--line_height--regular, 18.5px);
+	font-weight: 700;
+	font-weight: var(--vkui--font_text_bold--font_weight--regular, 700);
+}
+.vkui--font_footnote_bold--regular {
+	font-size: 13.5px;
+	font-size: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
+	line-height: 15px;
+	line-height: var(--vkui--font_footnote_bold--line_height--regular, 15px);
+	font-weight: 700;
+	font-weight: var(--vkui--font_footnote_bold--font_weight--regular, 700);
+}
 .vkui--font_headline--regular {
 	font-size: 17px;
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);