npm - @vkontakte/vkui-tokens - Versions diffs - 4.3.2-dev-db778e.0 → 4.4.1-dev-ba2bac.0 - Mend

@vkontakte/vkui-tokens 4.3.2-dev-db778e.0 → 4.4.1-dev-ba2bac.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (579) hide show

package/themes/calendarDark/cssVars/declarations/onlyVariablesLocal.css CHANGED Viewed

@@ -197,10 +197,13 @@
 	--vkui--size_card_border_radius--regular: 16px;
 	--vkui--size_cardgrid_padding_vertical--regular: 8px;
 	--vkui--size_base_padding_horizontal--regular: 16px;
-	--vkui--elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
-	--vkui--elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
-	--vkui--elevation3: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
-	--vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
+	--vkui--size_button_group_gap_space--regular: 1px;
+	--vkui--size_button_group_gap_small--regular: 8px;
+	--vkui--size_button_group_gap_medium--regular: 12px;
+	--vkui--elevation1: 0 2px 0 0 rgba(0, 0, 0, 0.04);
+	--vkui--elevation2: 0 4px 48px 0 rgba(0, 0, 0, 0.72);
+	--vkui--elevation3: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
+	--vkui--elevation4: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
 	--vkui--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;

package/themes/calendarDark/cssVars/theme/fallbacks/index.css CHANGED Viewed

@@ -197,10 +197,13 @@
 	--vkui--size_card_border_radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
 	--vkui--size_cardgrid_padding_vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
 	--vkui--size_base_padding_horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
-	--vkui--elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
-	--vkui--elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
-	--vkui--elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
-	--vkui--elevation4: var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
+	--vkui--size_button_group_gap_space--regular: var(--vkui--size_button_group_gap_space--regular, 1px);
+	--vkui--size_button_group_gap_small--regular: var(--vkui--size_button_group_gap_small--regular, 8px);
+	--vkui--size_button_group_gap_medium--regular: var(--vkui--size_button_group_gap_medium--regular, 12px);
+	--vkui--elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04));
+	--vkui--elevation2: var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72));
+	--vkui--elevation3: var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
+	--vkui--elevation4: var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
 	--vkui--animation_duration_l: var(--vkui--animation_duration_l, 0.4s);
 	--vkui--animation_duration_m: var(--vkui--animation_duration_m, 0.2s);
 	--vkui--animation_duration_s: var(--vkui--animation_duration_s, 0.1s);

package/themes/calendarDark/cssVars/theme/fallbacks/index.less CHANGED Viewed

@@ -54,10 +54,13 @@
 @size-card-border-radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
 @size-cardgrid-padding-vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
 @size-base-padding-horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
-@elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
-@elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
-@elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
-@elevation4: var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
+@size-button-group-gap-space--regular: var(--vkui--size_button_group_gap_space--regular, 1px);
+@size-button-group-gap-small--regular: var(--vkui--size_button_group_gap_small--regular, 8px);
+@size-button-group-gap-medium--regular: var(--vkui--size_button_group_gap_medium--regular, 12px);
+@elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04));
+@elevation2: var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72));
+@elevation3: var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
+@elevation4: var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
 @animation-duration-l: var(--vkui--animation_duration_l, 0.4s);
 @animation-duration-m: var(--vkui--animation_duration_m, 0.2s);
 @animation-duration-s: var(--vkui--animation_duration_s, 0.1s);

package/themes/calendarDark/cssVars/theme/fallbacks/index.pcss CHANGED Viewed

@@ -55,10 +55,13 @@
 	--size-card-border-radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
 	--size-cardgrid-padding-vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
 	--size-base-padding-horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
-	--elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
-	--elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
-	--elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
-	--elevation4: var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
+	--size-button-group-gap-space--regular: var(--vkui--size_button_group_gap_space--regular, 1px);
+	--size-button-group-gap-small--regular: var(--vkui--size_button_group_gap_small--regular, 8px);
+	--size-button-group-gap-medium--regular: var(--vkui--size_button_group_gap_medium--regular, 12px);
+	--elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04));
+	--elevation2: var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72));
+	--elevation3: var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
+	--elevation4: var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
 	--animation-duration-l: var(--vkui--animation_duration_l, 0.4s);
 	--animation-duration-m: var(--vkui--animation_duration_m, 0.2s);
 	--animation-duration-s: var(--vkui--animation_duration_s, 0.1s);

package/themes/calendarDark/cssVars/theme/fallbacks/index.scss CHANGED Viewed

@@ -54,10 +54,13 @@ $size-cardgrid-padding--regular: var(--vkui--size_cardgrid_padding--regular, 12p
 $size-card-border-radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
 $size-cardgrid-padding-vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
 $size-base-padding-horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
-$elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
-$elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
-$elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
-$elevation4: var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
+$size-button-group-gap-space--regular: var(--vkui--size_button_group_gap_space--regular, 1px);
+$size-button-group-gap-small--regular: var(--vkui--size_button_group_gap_small--regular, 8px);
+$size-button-group-gap-medium--regular: var(--vkui--size_button_group_gap_medium--regular, 12px);
+$elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04));
+$elevation2: var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72));
+$elevation3: var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
+$elevation4: var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
 $animation-duration-l: var(--vkui--animation_duration_l, 0.4s);
 $animation-duration-m: var(--vkui--animation_duration_m, 0.2s);
 $animation-duration-s: var(--vkui--animation_duration_s, 0.1s);

package/themes/calendarDark/cssVars/theme/fallbacks/index.styl CHANGED Viewed

@@ -54,10 +54,13 @@ $size-cardgrid-padding--regular = var(--vkui--size_cardgrid_padding--regular, 12
 $size-card-border-radius--regular = var(--vkui--size_card_border_radius--regular, 16px);
 $size-cardgrid-padding-vertical--regular = var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
 $size-base-padding-horizontal--regular = var(--vkui--size_base_padding_horizontal--regular, 16px);
-$elevation1 = var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
-$elevation2 = var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
-$elevation3 = var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
-$elevation4 = var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
+$size-button-group-gap-space--regular = var(--vkui--size_button_group_gap_space--regular, 1px);
+$size-button-group-gap-small--regular = var(--vkui--size_button_group_gap_small--regular, 8px);
+$size-button-group-gap-medium--regular = var(--vkui--size_button_group_gap_medium--regular, 12px);
+$elevation1 = var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04));
+$elevation2 = var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72));
+$elevation3 = var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
+$elevation4 = var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48));
 $animation-duration-l = var(--vkui--animation_duration_l, 0.4s);
 $animation-duration-m = var(--vkui--animation_duration_m, 0.2s);
 $animation-duration-s = var(--vkui--animation_duration_s, 0.1s);

package/themes/calendarDark/cssVars/theme/index.js CHANGED Viewed

@@ -1431,21 +1431,51 @@ var theme = {
             "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)"
         }
     },
+    "sizeButtonGroupGapSpace": {
+        "auto": {
+            "name": "--vkui--size_button_group_gap_space",
+            "value": "var(--vkui--size_button_group_gap_space)"
+        },
+        "regular": {
+            "name": "--vkui--size_button_group_gap_space--regular",
+            "value": "var(--vkui--size_button_group_gap_space--regular, 1px)"
+        }
+    },
+    "sizeButtonGroupGapSmall": {
+        "auto": {
+            "name": "--vkui--size_button_group_gap_small",
+            "value": "var(--vkui--size_button_group_gap_small)"
+        },
+        "regular": {
+            "name": "--vkui--size_button_group_gap_small--regular",
+            "value": "var(--vkui--size_button_group_gap_small--regular, 8px)"
+        }
+    },
+    "sizeButtonGroupGapMedium": {
+        "auto": {
+            "name": "--vkui--size_button_group_gap_medium",
+            "value": "var(--vkui--size_button_group_gap_medium)"
+        },
+        "regular": {
+            "name": "--vkui--size_button_group_gap_medium--regular",
+            "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)"
+        }
+    },
     "elevation1": {
         "name": "--vkui--elevation1",
-        "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04))"
+        "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))"
     },
     "elevation2": {
         "name": "--vkui--elevation2",
-        "value": "var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32))"
+        "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))"
     },
     "elevation3": {
         "name": "--vkui--elevation3",
-        "value": "var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48))"
+        "value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))"
     },
     "elevation4": {
         "name": "--vkui--elevation4",
-        "value": "var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48))"
+        "value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))"
     },
     "animationDurationL": {
         "name": "--vkui--animation_duration_l",

package/themes/calendarDark/cssVars/theme/index.json CHANGED Viewed

@@ -1429,21 +1429,51 @@
 			"value": "var(--vkui--size_base_padding_horizontal--regular, 16px)"
 		}
 	},
+	"sizeButtonGroupGapSpace": {
+		"auto": {
+			"name": "--vkui--size_button_group_gap_space",
+			"value": "var(--vkui--size_button_group_gap_space)"
+		},
+		"regular": {
+			"name": "--vkui--size_button_group_gap_space--regular",
+			"value": "var(--vkui--size_button_group_gap_space--regular, 1px)"
+		}
+	},
+	"sizeButtonGroupGapSmall": {
+		"auto": {
+			"name": "--vkui--size_button_group_gap_small",
+			"value": "var(--vkui--size_button_group_gap_small)"
+		},
+		"regular": {
+			"name": "--vkui--size_button_group_gap_small--regular",
+			"value": "var(--vkui--size_button_group_gap_small--regular, 8px)"
+		}
+	},
+	"sizeButtonGroupGapMedium": {
+		"auto": {
+			"name": "--vkui--size_button_group_gap_medium",
+			"value": "var(--vkui--size_button_group_gap_medium)"
+		},
+		"regular": {
+			"name": "--vkui--size_button_group_gap_medium--regular",
+			"value": "var(--vkui--size_button_group_gap_medium--regular, 12px)"
+		}
+	},
 	"elevation1": {
 		"name": "--vkui--elevation1",
-		"value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04))"
+		"value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))"
 	},
 	"elevation2": {
 		"name": "--vkui--elevation2",
-		"value": "var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32))"
+		"value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))"
 	},
 	"elevation3": {
 		"name": "--vkui--elevation3",
-		"value": "var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48))"
+		"value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))"
 	},
 	"elevation4": {
 		"name": "--vkui--elevation4",
-		"value": "var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48))"
+		"value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))"
 	},
 	"animationDurationL": {
 		"name": "--vkui--animation_duration_l",

package/themes/calendarDark/index.css CHANGED Viewed

@@ -197,10 +197,13 @@
 	--vkui--size_card_border_radius--regular: 16px;
 	--vkui--size_cardgrid_padding_vertical--regular: 8px;
 	--vkui--size_base_padding_horizontal--regular: 16px;
-	--vkui--elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
-	--vkui--elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
-	--vkui--elevation3: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
-	--vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
+	--vkui--size_button_group_gap_space--regular: 1px;
+	--vkui--size_button_group_gap_small--regular: 8px;
+	--vkui--size_button_group_gap_medium--regular: 12px;
+	--vkui--elevation1: 0 2px 0 0 rgba(0, 0, 0, 0.04);
+	--vkui--elevation2: 0 4px 48px 0 rgba(0, 0, 0, 0.72);
+	--vkui--elevation3: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
+	--vkui--elevation4: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
 	--vkui--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;

package/themes/calendarDark/index.js CHANGED Viewed

@@ -369,10 +369,19 @@ var theme = {
     "sizeBasePaddingHorizontal": {
         "regular": 16
     },
-    "elevation1": "0 2px 0 0 rgba(0, 16, 61, 0.04)",
-    "elevation2": "0 4px 32px 0 rgba(0, 16, 61, 0.32)",
-    "elevation3": "0 16px 48px 0 rgba(0, 0, 0, 0.48)",
-    "elevation4": "0 16px 48px 0 rgba(0, 0, 0, 0.48)",
+    "sizeButtonGroupGapSpace": {
+        "regular": 1
+    },
+    "sizeButtonGroupGapSmall": {
+        "regular": 8
+    },
+    "sizeButtonGroupGapMedium": {
+        "regular": 12
+    },
+    "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)",
+    "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)",
+    "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)",
+    "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)",
     "animationDurationL": "0.4s",
     "animationDurationM": "0.2s",
     "animationDurationS": "0.1s",

package/themes/calendarDark/index.json CHANGED Viewed

@@ -367,10 +367,19 @@
 	"sizeBasePaddingHorizontal": {
 		"regular": 16
 	},
-	"elevation1": "0 2px 0 0 rgba(0, 16, 61, 0.04)",
-	"elevation2": "0 4px 32px 0 rgba(0, 16, 61, 0.32)",
-	"elevation3": "0 16px 48px 0 rgba(0, 0, 0, 0.48)",
-	"elevation4": "0 16px 48px 0 rgba(0, 0, 0, 0.48)",
+	"sizeButtonGroupGapSpace": {
+		"regular": 1
+	},
+	"sizeButtonGroupGapSmall": {
+		"regular": 8
+	},
+	"sizeButtonGroupGapMedium": {
+		"regular": 12
+	},
+	"elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)",
+	"elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)",
+	"elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)",
+	"elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)",
 	"animationDurationL": "0.4s",
 	"animationDurationM": "0.2s",
 	"animationDurationS": "0.1s",

package/themes/calendarDark/index.less CHANGED Viewed

@@ -54,10 +54,13 @@
 @size-card-border-radius--regular: 16px;
 @size-cardgrid-padding-vertical--regular: 8px;
 @size-base-padding-horizontal--regular: 16px;
-@elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
-@elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
-@elevation3: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
-@elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
+@size-button-group-gap-space--regular: 1px;
+@size-button-group-gap-small--regular: 8px;
+@size-button-group-gap-medium--regular: 12px;
+@elevation1: 0 2px 0 0 rgba(0, 0, 0, 0.04);
+@elevation2: 0 4px 48px 0 rgba(0, 0, 0, 0.72);
+@elevation3: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
+@elevation4: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
 @animation-duration-l: 0.4s;
 @animation-duration-m: 0.2s;
 @animation-duration-s: 0.1s;

package/themes/calendarDark/index.pcss CHANGED Viewed

@@ -55,10 +55,13 @@
 	--size-card-border-radius--regular: 16px;
 	--size-cardgrid-padding-vertical--regular: 8px;
 	--size-base-padding-horizontal--regular: 16px;
-	--elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
-	--elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
-	--elevation3: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
-	--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
+	--size-button-group-gap-space--regular: 1px;
+	--size-button-group-gap-small--regular: 8px;
+	--size-button-group-gap-medium--regular: 12px;
+	--elevation1: 0 2px 0 0 rgba(0, 0, 0, 0.04);
+	--elevation2: 0 4px 48px 0 rgba(0, 0, 0, 0.72);
+	--elevation3: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
+	--elevation4: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
 	--animation-duration-l: 0.4s;
 	--animation-duration-m: 0.2s;
 	--animation-duration-s: 0.1s;

package/themes/calendarDark/index.scss CHANGED Viewed

@@ -54,10 +54,13 @@ $size-cardgrid-padding--regular: 12px;
 $size-card-border-radius--regular: 16px;
 $size-cardgrid-padding-vertical--regular: 8px;
 $size-base-padding-horizontal--regular: 16px;
-$elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
-$elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
-$elevation3: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
-$elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
+$size-button-group-gap-space--regular: 1px;
+$size-button-group-gap-small--regular: 8px;
+$size-button-group-gap-medium--regular: 12px;
+$elevation1: 0 2px 0 0 rgba(0, 0, 0, 0.04);
+$elevation2: 0 4px 48px 0 rgba(0, 0, 0, 0.72);
+$elevation3: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
+$elevation4: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
 $animation-duration-l: 0.4s;
 $animation-duration-m: 0.2s;
 $animation-duration-s: 0.1s;

package/themes/calendarDark/index.styl CHANGED Viewed

@@ -54,10 +54,13 @@ $size-cardgrid-padding--regular = 12px;
 $size-card-border-radius--regular = 16px;
 $size-cardgrid-padding-vertical--regular = 8px;
 $size-base-padding-horizontal--regular = 16px;
-$elevation1 = 0 2px 0 0 rgba(0, 16, 61, 0.04);
-$elevation2 = 0 4px 32px 0 rgba(0, 16, 61, 0.32);
-$elevation3 = 0 16px 48px 0 rgba(0, 0, 0, 0.48);
-$elevation4 = 0 16px 48px 0 rgba(0, 0, 0, 0.48);
+$size-button-group-gap-space--regular = 1px;
+$size-button-group-gap-small--regular = 8px;
+$size-button-group-gap-medium--regular = 12px;
+$elevation1 = 0 2px 0 0 rgba(0, 0, 0, 0.04);
+$elevation2 = 0 4px 48px 0 rgba(0, 0, 0, 0.72);
+$elevation3 = 0 4px 32px 0 rgba(0, 0, 0, 0.48);
+$elevation4 = 0 4px 32px 0 rgba(0, 0, 0, 0.48);
 $animation-duration-l = 0.4s;
 $animation-duration-m = 0.2s;
 $animation-duration-s = 0.1s;

package/themes/calls/cssVars/declarations/index.css CHANGED Viewed

@@ -133,6 +133,9 @@
 	--vkui--size_card_border_radius--regular: 16px;
 	--vkui--size_cardgrid_padding_vertical--regular: 8px;
 	--vkui--size_base_padding_horizontal--regular: 16px;
+	--vkui--size_button_group_gap_space--regular: 1px;
+	--vkui--size_button_group_gap_small--regular: 8px;
+	--vkui--size_button_group_gap_medium--regular: 12px;
 	--vkui--elevation1: 0 2px 0 0 rgba(0, 0, 0, 0.04);
 	--vkui--elevation2: 0 4px 48px 0 rgba(0, 0, 0, 0.72);
 	--vkui--elevation3: 0 4px 32px 0 rgba(0, 0, 0, 0.48);
@@ -989,6 +992,9 @@
 	--vkui--size_card_border_radius: 16px;
 	--vkui--size_cardgrid_padding_vertical: 8px;
 	--vkui--size_base_padding_horizontal: 16px;
+	--vkui--size_button_group_gap_space: 1px;
+	--vkui--size_button_group_gap_small: 8px;
+	--vkui--size_button_group_gap_medium: 12px;
 	--vkui--font_h0--font_size: 32px;
 	--vkui--font_h0--line_height: 40px;
 	--vkui--font_h0--font_weight: 500;

package/themes/calls/cssVars/declarations/noColors.css CHANGED Viewed

@@ -133,6 +133,9 @@
 	--vkui--size_card_border_radius--regular: 16px;
 	--vkui--size_cardgrid_padding_vertical--regular: 8px;
 	--vkui--size_base_padding_horizontal--regular: 16px;
+	--vkui--size_button_group_gap_space--regular: 1px;
+	--vkui--size_button_group_gap_small--regular: 8px;
+	--vkui--size_button_group_gap_medium--regular: 12px;
 	--vkui--elevation1: 0 2px 0 0 rgba(0, 0, 0, 0.04);
 	--vkui--elevation2: 0 4px 48px 0 rgba(0, 0, 0, 0.72);
 	--vkui--elevation3: 0 4px 32px 0 rgba(0, 0, 0, 0.48);

package/themes/calls/cssVars/declarations/onlyMedia.css CHANGED Viewed

@@ -108,6 +108,9 @@
 	--vkui--size_card_border_radius: 16px;
 	--vkui--size_cardgrid_padding_vertical: 8px;
 	--vkui--size_base_padding_horizontal: 16px;
+	--vkui--size_button_group_gap_space: 1px;
+	--vkui--size_button_group_gap_small: 8px;
+	--vkui--size_button_group_gap_medium: 12px;
 	--vkui--font_h0--font_size: 32px;
 	--vkui--font_h0--line_height: 40px;
 	--vkui--font_h0--font_weight: 500;

package/themes/calls/cssVars/declarations/onlyVariables.css CHANGED Viewed

@@ -133,6 +133,9 @@
 	--vkui--size_card_border_radius--regular: 16px;
 	--vkui--size_cardgrid_padding_vertical--regular: 8px;
 	--vkui--size_base_padding_horizontal--regular: 16px;
+	--vkui--size_button_group_gap_space--regular: 1px;
+	--vkui--size_button_group_gap_small--regular: 8px;
+	--vkui--size_button_group_gap_medium--regular: 12px;
 	--vkui--elevation1: 0 2px 0 0 rgba(0, 0, 0, 0.04);
 	--vkui--elevation2: 0 4px 48px 0 rgba(0, 0, 0, 0.72);
 	--vkui--elevation3: 0 4px 32px 0 rgba(0, 0, 0, 0.48);