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

package/themes/vkontakteIOSDark/index.js

@@ -186,6 +186,9 @@ var theme = {
     "sizeBorderRadius": {
         "regular": 10
     },
+    "sizeBorderRadiusRounded": {
+        "regular": 48
+    },
     "sizeCheckBorderRadius": {
         "regular": 4
     },
@@ -225,7 +228,7 @@ var theme = {
         "regular": 40
     },
     "sizePopupSmall": {
-        "regular": 420
+        "regular": 430
     },
     "sizePopupMedium": {
         "regular": 680
@@ -434,7 +437,7 @@ var theme = {
     },
     "colorsScheme": "dark",
     "colorBackgroundAccent": {
-        "normal": "#529EF4",
+        "normal": "#529ef4",
         "hover": "#59A2F4",
         "active": "#60A6F5"
     },
@@ -454,12 +457,12 @@ var theme = {
         "active": "#60A6F5"
     },
     "colorBackground": {
-        "normal": "#0A0A0A",
+        "normal": "#0a0a0a",
         "hover": "#141414",
         "active": "#1E1E1E"
     },
     "colorBackgroundContent": {
-        "normal": "#19191A",
+        "normal": "#19191a",
         "hover": "#222223",
         "active": "#2B2B2C"
     },
@@ -494,12 +497,12 @@ var theme = {
         "active": "rgba(255, 255, 255, 0.28)"
     },
     "colorBackgroundContrastInverse": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#343536",
         "active": "#3D3E3F"
     },
     "colorBackgroundModal": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#343536",
         "active": "#3D3E3F"
     },
@@ -514,24 +517,24 @@ var theme = {
         "active": "#8F7D5E"
     },
     "colorBackgroundPositive": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#52B652",
         "active": "#59B959"
     },
     "colorBackgroundNegative": {
-        "normal": "#FF5C5C",
+        "normal": "#ff5c5c",
         "hover": "#FF6363",
         "active": "#FF6969"
     },
     "colorBackgroundNegativeTint": {
-        "normal": "#522E2E",
+        "normal": "#522e2e",
         "hover": "#593636",
         "active": "#603F3F"
     },
     "colorBackgroundPositiveTint": {
-        "normal": "#E8f9e8",
-        "hover": "#E9F9E9",
-        "active": "#EAF9EA"
+        "normal": "#b1d6b1",
+        "hover": "#B4D8B4",
+        "active": "#B7D9B7"
     },
     "colorFieldBackground": {
         "normal": "#232324",
@@ -539,12 +542,12 @@ var theme = {
         "active": "#353536"
     },
     "colorHeaderBackground": {
-        "normal": "#19191A",
+        "normal": "#19191a",
         "hover": "#222223",
         "active": "#2B2B2C"
     },
     "colorTextAccent": {
-        "normal": "#529EF4",
+        "normal": "#529ef4",
         "hover": "#59A2F4",
         "active": "#60A6F5"
     },
@@ -554,7 +557,7 @@ var theme = {
         "active": "#D7D8DB"
     },
     "colorTextPrimary": {
-        "normal": "#E1E3E6",
+        "normal": "#e1e3e6",
         "hover": "#E2E4E7",
         "active": "#E3E5E8"
     },
@@ -564,17 +567,17 @@ var theme = {
         "active": "#141414"
     },
     "colorTextSecondary": {
-        "normal": "#76787A",
+        "normal": "#76787a",
         "hover": "#7B7D7F",
         "active": "#818385"
     },
     "colorTextSubhead": {
-        "normal": "#969A9F",
+        "normal": "#969a9f",
         "hover": "#9A9EA3",
         "active": "#9EA2A7"
     },
     "colorTextTertiary": {
-        "normal": "#5D5F61",
+        "normal": "#5d5f61",
         "hover": "#636567",
         "active": "#6A6C6E"
     },
@@ -589,17 +592,17 @@ var theme = {
         "active": "#141414"
     },
     "colorTextPositive": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#52B652",
         "active": "#59B959"
     },
     "colorTextNegative": {
-        "normal": "#FF5C5C",
+        "normal": "#ff5c5c",
         "hover": "#FF6363",
         "active": "#FF6969"
     },
     "colorTextLink": {
-        "normal": "#529EF4",
+        "normal": "#529ef4",
         "hover": "#59A2F4",
         "active": "#60A6F5"
     },
@@ -609,17 +612,17 @@ var theme = {
         "active": "#D7D8DB"
     },
     "colorTextLinkTint": {
-        "normal": "#71AAEB",
+        "normal": "#71aaeb",
         "hover": "#77ADEC",
         "active": "#7CB1ED"
     },
     "colorTextLinkVisited": {
-        "normal": "#4986CC",
+        "normal": "#4986cc",
         "hover": "#508BCE",
         "active": "#5890D0"
     },
     "colorTextMuted": {
-        "normal": "#E1E3E6",
+        "normal": "#e1e3e6",
         "hover": "#E2E4E7",
         "active": "#E3E5E8"
     },
@@ -634,7 +637,7 @@ var theme = {
         "active": "#D7D8DB"
     },
     "colorIconAccent": {
-        "normal": "#529EF4",
+        "normal": "#529ef4",
         "hover": "#59A2F4",
         "active": "#60A6F5"
     },
@@ -644,17 +647,17 @@ var theme = {
         "active": "#D7D8DB"
     },
     "colorIconPrimary": {
-        "normal": "#E1E3E6",
+        "normal": "#e1e3e6",
         "hover": "#E2E4E7",
         "active": "#E3E5E8"
     },
     "colorIconPrimaryInvariably": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#343536",
         "active": "#3D3E3F"
     },
     "colorIconMedium": {
-        "normal": "#B0B1B6",
+        "normal": "#b0b1b6",
         "hover": "#B3B4B9",
         "active": "#B6B7BC"
     },
@@ -664,7 +667,7 @@ var theme = {
         "active": "rgba(241, 247, 255, 0.74)"
     },
     "colorIconSecondary": {
-        "normal": "#76787A",
+        "normal": "#76787a",
         "hover": "#7B7D7F",
         "active": "#818385"
     },
@@ -674,12 +677,12 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.51)"
     },
     "colorIconTertiary": {
-        "normal": "#5D5F61",
+        "normal": "#5d5f61",
         "hover": "#636567",
         "active": "#6A6C6E"
     },
     "colorIconTertiaryAlpha": {
-        "normal": "rgba(255, 255, 255, 0.3)",
+        "normal": "rgba(255, 255, 255, 0.30)",
         "hover": "rgba(255, 255, 255, 0.34)",
         "active": "rgba(255, 255, 255, 0.38)"
     },
@@ -694,17 +697,17 @@ var theme = {
         "active": "#141414"
     },
     "colorIconContrastSecondary": {
-        "normal": "#F2F3F5",
+        "normal": "#f2f3f5",
         "hover": "#F3F3F5",
         "active": "#F3F4F6"
     },
     "colorIconPositive": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#52B652",
         "active": "#59B959"
     },
     "colorIconNegative": {
-        "normal": "#FF5C5C",
+        "normal": "#ff5c5c",
         "hover": "#FF6363",
         "active": "#FF6969"
     },
@@ -714,7 +717,7 @@ var theme = {
         "active": "#D7D8DB"
     },
     "colorStrokeAccent": {
-        "normal": "#529EF4",
+        "normal": "#529ef4",
         "hover": "#59A2F4",
         "active": "#60A6F5"
     },
@@ -749,12 +752,12 @@ var theme = {
         "active": "#272728"
     },
     "colorStrokePositive": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#52B652",
         "active": "#59B959"
     },
     "colorStrokeNegative": {
-        "normal": "#FF5C5C",
+        "normal": "#ff5c5c",
         "hover": "#FF6363",
         "active": "#FF6969"
     },
@@ -779,62 +782,67 @@ var theme = {
         "active": "#D7D8DB"
     },
     "colorAccentBlue": {
-        "normal": "#529EF4",
-        "hover": "#59A2F4",
-        "active": "#60A6F5"
+        "normal": "#71aaeb",
+        "hover": "#77ADEC",
+        "active": "#7CB1ED"
     },
     "colorAccentGray": {
-        "normal": "#A3ADB8",
+        "normal": "#a3adb8",
         "hover": "#A7B0BB",
         "active": "#AAB4BE"
     },
     "colorAccentRed": {
-        "normal": "#FF3347",
+        "normal": "#ff3347",
         "hover": "#FF3B4E",
         "active": "#FF4356"
     },
     "colorAccentGreen": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#52B652",
         "active": "#59B959"
     },
     "colorAccentOrange": {
-        "normal": "#FFA000",
+        "normal": "#ffa000",
         "hover": "#FFA40A",
         "active": "#FFA814"
     },
     "colorAccentOrangeFire": {
-        "normal": "#F05C44",
+        "normal": "#f05c44",
         "hover": "#F1634B",
         "active": "#F16953"
     },
     "colorAccentPurple": {
-        "normal": "#735CE6",
-        "hover": "#7963E7",
-        "active": "#7E69E8"
+        "normal": "#8b74ff",
+        "hover": "#907AFF",
+        "active": "#947FFF"
     },
     "colorAccentViolet": {
-        "normal": "#792EC0",
-        "hover": "#7E36C3",
-        "active": "#843FC5"
+        "normal": "#a94fff",
+        "hover": "#AC56FF",
+        "active": "#B05DFF"
     },
     "colorAccentRaspberryPink": {
-        "normal": "#F060C0",
+        "normal": "#f060c0",
         "hover": "#F166C3",
         "active": "#F16DC5"
     },
     "colorAccentSecondary": {
-        "normal": "#3F8AE0",
+        "normal": "#3f8ae0",
         "hover": "#478FE1",
         "active": "#4E93E2"
     },
     "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(55, 56, 57, 0.5)",
+        "hover": "rgba(55, 56, 57, 0.54)",
+        "active": "rgba(55, 56, 57, 0.58)"
+    },
     "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)"
     },
@@ -843,8 +851,13 @@ var theme = {
         "hover": "rgba(255, 255, 255, 0.89)",
         "active": "rgba(255, 255, 255, 0.93)"
     },
+    "colorActionSheetText": {
+        "normal": "#71aaeb",
+        "hover": "#77ADEC",
+        "active": "#7CB1ED"
+    },
     "colorImagePlaceholder": {
-        "normal": "#2A2B2C",
+        "normal": "#2a2b2c",
         "hover": "#333334",
         "active": "#3B3C3D"
     },
@@ -859,22 +872,22 @@ var theme = {
         "active": "#353536"
     },
     "colorSkeletonTo": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#343536",
         "active": "#3D3E3F"
     },
     "colorWriteBarIcon": {
-        "normal": "#529EF4",
-        "hover": "#59A2F4",
-        "active": "#60A6F5"
+        "normal": "#76787a",
+        "hover": "#7B7D7F",
+        "active": "#818385"
     },
     "colorWriteBarInputBackground": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#343536",
         "active": "#3D3E3F"
     },
     "colorWriteBarInputBorder": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#343536",
         "active": "#3D3E3F"
     },
@@ -883,11 +896,6 @@ var theme = {
         "hover": "rgba(255, 255, 255, 0.84)",
         "active": "rgba(255, 255, 255, 0.88)"
     },
-    "colorActionSheetText": {
-        "normal": "#529EF4",
-        "hover": "#59A2F4",
-        "active": "#60A6F5"
-    },
     "colorTrackBackground": {
         "normal": "#454647",
         "hover": "#4C4D4E",
@@ -904,7 +912,7 @@ var theme = {
         "active": "#464748"
     },
     "colorPanelHeaderIcon": {
-        "normal": "#71AAEB",
+        "normal": "#71aaeb",
         "hover": "#77ADEC",
         "active": "#7CB1ED"
     },
@@ -913,6 +921,11 @@ var theme = {
         "hover": "#68696A",
         "active": "#6F6F70"
     },
+    "colorTabbarTextInactive": {
+        "normal": "#76787a",
+        "hover": "#7B7D7F",
+        "active": "#818385"
+    },
     "colorTransparent": {
         "normal": "transparent",
         "hover": "rgba(255, 255, 255, 0.04)",
@@ -923,6 +936,11 @@ var theme = {
         "hover": "rgba(255, 255, 255, 0.19)",
         "active": "rgba(255, 255, 255, 0.23)"
     },
+    "vkontakteColorSnippetBackground": {
+        "normal": "#232324",
+        "hover": "#2C2C2D",
+        "active": "#353536"
+    },
     "vkontakteColorModalCardBorderAlpha": {
         "normal": "rgba(255, 255, 255, 0.12)",
         "hover": "rgba(255, 255, 255, 0.16)",
@@ -943,6 +961,236 @@ var theme = {
         "hover": "#343536",
         "active": "#3D3E3F"
     },
+    "vkontakteColorSearchBarBackground": {
+        "normal": "#19191a",
+        "hover": "#222223",
+        "active": "#2B2B2C"
+    },
+    "vkontakteColorSearchBarFieldTint": {
+        "normal": "#aaaeb3",
+        "hover": "#ADB1B6",
+        "active": "#B1B4B9"
+    },
+    "vkontakteBackgroundHoverAlpha": {
+        "normal": "rgba(255, 255, 255, 0.04)",
+        "hover": "rgba(255, 255, 255, 0.08)",
+        "active": "rgba(255, 255, 255, 0.12)"
+    },
+    "vkontakteColorAccentAlternate": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
+    "vkontakteColorBackgroundSuggestions": {
+        "normal": "#2c2d2e",
+        "hover": "#343536",
+        "active": "#3D3E3F"
+    },
+    "vkontakteColorBackgroundKeyboard": {
+        "normal": "#2c2d2e",
+        "hover": "#343536",
+        "active": "#3D3E3F"
+    },
+    "vkontakteColorContentPlaceholderIcon": {
+        "normal": "#aaaeb3",
+        "hover": "#ADB1B6",
+        "active": "#B1B4B9"
+    },
+    "vkontakteColorContentTintForeground": {
+        "normal": "#909499",
+        "hover": "#94989D",
+        "active": "#999DA1"
+    },
+    "vkontakteColorTextName": {
+        "normal": "#e1e3e6",
+        "hover": "#E2E4E7",
+        "active": "#E3E5E8"
+    },
+    "vkontakteColorControlBackground": {
+        "normal": "#454647",
+        "hover": "#4C4D4E",
+        "active": "#545556"
+    },
+    "vkontakteColorControlForeground": {
+        "normal": "#e1e3e6",
+        "hover": "#E2E4E7",
+        "active": "#E3E5E8"
+    },
+    "vkontakteColorControlTintMuted": {
+        "normal": "#909499",
+        "hover": "#94989D",
+        "active": "#999DA1"
+    },
+    "vkontakteColorHeaderSearchFieldBackground": {
+        "normal": "#363738",
+        "hover": "#3E3F40",
+        "active": "#464748"
+    },
+    "vkontakteColorHeaderSearchFieldTint": {
+        "normal": "#aaaeb3",
+        "hover": "#ADB1B6",
+        "active": "#B1B4B9"
+    },
+    "vkontakteColorHeaderTabActiveIndicator": {
+        "normal": "#529ef4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
+    },
+    "vkontakteColorIconOutlineMedium": {
+        "normal": "#aaaeb3",
+        "hover": "#ADB1B6",
+        "active": "#B1B4B9"
+    },
+    "vkontakteColorIconOutlineSecondary": {
+        "normal": "#909499",
+        "hover": "#94989D",
+        "active": "#999DA1"
+    },
+    "vkontakteColorSkeletonShimmerFrom": {
+        "normal": "#19191a",
+        "hover": "#222223",
+        "active": "#2B2B2C"
+    },
+    "vkontakteColorAlphaSkeletonShimmerTo": {
+        "normal": "transparent",
+        "hover": "rgba(255, 255, 255, 0.04)",
+        "active": "rgba(255, 255, 255, 0.08)"
+    },
+    "vkontakteColorLoaderBackground": {
+        "normal": "#19191a",
+        "hover": "#222223",
+        "active": "#2B2B2C"
+    },
+    "vkontakteColorLoaderTint": {
+        "normal": "#76787a",
+        "hover": "#7B7D7F",
+        "active": "#818385"
+    },
+    "vkontakteColorMusicPlaybackIcon": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
+    "vkontakteColorStatusBackground": {
+        "normal": "#19191a",
+        "hover": "#222223",
+        "active": "#2B2B2C"
+    },
+    "vkontakteColorPlaceholderIconForegroundPrimary": {
+        "normal": "#909499",
+        "hover": "#94989D",
+        "active": "#999DA1"
+    },
+    "vkontakteColorPlaceholderIconForegroundSecondary": {
+        "normal": "#5d5f61",
+        "hover": "#636567",
+        "active": "#6A6C6E"
+    },
+    "vkontakteColorPlaceholderIconTint": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
+    "vkontakteColorPollOptionBackground": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
+    "vkontakteColorTabbarActiveIcon": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
+    "vkontakteColorTabbarBackground": {
+        "normal": "#2c2d2e",
+        "hover": "#343536",
+        "active": "#3D3E3F"
+    },
+    "vkontakteColorTabbarInactiveIcon": {
+        "normal": "#76787a",
+        "hover": "#7B7D7F",
+        "active": "#818385"
+    },
+    "vkontakteColorTabbarTabletTextSecondary": {
+        "normal": "#76787a",
+        "hover": "#7B7D7F",
+        "active": "#818385"
+    },
+    "vkontakteColorToolbarAttachBackgroundFrom": {
+        "normal": "#76787a",
+        "hover": "#7B7D7F",
+        "active": "#818385"
+    },
+    "vkontakteColorSplashScreenIcon": {
+        "normal": "#2c2d2e",
+        "hover": "#343536",
+        "active": "#3D3E3F"
+    },
+    "vkontakteColorIconName": {
+        "normal": "#aaaeb3",
+        "hover": "#ADB1B6",
+        "active": "#B1B4B9"
+    },
+    "vkontakteColorPanelTabActiveText": {
+        "normal": "#e1e3e6",
+        "hover": "#E2E4E7",
+        "active": "#E3E5E8"
+    },
+    "vkontakteColorBackgroundTextAlpha": {
+        "normal": "rgba(82, 158, 244, 0.24)",
+        "hover": "rgba(82, 158, 244, 0.28)",
+        "active": "rgba(82, 158, 244, 0.32)"
+    },
+    "vkontakteColorModalCardHeaderClose": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
+    "vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+        "normal": "rgba(255, 255, 255, 0.20)",
+        "hover": "rgba(255, 255, 255, 0.24)",
+        "active": "rgba(255, 255, 255, 0.28)"
+    },
+    "vkontakteImBubbleButtonForeground": {
+        "normal": "#e1e3e6",
+        "hover": "#E2E4E7",
+        "active": "#E3E5E8"
+    },
+    "vkontakteImBubbleIncomingHighlighted": {
+        "normal": "#5d5f61",
+        "hover": "#636567",
+        "active": "#6A6C6E"
+    },
+    "vkontakteImBubbleGiftBackground": {
+        "normal": "#857250",
+        "hover": "#8A7857",
+        "active": "#8F7D5E"
+    },
+    "vkontakteImBubbleGiftBackgroundHighlighted": {
+        "normal": "#ab9871",
+        "hover": "#AE9C77",
+        "active": "#B2A07C"
+    },
+    "vkontakteImBubbleOutgoingAlternate": {
+        "normal": "#454647",
+        "hover": "#4C4D4E",
+        "active": "#545556"
+    },
+    "vkontakteImAttachTint": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
+    "vkontakteImReplySeparator": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
+    "vkontakteImToolbarVoiceMsgBackground": {
+        "normal": "#454647",
+        "hover": "#4C4D4E",
+        "active": "#545556"
+    },
     "vkontakteColorImForwardLineAlpha": {
         "normal": "rgba(255, 255, 255, 0.24)",
         "hover": "rgba(255, 255, 255, 0.28)",