@vkontakte/vkui-tokens 4.90.1 → 4.91.0

package/interfaces/themes/octavius/index.d.ts

@@ -103,6 +103,24 @@ export interface LocalOctaviusColorsDescriptionStruct {
     colorTagTextMagenta: ColorDescription;
     colorTagBackgroundTickle: ColorDescription;
     colorTagTextTickle: ColorDescription;
+    colorTagBackgroundPink2: ColorDescription;
+    colorTagTextPink2: ColorDescription;
+    colorTagBackgroundTeal: ColorDescription;
+    colorTagTextTeal: ColorDescription;
+    colorTagBackgroundCyan: ColorDescription;
+    colorTagTextCyan: ColorDescription;
+    colorTagBackgroundBlue: ColorDescription;
+    colorTagTextBlue: ColorDescription;
+    colorTagBackgroundOrange2: ColorDescription;
+    colorTagTextOrange2: ColorDescription;
+    colorTagBackgroundRed: ColorDescription;
+    colorTagTextRed: ColorDescription;
+    colorTagBackgroundViolet2: ColorDescription;
+    colorTagTextViolet2: ColorDescription;
+    colorTagBackgroundPurple2: ColorDescription;
+    colorTagTextPurple2: ColorDescription;
+    colorTagBackgroundGreen: ColorDescription;
+    colorTagTextGreen: ColorDescription;
     // Токены кнопки
     octaviusColorButtonText: ColorDescription;
     octaviusColorButtonIcon: ColorDescription;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.90.1",
+  "version": "4.91.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "type": "module",
   "license": "MIT",

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

@@ -964,6 +964,60 @@
 	--vkui--color_tag_text_tickle: #5C212F;
 	--vkui--color_tag_text_tickle--hover: #582030;
 	--vkui--color_tag_text_tickle--active: #552030;
+	--vkui--color_tag_background_pink2: #FF54AA;
+	--vkui--color_tag_background_pink2--hover: #F551A6;
+	--vkui--color_tag_background_pink2--active: #EB4FA1;
+	--vkui--color_tag_text_pink2: #FFFFFF;
+	--vkui--color_tag_text_pink2--hover: #F5F5F7;
+	--vkui--color_tag_text_pink2--active: #EBECEF;
+	--vkui--color_tag_background_teal: #13B4BF;
+	--vkui--color_tag_background_teal--hover: #12ADBA;
+	--vkui--color_tag_background_teal--active: #11A7B5;
+	--vkui--color_tag_text_teal: #FFFFFF;
+	--vkui--color_tag_text_teal--hover: #F5F5F7;
+	--vkui--color_tag_text_teal--active: #EBECEF;
+	--vkui--color_tag_background_cyan: #07E5F9;
+	--vkui--color_tag_background_cyan--hover: #07DCF1;
+	--vkui--color_tag_background_cyan--active: #06D4EA;
+	--vkui--color_tag_text_cyan: #FFFFFF;
+	--vkui--color_tag_text_cyan--hover: #F5F5F7;
+	--vkui--color_tag_text_cyan--active: #EBECEF;
+	--vkui--color_tag_background_blue: #5A9EFF;
+	--vkui--color_tag_background_blue--hover: #5698F7;
+	--vkui--color_tag_background_blue--active: #5393EF;
+	--vkui--color_tag_text_blue: #FFFFFF;
+	--vkui--color_tag_text_blue--hover: #F5F5F7;
+	--vkui--color_tag_text_blue--active: #EBECEF;
+	--vkui--color_tag_background_orange2: #FF9E00;
+	--vkui--color_tag_background_orange2--hover: #F59802;
+	--vkui--color_tag_background_orange2--active: #EB9305;
+	--vkui--color_tag_text_orange2: #FFFFFF;
+	--vkui--color_tag_text_orange2--hover: #F5F5F7;
+	--vkui--color_tag_text_orange2--active: #EBECEF;
+	--vkui--color_tag_background_red: #FC2C38;
+	--vkui--color_tag_background_red--hover: #F22B38;
+	--vkui--color_tag_background_red--active: #E82A38;
+	--vkui--color_tag_text_red: #FFFFFF;
+	--vkui--color_tag_text_red--hover: #F5F5F7;
+	--vkui--color_tag_text_red--active: #EBECEF;
+	--vkui--color_tag_background_violet2: #C15DF3;
+	--vkui--color_tag_background_violet2--hover: #B95AEC;
+	--vkui--color_tag_background_violet2--active: #B257E4;
+	--vkui--color_tag_text_violet2: #FFFFFF;
+	--vkui--color_tag_text_violet2--hover: #F5F5F7;
+	--vkui--color_tag_text_violet2--active: #EBECEF;
+	--vkui--color_tag_background_purple2: #8C64FF;
+	--vkui--color_tag_background_purple2--hover: #8661F7;
+	--vkui--color_tag_background_purple2--active: #815DEF;
+	--vkui--color_tag_text_purple2: #FFFFFF;
+	--vkui--color_tag_text_purple2--hover: #F5F5F7;
+	--vkui--color_tag_text_purple2--active: #EBECEF;
+	--vkui--color_tag_background_green: #0DC268;
+	--vkui--color_tag_background_green--hover: #0CBB66;
+	--vkui--color_tag_background_green--active: #0CB465;
+	--vkui--color_tag_text_green: #FFFFFF;
+	--vkui--color_tag_text_green--hover: #F5F5F7;
+	--vkui--color_tag_text_green--active: #EBECEF;
 	--vkui--octavius_color_placeholder_background: #ffffff;
 	--vkui--octavius_color_placeholder_background--hover: #F5F5F7;
 	--vkui--octavius_color_placeholder_background--active: #EBECEF;

package/themes/octavius/cssVars/declarations/noSizes.css

@@ -660,6 +660,60 @@
 	--vkui--color_tag_text_tickle: #5C212F;
 	--vkui--color_tag_text_tickle--hover: #582030;
 	--vkui--color_tag_text_tickle--active: #552030;
+	--vkui--color_tag_background_pink2: #FF54AA;
+	--vkui--color_tag_background_pink2--hover: #F551A6;
+	--vkui--color_tag_background_pink2--active: #EB4FA1;
+	--vkui--color_tag_text_pink2: #FFFFFF;
+	--vkui--color_tag_text_pink2--hover: #F5F5F7;
+	--vkui--color_tag_text_pink2--active: #EBECEF;
+	--vkui--color_tag_background_teal: #13B4BF;
+	--vkui--color_tag_background_teal--hover: #12ADBA;
+	--vkui--color_tag_background_teal--active: #11A7B5;
+	--vkui--color_tag_text_teal: #FFFFFF;
+	--vkui--color_tag_text_teal--hover: #F5F5F7;
+	--vkui--color_tag_text_teal--active: #EBECEF;
+	--vkui--color_tag_background_cyan: #07E5F9;
+	--vkui--color_tag_background_cyan--hover: #07DCF1;
+	--vkui--color_tag_background_cyan--active: #06D4EA;
+	--vkui--color_tag_text_cyan: #FFFFFF;
+	--vkui--color_tag_text_cyan--hover: #F5F5F7;
+	--vkui--color_tag_text_cyan--active: #EBECEF;
+	--vkui--color_tag_background_blue: #5A9EFF;
+	--vkui--color_tag_background_blue--hover: #5698F7;
+	--vkui--color_tag_background_blue--active: #5393EF;
+	--vkui--color_tag_text_blue: #FFFFFF;
+	--vkui--color_tag_text_blue--hover: #F5F5F7;
+	--vkui--color_tag_text_blue--active: #EBECEF;
+	--vkui--color_tag_background_orange2: #FF9E00;
+	--vkui--color_tag_background_orange2--hover: #F59802;
+	--vkui--color_tag_background_orange2--active: #EB9305;
+	--vkui--color_tag_text_orange2: #FFFFFF;
+	--vkui--color_tag_text_orange2--hover: #F5F5F7;
+	--vkui--color_tag_text_orange2--active: #EBECEF;
+	--vkui--color_tag_background_red: #FC2C38;
+	--vkui--color_tag_background_red--hover: #F22B38;
+	--vkui--color_tag_background_red--active: #E82A38;
+	--vkui--color_tag_text_red: #FFFFFF;
+	--vkui--color_tag_text_red--hover: #F5F5F7;
+	--vkui--color_tag_text_red--active: #EBECEF;
+	--vkui--color_tag_background_violet2: #C15DF3;
+	--vkui--color_tag_background_violet2--hover: #B95AEC;
+	--vkui--color_tag_background_violet2--active: #B257E4;
+	--vkui--color_tag_text_violet2: #FFFFFF;
+	--vkui--color_tag_text_violet2--hover: #F5F5F7;
+	--vkui--color_tag_text_violet2--active: #EBECEF;
+	--vkui--color_tag_background_purple2: #8C64FF;
+	--vkui--color_tag_background_purple2--hover: #8661F7;
+	--vkui--color_tag_background_purple2--active: #815DEF;
+	--vkui--color_tag_text_purple2: #FFFFFF;
+	--vkui--color_tag_text_purple2--hover: #F5F5F7;
+	--vkui--color_tag_text_purple2--active: #EBECEF;
+	--vkui--color_tag_background_green: #0DC268;
+	--vkui--color_tag_background_green--hover: #0CBB66;
+	--vkui--color_tag_background_green--active: #0CB465;
+	--vkui--color_tag_text_green: #FFFFFF;
+	--vkui--color_tag_text_green--hover: #F5F5F7;
+	--vkui--color_tag_text_green--active: #EBECEF;
 	--vkui--octavius_color_placeholder_background: #ffffff;
 	--vkui--octavius_color_placeholder_background--hover: #F5F5F7;
 	--vkui--octavius_color_placeholder_background--active: #EBECEF;

package/themes/octavius/cssVars/declarations/onlyColors.css

@@ -602,6 +602,60 @@
 	--vkui--color_tag_text_tickle: #5C212F;
 	--vkui--color_tag_text_tickle--hover: #582030;
 	--vkui--color_tag_text_tickle--active: #552030;
+	--vkui--color_tag_background_pink2: #FF54AA;
+	--vkui--color_tag_background_pink2--hover: #F551A6;
+	--vkui--color_tag_background_pink2--active: #EB4FA1;
+	--vkui--color_tag_text_pink2: #FFFFFF;
+	--vkui--color_tag_text_pink2--hover: #F5F5F7;
+	--vkui--color_tag_text_pink2--active: #EBECEF;
+	--vkui--color_tag_background_teal: #13B4BF;
+	--vkui--color_tag_background_teal--hover: #12ADBA;
+	--vkui--color_tag_background_teal--active: #11A7B5;
+	--vkui--color_tag_text_teal: #FFFFFF;
+	--vkui--color_tag_text_teal--hover: #F5F5F7;
+	--vkui--color_tag_text_teal--active: #EBECEF;
+	--vkui--color_tag_background_cyan: #07E5F9;
+	--vkui--color_tag_background_cyan--hover: #07DCF1;
+	--vkui--color_tag_background_cyan--active: #06D4EA;
+	--vkui--color_tag_text_cyan: #FFFFFF;
+	--vkui--color_tag_text_cyan--hover: #F5F5F7;
+	--vkui--color_tag_text_cyan--active: #EBECEF;
+	--vkui--color_tag_background_blue: #5A9EFF;
+	--vkui--color_tag_background_blue--hover: #5698F7;
+	--vkui--color_tag_background_blue--active: #5393EF;
+	--vkui--color_tag_text_blue: #FFFFFF;
+	--vkui--color_tag_text_blue--hover: #F5F5F7;
+	--vkui--color_tag_text_blue--active: #EBECEF;
+	--vkui--color_tag_background_orange2: #FF9E00;
+	--vkui--color_tag_background_orange2--hover: #F59802;
+	--vkui--color_tag_background_orange2--active: #EB9305;
+	--vkui--color_tag_text_orange2: #FFFFFF;
+	--vkui--color_tag_text_orange2--hover: #F5F5F7;
+	--vkui--color_tag_text_orange2--active: #EBECEF;
+	--vkui--color_tag_background_red: #FC2C38;
+	--vkui--color_tag_background_red--hover: #F22B38;
+	--vkui--color_tag_background_red--active: #E82A38;
+	--vkui--color_tag_text_red: #FFFFFF;
+	--vkui--color_tag_text_red--hover: #F5F5F7;
+	--vkui--color_tag_text_red--active: #EBECEF;
+	--vkui--color_tag_background_violet2: #C15DF3;
+	--vkui--color_tag_background_violet2--hover: #B95AEC;
+	--vkui--color_tag_background_violet2--active: #B257E4;
+	--vkui--color_tag_text_violet2: #FFFFFF;
+	--vkui--color_tag_text_violet2--hover: #F5F5F7;
+	--vkui--color_tag_text_violet2--active: #EBECEF;
+	--vkui--color_tag_background_purple2: #8C64FF;
+	--vkui--color_tag_background_purple2--hover: #8661F7;
+	--vkui--color_tag_background_purple2--active: #815DEF;
+	--vkui--color_tag_text_purple2: #FFFFFF;
+	--vkui--color_tag_text_purple2--hover: #F5F5F7;
+	--vkui--color_tag_text_purple2--active: #EBECEF;
+	--vkui--color_tag_background_green: #0DC268;
+	--vkui--color_tag_background_green--hover: #0CBB66;
+	--vkui--color_tag_background_green--active: #0CB465;
+	--vkui--color_tag_text_green: #FFFFFF;
+	--vkui--color_tag_text_green--hover: #F5F5F7;
+	--vkui--color_tag_text_green--active: #EBECEF;
 	--vkui--octavius_color_placeholder_background: #ffffff;
 	--vkui--octavius_color_placeholder_background--hover: #F5F5F7;
 	--vkui--octavius_color_placeholder_background--active: #EBECEF;