npm - @vkontakte/vkui - Versions diffs - 4.37.0 → 5.0.0 - Mend

@vkontakte/vkui 4.37.0 → 5.0.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 (3227) hide show

package/dist/cssm/components/Button/Button.module.css ADDED Viewed

@@ -0,0 +1,37 @@
+.vkuiButton{border:none;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:inline-block;margin:0;max-width:100%;min-height:var(--vkui--size_button_small_height--compact);min-width:var(--vkui--size_button_minimum_width--regular);padding:0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiButton--loading{cursor:progress}.vkuiButton--singleIcon{min-width:var(--vkui--size_button_small_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:var(--vkui--size_button_small_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--singleIcon{width:var(--vkui--size_button_small_height--regular)}}.vkuiButton--stretched{display:block;flex-basis:0;flex-grow:1;width:100%}.vkuiButton__in{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:inherit;text-align:center;width:100%}.vkuiButton--align-left .vkuiButton__in{justify-content:flex-start;text-align:left}.vkuiButton--align-right .vkuiButton__in{justify-content:flex-end;text-align:right}.vkuiButton[disabled]{opacity:var(--vkui--opacity_disable)}.vkuiButton--mode-outline[disabled]:not(.vkuiButton--appearance-overlay),.vkuiButton--mode-primary[disabled]:not(.vkuiButton--appearance-overlay):not(.vkuiButton--appearance-negative):not(.vkuiButton--appearance-positive),.vkuiButton--mode-secondary[disabled]:not(.vkuiButton--appearance-overlay),.vkuiButton--mode-tertiary[disabled]:not(.vkuiButton--appearance-overlay){opacity:.64}.vkuiButton__content{font-weight:var(--vkui--font_weight_accent2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiButton--size-s .vkuiButton__content:first-child{padding-left:var(--vkui--size_button_base_small_padding_horizontal--regular)}.vkuiButton--size-s .vkuiButton__after,.vkuiButton--size-s .vkuiButton__content:last-child{padding-right:var(
+    --vkui--size_button_base_small_padding_horizontal--regular
+  )}.vkuiButton--size-m .vkuiButton__content:first-child{padding-left:var(
+    --vkui--size_button_base_medium_padding_horizontal--regular
+  )}.vkuiButton--size-m .vkuiButton__after,.vkuiButton--size-m .vkuiButton__content:last-child{padding-right:var(
+    --vkui--size_button_base_medium_padding_horizontal--regular
+  )}.vkuiButton--size-l .vkuiButton__content:first-child{padding-left:var(--vkui--size_button_base_large_padding_horizontal--regular)}.vkuiButton--size-l .vkuiButton__after,.vkuiButton--size-l .vkuiButton__content:last-child{padding-right:var(
+    --vkui--size_button_base_large_padding_horizontal--regular
+  )}.vkuiButton--size-s .vkuiButton__before{padding-left:var(
+    --vkui--size_button_base_small_padding_horizontal_icon--regular
+  )}.vkuiButton--size-m .vkuiButton__before{padding-left:var(
+    --vkui--size_button_base_medium_padding_horizontal_icon--regular
+  )}.vkuiButton--size-l .vkuiButton__before{padding-left:var(
+    --vkui--size_button_base_large_padding_horizontal_icon--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:first-child{padding-left:var(
+    --vkui--size_button_tertiary_small_padding_horizontal--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:last-child{padding-right:var(
+    --vkui--size_button_tertiary_small_padding_horizontal--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:first-child{padding-left:var(
+    --vkui--size_button_tertiary_medium_padding_horizontal--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:last-child{padding-right:var(
+    --vkui--size_button_tertiary_medium_padding_horizontal--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:first-child{padding-left:var(
+    --vkui--size_button_tertiary_large_padding_horizontal--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:last-child{padding-right:var(
+    --vkui--size_button_tertiary_large_padding_horizontal--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__before{padding-left:var(
+    --vkui--size_button_tertiary_small_padding_horizontal_icon--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__before{padding-left:var(
+    --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__before{padding-left:var(
+    --vkui--size_button_tertiary_large_padding_horizontal_icon--regular
+  )}.vkuiButton--mode-tertiary.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--mode-tertiary.vkuiButton--singleIcon .vkuiButton__before,.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--singleIcon .vkuiButton__before{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.vkuiButton__spinner{bottom:0;left:0;position:absolute;right:0;top:0}.vkuiButton__spinner+.vkuiButton__in{visibility:hidden}.vkuiButton--mode-primary.vkuiButton--appearance-accent{background-color:var(--vkui--color_background_accent_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--hover{background-color:var(--vkui--color_background_accent_themed--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--active{background-color:var(--vkui--color_background_accent_themed--active)}.vkuiButton--mode-primary.vkuiButton--appearance-positive{background-color:var(--vkui--color_background_positive)}.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--hover{background-color:var(--vkui--color_background_positive--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--active{background-color:var(--vkui--color_background_positive--active)}.vkuiButton--mode-primary.vkuiButton--appearance-negative{background-color:var(--vkui--color_background_negative)}.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--hover{background-color:var(--vkui--color_background_negative--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--active{background-color:var(--vkui--color_background_negative--active)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral{background-color:var(--vkui--color_background_secondary)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--hover{background-color:var(--vkui--color_background_secondary--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--active{background-color:var(--vkui--color_background_secondary--active)}.vkuiButton--mode-secondary{background-color:var(--vkui--color_background_secondary_alpha)}.vkuiButton--mode-secondary.vkuiButton--hover{background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiButton--mode-secondary.vkuiButton--active{background-color:var(--vkui--color_background_secondary_alpha--active)}.vkuiButton--mode-outline,.vkuiButton--mode-tertiary{background-color:var(--vkui--color_transparent)}.vkuiButton--mode-outline.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--hover{background-color:var(--vkui--color_transparent--hover)}.vkuiButton--mode-outline.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--active{background-color:var(--vkui--color_transparent--active)}.vkuiButton--mode-primary.vkuiButton--appearance-accent{color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-negative,.vkuiButton--mode-primary.vkuiButton--appearance-positive{color:var(--vkui--color_text_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--hover,.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--hover,.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--hover{color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--active,.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--active,.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--active{color:var(--vkui--color_text_contrast--active)}.vkuiButton--mode-outline.vkuiButton--appearance-accent,.vkuiButton--mode-secondary.vkuiButton--appearance-accent,.vkuiButton--mode-tertiary.vkuiButton--appearance-accent{color:var(--vkui--color_text_accent_themed)}.vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--hover,.vkuiButton--mode-secondary.vkuiButton--appearance-accent.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--appearance-accent.vkuiButton--hover{color:var(--vkui--color_text_accent--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--active,.vkuiButton--mode-secondary.vkuiButton--appearance-accent.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--appearance-accent.vkuiButton--active{color:var(--vkui--color_text_accent--active)}.vkuiButton--mode-outline.vkuiButton--appearance-positive,.vkuiButton--mode-secondary.vkuiButton--appearance-positive,.vkuiButton--mode-tertiary.vkuiButton--appearance-positive{color:var(--vkui--color_text_positive)}.vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--hover,.vkuiButton--mode-secondary.vkuiButton--appearance-positive.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--appearance-positive.vkuiButton--hover{color:var(--vkui--color_text_positive--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--active,.vkuiButton--mode-secondary.vkuiButton--appearance-positive.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--appearance-positive.vkuiButton--active{color:var(--vkui--color_text_positive--active)}.vkuiButton--mode-outline.vkuiButton--appearance-negative,.vkuiButton--mode-secondary.vkuiButton--appearance-negative,.vkuiButton--mode-tertiary.vkuiButton--appearance-negative{color:var(--vkui--color_text_negative)}.vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--hover,.vkuiButton--mode-secondary.vkuiButton--appearance-negative.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--appearance-negative.vkuiButton--hover{color:var(--vkui--color_text_negative--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--active,.vkuiButton--mode-secondary.vkuiButton--appearance-negative.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--appearance-negative.vkuiButton--active{color:var(--vkui--color_text_negative--active)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral,.vkuiButton--mode-primary.vkuiButton--appearance-neutral,.vkuiButton--mode-secondary.vkuiButton--appearance-neutral,.vkuiButton--mode-tertiary.vkuiButton--appearance-neutral{color:var(--vkui--color_text_primary)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--hover,.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--hover,.vkuiButton--mode-secondary.vkuiButton--appearance-neutral.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--appearance-neutral.vkuiButton--hover{color:var(--vkui--color_text_primary--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--active,.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--active,.vkuiButton--mode-secondary.vkuiButton--appearance-neutral.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--appearance-neutral.vkuiButton--active{color:var(--vkui--color_text_primary--active)}.vkuiButton--mode-outline.vkuiButton--appearance-accent,.vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--active,.vkuiButton--mode-outline.vkuiButton--appearance-accent.vkuiButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent_themed)}.vkuiButton--mode-outline.vkuiButton--appearance-positive{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive)}.vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-positive.vkuiButton--active{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--active)}.vkuiButton--mode-outline.vkuiButton--appearance-negative{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative)}.vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-negative.vkuiButton--active{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--active)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral{box-shadow:inset 0 0 0 1px var(--vkui--color_field_border_alpha)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--hover{background-color:var(--vkui--color_background_secondary--hover);box-shadow:unset}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--active{background-color:var(--vkui--color_background_secondary--active);box-shadow:unset}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{background-color:var(--vkui--color_background_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover{background-color:var(--vkui--color_background_contrast--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active{background-color:var(--vkui--color_background_contrast--active)}.vkuiButton--mode-secondary.vkuiButton--appearance-overlay{background-color:var(--vkui--color_background_contrast_secondary_alpha)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--hover{background-color:var(
+    --vkui--color_background_contrast_secondary_alpha--hover
+  )}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--active{background-color:var(
+    --vkui--color_background_contrast_secondary_alpha--active
+  )}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{color:var(--vkui--color_text_primary_invariably)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover{color:var(--vkui--color_text_primary_invariably--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active{color:var(--vkui--color_text_primary_invariably--active)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay{color:var(--vkui--color_text_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--hover{color:var(--vkui--color_text_contrast--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay.vkuiButton--active{color:var(--vkui--color_text_contrast--active)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active)}.vkuiButton__after:not(:first-child),.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton--size-l .vkuiButton__after:not(:first-child),.vkuiButton--size-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--size-l .vkuiButton__in{justify-content:center}.vkuiButton:not(.vkuiButton--size-s) .vkuiButton__content{transform:translateY(-1px)}.vkuiButton--size-s .vkuiButton__content{font-size:var(--vkui--font_subhead--font_size--compact);line-height:var(--vkui--font_subhead--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-s .vkuiButton__content{font-size:var(--vkui--font_subhead--font_size--regular);line-height:var(--vkui--font_subhead--line_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-s .vkuiButton__content{font-size:var(--vkui--font_subhead--font_size--regular);line-height:var(--vkui--font_subhead--line_height--regular)}}.vkuiButton--size-m .vkuiButton__content{font-size:var(--vkui--font_headline2--font_size--compact);line-height:var(--vkui--font_headline2--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m .vkuiButton__content{font-size:var(--vkui--font_headline2--font_size--regular);line-height:var(--vkui--font_headline2--line_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m .vkuiButton__content{font-size:var(--vkui--font_headline2--font_size--regular);line-height:var(--vkui--font_headline2--line_height--regular)}}.vkuiButton--size-l .vkuiButton__content{font-size:var(--vkui--font_headline1--font_size--compact);line-height:var(--vkui--font_headline1--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--android .vkuiButton__content{font-size:var(--vkui--font_headline1--font_size--regular);line-height:var(--vkui--font_headline1--line_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--android .vkuiButton__content{font-size:var(--vkui--font_headline1--font_size--regular);line-height:var(--vkui--font_headline1--line_height--regular)}}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content{font-size:var(--vkui--font_title3--font_size--regular);line-height:var(--vkui--font_title3--line_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content{font-size:var(--vkui--font_title3--font_size--regular);line-height:var(--vkui--font_title3--line_height--regular)}}.vkuiButton--size-m{min-height:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m{min-height:var(--vkui--size_button_medium_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m{min-height:var(--vkui--size_button_medium_height--regular)}}.vkuiButton--size-m.vkuiButton--singleIcon{width:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m.vkuiButton--singleIcon{width:var(--vkui--size_button_medium_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m.vkuiButton--singleIcon{width:var(--vkui--size_button_medium_height--regular)}}.vkuiButton--size-l{min-height:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l{min-height:var(--vkui--size_button_large_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l{min-height:var(--vkui--size_button_large_height--regular)}}.vkuiButton--size-l.vkuiButton--singleIcon{width:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--singleIcon{width:var(--vkui--size_button_large_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l.vkuiButton--singleIcon{width:var(--vkui--size_button_large_height--regular)}}.vkuiButton--sizeY-regular{min-height:var(--vkui--size_button_small_height--regular)}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none{min-height:var(--vkui--size_button_small_height--regular)}}

package/dist/cssm/components/ButtonGroup/ButtonGroup.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import * as React from "react";
 import type { HasRootRef, AlignType } from "../../types";
-import "./ButtonGroup.css";
 export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
     /**
      * Задает расположение элементов внутри группы, вертикальное или горизонтальное.
@@ -24,4 +23,4 @@ export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>,
 /**
  * @see https://vkcom.github.io/VKUI/#/ButtonGroup
  */
-export declare const ButtonGroup: ({ mode, gap, stretched, align, getRootRef, children, ...restProps }: ButtonGroupProps) => JSX.Element;
+export declare const ButtonGroup: ({ mode, gap, stretched, align, getRootRef, className, children, ...restProps }: ButtonGroupProps) => JSX.Element;

package/dist/cssm/components/ButtonGroup/ButtonGroup.js CHANGED Viewed

@@ -1,9 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "gap", "stretched", "align", "getRootRef", "children"];
+var _excluded = ["mode", "gap", "stretched", "align", "getRootRef", "className", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { classNames } from "../../lib/classNames";
-import "./ButtonGroup.css";
+import { classNamesString } from "../../lib/classNames";
+require("./ButtonGroup.module.css");
+var styles = {
+  "ButtonGroup": "vkuiButtonGroup",
+  "ButtonGroup--stretched": "vkuiButtonGroup--stretched",
+  "ButtonGroup--mode-vertical": "vkuiButtonGroup--mode-vertical",
+  "ButtonGroup--mode-horizontal": "vkuiButtonGroup--mode-horizontal",
+  "ButtonGroup--gap-space": "vkuiButtonGroup--gap-space",
+  "ButtonGroup--gap-s": "vkuiButtonGroup--gap-s",
+  "ButtonGroup--gap-m": "vkuiButtonGroup--gap-m",
+  "ButtonGroup--align-left": "vkuiButtonGroup--align-left",
+  "ButtonGroup--align-center": "vkuiButtonGroup--align-center",
+  "ButtonGroup--align-right": "vkuiButtonGroup--align-right"
+};
 /**
  * @see https://vkcom.github.io/VKUI/#/ButtonGroup
@@ -18,11 +32,12 @@ export var ButtonGroup = function ButtonGroup(_ref) {
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "left" : _ref$align,
       getRootRef = _ref.getRootRef,
+      className = _ref.className,
       children = _ref.children,
       restProps = _objectWithoutProperties(_ref, _excluded);
   return createScopedElement("div", _extends({
-    vkuiClass: classNames("ButtonGroup", "ButtonGroup--mode-".concat(mode), gap !== "none" && "ButtonGroup--gap-".concat(gap), stretched && "ButtonGroup--stretched", "ButtonGroup--align-".concat(align)),
+    className: classNamesString(className, styles.ButtonGroup, styles["ButtonGroup--mode-".concat(mode)], gap !== "none" && styles["ButtonGroup--gap-".concat(gap)], stretched && styles["ButtonGroup--stretched"], align && styles["ButtonGroup--align-".concat(align)]),
     role: "group",
     ref: getRootRef
   }, restProps), children);

package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","names":["~~classNames~~","ButtonGroup","mode","gap","stretched","align","getRootRef","children","restProps"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ~~classNames~~ } from \"../../lib/classNames\";\nimport type { HasRootRef, AlignType } from \"../../types\";\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: \"vertical\" \| \"horizontal\";\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: \"none\" \| \"space\" \| \"s\" \| \"m\";\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean;\n /\n Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n /\n align?: AlignType;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ButtonGroup\n /\nexport const ButtonGroup = ({\n mode = \"horizontal\",\n gap = \"m\",\n stretched = false,\n align = \"left\" / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n getRootRef,\n children,\n ...restProps\n}: ButtonGroupProps) => {\n return (\n <div\n ~~vkuiClass~~={~~classNames~~(\n \"ButtonGroup\",\n `ButtonGroup--mode-${mode}~~`,\~~n gap !== \"none\" && `ButtonGroup--gap-${gap}~~`,\~~n stretched && \"ButtonGroup--stretched\",\n `ButtonGroup--align-${align}`\n )}\n role=\"group\"\n ref={getRootRef}\n {...restProps}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;;AACA,SAASA,~~UAAT~~;~~AAEA;;AAyBA;~~AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,~~OAQH~~;EAAA,~~qBAPtBC~~,~~IAOsB~~;EAAA,~~IAPtBA~~,~~IAOsB~~,~~0BAPf~~,~~YAOe~~;EAAA,~~oBANtBC~~,~~GAMsB~~;EAAA,~~IANtBA~~,~~GAMsB~~,~~yBANhB~~,~~GAMgB~~;EAAA,~~0BALtBC~~,~~SAKsB~~;EAAA,~~IALtBA~~,~~SAKsB~~,+~~BALV~~,~~KAKU~~;EAAA,~~sBAJtBC~~,~~KAIsB~~;EAAA,~~IAJtBA~~,~~KAIsB~~,~~2BAJd~~,~~MAIc~~;EAAA,IAHtBC,~~UAGsB~~,QAHtBA,~~UAGsB~~;EAAA,IAFtBC,QAEsB,QAFtBA,QAEsB;EAAA,IADnBC,SACmB;;EACtB,OACE;IACE,SAAS,~~EAAER~~,~~UAAU~~,~~CACnB~~,~~aADmB~~,~~8BAEEE~~,~~IAFF~~,~~GAGnBC~~,GAAG,KAAK,MAAR~~,+BAAsCA~~,~~GAAtC~~,~~CAHmB~~,~~EAInBC~~,SAAS,~~IAAI~~,~~wBAJM,+BAKGC~~,~~KALH~~,~~EADvB~~;~~IAQE~~,IAAI,EAAC,~~OARP~~;~~IASE~~,GAAG,EAAEC;~~EATP~~,~~GAUME~~,~~SAVN~~,~~GAYGD~~,~~QAZH~~,CADF;~~AAgBD~~,~~CAzBM~~"}
1	+ {"version":3,"file":"ButtonGroup.js","names":["classNamesString","ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","styles"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport type { HasRootRef, AlignType } from \"../../types\";\nimport styles from \"./ButtonGroup.module.css\";\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: \"vertical\" \| \"horizontal\";\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: \"none\" \| \"space\" \| \"s\" \| \"m\";\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean;\n /\n Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n /\n align?: AlignType;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ButtonGroup\n /\nexport const ButtonGroup = ({\n mode = \"horizontal\",\n gap = \"m\",\n stretched = false,\n align = \"left\" / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n getRootRef,\n className,\n children,\n ...restProps\n}: ButtonGroupProps) => {\n return (\n <div\n className={classNamesString(\n className,\n styles.ButtonGroup,\n styles[`ButtonGroup--mode-${mode}`],\n gap !== \"none\" && styles[`ButtonGroup--gap-${gap}`],\n stretched && styles[\"ButtonGroup--stretched\"],\n align && styles[`ButtonGroup--align-${align}`]\n )}\n role=\"group\"\n ref={getRootRef}\n {...restProps}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;;AACA,SAASA,gBAAT;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OASH;EAAA,qBARtBC,IAQsB;EAAA,IARtBA,IAQsB,0BARf,YAQe;EAAA,oBAPtBC,GAOsB;EAAA,IAPtBA,GAOsB,yBAPhB,GAOgB;EAAA,0BANtBC,SAMsB;EAAA,IANtBA,SAMsB,+BANV,KAMU;EAAA,sBALtBC,KAKsB;EAAA,IALtBA,KAKsB,2BALd,MAKc;EAAA,IAJtBC,UAIsB,QAJtBA,UAIsB;EAAA,IAHtBC,SAGsB,QAHtBA,SAGsB;EAAA,IAFtBC,QAEsB,QAFtBA,QAEsB;EAAA,IADnBC,SACmB;;EACtB,OACE;IACE,SAAS,EAAET,gBAAgB,CACzBO,SADyB,EAEzBG,MAAM,CAACT,WAFkB,EAGzBS,MAAM,6BAAsBR,IAAtB,EAHmB,EAIzBC,GAAG,KAAK,MAAR,IAAkBO,MAAM,4BAAqBP,GAArB,EAJC,EAKzBC,SAAS,IAAIM,MAAM,CAAC,wBAAD,CALM,EAMzBL,KAAK,IAAIK,MAAM,8BAAuBL,KAAvB,EANU,CAD7B;IASE,IAAI,EAAC,OATP;IAUE,GAAG,EAAEC;EAVP,GAWMG,SAXN,GAaGD,QAbH,CADF;AAiBD,CA3BM"}

package/dist/cssm/components/ButtonGroup/ButtonGroup.module.css ADDED Viewed

@@ -0,0 +1 @@

+ .vkuiButtonGroup{display:inline-flex;max-width:100%}.vkuiButtonGroup--stretched{display:flex;width:100%}.vkuiButtonGroup--mode-vertical{flex-direction:column}.vkuiButtonGroup--mode-horizontal{flex-direction:row}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space>:not(:first-child){margin-top:var(--vkui--size_button_group_gap_space--regular)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:var(--vkui--size_button_group_gap_small--regular)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:var(--vkui--size_button_group_gap_medium--regular)}.vkuiButtonGroup--mode-horizontal>:not(.vkuiButtonGroup){min-width:0}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space>:not(:last-child){margin-right:var(--vkui--size_button_group_gap_space--regular)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:var(--vkui--size_button_group_gap_small--regular)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:var(--vkui--size_button_group_gap_medium--regular)}.vkuiButtonGroup--align-left{align-items:flex-start}.vkuiButtonGroup--align-center{align-items:center}.vkuiButtonGroup--align-right{align-items:flex-end}

package/dist/cssm/components/Calendar/Calendar.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiCalendar{background~~:#fff;background~~:var(--vkui--color_background_modal~~,#fff~~);border:.5px solid ~~#d7d8d9;border:.5px solid~~ var(--vkui--color_separator_primary~~,#d7d8d9~~);border-radius:8px;box-shadow:~~0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:~~var(--vkui--elevation1~~,0 0 2px rgba(0,0,0,.03~~)~~,0 2px 2px rgba(0,0,0,.06))~~;box-sizing:border-box;display:flex;flex-direction:column;padding:12px;width:305px}.vkuiCalendar__time{border-top:1px solid ~~#d7d8d9;border-top:1px solid~~ var(--vkui--color_separator_primary~~,#d7d8d9~~);margin:12px -12px 0;padding:12px 12px 0}.vkuiCalendar__header{margin-bottom:4px;z-index:1}.vkuiCalendar--size-s{padding:8px;width:220px}.vkuiCalendar--size-s .vkuiCalendar__header{margin-bottom:0}
1	+ .vkuiCalendar{background:var(--vkui--color_background_modal);border:.5px solid var(--vkui--color_separator_primary);border-radius:8px;box-shadow:var(--vkui--elevation1);box-sizing:border-box;display:flex;flex-direction:column;padding:12px;width:305px}.vkuiCalendar__time{border-top:1px solid var(--vkui--color_separator_primary);margin:12px -12px 0;padding:12px 12px 0}.vkuiCalendar__header{margin-bottom:4px;z-index:1}.vkuiCalendar--size-s{padding:8px;width:220px}.vkuiCalendar--size-s .vkuiCalendar__header{margin-bottom:0}

package/dist/cssm/components/CalendarDay/CalendarDay.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiCalendarDay{border-radius:0;color~~:#000;color~~:var(--vkui--color_text_primary~~,#000~~);font-size:14px}.vkuiCalendarDay,.vkuiCalendarDay__hidden{flex-basis:calc(100% / 7);flex-grow:0;height:36px}.vkuiCalendarDay--size-s,.vkuiCalendarDay__hidden--size-s{height:34px}.vkuiCalendarDay--disabled,.vkuiCalendarDay--not-same-month{color~~:#99a2ad;color~~:var(--vkui--color_text_tertiary~~,#99a2ad~~)}.vkuiCalendarDay--selected{background-color~~:#f5f5f5;background-color~~:var(--vkui--color_background_secondary~~,#f5f5f5~~)}.vkuiCalendarDay--selection-start.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-start{border-bottom-left-radius:8px;border-top-left-radius:8px}.vkuiCalendarDay--selection-end.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-end{border-bottom-right-radius:8px;border-top-right-radius:8px}.vkuiCalendarDay__day-number{text-align:center}.vkuiCalendarDay--today{font-weight:600}.vkuiCalendarDay--today .vkuiCalendarDay__day-number:after{border-bottom:2px solid ~~#2688eb;border-bottom:2px solid~~ var(--vkui--color_stroke_accent~~,#2688eb~~);content:"";display:block;left:50%;position:relative~~;-webkit-transform:translateX(-50%)~~;transform:translateX(-50%);width:16px}.vkuiCalendarDay--today .vkuiCalendarDay__inner--active .vkuiCalendarDay__day-number:after{border-bottom-color~~:#fff;border-bottom-color~~:var(--vkui--color_stroke_contrast~~,#fff~~)}.vkuiCalendarDay__hinted,.vkuiCalendarDay__inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vkuiCalendarDay__inner{border-radius:8px}.vkuiCalendarDay--hover :not(.vkuiCalendarDay__hinted--active) .vkuiCalendarDay__inner,.vkuiCalendarDay__hinted--active{background-color:~~rgba(0,0,0,.08);background-color:~~var(--vkui--color_background_secondary_alpha--hover~~,rgba(0,0,0,.08~~))}.vkuiCalendarDay__inner--active{background-color~~:#2688eb;background-color~~:var(--vkui--color_background_accent~~,#2688eb~~);color~~:#fff;color~~:var(--vkui--color_text_contrast~~,#fff~~)}
1	+ .vkuiCalendarDay{border-radius:0;color:var(--vkui--color_text_primary);font-size:14px}.vkuiCalendarDay,.vkuiCalendarDay__hidden{flex-basis:calc(100% / 7);flex-grow:0;height:36px}.vkuiCalendarDay--size-s,.vkuiCalendarDay__hidden--size-s{height:34px}.vkuiCalendarDay--disabled,.vkuiCalendarDay--not-same-month{color:var(--vkui--color_text_tertiary)}.vkuiCalendarDay--selected{background-color:var(--vkui--color_background_secondary)}.vkuiCalendarDay--selection-start.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-start{border-bottom-left-radius:8px;border-top-left-radius:8px}.vkuiCalendarDay--selection-end.vkuiCalendarDay--selected,.vkuiCalendarDay__hinted--selection-end{border-bottom-right-radius:8px;border-top-right-radius:8px}.vkuiCalendarDay__day-number{text-align:center}.vkuiCalendarDay--today{font-weight:600}.vkuiCalendarDay--today .vkuiCalendarDay__day-number:after{border-bottom:2px solid var(--vkui--color_stroke_accent);content:"";display:block;left:50%;position:relative;transform:translateX(-50%);width:16px}.vkuiCalendarDay--today .vkuiCalendarDay__inner--active .vkuiCalendarDay__day-number:after{border-bottom-color:var(--vkui--color_stroke_contrast)}.vkuiCalendarDay__hinted,.vkuiCalendarDay__inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vkuiCalendarDay__inner{border-radius:8px}.vkuiCalendarDay--hover :not(.vkuiCalendarDay__hinted--active) .vkuiCalendarDay__inner,.vkuiCalendarDay__hinted--active{background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiCalendarDay__inner--active{background-color:var(--vkui--color_background_accent);color:var(--vkui--color_text_contrast)}

package/dist/cssm/components/CalendarDays/CalendarDays.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiCalendarDays{display:flex;flex-direction:column;flex-grow:1;justify-content:space-around}.vkuiCalendarDays__row{display:flex;flex-grow:1;justify-content:center}.vkuiCalendarDays__row:not(:last-child){margin-bottom:4px}.vkuiCalendarDays__row--size-s:not(:last-child){margin-bottom:0}.vkuiCalendarDays__weekday{align-items:center;color~~:#6d7885;color~~:var(--vkui--color_text_subhead~~,#6d7885~~);display:flex;flex-basis:calc(100% / 7);flex-grow:0;height:32px;justify-content:center;text-transform:capitalize}
1	+ .vkuiCalendarDays{display:flex;flex-direction:column;flex-grow:1;justify-content:space-around}.vkuiCalendarDays__row{display:flex;flex-grow:1;justify-content:center}.vkuiCalendarDays__row:not(:last-child){margin-bottom:4px}.vkuiCalendarDays__row--size-s:not(:last-child){margin-bottom:0}.vkuiCalendarDays__weekday{align-items:center;color:var(--vkui--color_text_subhead);display:flex;flex-basis:calc(100% / 7);flex-grow:0;height:32px;justify-content:center;text-transform:capitalize}

package/dist/cssm/components/CalendarDays/CalendarDays.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { CalendarDay } from "../CalendarDay/CalendarDay";
 import { getDaysNames, getWeeks } from "../../lib/calendar";
 import { LocaleProviderContext } from "../LocaleProviderContext/LocaleProviderContext";
 import { classNames } from "../../lib/classNames";
-import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
 import "./CalendarDays.css";
 export var CalendarDays = function CalendarDays(_ref) {
   var viewDate = _ref.viewDate,
@@ -58,9 +58,8 @@ export var CalendarDays = function CalendarDays(_ref) {
   }), createScopedElement("div", {
     vkuiClass: classNames("CalendarDays__row", "CalendarDays__row--size-".concat(size))
   }, daysNames.map(function (dayName) {
-    return createScopedElement(Caption, {
+    return createScopedElement(Footnote, {
       key: dayName,
-      level: "1",
       vkuiClass: "CalendarDays__weekday"
     }, dayName);
   })), weeks.map(function (week, i) {

package/dist/cssm/components/CalendarDays/CalendarDays.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarDays.js","names":["React","isSameDay","isSameMonth","CalendarDay","getDaysNames","getWeeks","LocaleProviderContext","classNames","~~Caption~~","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","props","locale","useContext","ref","useRef","useState","Date","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","map","dayName","week","i","day","sameMonth","toISOString"],"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport {\n CalendarDay,\n CalendarDayElementProps,\n} from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ~~Caption~~ } from \"../Typography/~~Caption~~/~~Caption~~\";\nimport \"./CalendarDays.css\";\n\nexport interface CalendarDaysProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n value?: Date \| Array<Date \| null>;\n viewDate: Date;\n weekStartsOn: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: \"s\" \| \"m\";\n dayProps?: CalendarDayElementProps;\n onDayChange(value: Date): void;\n isDayDisabled(value: Date): boolean;\n isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n isDayActive(value: Date): boolean;\n isDayHinted?(value: Date): boolean;\n isDaySelected?(value: Date): boolean;\n isDayFocused(value: Date): boolean;\n onDayEnter?(value: Date): void;\n onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n viewDate,\n value,\n weekStartsOn,\n onDayChange,\n isDaySelected,\n isDayActive,\n isDaySelectionEnd,\n isDaySelectionStart,\n onDayEnter,\n onDayLeave,\n isDayHinted,\n isHintedDaySelectionStart,\n isHintedDaySelectionEnd,\n isDayFocused,\n isDayDisabled,\n size,\n showNeighboringMonth = false,\n dayProps,\n ...props\n}: CalendarDaysProps) => {\n const locale = React.useContext(LocaleProviderContext);\n const ref = React.useRef<HTMLDivElement>(null);\n const [now] = React.useState(new Date());\n\n const weeks = React.useMemo(\n () => getWeeks(viewDate, weekStartsOn),\n [weekStartsOn, viewDate]\n );\n\n const daysNames = React.useMemo(\n () => getDaysNames(now, weekStartsOn, locale),\n [locale, now, weekStartsOn]\n );\n\n const handleDayChange = React.useCallback(\n (date: Date) => {\n onDayChange(date);\n\n ref.current?.focus();\n },\n [onDayChange]\n );\n\n return (\n <div {...props} vkuiClass=\"CalendarDays\" ref={ref}>\n <div\n vkuiClass={classNames(\n \"CalendarDays__row\",\n `CalendarDays__row--size-${size}`\n )}\n >\n {daysNames.map((dayName) => (\n <~~Caption~~ key={dayName} ~~level=\"1\"~~ vkuiClass=\"CalendarDays__weekday\">\n {dayName}\n </~~Caption~~>\n ))}\n </div>\n\n {weeks.map((week, i) => (\n <div\n vkuiClass={classNames(\n \"CalendarDays__row\",\n `CalendarDays__row--size-${size}`\n )}\n key={i}\n >\n {week.map((day, i) => {\n const sameMonth = isSameMonth(day, viewDate);\n return (\n <CalendarDay\n key={day.toISOString()}\n day={day}\n today={isSameDay(day, now)}\n active={isDayActive(day)}\n onChange={handleDayChange}\n hidden={!showNeighboringMonth && !sameMonth}\n disabled={isDayDisabled(day)}\n selectionStart={isDaySelectionStart(day, i)}\n selectionEnd={isDaySelectionEnd(day, i)}\n hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n selected={isDaySelected?.(day)}\n focused={isDayFocused(day)}\n onEnter={onDayEnter}\n onLeave={onDayLeave}\n hinted={isDayHinted?.(day)}\n sameMonth={sameMonth}\n size={size}\n {...dayProps}\n />\n );\n })}\n </div>\n ))}\n </div>\n );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,EAAoBC,WAApB;AACA,SACEC,WADF;AAIA,SAASC,YAAT,EAAuBC,QAAvB;AACA,SAASC,qBAAT;AACA,SAASC,UAAT;AACA,SAASC,~~OAAT~~;AACA;AAwBA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAoBH;EAAA,IAnBvBC,QAmBuB,QAnBvBA,QAmBuB;EAAA,IAlBvBC,KAkBuB,QAlBvBA,KAkBuB;EAAA,IAjBvBC,YAiBuB,QAjBvBA,YAiBuB;EAAA,IAhBvBC,WAgBuB,QAhBvBA,WAgBuB;EAAA,IAfvBC,aAeuB,QAfvBA,aAeuB;EAAA,IAdvBC,WAcuB,QAdvBA,WAcuB;EAAA,IAbvBC,iBAauB,QAbvBA,iBAauB;EAAA,IAZvBC,mBAYuB,QAZvBA,mBAYuB;EAAA,IAXvBC,UAWuB,QAXvBA,UAWuB;EAAA,IAVvBC,UAUuB,QAVvBA,UAUuB;EAAA,IATvBC,WASuB,QATvBA,WASuB;EAAA,IARvBC,yBAQuB,QARvBA,yBAQuB;EAAA,IAPvBC,uBAOuB,QAPvBA,uBAOuB;EAAA,IANvBC,YAMuB,QANvBA,YAMuB;EAAA,IALvBC,aAKuB,QALvBA,aAKuB;EAAA,IAJvBC,IAIuB,QAJvBA,IAIuB;EAAA,iCAHvBC,oBAGuB;EAAA,IAHvBA,oBAGuB,sCAHA,KAGA;EAAA,IAFvBC,QAEuB,QAFvBA,QAEuB;EAAA,IADpBC,KACoB;;EACvB,IAAMC,MAAM,GAAG7B,KAAK,CAAC8B,UAAN,CAAiBxB,qBAAjB,CAAf;EACA,IAAMyB,GAAG,GAAG/B,KAAK,CAACgC,MAAN,CAA6B,IAA7B,CAAZ;;EACA,sBAAchC,KAAK,CAACiC,QAAN,CAAe,IAAIC,IAAJ,EAAf,CAAd;EAAA;EAAA,IAAOC,GAAP;;EAEA,IAAMC,KAAK,GAAGpC,KAAK,CAACqC,OAAN,CACZ;IAAA,OAAMhC,QAAQ,CAACK,QAAD,EAAWE,YAAX,CAAd;EAAA,CADY,EAEZ,CAACA,YAAD,EAAeF,QAAf,CAFY,CAAd;EAKA,IAAM4B,SAAS,GAAGtC,KAAK,CAACqC,OAAN,CAChB;IAAA,OAAMjC,YAAY,CAAC+B,GAAD,EAAMvB,YAAN,EAAoBiB,MAApB,CAAlB;EAAA,CADgB,EAEhB,CAACA,MAAD,EAASM,GAAT,EAAcvB,YAAd,CAFgB,CAAlB;EAKA,IAAM2B,eAAe,GAAGvC,KAAK,CAACwC,WAAN,CACtB,UAACC,IAAD,EAAgB;IAAA;;IACd5B,WAAW,CAAC4B,IAAD,CAAX;IAEA,gBAAAV,GAAG,CAACW,OAAJ,8DAAaC,KAAb;EACD,CALqB,EAMtB,CAAC9B,WAAD,CANsB,CAAxB;EASA,OACE,wCAASe,KAAT;IAAgB,SAAS,EAAC,cAA1B;IAAyC,GAAG,EAAEG;EAA9C,IACE;IACE,SAAS,EAAExB,UAAU,CACnB,mBADmB,oCAEQkB,IAFR;EADvB,GAMGa,SAAS,CAACM,GAAV,CAAc,UAACC,OAAD;IAAA,OACb,oBAAC,~~OAAD~~;~~MAAS~~,GAAG,EAAEA,~~OAAd~~;~~MAAuB~~,~~KAAK,EAAC,GAA7B;MAAiC,~~SAAS,EAAC;~~IAA3C~~,GACGA,OADH,CADa;EAAA,CAAd,CANH,CADF,EAcGT,KAAK,CAACQ,GAAN,CAAU,UAACE,IAAD,EAAOC,CAAP;IAAA,OACT;MACE,SAAS,EAAExC,UAAU,CACnB,mBADmB,oCAEQkB,IAFR,EADvB;MAKE,GAAG,EAAEsB;IALP,GAOGD,IAAI,CAACF,GAAL,CAAS,UAACI,GAAD,EAAMD,CAAN,EAAY;MACpB,IAAME,SAAS,GAAG/C,WAAW,CAAC8C,GAAD,EAAMtC,QAAN,CAA7B;MACA,OACE,oBAAC,WAAD;QACE,GAAG,EAAEsC,GAAG,CAACE,WAAJ,EADP;QAEE,GAAG,EAAEF,GAFP;QAGE,KAAK,EAAE/C,SAAS,CAAC+C,GAAD,EAAMb,GAAN,CAHlB;QAIE,MAAM,EAAEpB,WAAW,CAACiC,GAAD,CAJrB;QAKE,QAAQ,EAAET,eALZ;QAME,MAAM,EAAE,CAACb,oBAAD,IAAyB,CAACuB,SANpC;QAOE,QAAQ,EAAEzB,aAAa,CAACwB,GAAD,CAPzB;QAQE,cAAc,EAAE/B,mBAAmB,CAAC+B,GAAD,EAAMD,CAAN,CARrC;QASE,YAAY,EAAE/B,iBAAiB,CAACgC,GAAD,EAAMD,CAAN,CATjC;QAUE,oBAAoB,EAAE1B,yBAAF,aAAEA,yBAAF,uBAAEA,yBAAyB,CAAG2B,GAAH,EAAQD,CAAR,CAVjD;QAWE,kBAAkB,EAAEzB,uBAAF,aAAEA,uBAAF,uBAAEA,uBAAuB,CAAG0B,GAAH,EAAQD,CAAR,CAX7C;QAYE,QAAQ,EAAEjC,aAAF,aAAEA,aAAF,uBAAEA,aAAa,CAAGkC,GAAH,CAZzB;QAaE,OAAO,EAAEzB,YAAY,CAACyB,GAAD,CAbvB;QAcE,OAAO,EAAE9B,UAdX;QAeE,OAAO,EAAEC,UAfX;QAgBE,MAAM,EAAEC,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAG4B,GAAH,CAhBrB;QAiBE,SAAS,EAAEC,SAjBb;QAkBE,IAAI,EAAExB;MAlBR,GAmBME,QAnBN,EADF;IAuBD,CAzBA,CAPH,CADS;EAAA,CAAV,CAdH,CADF;AAqDD,CAjGM"}
1	+ {"version":3,"file":"CalendarDays.js","names":["React","isSameDay","isSameMonth","CalendarDay","getDaysNames","getWeeks","LocaleProviderContext","classNames","Footnote","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","props","locale","useContext","ref","useRef","useState","Date","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","map","dayName","week","i","day","sameMonth","toISOString"],"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport {\n CalendarDay,\n CalendarDayElementProps,\n} from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport \"./CalendarDays.css\";\n\nexport interface CalendarDaysProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n value?: Date \| Array<Date \| null>;\n viewDate: Date;\n weekStartsOn: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: \"s\" \| \"m\";\n dayProps?: CalendarDayElementProps;\n onDayChange(value: Date): void;\n isDayDisabled(value: Date): boolean;\n isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n isDayActive(value: Date): boolean;\n isDayHinted?(value: Date): boolean;\n isDaySelected?(value: Date): boolean;\n isDayFocused(value: Date): boolean;\n onDayEnter?(value: Date): void;\n onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n viewDate,\n value,\n weekStartsOn,\n onDayChange,\n isDaySelected,\n isDayActive,\n isDaySelectionEnd,\n isDaySelectionStart,\n onDayEnter,\n onDayLeave,\n isDayHinted,\n isHintedDaySelectionStart,\n isHintedDaySelectionEnd,\n isDayFocused,\n isDayDisabled,\n size,\n showNeighboringMonth = false,\n dayProps,\n ...props\n}: CalendarDaysProps) => {\n const locale = React.useContext(LocaleProviderContext);\n const ref = React.useRef<HTMLDivElement>(null);\n const [now] = React.useState(new Date());\n\n const weeks = React.useMemo(\n () => getWeeks(viewDate, weekStartsOn),\n [weekStartsOn, viewDate]\n );\n\n const daysNames = React.useMemo(\n () => getDaysNames(now, weekStartsOn, locale),\n [locale, now, weekStartsOn]\n );\n\n const handleDayChange = React.useCallback(\n (date: Date) => {\n onDayChange(date);\n\n ref.current?.focus();\n },\n [onDayChange]\n );\n\n return (\n <div {...props} vkuiClass=\"CalendarDays\" ref={ref}>\n <div\n vkuiClass={classNames(\n \"CalendarDays__row\",\n `CalendarDays__row--size-${size}`\n )}\n >\n {daysNames.map((dayName) => (\n <Footnote key={dayName} vkuiClass=\"CalendarDays__weekday\">\n {dayName}\n </Footnote>\n ))}\n </div>\n\n {weeks.map((week, i) => (\n <div\n vkuiClass={classNames(\n \"CalendarDays__row\",\n `CalendarDays__row--size-${size}`\n )}\n key={i}\n >\n {week.map((day, i) => {\n const sameMonth = isSameMonth(day, viewDate);\n return (\n <CalendarDay\n key={day.toISOString()}\n day={day}\n today={isSameDay(day, now)}\n active={isDayActive(day)}\n onChange={handleDayChange}\n hidden={!showNeighboringMonth && !sameMonth}\n disabled={isDayDisabled(day)}\n selectionStart={isDaySelectionStart(day, i)}\n selectionEnd={isDaySelectionEnd(day, i)}\n hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n selected={isDaySelected?.(day)}\n focused={isDayFocused(day)}\n onEnter={onDayEnter}\n onLeave={onDayLeave}\n hinted={isDayHinted?.(day)}\n sameMonth={sameMonth}\n size={size}\n {...dayProps}\n />\n );\n })}\n </div>\n ))}\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/cssm/components/CalendarHeader/CalendarHeader.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiCalendarHeader{align-items:center;display:flex;justify-content:center;min-height:36px;position:relative}.vkuiCalendarHeader__pickers{display:flex;position:absolute}.vkuiCalendarHeader__picker+.vkuiCalendarHeader__picker{margin-left:4px}.vkuiCalendarHeader__nav-icon{align-items:center;display:flex;justify-content:center;padding:3px;position:absolute}.vkuiCalendarHeader__nav-icon--accent{color~~:#2688eb;color~~:var(--vkui--color_icon_accent~~,#2688eb~~)}.vkuiCalendarHeader__nav-icon-next{right:0}.vkuiCalendarHeader__nav-icon-prev{left:0}.vkuiCalendarHeader__month{text-transform:capitalize}
1	+ .vkuiCalendarHeader{align-items:center;display:flex;justify-content:center;min-height:36px;position:relative}.vkuiCalendarHeader__pickers{display:flex;position:absolute}.vkuiCalendarHeader__picker+.vkuiCalendarHeader__picker{margin-left:4px}.vkuiCalendarHeader__nav-icon{align-items:center;display:flex;justify-content:center;padding:3px;position:absolute}.vkuiCalendarHeader__nav-icon--accent{color:var(--vkui--color_icon_accent)}.vkuiCalendarHeader__nav-icon-next{right:0}.vkuiCalendarHeader__nav-icon-prev{left:0}.vkuiCalendarHeader__month{text-transform:capitalize}

package/dist/cssm/components/CalendarHeader/CalendarHeader.js CHANGED Viewed

@@ -5,9 +5,8 @@ import { setMonth, setYear, subMonths, addMonths } from "../../lib/date";
 import { Icon20ChevronLeftOutline, Icon20ChevronRightOutline, Icon12Dropdown } from "@vkontakte/icons";
 import { Tappable } from "../Tappable/Tappable";
 import { classNames } from "../../lib/classNames";
-import { SelectType } from "../Select/Select";
 import { CustomSelect } from "../CustomSelect/CustomSelect";
-import { SizeType } from "../../hoc/withAdaptivity";
+import { SizeType } from "../../lib/adaptivity";
 import { getMonths, getYears } from "../../lib/calendar";
 import { LocaleProviderContext } from "../LocaleProviderContext/LocaleProviderContext";
 import { Paragraph } from "../Typography/Paragraph/Paragraph";
@@ -92,7 +91,9 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     month: "long"
   }).format(viewDate)), "\xA0", new Intl.DateTimeFormat(locale, {
     year: "numeric"
-  }).format(viewDate)) : createScopedElement("div", {
+  }).format(viewDate)) : createScopedElement(AdaptivityProvider, {
+    sizeY: SizeType.COMPACT
+  }, createScopedElement("div", {
     vkuiClass: "CalendarHeader__pickers"
   }, createScopedElement(CustomSelect, {
     vkuiClass: "CalendarHeader__picker",
@@ -100,11 +101,10 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     options: months,
     dropdownOffsetDistance: 4,
     fixDropdownWidth: false,
-    sizeY: SizeType.COMPACT,
     icon: createScopedElement(Icon12Dropdown, null),
     onChange: onMonthsChange,
     forceDropdownPortal: false,
-    selectType: SelectType.accent,
+    selectType: "accent",
     "aria-label": changeMonthAriaLabel
   }), createScopedElement(CustomSelect, {
     vkuiClass: "CalendarHeader__picker",
@@ -112,13 +112,12 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     options: years,
     dropdownOffsetDistance: 4,
     fixDropdownWidth: false,
-    sizeY: SizeType.COMPACT,
     icon: createScopedElement(Icon12Dropdown, null),
     onChange: onYearChange,
     forceDropdownPortal: false,
-    selectType: SelectType.accent,
+    selectType: "accent",
     "aria-label": changeYearAriaLabel
-  })), nextMonth && createScopedElement(AdaptivityProvider, {
+  }))), nextMonth && createScopedElement(AdaptivityProvider, {
     sizeX: SizeType.REGULAR
   }, createScopedElement(Tappable, _extends({
     vkuiClass: classNames("CalendarHeader__nav-icon", "CalendarHeader__nav-icon-next"),

package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarHeader.js","names":["React","setMonth","setYear","subMonths","addMonths","Icon20ChevronLeftOutline","Icon20ChevronRightOutline","Icon12Dropdown","Tappable","classNames","SelectType","CustomSelect","SizeType","getMonths","getYears","LocaleProviderContext","Paragraph","AdaptivityProvider","CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","useContext","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","REGULAR","format","getMonth","COMPACT","accent"],"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { setMonth, setYear, subMonths, addMonths } from \"../../lib/date\";\nimport {\n Icon20ChevronLeftOutline,\n Icon20ChevronRightOutline,\n Icon12Dropdown,\n} from \"@vkontakte/icons\";\nimport { Tappable, TappableElementProps } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SelectType } from \"../Select/Select\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport { getMonths, getYears } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./CalendarHeader.css\";\n\ntype ArrowMonthProps = Omit<TappableElementProps, \"onClick\" \| \"aria-label\">;\n\nexport interface CalendarHeaderProps\n extends Pick<React.HTMLAttributes<HTMLDivElement>, \"className\"> {\n viewDate: Date;\n prevMonth?: boolean;\n nextMonth?: boolean;\n disablePickers?: boolean;\n prevMonthAriaLabel?: string;\n nextMonthAriaLabel?: string;\n changeMonthAriaLabel?: string;\n changeYearAriaLabel?: string;\n prevMonthIcon?: React.ReactNode;\n nextMonthIcon?: React.ReactNode;\n prevMonthProps?: ArrowMonthProps;\n nextMonthProps?: ArrowMonthProps;\n onChange(viewDate: Date): void;\n /*\n Нажатие на кнопку переключения на следующий месяц.\n /\n onNextMonth?(): void;\n /\n Нажатие на кнопку переключения на предыдущий месяц.\n */\n onPrevMonth?(): void;\n}\n\nexport const CalendarHeader = ({\n viewDate,\n onChange,\n prevMonth = true,\n nextMonth = true,\n disablePickers = false,\n onNextMonth,\n onPrevMonth,\n className,\n prevMonthProps,\n nextMonthProps,\n prevMonthAriaLabel = \"Предыдущий месяц\",\n nextMonthAriaLabel = \"Следующий месяц\",\n changeMonthAriaLabel = \"Изменить месяц\",\n changeYearAriaLabel = \"Изменить год\",\n prevMonthIcon = (\n <Icon20ChevronLeftOutline\n vkuiClass=\"CalendarHeader__nav-icon--accent\"\n width={30}\n height={30}\n />\n ),\n nextMonthIcon = (\n <Icon20ChevronRightOutline\n vkuiClass=\"CalendarHeader__nav-icon--accent\"\n width={30}\n height={30}\n />\n ),\n}: CalendarHeaderProps) => {\n const locale = React.useContext(LocaleProviderContext);\n const onMonthsChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange(setMonth(viewDate, Number(event.target.value))),\n [onChange, viewDate]\n );\n const onYearChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange(setYear(viewDate, Number(event.target.value))),\n [onChange, viewDate]\n );\n\n const months = React.useMemo(\n () =>\n getMonths(locale).map(({ value, label }) => ({\n value,\n label: <span vkuiClass=\"CalendarHeader__month\">{label}</span>,\n })),\n [locale]\n );\n\n const currentYear = viewDate.getFullYear();\n\n const years = React.useMemo(() => getYears(currentYear, 100), [currentYear]);\n\n const formatter = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n month: \"long\",\n });\n\n return (\n <div vkuiClass=\"CalendarHeader\" className={className}>\n {prevMonth && (\n <AdaptivityProvider sizeX={SizeType.REGULAR}>\n <Tappable\n vkuiClass={classNames(\n \"CalendarHeader__nav-icon\",\n \"CalendarHeader__nav-icon-prev\"\n )}\n onClick={onPrevMonth}\n aria-label={`${prevMonthAriaLabel}, ${formatter.format(\n subMonths(viewDate, 1)\n )}`}\n {...prevMonthProps}\n >\n {prevMonthIcon}\n </Tappable>\n </AdaptivityProvider>\n )}\n {disablePickers ? (\n <Paragraph vkuiClass=\"CalendarHeader__pickers\" weight=\"2\">\n <span vkuiClass=\"CalendarHeader__month\">\n {new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(viewDate)}\n </span>\n  \n {new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n }).format(viewDate)}\n </Paragraph>\n ) : (\n <div vkuiClass=\"CalendarHeader__pickers\">\n <CustomSelect\n vkuiClass=\"CalendarHeader__picker\"\n value={viewDate.getMonth()}\n options={months}\n dropdownOffsetDistance={4}\n fixDropdownWidth={false}\n sizeY={SizeType.COMPACT}\n icon={<Icon12Dropdown />}\n onChange={onMonthsChange}\n forceDropdownPortal={false}\n selectType={SelectType.accent}\n aria-label={changeMonthAriaLabel}\n />\n <CustomSelect\n vkuiClass=\"CalendarHeader__picker\"\n value={viewDate.getFullYear()}\n options={years}\n dropdownOffsetDistance={4}\n fixDropdownWidth={false}\n sizeY={SizeType.COMPACT}\n icon={<Icon12Dropdown />}\n onChange={onYearChange}\n forceDropdownPortal={false}\n selectType={SelectType.accent}\n aria-label={changeYearAriaLabel}\n />\n </div>\n )}\n {nextMonth && (\n <AdaptivityProvider sizeX={SizeType.REGULAR}>\n <Tappable\n vkuiClass={classNames(\n \"CalendarHeader__nav-icon\",\n \"CalendarHeader__nav-icon-next\"\n )}\n onClick={onNextMonth}\n aria-label={`${nextMonthAriaLabel}, ${formatter.format(\n addMonths(viewDate, 1)\n )}`}\n {...nextMonthProps}\n >\n {nextMonthIcon}\n </Tappable>\n </AdaptivityProvider>\n )}\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"CalendarHeader.js","names":["React","setMonth","setYear","subMonths","addMonths","Icon20ChevronLeftOutline","Icon20ChevronRightOutline","Icon12Dropdown","Tappable","classNames","CustomSelect","SizeType","getMonths","getYears","LocaleProviderContext","Paragraph","AdaptivityProvider","CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","useContext","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","REGULAR","format","COMPACT","getMonth"],"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { setMonth, setYear, subMonths, addMonths } from \"../../lib/date\";\nimport {\n Icon20ChevronLeftOutline,\n Icon20ChevronRightOutline,\n Icon12Dropdown,\n} from \"@vkontakte/icons\";\nimport { Tappable, TappableElementProps } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport { getMonths, getYears } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./CalendarHeader.css\";\n\ntype ArrowMonthProps = Omit<TappableElementProps, \"onClick\" \| \"aria-label\">;\n\nexport interface CalendarHeaderProps\n extends Pick<React.HTMLAttributes<HTMLDivElement>, \"className\"> {\n viewDate: Date;\n prevMonth?: boolean;\n nextMonth?: boolean;\n disablePickers?: boolean;\n prevMonthAriaLabel?: string;\n nextMonthAriaLabel?: string;\n changeMonthAriaLabel?: string;\n changeYearAriaLabel?: string;\n prevMonthIcon?: React.ReactNode;\n nextMonthIcon?: React.ReactNode;\n prevMonthProps?: ArrowMonthProps;\n nextMonthProps?: ArrowMonthProps;\n onChange(viewDate: Date): void;\n /*\n Нажатие на кнопку переключения на следующий месяц.\n /\n onNextMonth?(): void;\n /\n Нажатие на кнопку переключения на предыдущий месяц.\n */\n onPrevMonth?(): void;\n}\n\nexport const CalendarHeader = ({\n viewDate,\n onChange,\n prevMonth = true,\n nextMonth = true,\n disablePickers = false,\n onNextMonth,\n onPrevMonth,\n className,\n prevMonthProps,\n nextMonthProps,\n prevMonthAriaLabel = \"Предыдущий месяц\",\n nextMonthAriaLabel = \"Следующий месяц\",\n changeMonthAriaLabel = \"Изменить месяц\",\n changeYearAriaLabel = \"Изменить год\",\n prevMonthIcon = (\n <Icon20ChevronLeftOutline\n vkuiClass=\"CalendarHeader__nav-icon--accent\"\n width={30}\n height={30}\n />\n ),\n nextMonthIcon = (\n <Icon20ChevronRightOutline\n vkuiClass=\"CalendarHeader__nav-icon--accent\"\n width={30}\n height={30}\n />\n ),\n}: CalendarHeaderProps) => {\n const locale = React.useContext(LocaleProviderContext);\n const onMonthsChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange(setMonth(viewDate, Number(event.target.value))),\n [onChange, viewDate]\n );\n const onYearChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange(setYear(viewDate, Number(event.target.value))),\n [onChange, viewDate]\n );\n\n const months = React.useMemo(\n () =>\n getMonths(locale).map(({ value, label }) => ({\n value,\n label: <span vkuiClass=\"CalendarHeader__month\">{label}</span>,\n })),\n [locale]\n );\n\n const currentYear = viewDate.getFullYear();\n\n const years = React.useMemo(() => getYears(currentYear, 100), [currentYear]);\n\n const formatter = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n month: \"long\",\n });\n\n return (\n <div vkuiClass=\"CalendarHeader\" className={className}>\n {prevMonth && (\n <AdaptivityProvider sizeX={SizeType.REGULAR}>\n <Tappable\n vkuiClass={classNames(\n \"CalendarHeader__nav-icon\",\n \"CalendarHeader__nav-icon-prev\"\n )}\n onClick={onPrevMonth}\n aria-label={`${prevMonthAriaLabel}, ${formatter.format(\n subMonths(viewDate, 1)\n )}`}\n {...prevMonthProps}\n >\n {prevMonthIcon}\n </Tappable>\n </AdaptivityProvider>\n )}\n {disablePickers ? (\n <Paragraph vkuiClass=\"CalendarHeader__pickers\" weight=\"2\">\n <span vkuiClass=\"CalendarHeader__month\">\n {new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(viewDate)}\n </span>\n  \n {new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n }).format(viewDate)}\n </Paragraph>\n ) : (\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <div vkuiClass=\"CalendarHeader__pickers\">\n <CustomSelect\n vkuiClass=\"CalendarHeader__picker\"\n value={viewDate.getMonth()}\n options={months}\n dropdownOffsetDistance={4}\n fixDropdownWidth={false}\n icon={<Icon12Dropdown />}\n onChange={onMonthsChange}\n forceDropdownPortal={false}\n selectType=\"accent\"\n aria-label={changeMonthAriaLabel}\n />\n <CustomSelect\n vkuiClass=\"CalendarHeader__picker\"\n value={viewDate.getFullYear()}\n options={years}\n dropdownOffsetDistance={4}\n fixDropdownWidth={false}\n icon={<Icon12Dropdown />}\n onChange={onYearChange}\n forceDropdownPortal={false}\n selectType=\"accent\"\n aria-label={changeYearAriaLabel}\n />\n </div>\n </AdaptivityProvider>\n )}\n {nextMonth && (\n <AdaptivityProvider sizeX={SizeType.REGULAR}>\n <Tappable\n vkuiClass={classNames(\n \"CalendarHeader__nav-icon\",\n \"CalendarHeader__nav-icon-next\"\n )}\n onClick={onNextMonth}\n aria-label={`${nextMonthAriaLabel}, ${formatter.format(\n addMonths(viewDate, 1)\n )}`}\n {...nextMonthProps}\n >\n {nextMonthIcon}\n </Tappable>\n </AdaptivityProvider>\n )}\n </div>\n );\n};\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,OAAnB,EAA4BC,SAA5B,EAAuCC,SAAvC;AACA,SACEC,wBADF,EAEEC,yBAFF,EAGEC,cAHF,QAIO,kBAJP;AAKA,SAASC,QAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,QAAT;AACA,SAASC,SAAT,EAAoBC,QAApB;AACA,SAASC,qBAAT;AACA,SAASC,SAAT;AACA,SAASC,kBAAT;AACA;AA6BA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OA6BH;EAAA,IA5BzBC,QA4ByB,QA5BzBA,QA4ByB;EAAA,IA3BzBC,QA2ByB,QA3BzBA,QA2ByB;EAAA,0BA1BzBC,SA0ByB;EAAA,IA1BzBA,SA0ByB,+BA1Bb,IA0Ba;EAAA,0BAzBzBC,SAyByB;EAAA,IAzBzBA,SAyByB,+BAzBb,IAyBa;EAAA,+BAxBzBC,cAwByB;EAAA,IAxBzBA,cAwByB,oCAxBR,KAwBQ;EAAA,IAvBzBC,WAuByB,QAvBzBA,WAuByB;EAAA,IAtBzBC,WAsByB,QAtBzBA,WAsByB;EAAA,IArBzBC,SAqByB,QArBzBA,SAqByB;EAAA,IApBzBC,cAoByB,QApBzBA,cAoByB;EAAA,IAnBzBC,cAmByB,QAnBzBA,cAmByB;EAAA,iCAlBzBC,kBAkByB;EAAA,IAlBzBA,kBAkByB,sCAlBJ,kBAkBI;EAAA,iCAjBzBC,kBAiByB;EAAA,IAjBzBA,kBAiByB,sCAjBJ,iBAiBI;EAAA,iCAhBzBC,oBAgByB;EAAA,IAhBzBA,oBAgByB,sCAhBF,gBAgBE;EAAA,iCAfzBC,mBAeyB;EAAA,IAfzBA,mBAeyB,sCAfH,cAeG;EAAA,8BAdzBC,aAcyB;EAAA,IAdzBA,aAcyB,mCAbvB,oBAAC,wBAAD;IACE,SAAS,EAAC,kCADZ;IAEE,KAAK,EAAE,EAFT;IAGE,MAAM,EAAE;EAHV,EAauB;EAAA,8BAPzBC,aAOyB;EAAA,IAPzBA,aAOyB,mCANvB,oBAAC,yBAAD;IACE,SAAS,EAAC,kCADZ;IAEE,KAAK,EAAE,EAFT;IAGE,MAAM,EAAE;EAHV,EAMuB;EACzB,IAAMC,MAAM,GAAGlC,KAAK,CAACmC,UAAN,CAAiBrB,qBAAjB,CAAf;EACA,IAAMsB,cAAc,GAAGpC,KAAK,CAACqC,WAAN,CACrB,UAACC,KAAD;IAAA,OACEnB,QAAQ,CAAClB,QAAQ,CAACiB,QAAD,EAAWqB,MAAM,CAACD,KAAK,CAACE,MAAN,CAAaC,KAAd,CAAjB,CAAT,CADV;EAAA,CADqB,EAGrB,CAACtB,QAAD,EAAWD,QAAX,CAHqB,CAAvB;EAKA,IAAMwB,YAAY,GAAG1C,KAAK,CAACqC,WAAN,CACnB,UAACC,KAAD;IAAA,OACEnB,QAAQ,CAACjB,OAAO,CAACgB,QAAD,EAAWqB,MAAM,CAACD,KAAK,CAACE,MAAN,CAAaC,KAAd,CAAjB,CAAR,CADV;EAAA,CADmB,EAGnB,CAACtB,QAAD,EAAWD,QAAX,CAHmB,CAArB;EAMA,IAAMyB,MAAM,GAAG3C,KAAK,CAAC4C,OAAN,CACb;IAAA,OACEhC,SAAS,CAACsB,MAAD,CAAT,CAAkBW,GAAlB,CAAsB;MAAA,IAAGJ,KAAH,SAAGA,KAAH;MAAA,IAAUK,KAAV,SAAUA,KAAV;MAAA,OAAuB;QAC3CL,KAAK,EAALA,KAD2C;QAE3CK,KAAK,EAAE;UAAM,SAAS,EAAC;QAAhB,GAAyCA,KAAzC;MAFoC,CAAvB;IAAA,CAAtB,CADF;EAAA,CADa,EAMb,CAACZ,MAAD,CANa,CAAf;EASA,IAAMa,WAAW,GAAG7B,QAAQ,CAAC8B,WAAT,EAApB;EAEA,IAAMC,KAAK,GAAGjD,KAAK,CAAC4C,OAAN,CAAc;IAAA,OAAM/B,QAAQ,CAACkC,WAAD,EAAc,GAAd,CAAd;EAAA,CAAd,EAAgD,CAACA,WAAD,CAAhD,CAAd;EAEA,IAAMG,SAAS,GAAG,IAAIC,IAAI,CAACC,cAAT,CAAwBlB,MAAxB,EAAgC;IAChDmB,IAAI,EAAE,SAD0C;IAEhDC,KAAK,EAAE;EAFyC,CAAhC,CAAlB;EAKA,OACE;IAAK,SAAS,EAAC,gBAAf;IAAgC,SAAS,EAAE7B;EAA3C,GACGL,SAAS,IACR,oBAAC,kBAAD;IAAoB,KAAK,EAAET,QAAQ,CAAC4C;EAApC,GACE,oBAAC,QAAD;IACE,SAAS,EAAE9C,UAAU,CACnB,0BADmB,EAEnB,+BAFmB,CADvB;IAKE,OAAO,EAAEe,WALX;IAME,wBAAeI,kBAAf,eAAsCsB,SAAS,CAACM,MAAV,CACpCrD,SAAS,CAACe,QAAD,EAAW,CAAX,CAD2B,CAAtC;EANF,GASMQ,cATN,GAWGM,aAXH,CADF,CAFJ,EAkBGV,cAAc,GACb,oBAAC,SAAD;IAAW,SAAS,EAAC,yBAArB;IAA+C,MAAM,EAAC;EAAtD,GACE;IAAM,SAAS,EAAC;EAAhB,GACG,IAAI6B,IAAI,CAACC,cAAT,CAAwBlB,MAAxB,EAAgC;IAC/BoB,KAAK,EAAE;EADwB,CAAhC,EAEEE,MAFF,CAEStC,QAFT,CADH,CADF,UAOG,IAAIiC,IAAI,CAACC,cAAT,CAAwBlB,MAAxB,EAAgC;IAC/BmB,IAAI,EAAE;EADyB,CAAhC,EAEEG,MAFF,CAEStC,QAFT,CAPH,CADa,GAab,oBAAC,kBAAD;IAAoB,KAAK,EAAEP,QAAQ,CAAC8C;EAApC,GACE;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,YAAD;IACE,SAAS,EAAC,wBADZ;IAEE,KAAK,EAAEvC,QAAQ,CAACwC,QAAT,EAFT;IAGE,OAAO,EAAEf,MAHX;IAIE,sBAAsB,EAAE,CAJ1B;IAKE,gBAAgB,EAAE,KALpB;IAME,IAAI,EAAE,oBAAC,cAAD,OANR;IAOE,QAAQ,EAAEP,cAPZ;IAQE,mBAAmB,EAAE,KARvB;IASE,UAAU,EAAC,QATb;IAUE,cAAYN;EAVd,EADF,EAaE,oBAAC,YAAD;IACE,SAAS,EAAC,wBADZ;IAEE,KAAK,EAAEZ,QAAQ,CAAC8B,WAAT,EAFT;IAGE,OAAO,EAAEC,KAHX;IAIE,sBAAsB,EAAE,CAJ1B;IAKE,gBAAgB,EAAE,KALpB;IAME,IAAI,EAAE,oBAAC,cAAD,OANR;IAOE,QAAQ,EAAEP,YAPZ;IAQE,mBAAmB,EAAE,KARvB;IASE,UAAU,EAAC,QATb;IAUE,cAAYX;EAVd,EAbF,CADF,CA/BJ,EA4DGV,SAAS,IACR,oBAAC,kBAAD;IAAoB,KAAK,EAAEV,QAAQ,CAAC4C;EAApC,GACE,oBAAC,QAAD;IACE,SAAS,EAAE9C,UAAU,CACnB,0BADmB,EAEnB,+BAFmB,CADvB;IAKE,OAAO,EAAEc,WALX;IAME,wBAAeM,kBAAf,eAAsCqB,SAAS,CAACM,MAAV,CACpCpD,SAAS,CAACc,QAAD,EAAW,CAAX,CAD2B,CAAtC;EANF,GASMS,cATN,GAWGM,aAXH,CADF,CA7DJ,CADF;AAgFD,CA5IM"}

package/dist/cssm/components/CalendarRange/CalendarRange.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiCalendarRange{background~~:#fff;background~~:var(--vkui--color_background_modal~~,#fff~~);border:.5px solid ~~#d7d8d9;border:.5px solid~~ var(--vkui--color_separator_primary~~,#d7d8d9~~);border-radius:8px;box-shadow:~~0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:~~var(--vkui--elevation1~~,0 0 2px rgba(0,0,0,.03~~)~~,0 2px 2px rgba(0,0,0,.06))~~;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-around;padding:12px;width:610px}.vkuiCalendarRange__inner{display:flex;flex-direction:column;flex-grow:1}.vkuiCalendarRange__inner:not(:last-child){margin-right:24px}.vkuiCalendarRange__header{margin-bottom:4px;z-index:1}
1	+ .vkuiCalendarRange{background:var(--vkui--color_background_modal);border:.5px solid var(--vkui--color_separator_primary);border-radius:8px;box-shadow:var(--vkui--elevation1);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-around;padding:12px;width:610px}.vkuiCalendarRange__inner{display:flex;flex-direction:column;flex-grow:1}.vkuiCalendarRange__inner:not(:last-child){margin-right:24px}.vkuiCalendarRange__header{margin-bottom:4px;z-index:1}

package/dist/cssm/components/CalendarTime/CalendarTime.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiCalendarTime{align-items:center;display:flex}.vkuiCalendarTime__picker{width:77px}.vkuiCalendarTime__divider{color~~:#000;color~~:var(--vkui--color_text_primary~~,#000~~);margin-left:6px;margin-right:6px}.vkuiCalendarTime__button{margin-left:auto}
1	+ .vkuiCalendarTime{align-items:center;display:flex}.vkuiCalendarTime__picker{width:77px}.vkuiCalendarTime__divider{color:var(--vkui--color_text_primary);margin-left:6px;margin-right:6px}.vkuiCalendarTime__button{margin-left:auto}

package/dist/cssm/components/CalendarTime/CalendarTime.js CHANGED Viewed

@@ -3,7 +3,8 @@ import * as React from "react";
 import { setHours, setMinutes } from "../../lib/date";
 import { CustomSelect } from "../CustomSelect/CustomSelect";
 import { Button } from "../Button/Button";
-import { SizeType } from "../../hoc/withAdaptivity";
+import { SizeType } from "../../lib/adaptivity";
+import { AdaptivityProvider } from "../AdaptivityProvider/AdaptivityProvider";
 import "./CalendarTime.css";
 var hours = [];
@@ -43,32 +44,35 @@ export var CalendarTime = function CalendarTime(_ref) {
     vkuiClass: "CalendarTime"
   }, createScopedElement("div", {
     vkuiClass: "CalendarTime__picker"
+  }, createScopedElement(AdaptivityProvider, {
+    sizeY: SizeType.COMPACT
   }, createScopedElement(CustomSelect, {
     value: value.getHours(),
     options: hours,
     onChange: onHoursChange,
     forceDropdownPortal: false,
-    sizeY: SizeType.COMPACT,
     "aria-label": changeHoursAriaLabel
-  })), createScopedElement("div", {
+  }))), createScopedElement("div", {
     vkuiClass: "CalendarTime__divider"
   }, ":"), createScopedElement("div", {
     vkuiClass: "CalendarTime__picker"
+  }, createScopedElement(AdaptivityProvider, {
+    sizeY: SizeType.COMPACT
   }, createScopedElement(CustomSelect, {
     value: value.getMinutes(),
     options: minutes,
     onChange: onMinutesChange,
     forceDropdownPortal: false,
-    sizeY: SizeType.COMPACT,
     "aria-label": changeMinutesAriaLabel
-  })), createScopedElement("div", {
+  }))), createScopedElement("div", {
     vkuiClass: "CalendarTime__button"
+  }, createScopedElement(AdaptivityProvider, {
+    sizeY: SizeType.COMPACT
   }, createScopedElement(Button, {
-    sizeY: SizeType.COMPACT,
     mode: "secondary",
     onClick: onClose,
     size: "l",
     "aria-label": doneButtonText
-  }, doneButtonText)));
+  }, doneButtonText))));
 };
 //# sourceMappingURL=CalendarTime.js.map

package/dist/cssm/components/CalendarTime/CalendarTime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarTime.js","names":["React","setHours","setMinutes","CustomSelect","Button","SizeType","hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","useCallback","event","Number","target","onMinutesChange","~~getHours~~","~~COMPACT~~","getMinutes"],"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { setHours, setMinutes } from \"../../lib/date\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { Button } from \"../Button/Button\";\nimport { SizeType } from \"../../~~hoc~~/~~withAdaptivity~~\";\nimport \"./CalendarTime.css\";\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = \"Готово\",\n onChange,\n onClose,\n changeHoursAriaLabel = \"Изменить час\",\n changeMinutesAriaLabel = \"Изменить минуту\",\n}: CalendarTimeProps) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value]\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value]\n );\n\n return (\n <div vkuiClass=\"CalendarTime\">\n <div vkuiClass=\"CalendarTime__picker\">\n <CustomSelect\n value={value.getHours()}\n options={hours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n ~~sizeY={SizeType.COMPACT}\n~~ aria-label={changeHoursAriaLabel}\n />\n </div>\n <div vkuiClass=\"CalendarTime__divider\">:</div>\n <div vkuiClass=\"CalendarTime__picker\">\n <CustomSelect\n value={value.getMinutes()}\n options={minutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n ~~sizeY={SizeType.COMPACT}\n~~ aria-label={changeMinutesAriaLabel}\n />\n </div>\n <div vkuiClass=\"CalendarTime__button\">\n <~~Button\n~~ sizeY={SizeType.COMPACT}\n mode=\"secondary\"\n onClick={onClose}\n size=\"l\"\n aria-label={doneButtonText}\n >\n {doneButtonText}\n </Button>\n </div>\n </div>\n );\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,UAAnB;AACA,SAASC,YAAT;AACA,SAASC,MAAT;AACA,SAASC,QAAT;AACA;AAWA,IAAMC,KAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,EAApB,EAAwBA,CAAC,IAAI,CAA7B,EAAgC;EAC9BD,KAAK,CAACE,IAAN,CAAW;IAAEC,KAAK,EAAEF,CAAT;IAAYG,KAAK,EAAEC,MAAM,CAACJ,CAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;EAAnB,CAAX;AACD;;AAED,IAAMC,OAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIN,EAAC,GAAG,CAAb,EAAgBA,EAAC,GAAG,EAApB,EAAwBA,EAAC,IAAI,CAA7B,EAAgC;EAC9BM,OAAO,CAACL,IAAR,CAAa;IAAEC,KAAK,EAAEF,EAAT;IAAYG,KAAK,EAAEC,MAAM,CAACJ,EAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;EAAnB,CAAb;AACD;;AAED,OAAO,IAAME,YAAY,GAAG,SAAfA,YAAe,OAOH;EAAA,IANvBL,KAMuB,QANvBA,KAMuB;EAAA,+BALvBM,cAKuB;EAAA,IALvBA,cAKuB,oCALN,QAKM;EAAA,IAJvBC,QAIuB,QAJvBA,QAIuB;EAAA,IAHvBC,OAGuB,QAHvBA,OAGuB;EAAA,iCAFvBC,oBAEuB;EAAA,IAFvBA,oBAEuB,sCAFA,cAEA;EAAA,iCADvBC,sBACuB;EAAA,IADvBA,sBACuB,sCADE,iBACF;EACvB,IAAMC,aAAa,~~GAAGpB~~,KAAK,~~CAACqB~~,WAAN,CACpB,UAACC,KAAD;IAAA,OACEN,QADF,aACEA,QADF,uBACEA,QAAQ,~~CAAGf~~,QAAQ,~~CAACQ~~,KAAD,EAAQc,MAAM,CAACD,KAAK,CAACE,MAAN,CAAaf,KAAd,CAAd,CAAX,CADV;EAAA,CADoB,EAGpB,CAACO,QAAD,EAAWP,KAAX,CAHoB,CAAtB;EAKA,IAAMgB,eAAe,~~GAAGzB~~,KAAK,~~CAACqB~~,WAAN,CACtB,UAACC,KAAD;IAAA,OACEN,QADF,aACEA,QADF,uBACEA,QAAQ,~~CAAGd~~,UAAU,~~CAACO~~,KAAD,EAAQc,MAAM,CAACD,KAAK,CAACE,MAAN,CAAaf,KAAd,CAAd,CAAb,CADV;EAAA,CADsB,EAGtB,CAACO,QAAD,EAAWP,KAAX,CAHsB,CAAxB;EAMA,OACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,YAAD;IACE,KAAK,~~EAAEA~~,KAAK,~~CAACiB~~,QAAN,EADT;IAEE,OAAO,~~EAAEpB~~,KAFX;IAGE,QAAQ,EAAEc,aAHZ;IAIE,mBAAmB,EAAE,KAJvB;IAKE,~~KAAK,EAAEf,QAAQ,CAACsB,OALlB~~;~~IAME~~,~~cAAYT;EANd,~~EADF,CADF,~~EAWE~~;IAAK,SAAS,EAAC;EAAf,~~OAXF~~,~~EAYE~~;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,YAAD;IACE,KAAK,~~EAAET~~,KAAK,CAACmB,UAAN,EADT;IAEE,OAAO,EAAEf,OAFX;IAGE,QAAQ,EAAEY,eAHZ;IAIE,mBAAmB,EAAE,KAJvB;IAKE,~~KAAK,EAAEpB,QAAQ,CAACsB,OALlB~~;~~IAME~~,~~cAAYR;EANd,~~EADF,~~CAZF~~,~~EAsBE~~;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,~~MAAD~~;~~IACE~~,KAAK,~~EAAEd~~,QAAQ,CAACsB,~~OADlB~~;~~IAEE~~,IAAI,EAAC,~~WAFP~~;~~IAGE~~,OAAO,~~EAAEV~~,~~OAHX~~;~~IAIE~~,IAAI,EAAC,~~GAJP~~;~~IAKE~~,cAAYF;~~EALd~~,~~GAOGA~~,~~cAPH~~,CADF,~~CAtBF~~,CADF;~~AAoCD~~,~~CAvDM~~"}
1	+ {"version":3,"file":"CalendarTime.js","names":["React","setHours","setMinutes","CustomSelect","Button","SizeType","AdaptivityProvider","hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","useCallback","event","Number","target","onMinutesChange","COMPACT","getHours","getMinutes"],"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { setHours, setMinutes } from \"../../lib/date\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { Button } from \"../Button/Button\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./CalendarTime.css\";\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = \"Готово\",\n onChange,\n onClose,\n changeHoursAriaLabel = \"Изменить час\",\n changeMinutesAriaLabel = \"Изменить минуту\",\n}: CalendarTimeProps) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value]\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value]\n );\n\n return (\n <div vkuiClass=\"CalendarTime\">\n <div vkuiClass=\"CalendarTime__picker\">\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getHours()}\n options={hours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n aria-label={changeHoursAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div vkuiClass=\"CalendarTime__divider\">:</div>\n <div vkuiClass=\"CalendarTime__picker\">\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getMinutes()}\n options={minutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n aria-label={changeMinutesAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div vkuiClass=\"CalendarTime__button\">\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <Button\n mode=\"secondary\"\n onClick={onClose}\n size=\"l\"\n aria-label={doneButtonText}\n >\n {doneButtonText}\n </Button>\n </AdaptivityProvider>\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/cssm/components/Card/Card.css CHANGED Viewed

@@ -1,5 +1,3 @@
-.vkuiCard{background:#f5f5f5;background:var(
-    --content_tint_background,var(--vkui--color_background_secondary)
-  );border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular,8px);position:relative}.vkuiCard__in{border-radius:inherit;position:relative;z-index:2}.vkuiCard--md-shadow{box-shadow:0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08);box-shadow:var(
+.vkuiCard{background:var(--vkui--color_background_secondary);border-radius:var(--vkui--size_card_border_radius--regular);position:relative}.vkuiCard__in{border-radius:inherit;position:relative;z-index:2}.vkuiCard--mode-shadow{box-shadow:0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08);box-shadow:var(
     --vkui--elevation3,0 2px 24px 0 rgba(0,0,0,.08),0 0 2px 0 rgba(0,0,0,.08)
-  )}.vkuiCard--md-outline,.vkuiCard--md-shadow{background:#fff;background:var(--modal_card_background,var(--vkui--color_background_modal))}.vkuiCard--md-outline:before{border:1px solid #e1e3e6;border:var(--thin-border) solid var(--input_border,var(--vkui--color_image_border_alpha));border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiCardScroll .vkuiCard{flex-shrink:0;margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular,8px)}.vkuiCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiCardScroll--s .vkuiCard{width:40%}.vkuiCardScroll--m .vkuiCard{width:62%}.vkuiCardScroll--l .vkuiCard{margin-right:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular,16px);width:calc(100% - 16px * 2);width:calc(100% - var(--vkui--size_base_padding_horizontal--regular,16px) * 2)}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard:last-of-type,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard:last-of-type{margin-right:0}
+  )}.vkuiCard--mode-outline,.vkuiCard--mode-shadow{background:var(--vkui--color_background_modal)}.vkuiCard--mode-outline:before{border:var(--thin-border) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.vkuiCardScroll .vkuiCard{flex-shrink:0;margin-right:var(--vkui--size_cardgrid_padding--regular)}.vkuiCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiCardScroll--size-s .vkuiCard{width:40%}.vkuiCardScroll--size-m .vkuiCard{width:62%}.vkuiCardScroll--size-l .vkuiCard{margin-right:var(--vkui--size_base_padding_horizontal--regular);width:calc(100% - var(--vkui--size_base_padding_horizontal--regular) * 2)}.vkuiGroup--mode-card .vkuiCardScroll--size-l .vkuiCard,.vkuiSplitCol--spaced .vkuiCardScroll--size-l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}.vkuiGroup--mode-card .vkuiCardScroll--size-l .vkuiCard:last-of-type,.vkuiSplitCol--spaced .vkuiCardScroll--size-l .vkuiCard:last-of-type{margin-right:0}@media (min-width:768px){.vkuiGroup--mode-none .vkuiCardScroll--size-l .vkuiCard:last-of-type{margin-right:0}.vkuiGroup--mode-none .vkuiCardScroll--size-l .vkuiCard{margin-right:16px;width:calc(100% - 32px)}}

package/dist/cssm/components/Card/Card.js CHANGED Viewed

@@ -3,8 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["mode", "children", "getRootRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
-import { getClassName } from "../../helpers/getClassName";
-import { usePlatform } from "../../hooks/usePlatform";
 import "./Card.css";
 /**
@@ -17,10 +15,9 @@ export var Card = function Card(_ref) {
       getRootRef = _ref.getRootRef,
       restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
   return createScopedElement("div", _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames(getClassName("Card", platform), "Card--md-".concat(mode))
+    vkuiClass: classNames("Card", "Card--mode-".concat(mode))
   }), createScopedElement("div", {
     vkuiClass: "Card__in"
   }, children));

package/dist/cssm/components/Card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","names":["classNames","~~getClassName","usePlatform","~~Card","mode","children","getRootRef","restProps"~~,"platform"~~],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ~~getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {~~ HasRootRef } from \"../../types\";\nimport \"./Card.css\";\n\nexport interface CardProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n mode?: \"tint\" \| \"shadow\" \| \"outline\";\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card = ({\n mode = \"tint\",\n children,\n getRootRef,\n ...restProps\n}: CardProps) => {\n ~~const platform = usePlatform();\n\n~~ return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(~~getClassName(~~\"Card\", ~~platform),~~ `Card--md-${mode}`)}\n >\n <div vkuiClass=\"Card__in\">{children}</div>\n </div>\n );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;~~AACA,SAASC,YAAT;AACA,SAASC,WAAT;~~AAEA;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAKH;EAAA,qBAJfC,IAIe;EAAA,IAJfA,IAIe,0BAJR,MAIQ;EAAA,IAHfC,QAGe,QAHfA,QAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,~~IAAMC,QAAQ,GAAGN,WAAW,EAA5B;EAEA,~~OACE,~~wCACMK~~,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,~~EAAEN~~,UAAU,~~CAACC,YAAY,~~CAAC,MAAD,~~EAASO~~,~~QAAT,CAAb,qBAA6CJ,IAA7C~~;EAHvB,IAKE;IAAK,SAAS,EAAC;EAAf,GAA2BC,QAA3B,CALF,CADF;AASD,~~CAjBM~~"}
1	+ {"version":3,"file":"Card.js","names":["classNames","Card","mode","children","getRootRef","restProps"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Card.css\";\n\nexport interface CardProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n mode?: \"tint\" \| \"shadow\" \| \"outline\";\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card = ({\n mode = \"tint\",\n children,\n getRootRef,\n ...restProps\n}: CardProps) => {\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\"Card\", `Card--mode-${mode}`)}\n >\n <div vkuiClass=\"Card__in\">{children}</div>\n </div>\n );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AAEA;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAKH;EAAA,qBAJfC,IAIe;EAAA,IAJfA,IAIe,0BAJR,MAIQ;EAAA,IAHfC,QAGe,QAHfA,QAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,OACE,wCACMA,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAEJ,UAAU,CAAC,MAAD,uBAAuBE,IAAvB;EAHvB,IAKE;IAAK,SAAS,EAAC;EAAf,GAA2BC,QAA3B,CALF,CADF;AASD,CAfM"}

package/dist/cssm/components/CardGrid/CardGrid.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiCardGrid{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.vkuiCardGrid--spaced{padding:~~12px 16px;padding:~~var(--vkui--size_base_padding_vertical--regular~~,12px~~) var(--vkui--size_base_padding_horizontal--regular~~,16px~~)}.vkuiCardGrid .vkuiCard{margin-right:~~8px;margin-right:~~var(--vkui--size_cardgrid_padding--regular~~,8px~~)}.vkuiCardGrid--l .vkuiCard{margin-right:0;width:100%}.vkuiCardGrid--l .vkuiCard:not(:first-child){margin-top:~~8px;margin-top:~~var(--vkui--size_cardgrid_padding--regular~~,8px~~)}.vkuiCardGrid--m .vkuiCard{width:calc((100% - 8px) / 2)}.vkuiCardGrid--m .vkuiCard:nth-child(n+3){margin-top:~~8px;margin-top:~~var(--vkui--size_cardgrid_padding--regular~~,8px~~)}.vkuiCardGrid--m .vkuiCard:nth-child(2n){margin-right:0}.vkuiCardGrid--s .vkuiCard{width:calc((100% - 2 * 8px) / 3)}.vkuiCardGrid--s .vkuiCard:nth-child(n+4){margin-top:~~8px;margin-top:~~var(--vkui--size_cardgrid_padding--regular~~,8px~~)}.vkuiCardGrid--s .vkuiCard:nth-child(3n){margin-right:0}.vkuiCardGrid--sizeX-compact{padding-left:~~16px~~;padding-~~left~~:var(--vkui--size_base_padding_horizontal--regular~~,16px~~);padding-~~right~~:~~16px~~;padding-right:var(--vkui--size_base_padding_horizontal--regular~~,16px~~)}.vkuiCardGrid+.vkuiCardGrid{margin-top:16px}.vkuiGroup--card .vkuiCardGrid{padding-left:8px;padding-right:8px}.vkuiGroup .vkuiCardGrid:first-child{margin-top:8px}.vkuiGroup .vkuiCardGrid:last-child{margin-bottom:8px}
1	+ .vkuiCardGrid{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.vkuiCardGrid--spaced{padding:var(--vkui--size_base_padding_vertical--regular) var(--vkui--size_base_padding_horizontal--regular)}.vkuiCardGrid .vkuiCard{margin-right:var(--vkui--size_cardgrid_padding--regular)}.vkuiCardGrid--size-l .vkuiCard{margin-right:0;width:100%}.vkuiCardGrid--size-l .vkuiCard:not(:first-child){margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiCardGrid--size-m .vkuiCard{width:calc((100% - 8px) / 2)}.vkuiCardGrid--size-m .vkuiCard:nth-child(n+3){margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiCardGrid--size-m .vkuiCard:nth-child(2n){margin-right:0}.vkuiCardGrid--size-s .vkuiCard{width:calc((100% - 2 * 8px) / 3)}.vkuiCardGrid--size-s .vkuiCard:nth-child(n+4){margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiCardGrid--size-s .vkuiCard:nth-child(3n){margin-right:0}.vkuiCardGrid--sizeX-compact{padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:var(--vkui--size_base_padding_horizontal--regular)}@media (max-width:767px){.vkuiCardGrid--sizeX-none{padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:var(--vkui--size_base_padding_horizontal--regular)}}.vkuiCardGrid+.vkuiCardGrid{margin-top:16px}@media (max-width:767px){.vkuiCardGrid--sizeX-none.vkuiCardGrid--android{padding-left:16px;padding-right:16px}}.vkuiGroup--mode-card .vkuiCardGrid{padding-left:8px;padding-right:8px}@media (min-width:768px){.vkuiGroup--mode-none .vkuiCardGrid{padding-left:8px;padding-right:8px}}.vkuiGroup .vkuiCardGrid:first-child{margin-top:8px}.vkuiGroup .vkuiCardGrid:last-child{margin-bottom:8px}

package/dist/cssm/components/CardGrid/CardGrid.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
 import * as React from "react";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "./CardGrid.css";
-export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {
-    size: "s" | "m" | "l";
+export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: "s" | "m" | "l";
     /**
      * Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа
      */
@@ -11,4 +10,4 @@ export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement>, Ada
 /**
  * @see https://vkcom.github.io/VKUI/#/CardGrid
  */
-export declare const CardGrid: React.FC<Pick<CardGridProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "size" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "spaced"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const CardGrid: ({ children, size, spaced, ...restProps }: CardGridProps) => JSX.Element;