@vkontakte/vkui-tokens 4.0.0 → 4.2.0

package/themes/octaviusVK/cssVars/theme/index.js

@@ -1075,6 +1075,46 @@ var theme = {
             "value": "var(--vkui--size_badge_x_l--regular, 56px)"
         }
     },
+    "sizeCardgridPadding": {
+        "auto": {
+            "name": "--vkui--size_cardgrid_padding",
+            "value": "var(--vkui--size_cardgrid_padding)"
+        },
+        "regular": {
+            "name": "--vkui--size_cardgrid_padding--regular",
+            "value": "var(--vkui--size_cardgrid_padding--regular, 12px)"
+        }
+    },
+    "sizeCardBorderRadius": {
+        "auto": {
+            "name": "--vkui--size_card_border_radius",
+            "value": "var(--vkui--size_card_border_radius)"
+        },
+        "regular": {
+            "name": "--vkui--size_card_border_radius--regular",
+            "value": "var(--vkui--size_card_border_radius--regular, 16px)"
+        }
+    },
+    "sizeCardgridPaddingVertical": {
+        "auto": {
+            "name": "--vkui--size_cardgrid_padding_vertical",
+            "value": "var(--vkui--size_cardgrid_padding_vertical)"
+        },
+        "regular": {
+            "name": "--vkui--size_cardgrid_padding_vertical--regular",
+            "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)"
+        }
+    },
+    "sizeBasePaddingHorizontal": {
+        "auto": {
+            "name": "--vkui--size_base_padding_horizontal",
+            "value": "var(--vkui--size_base_padding_horizontal)"
+        },
+        "regular": {
+            "name": "--vkui--size_base_padding_horizontal--regular",
+            "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)"
+        }
+    },
     "elevation1": {
         "name": "--vkui--elevation1",
         "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04))"
@@ -2076,43 +2116,43 @@ var theme = {
     "colorBackgroundAccent": {
         "normal": {
             "name": "--vkui--color_background_accent",
-            "value": "var(--vkui--color_background_accent, #3F8AE0)"
+            "value": "var(--vkui--color_background_accent, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_background_accent--hover",
-            "value": "var(--vkui--color_background_accent--hover, #3C85D9)"
+            "value": "var(--vkui--color_background_accent--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_background_accent--active",
-            "value": "var(--vkui--color_background_accent--active, #3A80D3)"
+            "value": "var(--vkui--color_background_accent--active, #237EDD)"
         }
     },
     "colorBackgroundAccentThemed": {
         "normal": {
             "name": "--vkui--color_background_accent_themed",
-            "value": "var(--vkui--color_background_accent_themed, #3F8AE0)"
+            "value": "var(--vkui--color_background_accent_themed, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_background_accent_themed--hover",
-            "value": "var(--vkui--color_background_accent_themed--hover, #3C85D9)"
+            "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_background_accent_themed--active",
-            "value": "var(--vkui--color_background_accent_themed--active, #3A80D3)"
+            "value": "var(--vkui--color_background_accent_themed--active, #237EDD)"
         }
     },
     "colorBackgroundAccentAlternative": {
         "normal": {
             "name": "--vkui--color_background_accent_alternative",
-            "value": "var(--vkui--color_background_accent_alternative, #3F8AE0)"
+            "value": "var(--vkui--color_background_accent_alternative, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_background_accent_alternative--hover",
-            "value": "var(--vkui--color_background_accent_alternative--hover, #3C85D9)"
+            "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_background_accent_alternative--active",
-            "value": "var(--vkui--color_background_accent_alternative--active, #3A80D3)"
+            "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)"
         }
     },
     "colorBackgroundContent": {
@@ -2286,29 +2326,29 @@ var theme = {
     "colorTextAccent": {
         "normal": {
             "name": "--vkui--color_text_accent",
-            "value": "var(--vkui--color_text_accent, #3F8AE0)"
+            "value": "var(--vkui--color_text_accent, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_text_accent--hover",
-            "value": "var(--vkui--color_text_accent--hover, #3C85D9)"
+            "value": "var(--vkui--color_text_accent--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_text_accent--active",
-            "value": "var(--vkui--color_text_accent--active, #3A80D3)"
+            "value": "var(--vkui--color_text_accent--active, #237EDD)"
         }
     },
     "colorTextAccentThemed": {
         "normal": {
             "name": "--vkui--color_text_accent_themed",
-            "value": "var(--vkui--color_text_accent_themed, #3F8AE0)"
+            "value": "var(--vkui--color_text_accent_themed, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_text_accent_themed--hover",
-            "value": "var(--vkui--color_text_accent_themed--hover, #3C85D9)"
+            "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_text_accent_themed--active",
-            "value": "var(--vkui--color_text_accent_themed--active, #3A80D3)"
+            "value": "var(--vkui--color_text_accent_themed--active, #237EDD)"
         }
     },
     "colorTextNegative": {
@@ -2328,15 +2368,15 @@ var theme = {
     "colorTextLink": {
         "normal": {
             "name": "--vkui--color_text_link",
-            "value": "var(--vkui--color_text_link, #4986CC)"
+            "value": "var(--vkui--color_text_link, #2D81E0)"
         },
         "hover": {
             "name": "--vkui--color_text_link--hover",
-            "value": "var(--vkui--color_text_link--hover, #4681C6)"
+            "value": "var(--vkui--color_text_link--hover, #2B7CD9)"
         },
         "active": {
             "name": "--vkui--color_text_link--active",
-            "value": "var(--vkui--color_text_link--active, #437DC1)"
+            "value": "var(--vkui--color_text_link--active, #2978D3)"
         }
     },
     "colorTextLinkThemed": {
@@ -2510,15 +2550,15 @@ var theme = {
     "colorIconAccent": {
         "normal": {
             "name": "--vkui--color_icon_accent",
-            "value": "var(--vkui--color_icon_accent, #3F8AE0)"
+            "value": "var(--vkui--color_icon_accent, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_icon_accent--hover",
-            "value": "var(--vkui--color_icon_accent--hover, #3C85D9)"
+            "value": "var(--vkui--color_icon_accent--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_icon_accent--active",
-            "value": "var(--vkui--color_icon_accent--active, #3A80D3)"
+            "value": "var(--vkui--color_icon_accent--active, #237EDD)"
         }
     },
     "colorIconNegative": {
@@ -2692,29 +2732,29 @@ var theme = {
     "colorStrokeAccent": {
         "normal": {
             "name": "--vkui--color_stroke_accent",
-            "value": "var(--vkui--color_stroke_accent, #3F8AE0)"
+            "value": "var(--vkui--color_stroke_accent, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_stroke_accent--hover",
-            "value": "var(--vkui--color_stroke_accent--hover, #3C85D9)"
+            "value": "var(--vkui--color_stroke_accent--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_stroke_accent--active",
-            "value": "var(--vkui--color_stroke_accent--active, #3A80D3)"
+            "value": "var(--vkui--color_stroke_accent--active, #237EDD)"
         }
     },
     "colorStrokeAccentThemed": {
         "normal": {
             "name": "--vkui--color_stroke_accent_themed",
-            "value": "var(--vkui--color_stroke_accent_themed, #3F8AE0)"
+            "value": "var(--vkui--color_stroke_accent_themed, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_stroke_accent_themed--hover",
-            "value": "var(--vkui--color_stroke_accent_themed--hover, #3C85D9)"
+            "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_stroke_accent_themed--active",
-            "value": "var(--vkui--color_stroke_accent_themed--active, #3A80D3)"
+            "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)"
         }
     },
     "colorStrokeContrast": {
@@ -2972,15 +3012,15 @@ var theme = {
     "colorPanelHeaderIcon": {
         "normal": {
             "name": "--vkui--color_panel_header_icon",
-            "value": "var(--vkui--color_panel_header_icon, #3F8AE0)"
+            "value": "var(--vkui--color_panel_header_icon, #2688EB)"
         },
         "hover": {
             "name": "--vkui--color_panel_header_icon--hover",
-            "value": "var(--vkui--color_panel_header_icon--hover, #3C85D9)"
+            "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--color_panel_header_icon--active",
-            "value": "var(--vkui--color_panel_header_icon--active, #3A80D3)"
+            "value": "var(--vkui--color_panel_header_icon--active, #237EDD)"
         }
     },
     "colorWriteBarInputBackground": {
@@ -3714,15 +3754,15 @@ var theme = {
     "octaviusColorBackgroundAccentTonedAlpha": {
         "normal": {
             "name": "--vkui--octavius_color_background_accent_toned_alpha",
-            "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(63, 138, 224, 0.12))"
+            "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12))"
         },
         "hover": {
             "name": "--vkui--octavius_color_background_accent_toned_alpha--hover",
-            "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(63, 138, 224, 0.16))"
+            "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16))"
         },
         "active": {
             "name": "--vkui--octavius_color_background_accent_toned_alpha--active",
-            "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(63, 138, 224, 0.2))"
+            "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(38, 136, 235, 0.2))"
         }
     },
     "octaviusColorOverlayBackground": {
@@ -3784,15 +3824,15 @@ var theme = {
     "octaviusColorHeaderIcon": {
         "normal": {
             "name": "--vkui--octavius_color_header_icon",
-            "value": "var(--vkui--octavius_color_header_icon, #3F8AE0)"
+            "value": "var(--vkui--octavius_color_header_icon, #2688EB)"
         },
         "hover": {
             "name": "--vkui--octavius_color_header_icon--hover",
-            "value": "var(--vkui--octavius_color_header_icon--hover, #3C85D9)"
+            "value": "var(--vkui--octavius_color_header_icon--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--octavius_color_header_icon--active",
-            "value": "var(--vkui--octavius_color_header_icon--active, #3A80D3)"
+            "value": "var(--vkui--octavius_color_header_icon--active, #237EDD)"
         }
     },
     "octaviusColorHeaderTextSecondary": {
@@ -3938,15 +3978,15 @@ var theme = {
     "octaviusColorHeaderProgress": {
         "normal": {
             "name": "--vkui--octavius_color_header_progress",
-            "value": "var(--vkui--octavius_color_header_progress, #3F8AE0)"
+            "value": "var(--vkui--octavius_color_header_progress, #2688EB)"
         },
         "hover": {
             "name": "--vkui--octavius_color_header_progress--hover",
-            "value": "var(--vkui--octavius_color_header_progress--hover, #3C85D9)"
+            "value": "var(--vkui--octavius_color_header_progress--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--octavius_color_header_progress--active",
-            "value": "var(--vkui--octavius_color_header_progress--active, #3A80D3)"
+            "value": "var(--vkui--octavius_color_header_progress--active, #237EDD)"
         }
     },
     "octaviusColorPortalMenuBackground": {
@@ -3980,15 +4020,15 @@ var theme = {
     "octaviusColorSidebarItemIconPrimary": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_item_icon_primary",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #3F8AE0)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688EB)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #3C85D9)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--octavius_color_sidebar_item_icon_primary--active",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #3A80D3)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)"
         }
     },
     "octaviusColorSidebarItemTextActive": {
@@ -4162,15 +4202,15 @@ var theme = {
     "octaviusColorSidebarItemIconSecondary": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_item_icon_secondary",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #3F8AE0)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688EB)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #3C85D9)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #3A80D3)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)"
         }
     },
     "octaviusColorSidebarItemTextSecondary": {
@@ -4330,15 +4370,15 @@ var theme = {
     "octaviusColorIconUnread": {
         "normal": {
             "name": "--vkui--octavius_color_icon_unread",
-            "value": "var(--vkui--octavius_color_icon_unread, #3F8AE0)"
+            "value": "var(--vkui--octavius_color_icon_unread, #2688EB)"
         },
         "hover": {
             "name": "--vkui--octavius_color_icon_unread--hover",
-            "value": "var(--vkui--octavius_color_icon_unread--hover, #3C85D9)"
+            "value": "var(--vkui--octavius_color_icon_unread--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--octavius_color_icon_unread--active",
-            "value": "var(--vkui--octavius_color_icon_unread--active, #3A80D3)"
+            "value": "var(--vkui--octavius_color_icon_unread--active, #237EDD)"
         }
     },
     "octaviusColorIconFavorite": {
@@ -4442,15 +4482,15 @@ var theme = {
     "octaviusColorSidebarIconUnread": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_icon_unread",
-            "value": "var(--vkui--octavius_color_sidebar_icon_unread, #3F8AE0)"
+            "value": "var(--vkui--octavius_color_sidebar_icon_unread, #2688EB)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_icon_unread--hover",
-            "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #3C85D9)"
+            "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4)"
         },
         "active": {
             "name": "--vkui--octavius_color_sidebar_icon_unread--active",
-            "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #3A80D3)"
+            "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD)"
         }
     },
     "octaviusColorSidebarIconFavorite": {