@vkontakte/vkui-tokens 4.29.3-dev-b24760.0 → 4.29.3

package/interfaces/namespaces/vk/index.d.ts

@@ -1,181 +0,0 @@
-import { Theme, ThemeCssVars, ThemeDescription } from '../../general';
-import { GradientPoints } from '../../general/gradients';
-import { Tokens } from '../../general/tools/tokenValue';
-export interface VkGradients {
-    /**
-     * @desc Градиент AquamarineBlue
-     * @tags gradient
-     */
-    gradientAquamarineBlue: GradientPoints;
-    /**
-     * @desc Градиент Blue
-     * @tags gradient
-     */
-    gradientBlue: GradientPoints;
-    /**
-     * @desc Градиент Candy
-     * @tags gradient
-     */
-    gradientCandy: GradientPoints;
-    /**
-     * @desc Градиент Crimson
-     * @tags gradient
-     */
-    gradientCrimson: GradientPoints;
-    /**
-     * @desc Градиент Disco
-     * @tags gradient
-     */
-    gradientDisco: GradientPoints;
-    /**
-     * @desc Градиент Emerald
-     * @tags gradient
-     */
-    gradientEmerald: GradientPoints;
-    /**
-     * @desc Градиент Gray
-     * @tags gradient
-     */
-    gradientGray: GradientPoints;
-    /**
-     * @desc Градиент Green
-     * @tags gradient
-     */
-    gradientGreen: GradientPoints;
-    /**
-     * @desc Градиент Lagoon
-     * @tags gradient
-     */
-    gradientLagoon: GradientPoints;
-    /**
-     * @desc Градиент Lavender
-     * @tags gradient
-     */
-    gradientLavender: GradientPoints;
-    /**
-     * @desc Градиент Marine
-     * @tags gradient
-     */
-    gradientMarine: GradientPoints;
-    /**
-     * @desc Градиент Midnight
-     * @tags gradient
-     */
-    gradientMidnight: GradientPoints;
-    /**
-     * @desc Градиент Orange
-     * @tags gradient
-     */
-    gradientOrange: GradientPoints;
-    /**
-     * @desc Градиент Pink
-     * @tags gradient
-     */
-    gradientPink: GradientPoints;
-    /**
-     * @desc Градиент Purple
-     * @tags gradient
-     */
-    gradientPurple: GradientPoints;
-    /**
-     * @desc Градиент RaspberryPink
-     * @tags gradient
-     */
-    gradientRaspberryPink: GradientPoints;
-    /**
-     * @desc Градиент Red
-     * @tags gradient
-     */
-    gradientRed: GradientPoints;
-    /**
-     * @desc Градиент Retrowave
-     * @tags gradient
-     */
-    gradientRetrowave: GradientPoints;
-    /**
-     * @desc Градиент Sunset
-     * @tags gradient
-     */
-    gradientSunset: GradientPoints;
-    /**
-     * @desc Градиент Turquoise
-     * @tags gradient
-     */
-    gradientTurquoise: GradientPoints;
-    /**
-     * @desc Градиент Twilight
-     * @tags gradient
-     */
-    gradientTwilight: GradientPoints;
-    /**
-     * @desc Градиент Unicorn
-     * @tags gradient
-     */
-    gradientUnicorn: GradientPoints;
-    /**
-     * @desc Градиент Violet
-     * @tags gradient
-     */
-    gradientViolet: GradientPoints;
-    /**
-     * @desc Градиент Yellow
-     * @tags gradient
-     */
-    gradientYellow: GradientPoints;
-    /**
-     * @desc Градиент YellowBright
-     * @tags gradient
-     */
-    gradientYellowBright: GradientPoints;
-    /**
-     * @desc Градиент HalloweenOrange
-     * @tags gradient
-     */
-    gradientHalloweenOrange: GradientPoints;
-    /**
-     * @desc Градиент HalloweenViolet
-     * @tags gradient
-     */
-    gradientHalloweenViolet: GradientPoints;
-    /**
-     * @desc Градиент NewYear
-     * @tags gradient
-     */
-    gradientNewYear: GradientPoints;
-    /**
-     * @desc Градиент Frost
-     * @tags gradient
-     */
-    gradientFrost: GradientPoints;
-    /**
-     * @desc Градиент Valentine
-     * @tags gradient
-     */
-    gradientValentine: GradientPoints;
-    /**
-     * @desc Градиент WarmValentine
-     * @tags gradient
-     */
-    gradientWarmValentine: GradientPoints;
-    /**
-     * @desc Градиент Sberkot
-     * @tags gradient
-     */
-    gradientSberkot: GradientPoints;
-    /**
-     * @desc Градиент Mable
-     * @tags gradient
-     */
-    gradientMable: GradientPoints;
-    /**
-     * @desc Градиент WomensDay
-     * @tags gradient
-     */
-    gradientWomensDay: GradientPoints;
-}
-export interface VkTheme extends Theme, VkGradients {
-}
-export interface VkThemeDescription extends ThemeDescription, Tokens<VkGradients> {
-}
-export interface VkThemeCssVars extends ThemeCssVars<VkTheme> {
-}

package/interfaces/namespaces/vk/index.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+// место где можно оперделить локальные переменные вк, как вариант

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

@@ -90,6 +90,7 @@ export interface LocalOctaviusColorsDescriptionStruct {
     octaviusColorButtonEmptyStateBackgroundAlpha: ColorDescription;
     octaviusColorBackground: ColorDescription;
     octaviusColorOverlayBackground: ColorDescription;
+    octaviusColorActionArchive: ColorDescription;
     octaviusColorHeaderBackground: ColorDescription;
     octaviusColorHeaderButtonText: ColorDescription;
     octaviusColorHeaderButtonBackgroundAlpha: ColorDescription;

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

@@ -1,7 +1,7 @@
-import { VkTheme, VkThemeCssVars, VkThemeDescription } from '../../namespaces/vk';
-export interface ThemeVkBase extends VkTheme {
+import { Theme, ThemeCssVars, ThemeDescription } from '../../general';
+export interface ThemeVkBase extends Theme {
 }
-export interface ThemeVkBaseDescription extends VkThemeDescription {
+export interface ThemeVkBaseDescription extends ThemeDescription {
 }
-export interface ThemeVkBaseCssVars extends VkThemeCssVars {
+export interface ThemeVkBaseCssVars extends ThemeCssVars {
 }

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

@@ -1,7 +1,7 @@
-import { VkTheme, VkThemeCssVars, VkThemeDescription } from '../../namespaces/vk';
-export interface ThemeVkBaseDark extends VkTheme {
+import { Theme, ThemeCssVars, ThemeDescription } from '../../general';
+export interface ThemeVkBaseDark extends Theme {
 }
-export interface ThemeVkBaseDarkDescription extends VkThemeDescription {
+export interface ThemeVkBaseDarkDescription extends ThemeDescription {
 }
-export interface ThemeVkBaseDarkCssVars extends VkThemeCssVars {
+export interface ThemeVkBaseDarkCssVars extends ThemeCssVars {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.29.3-dev-b24760.0",
+  "version": "4.29.3",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
@@ -63,7 +63,7 @@
     "eslint-config-silence": "1.0.0",
     "eslint-import-resolver-alias": "1.1.2",
     "eslint-plugin-compat": "4.0.2",
-    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-import": "2.27.5",
     "eslint-plugin-jasmine": "4.1.3",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-simple-import-sort": "8.0.0",
@@ -76,16 +76,16 @@
     "prettier": "2.8.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rimraf": "3.0.2",
+    "rimraf": "4.4.0",
     "style-loader": "3.3.1",
     "terser-webpack-plugin": "5.3.6",
     "ts-jest": "29.0.5",
     "ts-loader": "9.4.2",
     "ts-morph": "17.0.1",
     "ts-node": "10.9.1",
-    "tsconfig-paths": "4.1.1",
+    "tsconfig-paths": "4.1.2",
     "tscpaths": "0.0.9",
-    "type-fest": "3.5.3",
+    "type-fest": "3.6.1",
     "typescript": "4.9.5",
     "webpack": "5.75.0",
     "webpack-cli": "5.0.1",

package/themeDescriptions/base/vk.d.ts

@@ -1,13 +1,11 @@
-import { ColorsDescription } from '../../interfaces/general';
+import { ColorsDescription, ThemeDescription } from '../../interfaces/general';
 import { Elevation } from '../../interfaces/general/elevation';
 import { Gradients } from '../../interfaces/general/gradients';
-import { VkGradients, VkThemeDescription } from '../../interfaces/namespaces/vk';
 export declare const lightColors: ColorsDescription;
 export declare const lightGradient: Gradients;
 export declare const lightElevation: Elevation;
 export declare const darkColors: ColorsDescription;
 export declare const darkGradient: Gradients;
 export declare const darkElevation: Elevation;
-export declare const gradients: VkGradients;
-export declare const lightTheme: VkThemeDescription;
-export declare const darkTheme: VkThemeDescription;
+export declare const lightTheme: ThemeDescription;
+export declare const darkTheme: ThemeDescription;

package/themeDescriptions/base/vk.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkTheme = exports.lightTheme = exports.gradients = exports.darkElevation = exports.darkGradient = exports.darkColors = exports.lightElevation = exports.lightGradient = exports.lightColors = void 0;
+exports.darkTheme = exports.lightTheme = exports.darkElevation = exports.darkGradient = exports.darkColors = exports.lightElevation = exports.lightGradient = exports.lightColors = void 0;
 var getGradientPointsFromColor_1 = require("../../build/helpers/getGradientPointsFromColor");
 var tokenHelpers_1 = require("../../build/helpers/tokenHelpers");
 var fontFamilyAccent = "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif";
@@ -279,43 +279,7 @@ exports.darkElevation = {
     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)',
 };
-exports.gradients = {
-    gradientAquamarineBlue: '#7DF1FA, #2BB4D6',
-    gradientBlue: '#66CCFF, #3F8AE0',
-    gradientCandy: '#FF99CC, #E52E6A',
-    gradientCrimson: '#FF7373, #E53949, #BF1C38',
-    gradientDisco: '#FFB726, #FF2693, #8122E0, #2693FF',
-    gradientEmerald: '#00D948, #0D8046',
-    gradientGray: '#C1CAD6, #878F99',
-    gradientGreen: '#6CD97E, #12B312',
-    gradientLagoon: '#2BD9D9, #5C9CE6',
-    gradientLavender: '#928FFF, #4B47B2',
-    gradientMarine: '#2EE54D, #0D7EFF',
-    gradientMidnight: '#73D0FF, #3885E1, #0032A6',
-    gradientOrange: '#FFBF80, #E66B2E',
-    gradientPink: '#FF8880, #E62E6B',
-    gradientPurple: '#A393F5, #735CE6',
-    gradientRaspberryPink: '#FF80D5, #E645B1',
-    gradientRed: '#FF7583, #E62E40',
-    gradientRetrowave: '#30F2B1, #5967FF, #FF26A5',
-    gradientSunset: '#FFD24D, #F26549, #E62E6B',
-    gradientTurquoise: '#8AE6E6, #12B3B3',
-    gradientTwilight: '#FF4D87, #9F40FF, #3399FF',
-    gradientUnicorn: '#FF99CC, #A179F2, #5CA1E6',
-    gradientViolet: '#D3A6FF, #903FE0',
-    gradientYellow: '#FFC44D, #F07300',
-    gradientYellowBright: '#FFD54F, #E7A902',
-    gradientHalloweenOrange: '#CB1E3B, #F05C44, #FFA000',
-    gradientHalloweenViolet: '#FFA000, #CD4C4B, #792EC0',
-    gradientNewYear: '#BB64E4, #805BD7, #2866D5',
-    gradientFrost: '#4FA0FF, #016CEA',
-    gradientValentine: '#FF8A65, #F25383, #8F13DB',
-    gradientWarmValentine: '#F3386A, #FF819E',
-    gradientSberkot: '#9DF19D, #31C2A7, #21A19A, #107F8C',
-    gradientMable: '#D9F4FF, #D9F4FF',
-    gradientWomensDay: '#FF99CC, #E52E6A',
-};
-exports.lightTheme = __assign(__assign(__assign(__assign(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), exports.gradients), exports.lightGradient), exports.lightElevation), { 
+exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), exports.lightGradient), exports.lightElevation), { 
     // Типографика
     fontFamilyAccent: fontFamilyAccent, fontFamilyBase: fontFamilyBase, fontWeightAccent1: fontWeightAccent1, fontWeightAccent2: fontWeightAccent2, fontWeightAccent3: fontWeightAccent3, fontWeightBase1: fontWeightBase1, fontWeightBase2: fontWeightBase2, fontWeightBase3: fontWeightBase3, fontTitle1: {
         regular: {

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

@@ -341,13 +341,13 @@
 	--vkui--media_font_media_title3--font_size--compact: 20px;
 	--vkui--media_font_media_title3--line_height--compact: 28px;
 	--vkui--media_font_media_lead--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--media_font_media_lead--font_weight--regular: 500;
+	--vkui--media_font_media_lead--font_weight--regular: 400;
 	--vkui--media_font_media_lead--font_size--regular: 19px;
 	--vkui--media_font_media_lead--line_height--regular: 28px;
 	--vkui--media_font_media_lead--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--media_font_media_lead--font_weight--compact: 500;
-	--vkui--media_font_media_lead--font_size--compact: 22px;
-	--vkui--media_font_media_lead--line_height--compact: 32px;
+	--vkui--media_font_media_lead--font_weight--compact: 400;
+	--vkui--media_font_media_lead--font_size--compact: 20px;
+	--vkui--media_font_media_lead--line_height--compact: 30px;
 	--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
 	--vkui--media_font_media_paragraph--font_family--regular: Georgia, serif;
 	--vkui--media_font_media_paragraph--font_weight--regular: 400;
@@ -1451,8 +1451,8 @@
 .vkui--media_font_media_lead--regular {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 500;
-	font-weight: var(--vkui--media_font_media_lead--font_weight--regular, 500);
+	font-weight: 400;
+	font-weight: var(--vkui--media_font_media_lead--font_weight--regular, 400);
 	font-size: 19px;
 	font-size: var(--vkui--media_font_media_lead--font_size--regular, 19px);
 	line-height: 28px;
@@ -1467,12 +1467,12 @@
 .vkui--media_font_media_lead--compact {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 500;
-	font-weight: var(--vkui--media_font_media_lead--font_weight--compact, 500);
-	font-size: 22px;
-	font-size: var(--vkui--media_font_media_lead--font_size--compact, 22px);
-	line-height: 32px;
-	line-height: var(--vkui--media_font_media_lead--line_height--compact, 32px);
+	font-weight: 400;
+	font-weight: var(--vkui--media_font_media_lead--font_weight--compact, 400);
+	font-size: 20px;
+	font-size: var(--vkui--media_font_media_lead--font_size--compact, 20px);
+	line-height: 30px;
+	line-height: var(--vkui--media_font_media_lead--line_height--compact, 30px);
 	letter-spacing: -0.003em;
 	letter-spacing: var(--vkui--media_font_media_lead--letter_spacing--compact, -0.003em);
 }

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

@@ -341,13 +341,13 @@
 	--vkui--media_font_media_title3--font_size--compact: 20px;
 	--vkui--media_font_media_title3--line_height--compact: 28px;
 	--vkui--media_font_media_lead--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--media_font_media_lead--font_weight--regular: 500;
+	--vkui--media_font_media_lead--font_weight--regular: 400;
 	--vkui--media_font_media_lead--font_size--regular: 19px;
 	--vkui--media_font_media_lead--line_height--regular: 28px;
 	--vkui--media_font_media_lead--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--media_font_media_lead--font_weight--compact: 500;
-	--vkui--media_font_media_lead--font_size--compact: 22px;
-	--vkui--media_font_media_lead--line_height--compact: 32px;
+	--vkui--media_font_media_lead--font_weight--compact: 400;
+	--vkui--media_font_media_lead--font_size--compact: 20px;
+	--vkui--media_font_media_lead--line_height--compact: 30px;
 	--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
 	--vkui--media_font_media_paragraph--font_family--regular: Georgia, serif;
 	--vkui--media_font_media_paragraph--font_weight--regular: 400;
@@ -913,8 +913,8 @@
 .vkui--media_font_media_lead--regular {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_lead--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 500;
-	font-weight: var(--vkui--media_font_media_lead--font_weight--regular, 500);
+	font-weight: 400;
+	font-weight: var(--vkui--media_font_media_lead--font_weight--regular, 400);
 	font-size: 19px;
 	font-size: var(--vkui--media_font_media_lead--font_size--regular, 19px);
 	line-height: 28px;
@@ -923,12 +923,12 @@
 .vkui--media_font_media_lead--compact {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_lead--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
-	font-weight: 500;
-	font-weight: var(--vkui--media_font_media_lead--font_weight--compact, 500);
-	font-size: 22px;
-	font-size: var(--vkui--media_font_media_lead--font_size--compact, 22px);
-	line-height: 32px;
-	line-height: var(--vkui--media_font_media_lead--line_height--compact, 32px);
+	font-weight: 400;
+	font-weight: var(--vkui--media_font_media_lead--font_weight--compact, 400);
+	font-size: 20px;
+	font-size: var(--vkui--media_font_media_lead--font_size--compact, 20px);
+	line-height: 30px;
+	line-height: var(--vkui--media_font_media_lead--line_height--compact, 30px);
 	letter-spacing: -0.003em;
 	letter-spacing: var(--vkui--media_font_media_lead--letter_spacing--compact, -0.003em);
 }

package/themes/media/cssVars/declarations/onlyVariables.css

@@ -341,13 +341,13 @@
 	--vkui--media_font_media_title3--font_size--compact: 20px;
 	--vkui--media_font_media_title3--line_height--compact: 28px;
 	--vkui--media_font_media_lead--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--media_font_media_lead--font_weight--regular: 500;
+	--vkui--media_font_media_lead--font_weight--regular: 400;
 	--vkui--media_font_media_lead--font_size--regular: 19px;
 	--vkui--media_font_media_lead--line_height--regular: 28px;
 	--vkui--media_font_media_lead--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--media_font_media_lead--font_weight--compact: 500;
-	--vkui--media_font_media_lead--font_size--compact: 22px;
-	--vkui--media_font_media_lead--line_height--compact: 32px;
+	--vkui--media_font_media_lead--font_weight--compact: 400;
+	--vkui--media_font_media_lead--font_size--compact: 20px;
+	--vkui--media_font_media_lead--line_height--compact: 30px;
 	--vkui--media_font_media_lead--letter_spacing--compact: -0.003em;
 	--vkui--media_font_media_paragraph--font_family--regular: Georgia, serif;
 	--vkui--media_font_media_paragraph--font_weight--regular: 400;