@vkontakte/vkui-tokens 4.0.0 → 4.2.0

package/themes/calendar/cssVars/theme/index.json

@@ -1019,6 +1019,46 @@
 			"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, none)"
@@ -1871,6 +1911,10 @@
 		"name": "--vkui--type_border_position",
 		"value": "var(--vkui--type_border_position, inset)"
 	},
+	"themeNameBase": {
+		"name": "--vkui--theme_name_base",
+		"value": "var(--vkui--theme_name_base, calendar)"
+	},
 	"fontEventM": {
 		"auto": {
 			"fontSize": {

package/themes/calendar/index.css

@@ -119,6 +119,10 @@
 	--vkui--size_badge_m--regular: 24px;
 	--vkui--size_badge_l--regular: 44px;
 	--vkui--size_badge_x_l--regular: 56px;
+	--vkui--size_cardgrid_padding--regular: 12px;
+	--vkui--size_card_border_radius--regular: 16px;
+	--vkui--size_cardgrid_padding_vertical--regular: 8px;
+	--vkui--size_base_padding_horizontal--regular: 16px;
 	--vkui--elevation1: none;
 	--vkui--elevation2: none;
 	--vkui--elevation3: 0px 4px 32px rgba(0, 16, 61, 0.32);
@@ -233,6 +237,7 @@
 	--vkui--tone_value_focus: 0.08;
 	--vkui--type_border_button: solid;
 	--vkui--type_border_position: inset;
+	--vkui--theme_name_base: 'calendar';
 	--vkui--font_event_m--font_size--compact: 17px;
 	--vkui--font_event_m--line_height--compact: 24px;
 	--vkui--font_event_m--font_weight--compact: 500;

package/themes/calendar/index.js

@@ -245,6 +245,18 @@ var theme = {
     "sizeBadgeXL": {
         "regular": 56
     },
+    "sizeCardgridPadding": {
+        "regular": 12
+    },
+    "sizeCardBorderRadius": {
+        "regular": 16
+    },
+    "sizeCardgridPaddingVertical": {
+        "regular": 8
+    },
+    "sizeBasePaddingHorizontal": {
+        "regular": 16
+    },
     "elevation1": "none",
     "elevation2": "none",
     "elevation3": "0px 4px 32px rgba(0, 16, 61, 0.32)",
@@ -489,6 +501,7 @@ var theme = {
     "toneValueFocus": 0.08,
     "typeBorderButton": "solid",
     "typeBorderPosition": "inset",
+    "themeNameBase": "calendar",
     "fontEventM": {
         "compact": {
             "fontSize": 17,

package/themes/calendar/index.json

@@ -243,6 +243,18 @@
 	"sizeBadgeXL": {
 		"regular": 56
 	},
+	"sizeCardgridPadding": {
+		"regular": 12
+	},
+	"sizeCardBorderRadius": {
+		"regular": 16
+	},
+	"sizeCardgridPaddingVertical": {
+		"regular": 8
+	},
+	"sizeBasePaddingHorizontal": {
+		"regular": 16
+	},
 	"elevation1": "none",
 	"elevation2": "none",
 	"elevation3": "0px 4px 32px rgba(0, 16, 61, 0.32)",
@@ -487,6 +499,7 @@
 	"toneValueFocus": 0.08,
 	"typeBorderButton": "solid",
 	"typeBorderPosition": "inset",
+	"themeNameBase": "calendar",
 	"fontEventM": {
 		"compact": {
 			"fontSize": 17,

package/themes/calendar/index.less

@@ -50,6 +50,10 @@
 @size-badge-m--regular: 24px;
 @size-badge-l--regular: 44px;
 @size-badge-x-l--regular: 56px;
+@size-cardgrid-padding--regular: 12px;
+@size-card-border-radius--regular: 16px;
+@size-cardgrid-padding-vertical--regular: 8px;
+@size-base-padding-horizontal--regular: 16px;
 @elevation1: none;
 @elevation2: none;
 @elevation3: 0px 4px 32px rgba(0, 16, 61, 0.32);
@@ -142,6 +146,7 @@
 @tone-value-focus: 0.08;
 @type-border-button: solid;
 @type-border-position: inset;
+@theme-name-base: 'calendar';
 @colors-scheme: light;
 @color-background-accent: #005FF9;
 @color-background-accent--hover: #005CF1;

package/themes/calendar/index.pcss

@@ -51,6 +51,10 @@
 	--size-badge-m--regular: 24px;
 	--size-badge-l--regular: 44px;
 	--size-badge-x-l--regular: 56px;
+	--size-cardgrid-padding--regular: 12px;
+	--size-card-border-radius--regular: 16px;
+	--size-cardgrid-padding-vertical--regular: 8px;
+	--size-base-padding-horizontal--regular: 16px;
 	--elevation1: none;
 	--elevation2: none;
 	--elevation3: 0px 4px 32px rgba(0, 16, 61, 0.32);
@@ -143,6 +147,7 @@
 	--tone-value-focus: 0.08;
 	--type-border-button: solid;
 	--type-border-position: inset;
+	--theme-name-base: 'calendar';
 	--colors-scheme: light;
 	--color-background-accent: #005FF9;
 	--color-background-accent--hover: #005CF1;

package/themes/calendar/index.scss

@@ -50,6 +50,10 @@ $size-badge-s--regular: 16px;
 $size-badge-m--regular: 24px;
 $size-badge-l--regular: 44px;
 $size-badge-x-l--regular: 56px;
+$size-cardgrid-padding--regular: 12px;
+$size-card-border-radius--regular: 16px;
+$size-cardgrid-padding-vertical--regular: 8px;
+$size-base-padding-horizontal--regular: 16px;
 $elevation1: none;
 $elevation2: none;
 $elevation3: 0px 4px 32px rgba(0, 16, 61, 0.32);
@@ -142,6 +146,7 @@ $tone-value-active: 0.08;
 $tone-value-focus: 0.08;
 $type-border-button: solid;
 $type-border-position: inset;
+$theme-name-base: 'calendar';
 $colors-scheme: light;
 $color-background-accent: #005FF9;
 $color-background-accent--hover: #005CF1;

package/themes/calendar/index.styl

@@ -50,6 +50,10 @@ $size-badge-s--regular = 16px;
 $size-badge-m--regular = 24px;
 $size-badge-l--regular = 44px;
 $size-badge-x-l--regular = 56px;
+$size-cardgrid-padding--regular = 12px;
+$size-card-border-radius--regular = 16px;
+$size-cardgrid-padding-vertical--regular = 8px;
+$size-base-padding-horizontal--regular = 16px;
 $elevation1 = none;
 $elevation2 = none;
 $elevation3 = 0px 4px 32px rgba(0, 16, 61, 0.32);
@@ -142,6 +146,7 @@ $tone-value-active = 0.08;
 $tone-value-focus = 0.08;
 $type-border-button = solid;
 $type-border-position = inset;
+$theme-name-base = 'calendar';
 $colors-scheme = light;
 $color-background-accent = #005FF9;
 $color-background-accent--hover = #005CF1;

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

@@ -119,6 +119,10 @@
 	--vkui--size_badge_m--regular: 24px;
 	--vkui--size_badge_l--regular: 44px;
 	--vkui--size_badge_x_l--regular: 56px;
+	--vkui--size_cardgrid_padding--regular: 12px;
+	--vkui--size_card_border_radius--regular: 16px;
+	--vkui--size_cardgrid_padding_vertical--regular: 8px;
+	--vkui--size_base_padding_horizontal--regular: 16px;
 	--vkui--elevation1: none;
 	--vkui--elevation2: none;
 	--vkui--elevation3: 0px 4px 32px rgba(0, 16, 61, 0.32);
@@ -233,6 +237,7 @@
 	--vkui--tone_value_focus: 0.08;
 	--vkui--type_border_button: solid;
 	--vkui--type_border_position: inset;
+	--vkui--theme_name_base: 'calendar';
 	--vkui--font_event_m--font_size--compact: 17px;
 	--vkui--font_event_m--line_height--compact: 24px;
 	--vkui--font_event_m--font_weight--compact: 500;
@@ -1060,6 +1065,10 @@
 	--vkui--size_badge_m: 24px;
 	--vkui--size_badge_l: 44px;
 	--vkui--size_badge_x_l: 56px;
+	--vkui--size_cardgrid_padding: 12px;
+	--vkui--size_card_border_radius: 16px;
+	--vkui--size_cardgrid_padding_vertical: 8px;
+	--vkui--size_base_padding_horizontal: 16px;
 	--vkui--font_h0--font_size: 32px;
 	--vkui--font_h0--line_height: 40px;
 	--vkui--font_h0--font_weight: 500;