npm - @vkontakte/vkui-tokens - Versions diffs - 4.35.2-dev-cfbf64.0 → 4.37.0 - Mend

@vkontakte/vkui-tokens 4.35.2-dev-cfbf64.0 → 4.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1034) hide show

package/themes/octaviusVK/index.json CHANGED Viewed

@@ -160,6 +160,9 @@
 	"sizeBorderRadius": {
 		"regular": 8
 	},
+	"sizeBorderRadiusRounded": {
+		"regular": 48
+	},
 	"sizeCheckBorderRadius": {
 		"regular": 4
 	},
@@ -199,7 +202,7 @@
 		"regular": 40
 	},
 	"sizePopupSmall": {
-		"regular": 420
+		"regular": 430
 	},
 	"sizePopupMedium": {
 		"regular": 680
@@ -653,17 +656,17 @@
 	},
 	"colorsScheme": "light",
 	"colorBackgroundAccent": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorBackgroundAccentThemed": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorBackgroundAccentAlternative": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
@@ -673,7 +676,7 @@
 		"active": "#DADCE2"
 	},
 	"colorBackgroundSecondary": {
-		"normal": "#F5F5F5",
+		"normal": "#f5f5f5",
 		"hover": "#EBECEE",
 		"active": "#E1E3E6"
 	},
@@ -683,32 +686,32 @@
 		"active": "rgba(0, 28, 61, 0.13)"
 	},
 	"colorBackground": {
-		"normal": "#EBEDF0",
+		"normal": "#ebedf0",
 		"hover": "#E2E4E9",
 		"active": "#D8DBE2"
 	},
 	"colorBackgroundContrast": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorBackgroundContrastSecondaryAlpha": {
-		"normal": "rgba(255, 255, 255, 0.2)",
+		"normal": "rgba(255, 255, 255, 0.20)",
 		"hover": "rgba(255, 255, 255, 0.24)",
 		"active": "rgba(255, 255, 255, 0.28)"
 	},
 	"colorBackgroundWarning": {
-		"normal": "#FFF2D6",
+		"normal": "#fff2d6",
 		"hover": "#F5E9D0",
 		"active": "#EBE0CA"
 	},
 	"colorBackgroundNegative": {
-		"normal": "#E64646",
+		"normal": "#e64646",
 		"hover": "#DD4446",
 		"active": "#D44245"
 	},
 	"colorBackgroundTertiary": {
-		"normal": "#F9F9F9",
+		"normal": "#f9f9f9",
 		"hover": "#EFF0F1",
 		"active": "#E5E6EA"
 	},
@@ -718,22 +721,22 @@
 		"active": "rgba(0, 0, 0, 0.11)"
 	},
 	"colorBackgroundModal": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorBackgroundPositive": {
-		"normal": "#4BB34B",
+		"normal": "#4bb34b",
 		"hover": "#48AC4A",
 		"active": "#45A64A"
 	},
 	"colorBackgroundNegativeTint": {
-		"normal": "#FAEBEB",
+		"normal": "#faebeb",
 		"hover": "#F0E2E4",
 		"active": "#E6D9DD"
 	},
 	"colorBackgroundPositiveTint": {
-		"normal": "#E8f9e8",
+		"normal": "#e8f9e8",
 		"hover": "#DFF0E1",
 		"active": "#D5E6DA"
 	},
@@ -748,7 +751,7 @@
 		"active": "#292B2F"
 	},
 	"colorBackgroundContrastInverse": {
-		"normal": "#2C2D2E",
+		"normal": "#2c2d2e",
 		"hover": "#2A2C2F",
 		"active": "#282B2F"
 	},
@@ -758,37 +761,37 @@
 		"active": "#5393EF"
 	},
 	"colorTextAccent": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorTextAccentThemed": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorTextNegative": {
-		"normal": "#E64646",
+		"normal": "#e64646",
 		"hover": "#DD4446",
 		"active": "#D44245"
 	},
 	"colorTextLink": {
-		"normal": "#2D81E0",
+		"normal": "#2d81e0",
 		"hover": "#2B7CD9",
 		"active": "#2978D3"
 	},
 	"colorTextLinkTint": {
-		"normal": "#71AAEB",
+		"normal": "#71aaeb",
 		"hover": "#6CA4E4",
 		"active": "#689EDD"
 	},
 	"colorTextLinkThemed": {
-		"normal": "#2D81E0",
+		"normal": "#2d81e0",
 		"hover": "#2B7CD9",
 		"active": "#2978D3"
 	},
 	"colorTextMuted": {
-		"normal": "#2C2D2E",
+		"normal": "#2c2d2e",
 		"hover": "#2A2C2F",
 		"active": "#282B2F"
 	},
@@ -803,77 +806,77 @@
 		"active": "#000105"
 	},
 	"colorTextSecondary": {
-		"normal": "#818C99",
+		"normal": "#818c99",
 		"hover": "#7C8795",
 		"active": "#778292"
 	},
 	"colorTextSubhead": {
-		"normal": "#6D7885",
+		"normal": "#6d7885",
 		"hover": "#697482",
 		"active": "#64707F"
 	},
 	"colorTextTertiary": {
-		"normal": "#99A2AD",
+		"normal": "#99a2ad",
 		"hover": "#939CA9",
 		"active": "#8D96A4"
 	},
 	"colorTextLinkVisited": {
-		"normal": "#4986CC",
+		"normal": "#4986cc",
 		"hover": "#4681C6",
 		"active": "#437DC1"
 	},
 	"colorTextContrast": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorTextContrastThemed": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorLinkContrast": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorTextPositive": {
-		"normal": "#4BB34B",
-		"hover": "#48AC4A",
-		"active": "#45A64A"
+		"normal": "#4bb44b",
+		"hover": "#48AD4A",
+		"active": "#45A74A"
 	},
 	"colorTextButton": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorIconAccent": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorIconAccentThemed": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorIconNegative": {
-		"normal": "#E64646",
+		"normal": "#e64646",
 		"hover": "#DD4446",
 		"active": "#D44245"
 	},
 	"colorIconPrimary": {
-		"normal": "#2C2D2E",
+		"normal": "#2c2d2e",
 		"hover": "#2A2C2F",
 		"active": "#282B2F"
 	},
 	"colorIconPrimaryInvariably": {
-		"normal": "#2C2D2E",
+		"normal": "#2c2d2e",
 		"hover": "#2A2C2F",
 		"active": "#282B2F"
 	},
 	"colorIconMedium": {
-		"normal": "#818C99",
+		"normal": "#818c99",
 		"hover": "#7C8795",
 		"active": "#778292"
 	},
@@ -883,7 +886,7 @@
 		"active": "rgba(0, 0, 0, 0.56)"
 	},
 	"colorIconSecondary": {
-		"normal": "#99A2AD",
+		"normal": "#99a2ad",
 		"hover": "#939CA9",
 		"active": "#8D96A4"
 	},
@@ -893,7 +896,7 @@
 		"active": "rgba(0, 0, 0, 0.44)"
 	},
 	"colorIconTertiary": {
-		"normal": "#B8C1CC",
+		"normal": "#b8c1cc",
 		"hover": "#B1BAC6",
 		"active": "#A9B3C1"
 	},
@@ -903,47 +906,47 @@
 		"active": "rgba(0, 0, 0, 0.32)"
 	},
 	"colorIconContrast": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorIconContrastThemed": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorIconPositive": {
-		"normal": "#4BB34B",
+		"normal": "#4bb34b",
 		"hover": "#48AC4A",
 		"active": "#45A64A"
 	},
 	"colorIconContrastSecondary": {
-		"normal": "#F2F3F5",
+		"normal": "#f2f3f5",
 		"hover": "#E8EAEE",
 		"active": "#DFE1E6"
 	},
 	"colorIconButton": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorStrokeAccent": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorStrokeAccentThemed": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorStrokeContrast": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorStrokeNegative": {
-		"normal": "#E64646",
+		"normal": "#e64646",
 		"hover": "#DD4446",
 		"active": "#D44245"
 	},
@@ -963,17 +966,17 @@
 		"active": "rgba(0, 0, 0, 0.2)"
 	},
 	"colorSeparatorSecondary": {
-		"normal": "#E1E3E6",
+		"normal": "#e1e3e6",
 		"hover": "#D8DBDF",
 		"active": "#CFD2D8"
 	},
 	"colorSeparatorPrimary": {
-		"normal": "#D7D8D9",
+		"normal": "#d7d8d9",
 		"hover": "#CED0D3",
 		"active": "#C6C8CD"
 	},
 	"colorStrokePositive": {
-		"normal": "#4BB34B",
+		"normal": "#4bb34b",
 		"hover": "#48AC4A",
 		"active": "#45A64A"
 	},
@@ -988,82 +991,82 @@
 		"active": "#AFB1B6"
 	},
 	"colorStrokeButton": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorAccentBlue": {
-		"normal": "#3F8AE0",
+		"normal": "#3f8ae0",
 		"hover": "#3C85D9",
 		"active": "#3A80D3"
 	},
 	"colorAccentGray": {
-		"normal": "#A3ADB8",
+		"normal": "#a3adb8",
 		"hover": "#9CA7B3",
 		"active": "#96A0AE"
 	},
 	"colorAccentRed": {
-		"normal": "#FF3347",
+		"normal": "#ff3347",
 		"hover": "#F53247",
 		"active": "#EB3046"
 	},
 	"colorAccentGreen": {
-		"normal": "#4BB34B",
+		"normal": "#4bb34b",
 		"hover": "#48AC4A",
 		"active": "#45A64A"
 	},
 	"colorAccentOrange": {
-		"normal": "#FFA000",
+		"normal": "#ffa000",
 		"hover": "#F59A02",
 		"active": "#EB9405"
 	},
 	"colorAccentOrangeFire": {
-		"normal": "#F05C44",
+		"normal": "#f05c44",
 		"hover": "#E65944",
 		"active": "#DD5643"
 	},
 	"colorAccentPurple": {
-		"normal": "#735CE6",
+		"normal": "#735ce6",
 		"hover": "#6E59DF",
 		"active": "#6A56D8"
 	},
 	"colorAccentViolet": {
-		"normal": "#792EC0",
+		"normal": "#792ec0",
 		"hover": "#742DBB",
 		"active": "#6F2CB6"
 	},
 	"colorAccentRaspberryPink": {
-		"normal": "#E03FAB",
+		"normal": "#e03fab",
 		"hover": "#D73DA7",
 		"active": "#CE3BA2"
 	},
 	"colorAccentSecondary": {
-		"normal": "#3F8AE0",
+		"normal": "#3f8ae0",
 		"hover": "#3C85D9",
 		"active": "#3A80D3"
 	},
 	"colorActionSheetText": {
-		"normal": "#3F8AE0",
+		"normal": "#3f8ae0",
 		"hover": "#3C85D9",
 		"active": "#3A80D3"
 	},
 	"colorHeaderBackground": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
 	"colorPanelHeaderIcon": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"colorWriteBarInputBackground": {
-		"normal": "#F2F3F5",
+		"normal": "#f2f3f5",
 		"hover": "#E8EAEE",
 		"active": "#DFE1E6"
 	},
 	"colorWriteBarInputBorder": {
-		"normal": "#E1E3E6",
+		"normal": "#e1e3e6",
 		"hover": "#D8DBDF",
 		"active": "#CFD2D8"
 	},
@@ -1073,17 +1076,17 @@
 		"active": "rgba(0, 0, 0, 0.16)"
 	},
 	"colorTrackBackground": {
-		"normal": "#E1E3E6",
+		"normal": "#e1e3e6",
 		"hover": "#D8DBDF",
 		"active": "#CFD2D8"
 	},
 	"colorTrackBuffer": {
-		"normal": "#A0BFE4",
+		"normal": "#a0bfe4",
 		"hover": "#9AB8DD",
 		"active": "#93B1D7"
 	},
 	"colorImagePlaceholder": {
-		"normal": "#F2F3F5",
+		"normal": "#f2f3f5",
 		"hover": "#E8EAEE",
 		"active": "#DFE1E6"
 	},
@@ -1093,27 +1096,27 @@
 		"active": "rgba(0, 28, 61, 0.16)"
 	},
 	"colorSearchFieldBackground": {
-		"normal": "#EBEDF0",
+		"normal": "#ebedf0",
 		"hover": "#E2E4E9",
 		"active": "#D8DBE2"
 	},
 	"colorWriteBarIcon": {
-		"normal": "#3F8AE0",
+		"normal": "#3f8ae0",
 		"hover": "#3C85D9",
 		"active": "#3A80D3"
 	},
 	"colorSkeletonFrom": {
-		"normal": "#F5F5F5",
+		"normal": "#f5f5f5",
 		"hover": "#EBECEE",
 		"active": "#E1E3E6"
 	},
 	"colorSkeletonTo": {
-		"normal": "#E1E3E6",
+		"normal": "#e1e3e6",
 		"hover": "#D8DBDF",
 		"active": "#CFD2D8"
 	},
 	"colorAvatarOverlay": {
-		"normal": "rgba(0, 0, 0, 0.6)",
+		"normal": "rgba(0, 0, 0, 0.60)",
 		"hover": "rgba(0, 0, 0, 0.64)",
 		"active": "rgba(0, 0, 0, 0.68)"
 	},
@@ -1123,15 +1126,25 @@
 		"active": "rgba(255, 255, 255, 0.93)"
 	},
 	"colorOverlayPrimary": {
-		"normal": "rgba(0, 0, 0, 0.4)",
+		"normal": "rgba(0, 0, 0, 0.40)",
 		"hover": "rgba(0, 0, 0, 0.44)",
 		"active": "rgba(0, 0, 0, 0.48)"
 	},
+	"colorOverlaySecondary": {
+		"normal": "rgb(44, 45, 46, 0.5)",
+		"hover": "rgba(44, 45, 46, 0.54)",
+		"active": "rgba(44, 45, 46, 0.58)"
+	},
 	"colorSegmentedControl": {
-		"normal": "#FFFFFF",
+		"normal": "#ffffff",
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
+	"colorTabbarTextInactive": {
+		"normal": "#99a2ad",
+		"hover": "#939CA9",
+		"active": "#8D96A4"
+	},
 	"colorTransparent": {
 		"normal": "transparent",
 		"hover": "rgba(0, 16, 61, 0.04)",
@@ -1473,7 +1486,7 @@
 		"active": "rgba(0, 16, 61, 0.24)"
 	},
 	"octaviusColorHeaderIcon": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
@@ -1493,7 +1506,7 @@
 		"active": "#EBECEF"
 	},
 	"octaviusColorHeaderTextSecondary": {
-		"normal": "#818C99",
+		"normal": "#818c99",
 		"hover": "#7C8795",
 		"active": "#778292"
 	},
@@ -1518,12 +1531,12 @@
 		"active": "rgba(0, 16, 61, 0.2)"
 	},
 	"octaviusColorHeaderSearchBackground": {
-		"normal": "#EBEDF0",
+		"normal": "#ebedf0",
 		"hover": "#E2E4E9",
 		"active": "#D8DBE2"
 	},
 	"octaviusColorHeaderSearchBackgroundCollapsed": {
-		"normal": "#EBEDF0",
+		"normal": "#ebedf0",
 		"hover": "#E2E4E9",
 		"active": "#D8DBE2"
 	},
@@ -1533,7 +1546,7 @@
 		"active": "#000105"
 	},
 	"octaviusColorHeaderSearchTextCollapsed": {
-		"normal": "#818C99",
+		"normal": "#818c99",
 		"hover": "#7C8795",
 		"active": "#778292"
 	},
@@ -1543,7 +1556,7 @@
 		"active": "rgba(0, 0, 0, 0.56)"
 	},
 	"octaviusColorHeaderProgress": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
@@ -1553,12 +1566,12 @@
 		"active": "#EBECEF"
 	},
 	"octaviusColorSidebarItemIconActive": {
-		"normal": "#2C2D2E",
+		"normal": "#2c2d2e",
 		"hover": "#2A2C2F",
 		"active": "#282B2F"
 	},
 	"octaviusColorSidebarItemIconPrimary": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
@@ -1623,17 +1636,17 @@
 		"active": "rgba(0, 16, 61, 0.16)"
 	},
 	"octaviusColorSidebarItemIconSecondary": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"octaviusColorSidebarItemTextSecondary": {
-		"normal": "#818C99",
+		"normal": "#818c99",
 		"hover": "#7C8795",
 		"active": "#778292"
 	},
 	"octaviusColorSidebarShortItemIcon": {
-		"normal": "#2C2D2E",
+		"normal": "#2c2d2e",
 		"hover": "#2A2C2F",
 		"active": "#282B2F"
 	},
@@ -1648,17 +1661,17 @@
 		"active": "#000105"
 	},
 	"octaviusColorSidebarShortItemIconActive": {
-		"normal": "#2C2D2E",
+		"normal": "#2c2d2e",
 		"hover": "#2A2C2F",
 		"active": "#282B2F"
 	},
 	"octaviusColorSidebarShortItemIconSecondary": {
-		"normal": "#99A2AD",
+		"normal": "#99a2ad",
 		"hover": "#939CA9",
 		"active": "#8D96A4"
 	},
 	"octaviusColorSidebarShortItemTextSecondary": {
-		"normal": "#818C99",
+		"normal": "#818c99",
 		"hover": "#7C8795",
 		"active": "#778292"
 	},
@@ -1688,12 +1701,12 @@
 		"active": "#1D5625"
 	},
 	"octaviusColorIconUnread": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"octaviusColorIconFavorite": {
-		"normal": "#FF3347",
+		"normal": "#ff3347",
 		"hover": "#F53247",
 		"active": "#EB3046"
 	},
@@ -1743,12 +1756,12 @@
 		"active": "rgba(193, 93, 243, 0.18)"
 	},
 	"octaviusColorSidebarIconUnread": {
-		"normal": "#2688EB",
+		"normal": "#2688eb",
 		"hover": "#2483E4",
 		"active": "#237EDD"
 	},
 	"octaviusColorSidebarIconFavorite": {
-		"normal": "#FF3347",
+		"normal": "#ff3347",
 		"hover": "#F53247",
 		"active": "#EB3046"
 	},