@vkontakte/vkui 5.1.0 → 5.1.2

package/dist/cssm/components/ActionSheet/ActionSheet.module.css

@@ -1 +1 @@
-.vkuiActionSheet{align-items:stretch;animation:vkui-animation-actionsheet-intro .2s var(--vkui--animation_easing_platform);background:var(--vkui--color_background_modal);border-radius:12px;box-shadow:var(--vkui--elevation3);box-sizing:border-box;display:flex;flex-direction:column;margin:10px;max-width:var(--vkui--size_popup_small--regular);overflow:hidden;padding:8px 0;position:relative;width:calc(100% - 20px)}.vkuiActionSheet__header{color:var(--vkui--color_text_subhead);padding:16px 20px}.vkuiActionSheet--closing{transform:translateY(calc(100% + 20px));transition:transform .2s var(--vkui--animation_easing_platform)}.vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--ios{animation:vkui-animation-actionsheet-intro .3s var(--vkui--animation_easing_platform);background:transparent;margin:unset;padding:10px;width:100%}.vkuiActionSheet--ios.vkuiActionSheet--closing{transform:translateY(100%);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiActionSheet--ios .vkuiActionSheet__header{border-radius:14px 14px 0 0;overflow:hidden;position:relative;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative}.vkuiActionSheet--ios .vkuiActionSheet__header:before{background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vkuiActionSheet--sizeY-compact .vkuiActionSheet__header{padding:12px 20px}.vkuiActionSheet--desktop{animation:none;height:auto;margin:0;max-width:100%;width:auto}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;padding:0}@keyframes vkui-animation-actionsheet-intro{0%{transform:translateY(100%)}to{transform:translateY(0)}}
+.vkuiActionSheet{align-items:stretch;animation:vkui-animation-actionsheet-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .2s var(--vkui--animation_easing_platform);background:#fff;background:var(--vkui--color_background_modal);border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);box-sizing:border-box;display:flex;flex-direction:column;margin:10px;max-width:420px;max-width:var(--vkui--size_popup_small--regular);overflow:hidden;padding:8px 0;position:relative;width:calc(100% - 20px)}.vkuiActionSheet__header{color:#6d7885;color:var(--vkui--color_text_subhead);padding:16px 20px}.vkuiActionSheet--closing{transform:translateY(calc(100% + 20px));transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s var(--vkui--animation_easing_platform)}.vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:8px}.vkuiActionSheet--ios{animation:vkui-animation-actionsheet-intro .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-actionsheet-intro .3s var(--vkui--animation_easing_platform);background:transparent;margin:unset;padding:10px;width:100%}.vkuiActionSheet--ios.vkuiActionSheet--closing{transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--vkui--animation_easing_platform)}.vkuiActionSheet--ios .vkuiActionSheet__header{border-radius:14px 14px 0 0;overflow:hidden;position:relative;text-align:center}.vkuiActionSheet--ios .vkuiActionSheet__title{position:relative}.vkuiActionSheet--ios .vkuiActionSheet__title+.vkuiActionSheet__text{margin-top:9px}.vkuiActionSheet--ios .vkuiActionSheet__text{position:relative}.vkuiActionSheet--ios .vkuiActionSheet__header:before{background-color:#fff;background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vkuiActionSheet--sizeY-compact .vkuiActionSheet__header{padding:12px 20px}.vkuiActionSheet--desktop{animation:none;height:auto;margin:0;max-width:100%;width:auto}.vkuiActionSheet--desktop.vkuiActionSheet--ios{border-radius:14px;padding:0}@keyframes vkui-animation-actionsheet-intro{0%{transform:translateY(100%)}to{transform:translateY(0)}}

package/dist/cssm/components/ActionSheetItem/ActionSheetItem.module.css

@@ -1 +1 @@
-.vkuiActionSheetItem{align-items:center;border-radius:0;box-sizing:border-box;color:var(--vkui--color_text_primary);display:flex;min-height:48px;overflow:hidden;padding:0 20px;position:relative;text-decoration:none}.vkuiActionSheetItem__after,.vkuiActionSheetItem__before,.vkuiActionSheetItem__container{position:relative}.vkuiActionSheetItem__after,.vkuiActionSheetItem__before{flex-shrink:0}.vkuiActionSheetItem__before{margin-left:-2px;margin-right:18px}.vkuiActionSheetItem__container{flex-grow:1;max-width:100%;padding:10px 0}.vkuiActionSheetItem--ellipsis{overflow:hidden;white-space:nowrap}.vkuiActionSheetItem__content{align-items:baseline;display:flex;justify-content:space-between;overflow:hidden}.vkuiActionSheetItem--ellipsis .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:var(--vkui--color_text_secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:var(--vkui--color_text_secondary);flex-shrink:0;margin-left:6px}.vkuiActionSheetItem__before{color:var(--vkui--color_icon_accent)}.vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__container:first-child{color:var(--vkui--color_text_negative)}.vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__before{color:var(--vkui--color_icon_negative)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{align-items:center;background-color:initial;color:var(--vkui--color_icon_accent);display:none;justify-content:center;margin-left:16px}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{background:var(--vkui--color_background_modal);border-radius:0;color:var(--vkui--color_text_accent);min-height:56px;padding:14px 20px 14px 19px}.vkuiActionSheetItem--rich{color:var(--vkui--color_text_primary)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--mode-destructive{color:var(--vkui--color_text_negative)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:last-child,.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2){border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios:before{background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .15s ease-out,background-color .15s ease-out;width:100%}.vkuiActionSheetItem--ios:after{background:var(--vkui--color_separator_primary);content:"";height:1px;left:0;position:absolute;right:0;top:0;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios:after{transform:scaleY(.33)}}.vkuiActionSheet--ios .vkuiActionSheetItem--last:after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty,.vkuiActionSheetItem--ios:first-child:after,.vkuiActionSheetItem--mode-cancel:after{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active:before{background-color:var(--vkui--color_transparent--active);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:0}.vkuiActionSheetItem--ios .vkuiActionSheetItem--centered{justify-content:center}.vkuiActionSheetItem--mode-cancel{border-radius:14px;margin-bottom:0;margin-bottom:var(--vkui_internal--safe_area_inset_bottom);margin-top:8px;min-height:52px}.vkuiActionSheetItem--desktop{cursor:pointer;width:auto}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:var(--vkui--color_text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{color:var(--vkui--color_icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:32px}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--ios{min-height:36px;padding:4px 20px 4px 18px}.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios)+.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios){margin-top:2px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:5px 0}
+.vkuiActionSheetItem{align-items:center;border-radius:0;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);display:flex;min-height:48px;overflow:hidden;padding:0 20px;position:relative;text-decoration:none}.vkuiActionSheetItem__after,.vkuiActionSheetItem__before,.vkuiActionSheetItem__container{position:relative}.vkuiActionSheetItem__after,.vkuiActionSheetItem__before{flex-shrink:0}.vkuiActionSheetItem__before{margin-left:-2px;margin-right:18px}.vkuiActionSheetItem__container{flex-grow:1;max-width:100%;padding:10px 0}.vkuiActionSheetItem--ellipsis{overflow:hidden;white-space:nowrap}.vkuiActionSheetItem__content{align-items:baseline;display:flex;justify-content:space-between;overflow:hidden}.vkuiActionSheetItem--ellipsis .vkuiActionSheetItem__content{justify-content:flex-start}.vkuiActionSheetItem__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__subtitle{color:#818c99;color:var(--vkui--color_text_secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.vkuiActionSheetItem__meta{color:#818c99;color:var(--vkui--color_text_secondary);flex-shrink:0;margin-left:6px}.vkuiActionSheetItem__before{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiActionSheetItem--ios .vkuiActionSheetItem__before{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__container:first-child{color:#e64646;color:var(--vkui--color_text_negative)}.vkuiActionSheetItem--mode-destructive .vkuiActionSheetItem__before{color:#e64646;color:var(--vkui--color_icon_negative)}.vkuiActionSheetItem__radio{display:none}.vkuiActionSheetItem__marker{align-items:center;background-color:initial;color:#2688eb;color:var(--vkui--color_icon_accent);display:none;justify-content:center;margin-left:16px}.vkuiActionSheetItem__radio:checked~.vkuiActionSheetItem__marker{display:flex}.vkuiActionSheetItem--ios{background:#fff;background:var(--vkui--color_background_modal);border-radius:0;color:#2688eb;color:var(--vkui--color_text_accent_themed);min-height:56px;padding:14px 20px 14px 19px}.vkuiActionSheetItem--rich{color:#000;color:var(--vkui--color_text_primary)}.vkuiActionSheetItem--ios.vkuiActionSheetItem--mode-destructive{color:#e64646;color:var(--vkui--color_text_negative)}.vkuiActionSheetItem--ios:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.vkuiActionSheetItem--ios:last-child,.vkuiActionSheetItem--ios:not(.vkuiActionSheetItem--desktop):nth-last-child(2){border-bottom-left-radius:14px;border-bottom-right-radius:14px}.vkuiActionSheetItem--ios:before{background-color:#fff;background-color:var(--vkui--color_background_modal);content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .15s ease-out,background-color .15s ease-out;width:100%}.vkuiActionSheetItem--ios:after{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);content:"";height:1px;left:0;position:absolute;right:0;top:0;transform-origin:center bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiActionSheetItem--ios:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiActionSheetItem--ios:after{transform:scaleY(.33)}}.vkuiActionSheet--ios .vkuiActionSheetItem--last:after,.vkuiActionSheet--ios .vkuiActionSheet__header:empty,.vkuiActionSheetItem--ios:first-child:after,.vkuiActionSheetItem--mode-cancel:after{content:none}.vkuiActionSheetItem--ios.vkuiActionSheetItem--active:before{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active);opacity:1;transition:none}.vkuiActionSheetItem--ios .vkuiActionSheetItem__container{padding:0}.vkuiActionSheetItem--ios .vkuiActionSheetItem--centered{justify-content:center}.vkuiActionSheetItem--mode-cancel{border-radius:14px;margin-bottom:0;margin-bottom:var(--vkui_internal--safe_area_inset_bottom);margin-top:8px;min-height:52px}.vkuiActionSheetItem--desktop{cursor:pointer;width:auto}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__children,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__meta,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__subtitle{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__before,.vkuiActionSheetItem[disabled] .vkuiActionSheetItem__marker{color:#99a2ad;color:var(--vkui--color_icon_secondary)}.vkuiActionSheetItem--sizeY-compact{min-height:32px}.vkuiActionSheetItem--sizeY-compact.vkuiActionSheetItem--ios{min-height:36px;padding:4px 20px 4px 18px}.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios)+.vkuiActionSheetItem--sizeY-compact:not(.vkuiActionSheetItem--ios){margin-top:2px}.vkuiActionSheetItem--sizeY-compact .vkuiActionSheetItem__container{padding:5px 0}

package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js

@@ -64,7 +64,7 @@ function calculateAdaptivity(_ref2, bridge) {
     }
     if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {
       viewHeight = ViewHeight.MEDIUM;
-    } else if (viewportHeight > BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {
+    } else if (viewportHeight >= BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {
       viewHeight = ViewHeight.SMALL;
     } else {
       viewHeight = ViewHeight.EXTRA_SMALL;

package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityProvider.js","names":["React","hasMouse","_hasPointer","SizeType","ViewWidth","ViewHeight","BREAKPOINTS","useBridgeAdaptivity","AdaptivityContext","AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","hasPointer","hasHover","children","bridge","useState","adaptivity","setAdaptivity","useEffect","calculateAdaptivity","type","viewportWidth","viewportHeight","DESKTOP","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","COMPACT","REGULAR","undefined"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as _hasPointer } from '@vkontakte/vkjs';\nimport { SizeType, ViewWidth, ViewHeight, BREAKPOINTS } from '../../lib/adaptivity';\nimport { useBridgeAdaptivity, BridgeAdaptivity } from '../../hooks/useBridgeAdaptivity';\nimport { type AdaptivityProps, AdaptivityContext } from './AdaptivityContext';\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX,\n  sizeY,\n  hasPointer,\n  hasHover,\n  children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n  const bridge = useBridgeAdaptivity();\n  const [adaptivity, setAdaptivity] = React.useState({\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  });\n\n  React.useEffect(() => {\n    setAdaptivity(\n      calculateAdaptivity(\n        {\n          viewWidth,\n          viewHeight,\n          sizeX,\n          sizeY,\n          hasPointer,\n          hasHover,\n        },\n        bridge,\n      ),\n    );\n  }, [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge]);\n\n  return <AdaptivityContext.Provider value={adaptivity}>{children}</AdaptivityContext.Provider>;\n};\n\nfunction calculateAdaptivity(\n  { viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover }: AdaptivityProps,\n  bridge: BridgeAdaptivity,\n) {\n  if (bridge.type === 'adaptive') {\n    const { viewportWidth, viewportHeight } = bridge;\n\n    if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n      viewWidth = ViewWidth.DESKTOP;\n    } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n      viewWidth = ViewWidth.TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n      viewWidth = ViewWidth.SMALL_TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n      viewWidth = ViewWidth.MOBILE;\n    } else {\n      viewWidth = ViewWidth.SMALL_MOBILE;\n    }\n\n    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n      viewHeight = ViewHeight.MEDIUM;\n    } else if (viewportHeight > BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n      viewHeight = ViewHeight.SMALL;\n    } else {\n      viewHeight = ViewHeight.EXTRA_SMALL;\n    }\n\n    if (viewWidth <= ViewWidth.MOBILE) {\n      sizeX = SizeType.COMPACT;\n    } else {\n      sizeX = SizeType.REGULAR;\n    }\n\n    if (\n      (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n      viewHeight <= ViewHeight.EXTRA_SMALL\n    ) {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else if (bridge.type === 'force_mobile' || bridge.type === 'force_mobile_compact') {\n    viewWidth = ViewWidth.MOBILE;\n    sizeX = SizeType.COMPACT;\n\n    if (bridge.type === 'force_mobile_compact') {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else {\n    if (sizeX === undefined && viewWidth !== undefined) {\n      if (viewWidth <= ViewWidth.MOBILE) {\n        sizeX = SizeType.COMPACT;\n      } else {\n        sizeX = SizeType.REGULAR;\n      }\n    }\n    if (sizeY === undefined && viewWidth !== undefined && viewHeight !== undefined) {\n      if (\n        (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n        viewHeight <= ViewHeight.EXTRA_SMALL\n      ) {\n        sizeY = SizeType.COMPACT;\n      } else {\n        sizeY = SizeType.REGULAR;\n      }\n    }\n  }\n\n  return {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdaptivityProvider.js","names":["React","hasMouse","_hasPointer","SizeType","ViewWidth","ViewHeight","BREAKPOINTS","useBridgeAdaptivity","AdaptivityContext","AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","hasPointer","hasHover","children","bridge","useState","adaptivity","setAdaptivity","useEffect","calculateAdaptivity","type","viewportWidth","viewportHeight","DESKTOP","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","COMPACT","REGULAR","undefined"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as _hasPointer } from '@vkontakte/vkjs';\nimport { SizeType, ViewWidth, ViewHeight, BREAKPOINTS } from '../../lib/adaptivity';\nimport { useBridgeAdaptivity, BridgeAdaptivity } from '../../hooks/useBridgeAdaptivity';\nimport { type AdaptivityProps, AdaptivityContext } from './AdaptivityContext';\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n  viewWidth,\n  viewHeight,\n  sizeX,\n  sizeY,\n  hasPointer,\n  hasHover,\n  children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n  const bridge = useBridgeAdaptivity();\n  const [adaptivity, setAdaptivity] = React.useState({\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  });\n\n  React.useEffect(() => {\n    setAdaptivity(\n      calculateAdaptivity(\n        {\n          viewWidth,\n          viewHeight,\n          sizeX,\n          sizeY,\n          hasPointer,\n          hasHover,\n        },\n        bridge,\n      ),\n    );\n  }, [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge]);\n\n  return <AdaptivityContext.Provider value={adaptivity}>{children}</AdaptivityContext.Provider>;\n};\n\nfunction calculateAdaptivity(\n  { viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover }: AdaptivityProps,\n  bridge: BridgeAdaptivity,\n) {\n  if (bridge.type === 'adaptive') {\n    const { viewportWidth, viewportHeight } = bridge;\n\n    if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n      viewWidth = ViewWidth.DESKTOP;\n    } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n      viewWidth = ViewWidth.TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n      viewWidth = ViewWidth.SMALL_TABLET;\n    } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n      viewWidth = ViewWidth.MOBILE;\n    } else {\n      viewWidth = ViewWidth.SMALL_MOBILE;\n    }\n\n    if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n      viewHeight = ViewHeight.MEDIUM;\n    } else if (viewportHeight >= BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n      viewHeight = ViewHeight.SMALL;\n    } else {\n      viewHeight = ViewHeight.EXTRA_SMALL;\n    }\n\n    if (viewWidth <= ViewWidth.MOBILE) {\n      sizeX = SizeType.COMPACT;\n    } else {\n      sizeX = SizeType.REGULAR;\n    }\n\n    if (\n      (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n      viewHeight <= ViewHeight.EXTRA_SMALL\n    ) {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else if (bridge.type === 'force_mobile' || bridge.type === 'force_mobile_compact') {\n    viewWidth = ViewWidth.MOBILE;\n    sizeX = SizeType.COMPACT;\n\n    if (bridge.type === 'force_mobile_compact') {\n      sizeY = SizeType.COMPACT;\n    } else {\n      sizeY = SizeType.REGULAR;\n    }\n  } else {\n    if (sizeX === undefined && viewWidth !== undefined) {\n      if (viewWidth <= ViewWidth.MOBILE) {\n        sizeX = SizeType.COMPACT;\n      } else {\n        sizeX = SizeType.REGULAR;\n      }\n    }\n    if (sizeY === undefined && viewWidth !== undefined && viewHeight !== undefined) {\n      if (\n        (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) ||\n        viewHeight <= ViewHeight.EXTRA_SMALL\n      ) {\n        sizeY = SizeType.COMPACT;\n      } else {\n        sizeY = SizeType.REGULAR;\n      }\n    }\n  }\n\n  return {\n    viewWidth,\n    viewHeight,\n    sizeX,\n    sizeY,\n    hasPointer,\n    hasHover,\n  };\n}\n"],"mappings":"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"}

package/dist/cssm/components/Alert/Alert.module.css

@@ -1 +1 @@
-.vkuiAlert{animation:vkui-animation-android-alert-intro .2s var(--vkui--animation_easing_platform);border-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:var(--vkui--elevation4);color:var(--vkui--color_text_primary);margin:auto 24px;max-width:416px;min-width:280px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiAlert--desktop{width:100%}.vkuiAlert--closing{opacity:0;transform:scale(.95);transition:transform .2s var(--vkui--animation_easing_platform),opacity .2s var(--vkui--animation_easing_platform)}.vkuiAlert:before{background-color:var(--vkui--color_background_modal);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vkuiAlert__content{padding:24px 24px 20px;position:relative}.vkuiAlert__action{background:transparent;white-space:nowrap}.vkuiAlert__actions{display:flex;max-width:100%;padding:0 16px 16px;position:relative}.vkuiAlert__header{margin-bottom:8px}.vkuiAlert__text{color:var(--vkui--color_text_secondary)}.vkuiAlert--h .vkuiAlert__actions{justify-content:flex-end}.vkuiAlert--h .vkuiAlert__button{margin-left:8px}.vkuiAlert--v .vkuiAlert__actions{align-items:flex-end;flex-direction:column}.vkuiAlert--v .vkuiAlert__button{margin-bottom:4px;margin-top:4px}.vkuiAlert--v .vkuiAlert__button:first-child{margin-top:0}.vkuiAlert--v .vkuiAlert__button:last-child{margin-bottom:0}.vkuiAlert--ios{animation:vkui-animation-ios-alert-intro .3s var(--vkui--animation_easing_platform);box-shadow:none;min-width:270px;overflow:hidden;width:270px}.vkuiAlert--ios.vkuiAlert--closing{opacity:0;transform:none;transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiAlert--ios .vkuiAlert__content{padding:19px 16px 20px;text-align:center}.vkuiAlert--ios .vkuiAlert__header:not(:last-child){margin-bottom:7px}.vkuiAlert--ios .vkuiAlert__text{color:inherit}.vkuiAlert--ios .vkuiAlert__content:after{background:var(--vkui--color_separator_primary_alpha);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform-origin:center bottom}.vkuiAlert--ios .vkuiAlert__actions{padding:initial}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions{align-items:normal;flex-direction:column}.vkuiAlert--ios .vkuiAlert__action{border:0;border-radius:0;color:var(--vkui--color_text_accent);display:block;font-family:var(--vkui--font_family_base);font-size:17px;height:44px;line-height:44px;margin:0;overflow:hidden;padding:0 6px;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis}.vkuiAlert--ios .vkuiAlert__action:after{background:var(--vkui--color_separator_primary_alpha);content:"";position:absolute}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{height:100%;right:0;top:0;transform-origin:right center;width:1px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child:after{content:none}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action{flex-basis:0;flex-grow:1;flex-shrink:1}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child{border-bottom-left-radius:var(--vkui--size_border_radius_paper--regular)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child{border-bottom-right-radius:var(--vkui--size_border_radius_paper--regular)}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{bottom:0;height:1px;left:0;transform-origin:center bottom;width:100%}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child:after{content:none}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiAlert--ios .vkuiAlert__content:after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{transform:scaleY(.5)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiAlert--ios .vkuiAlert__content:after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{transform:scaleY(.33)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{transform:scaleX(.33)}}.vkuiAlert--ios .vkuiAlert__action--mode-cancel{font-weight:600}.vkuiAlert--ios .vkuiAlert__action--mode-destructive{color:var(--vkui--color_text_negative)}.vkuiAlert--vkcom{box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);width:400px}.vkuiAlert--vkcom .vkuiAlert__content{padding:24px}.vkuiAlert--vkcom .vkuiAlert__actions{padding:0 24px 16px}.vkuiAlert--vkcom .vkuiAlert__button{order:2}.vkuiAlert--vkcom .vkuiAlert__button--mode-cancel{order:1}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
+.vkuiAlert{animation:vkui-animation-android-alert-intro .2s cubic-bezier(.4,0,.2,1);animation:vkui-animation-android-alert-intro .2s var(--vkui--animation_easing_platform);border-radius:12px;border-radius:var(--vkui--size_border_radius_paper--regular);box-shadow:0 0 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.16);box-shadow:var(--vkui--elevation4);color:#000;color:var(--vkui--color_text_primary);margin:auto 24px;max-width:416px;min-width:280px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiAlert--desktop{width:100%}.vkuiAlert--closing{opacity:0;transform:scale(.95);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .2s var(--vkui--animation_easing_platform),opacity .2s var(--vkui--animation_easing_platform)}.vkuiAlert:before{background-color:#fff;background-color:var(--vkui--color_background_modal);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vkuiAlert__content{padding:24px 24px 20px;position:relative}.vkuiAlert__action{background:transparent;white-space:nowrap}.vkuiAlert__actions{display:flex;max-width:100%;padding:0 16px 16px;position:relative}.vkuiAlert__header{margin-bottom:8px}.vkuiAlert__text{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiAlert--h .vkuiAlert__actions{justify-content:flex-end}.vkuiAlert--h .vkuiAlert__button{margin-left:8px}.vkuiAlert--v .vkuiAlert__actions{align-items:flex-end;flex-direction:column}.vkuiAlert--v .vkuiAlert__button{margin-bottom:4px;margin-top:4px}.vkuiAlert--v .vkuiAlert__button:first-child{margin-top:0}.vkuiAlert--v .vkuiAlert__button:last-child{margin-bottom:0}.vkuiAlert--ios{animation:vkui-animation-ios-alert-intro .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-ios-alert-intro .3s var(--vkui--animation_easing_platform);box-shadow:none;min-width:270px;overflow:hidden;width:270px}.vkuiAlert--ios.vkuiAlert--closing{opacity:0;transform:none;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--vkui--animation_easing_platform)}.vkuiAlert--ios .vkuiAlert__content{padding:19px 16px 20px;text-align:center}.vkuiAlert--ios .vkuiAlert__header:not(:last-child){margin-bottom:7px}.vkuiAlert--ios .vkuiAlert__text{color:inherit}.vkuiAlert--ios .vkuiAlert__content:after{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform-origin:center bottom}.vkuiAlert--ios .vkuiAlert__actions{padding:initial}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__actions{align-items:normal;flex-direction:column}.vkuiAlert--ios .vkuiAlert__action{border:0;border-radius:0;color:#2688eb;color:var(--vkui--color_text_accent);display:block;font-family:VK Sans Text,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);font-size:17px;height:44px;line-height:44px;margin:0;overflow:hidden;padding:0 6px;position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis}.vkuiAlert--ios .vkuiAlert__action:after{background:rgba(0,0,0,.12);background:var(--vkui--color_separator_primary_alpha);content:"";position:absolute}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{height:100%;right:0;top:0;transform-origin:right center;width:1px}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child:after{content:none}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action{flex-basis:0;flex-grow:1;flex-shrink:1}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:first-child{border-bottom-left-radius:12px;border-bottom-left-radius:var(--vkui--size_border_radius_paper--regular)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:last-child{border-bottom-right-radius:12px;border-bottom-right-radius:var(--vkui--size_border_radius_paper--regular)}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{bottom:0;height:1px;left:0;transform-origin:center bottom;width:100%}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child:after{content:none}.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:last-child{border-radius:0 0 12px 12px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiAlert--ios .vkuiAlert__content:after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{transform:scaleY(.5)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiAlert--ios .vkuiAlert__content:after,.vkuiAlert--ios.vkuiAlert--v .vkuiAlert__action:after{transform:scaleY(.33)}.vkuiAlert--ios.vkuiAlert--h .vkuiAlert__action:after{transform:scaleX(.33)}}.vkuiAlert--ios .vkuiAlert__action--mode-cancel{font-weight:600}.vkuiAlert--ios .vkuiAlert__action--mode-destructive{color:#e64646;color:var(--vkui--color_text_negative)}.vkuiAlert--vkcom{box-shadow:0 0 2px rgba(0,0,0,.12),0 0 96px rgba(0,0,0,.16);width:400px}.vkuiAlert--vkcom .vkuiAlert__content{padding:24px}.vkuiAlert--vkcom .vkuiAlert__actions{padding:0 24px 16px}.vkuiAlert--vkcom .vkuiAlert__button{order:2}.vkuiAlert--vkcom .vkuiAlert__button--mode-cancel{order:1}@keyframes vkui-animation-ios-alert-intro{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes vkui-animation-android-alert-intro{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}

package/dist/cssm/components/AppRoot/AppRoot.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "mode", "scroll", "portalRoot", "disablePortal", "className"];
@@ -72,14 +73,16 @@ export var AppRoot = function AppRoot(_ref) {
 
   // setup root classes
   useIsomorphicLayoutEffect(function () {
-    var _rootRef$current;
-    if (mode !== 'embedded') {
+    var _rootRef$current, _parent$classList;
+    if (mode === 'partial') {
       return noop;
     }
     var parent = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.parentElement;
-    parent === null || parent === void 0 ? void 0 : parent.classList.add('vkui__root--embedded');
+    var classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);
+    parent === null || parent === void 0 ? void 0 : (_parent$classList = parent.classList).add.apply(_parent$classList, _toConsumableArray(classes));
     return function () {
-      parent === null || parent === void 0 ? void 0 : parent.classList.remove('vkui__root--embedded');
+      var _parent$classList2;
+      parent === null || parent === void 0 ? void 0 : (_parent$classList2 = parent.classList).remove.apply(_parent$classList2, _toConsumableArray(classes));
     };
   }, []);
   useIsomorphicLayoutEffect(function () {

package/dist/cssm/components/AppRoot/AppRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRoot.js","names":["React","useDOM","classNames","noop","AppRootContext","useIsomorphicLayoutEffect","IconSettingsProvider","ElementScrollController","GlobalScrollController","useKeyboardInputTracker","useInsets","useAdaptivity","useAppearance","isRefObject","getSizeXClassName","INSET_CUSTOM_PROPERTY_PREFIX","AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","className","props","isKeyboardInputActive","rootRef","useRef","useState","setPortalRoot","document","insets","appearance","hasPointer","sizeX","portal","current","createElement","body","appendChild","parentElement","removeChild","parent","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","container","ScrollController","useMemo","content","appRoot","embedded","keyboardInput"],"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../../lib/dom';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { AppRootContext } from './AppRootContext';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { IconSettingsProvider } from '@vkontakte/icons';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { useInsets } from '../../hooks/useInsets';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { getSizeXClassName } from '../../helpers/getSizeXClassName';\nimport styles from './AppRoot.module.css';\n\nconst INSET_CUSTOM_PROPERTY_PREFIX = `--vkui_internal--safe_area_inset_`;\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Режим встраивания */\n  mode?: 'partial' | 'embedded' | 'full';\n  window?: Window;\n  scroll?: 'global' | 'contain';\n  /**\n   * Кастомный root-элемент портала\n   */\n  portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;\n  /** Disable portal for components */\n  disablePortal?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n  children,\n  mode = 'full',\n  scroll = 'global',\n  portalRoot: portalRootProp = null,\n  disablePortal,\n  className,\n  ...props\n}: AppRootProps) => {\n  const isKeyboardInputActive = useKeyboardInputTracker();\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const [portalRoot, setPortalRoot] = React.useState<HTMLElement | null>(null);\n  const { document } = useDOM();\n  const insets = useInsets();\n  const appearance = useAppearance();\n\n  const { hasPointer, sizeX } = useAdaptivity();\n\n  // setup portal\n  useIsomorphicLayoutEffect(() => {\n    let portal: HTMLElement | null = null;\n    if (portalRootProp) {\n      if (isRefObject(portalRootProp)) {\n        portal = portalRootProp.current;\n      } else {\n        portal = portalRootProp;\n      }\n    }\n    if (!portal) {\n      portal = document!.createElement('div');\n      document!.body.appendChild(portal);\n    }\n    setPortalRoot(portal);\n    return () => {\n      portal?.parentElement?.removeChild(portal);\n    };\n  }, [portalRootProp]);\n\n  // setup root classes\n  useIsomorphicLayoutEffect(() => {\n    if (mode !== 'embedded') {\n      return noop;\n    }\n\n    const parent = rootRef.current?.parentElement;\n    parent?.classList.add('vkui__root--embedded');\n\n    return () => {\n      parent?.classList.remove('vkui__root--embedded');\n    };\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'full') {\n      document!.documentElement.classList.add('vkui');\n\n      return () => {\n        document!.documentElement.classList.remove('vkui');\n      };\n    }\n\n    return undefined;\n  }, [document, mode]);\n\n  // setup insets\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial' || !rootRef.current?.parentElement) {\n      return noop;\n    }\n\n    const parent = rootRef.current.parentElement;\n\n    let key: keyof Insets;\n    for (key in insets) {\n      if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {\n        const inset = insets[key];\n        parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n        portalRoot &&\n          portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n      }\n    }\n\n    return () => {\n      let key: keyof Insets;\n      for (key in insets) {\n        if (insets.hasOwnProperty(key)) {\n          parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n          portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n        }\n      }\n    };\n  }, [insets, portalRoot]);\n\n  // adaptivity handler\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n    const className = getSizeXClassName('vkui', sizeX);\n    const container = mode === 'embedded' ? rootRef.current?.parentElement : document!.body;\n    container?.classList.add(className);\n    return () => container?.classList.remove(className);\n  }, [sizeX]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mode !== 'full' || appearance === undefined) {\n      return noop;\n    }\n    document!.documentElement.style.setProperty('color-scheme', appearance);\n\n    return () => document!.documentElement.style.removeProperty('color-scheme');\n  }, [appearance]);\n\n  const ScrollController = React.useMemo(\n    () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n    [scroll],\n  );\n\n  const content = (\n    <AppRootContext.Provider\n      value={{\n        appRoot: rootRef,\n        portalRoot,\n        embedded: mode === 'embedded',\n        keyboardInput: isKeyboardInputActive,\n        mode,\n        disablePortal,\n      }}\n    >\n      <ScrollController elRef={rootRef}>\n        <IconSettingsProvider classPrefix=\"vkui\">{children}</IconSettingsProvider>\n      </ScrollController>\n    </AppRootContext.Provider>\n  );\n\n  return mode === 'partial' ? (\n    content\n  ) : (\n    <div\n      ref={rootRef}\n      className={classNames(\n        styles['AppRoot'],\n        hasPointer === undefined\n          ? styles['AppRoot--pointer-none']\n          : !hasPointer && styles['AppRoot--pointer-has-not'],\n        className,\n      )}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AppRoot.js","names":["React","useDOM","classNames","noop","AppRootContext","useIsomorphicLayoutEffect","IconSettingsProvider","ElementScrollController","GlobalScrollController","useKeyboardInputTracker","useInsets","useAdaptivity","useAppearance","isRefObject","getSizeXClassName","INSET_CUSTOM_PROPERTY_PREFIX","AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","className","props","isKeyboardInputActive","rootRef","useRef","useState","setPortalRoot","document","insets","appearance","hasPointer","sizeX","portal","current","createElement","body","appendChild","parentElement","removeChild","parent","classes","concat","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","container","ScrollController","useMemo","content","appRoot","embedded","keyboardInput"],"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../../lib/dom';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { AppRootContext } from './AppRootContext';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { IconSettingsProvider } from '@vkontakte/icons';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { useInsets } from '../../hooks/useInsets';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { getSizeXClassName } from '../../helpers/getSizeXClassName';\nimport styles from './AppRoot.module.css';\n\nconst INSET_CUSTOM_PROPERTY_PREFIX = `--vkui_internal--safe_area_inset_`;\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Режим встраивания */\n  mode?: 'partial' | 'embedded' | 'full';\n  window?: Window;\n  scroll?: 'global' | 'contain';\n  /**\n   * Кастомный root-элемент портала\n   */\n  portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;\n  /** Disable portal for components */\n  disablePortal?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n  children,\n  mode = 'full',\n  scroll = 'global',\n  portalRoot: portalRootProp = null,\n  disablePortal,\n  className,\n  ...props\n}: AppRootProps) => {\n  const isKeyboardInputActive = useKeyboardInputTracker();\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const [portalRoot, setPortalRoot] = React.useState<HTMLElement | null>(null);\n  const { document } = useDOM();\n  const insets = useInsets();\n  const appearance = useAppearance();\n\n  const { hasPointer, sizeX } = useAdaptivity();\n\n  // setup portal\n  useIsomorphicLayoutEffect(() => {\n    let portal: HTMLElement | null = null;\n    if (portalRootProp) {\n      if (isRefObject(portalRootProp)) {\n        portal = portalRootProp.current;\n      } else {\n        portal = portalRootProp;\n      }\n    }\n    if (!portal) {\n      portal = document!.createElement('div');\n      document!.body.appendChild(portal);\n    }\n    setPortalRoot(portal);\n    return () => {\n      portal?.parentElement?.removeChild(portal);\n    };\n  }, [portalRootProp]);\n\n  // setup root classes\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n\n    const parent = rootRef.current?.parentElement;\n    const classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);\n    parent?.classList.add(...classes);\n\n    return () => {\n      parent?.classList.remove(...classes);\n    };\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'full') {\n      document!.documentElement.classList.add('vkui');\n\n      return () => {\n        document!.documentElement.classList.remove('vkui');\n      };\n    }\n\n    return undefined;\n  }, [document, mode]);\n\n  // setup insets\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial' || !rootRef.current?.parentElement) {\n      return noop;\n    }\n\n    const parent = rootRef.current.parentElement;\n\n    let key: keyof Insets;\n    for (key in insets) {\n      if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {\n        const inset = insets[key];\n        parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n        portalRoot &&\n          portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n      }\n    }\n\n    return () => {\n      let key: keyof Insets;\n      for (key in insets) {\n        if (insets.hasOwnProperty(key)) {\n          parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n          portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n        }\n      }\n    };\n  }, [insets, portalRoot]);\n\n  // adaptivity handler\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n    const className = getSizeXClassName('vkui', sizeX);\n    const container = mode === 'embedded' ? rootRef.current?.parentElement : document!.body;\n    container?.classList.add(className);\n    return () => container?.classList.remove(className);\n  }, [sizeX]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mode !== 'full' || appearance === undefined) {\n      return noop;\n    }\n    document!.documentElement.style.setProperty('color-scheme', appearance);\n\n    return () => document!.documentElement.style.removeProperty('color-scheme');\n  }, [appearance]);\n\n  const ScrollController = React.useMemo(\n    () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n    [scroll],\n  );\n\n  const content = (\n    <AppRootContext.Provider\n      value={{\n        appRoot: rootRef,\n        portalRoot,\n        embedded: mode === 'embedded',\n        keyboardInput: isKeyboardInputActive,\n        mode,\n        disablePortal,\n      }}\n    >\n      <ScrollController elRef={rootRef}>\n        <IconSettingsProvider classPrefix=\"vkui\">{children}</IconSettingsProvider>\n      </ScrollController>\n    </AppRootContext.Provider>\n  );\n\n  return mode === 'partial' ? (\n    content\n  ) : (\n    <div\n      ref={rootRef}\n      className={classNames(\n        styles['AppRoot'],\n        hasPointer === undefined\n          ? styles['AppRoot--pointer-none']\n          : !hasPointer && styles['AppRoot--pointer-has-not'],\n        className,\n      )}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/AppRoot/AppRoot.module.css

@@ -1 +1 @@
-.vkuiAppRoot{height:100%}.vkuiAppRoot--pointer-has-not{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (pointer:coarse),(pointer:none){.vkuiAppRoot--pointer-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.vkui__root--embedded{overflow-x:hidden;transform:translateZ(0)}.vkui__root--embedded .vkuiAppRoot{overflow:auto}.vkui--sizeX-regular{background:var(--vkui--color_background)}@media (min-width:768px){.vkui--sizeX-none{background:var(--vkui--color_background)}}
+.vkuiAppRoot{height:100%}.vkuiAppRoot--pointer-has-not{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (pointer:coarse),(pointer:none){.vkuiAppRoot--pointer-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.vkui__root--embedded{overflow-x:hidden;transform:translateZ(0)}.vkui__root--embedded .vkuiAppRoot{overflow:auto}.vkui--sizeX-regular{background:#ebedf0;background:var(--vkui--color_background)}@media (min-width:768px){.vkui--sizeX-none{background:#ebedf0;background:var(--vkui--color_background)}}

package/dist/cssm/components/Avatar/Avatar.d.ts

@@ -50,6 +50,6 @@ export interface AvatarProps extends ImageBaseProps {
 export declare const Avatar: {
     ({ size, className, gradientColor, initials, fallbackIcon, children, ...restProps }: AvatarProps): JSX.Element;
     Badge: ({ className, ...restProps }: import("../ImageBase/ImageBase").ImageBaseBadgeProps) => JSX.Element;
-    BadgeWithPreset: ({ preset, ...restProps }: AvatarBadgeWithPresetProps) => JSX.Element;
+    BadgeWithPreset: ({ preset, className, ...restProps }: AvatarBadgeWithPresetProps) => JSX.Element;
     Overlay: ({ className, theme: themeProp, visibility: visibilityProp, children, onClick, ...restProps }: ImageBaseOverlayProps) => JSX.Element;
 };

package/dist/cssm/components/Avatar/Avatar.module.css

@@ -1 +1 @@
-.vkuiAvatar{border-radius:50%}.vkuiAvatar--has-gradient{color:var(--vkui--color_text_contrast)}.vkuiAvatar--gradient-red{background-color:#e52e40;background-image:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiAvatar--gradient-pink{background-color:#e62e6b;background-image:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiAvatar--gradient-orange{background-color:#e66b2e;background-image:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiAvatar--gradient-yellow{background-color:#e7a902;background-image:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiAvatar--gradient-green{background-color:#6cd97e;background-image:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiAvatar--gradient-l-blue{background-color:#2bb4d6;background-image:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiAvatar--gradient-blue{background-color:#3f8ae0;background-image:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiAvatar--gradient-violet{background-color:#8f3fe0;background-image:linear-gradient(135deg,#d3a6ff,#8f3fe0)}.vkuiAvatar__initials{font-family:var(--vkui--font_family_accent);font-weight:600;line-height:1;text-align:center;text-transform:uppercase}
+.vkuiAvatar{border-radius:50%}.vkuiAvatar--has-gradient{color:#fff;color:var(--vkui--color_text_contrast)}.vkuiAvatar--gradient-red{background-color:#e52e40;background-image:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiAvatar--gradient-pink{background-color:#e62e6b;background-image:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiAvatar--gradient-orange{background-color:#e66b2e;background-image:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiAvatar--gradient-yellow{background-color:#e7a902;background-image:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiAvatar--gradient-green{background-color:#6cd97e;background-image:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiAvatar--gradient-l-blue{background-color:#2bb4d6;background-image:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiAvatar--gradient-blue{background-color:#3f8ae0;background-image:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiAvatar--gradient-violet{background-color:#8f3fe0;background-image:linear-gradient(135deg,#d3a6ff,#8f3fe0)}.vkuiAvatar__initials{font-family:VK Sans Text,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_accent);font-weight:600;line-height:1;text-align:center;text-transform:uppercase}

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadge.module.css

@@ -1 +1 @@
-.vkuiAvatarBadge{bottom:0;right:0}.vkuiAvatarBadge--shifted{bottom:-2px;right:-2px}.vkuiAvatarBadge--preset-online,.vkuiAvatarBadge--preset-onlineMobile{bottom:14%;color:var(--vkui--color_accent_green);right:14%;transform:translate(50%,50%)}.vkuiAvatarBadge--preset-online{padding:0}.vkuiAvatarBadge--preset-onlineMobile{border-radius:3px}
+.vkuiAvatarBadge{bottom:0;right:0}.vkuiAvatarBadge--shifted{bottom:-2px;right:-2px}.vkuiAvatarBadge--preset-online,.vkuiAvatarBadge--preset-onlineMobile{bottom:14%;color:#4bb34b;color:var(--vkui--color_accent_green);right:14%;transform:translate(50%,50%)}.vkuiAvatarBadge--preset-online{padding:0}.vkuiAvatarBadge--preset-onlineMobile{border-radius:3px}

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.d.ts

@@ -8,4 +8,4 @@ export interface AvatarBadgeWithPresetProps extends Omit<ImageBaseBadgeProps, 'b
      */
     preset?: 'online' | 'online-mobile';
 }
-export declare const AvatarBadgeWithPreset: ({ preset, ...restProps }: AvatarBadgeWithPresetProps) => JSX.Element;
+export declare const AvatarBadgeWithPreset: ({ preset, className, ...restProps }: AvatarBadgeWithPresetProps) => JSX.Element;

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["preset"];
+var _excluded = ["preset", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { ImageBase, ImageBaseContext, getBadgeIconSizeByImageBaseSize } from '../../ImageBase/ImageBase';
@@ -9,6 +9,7 @@ import "./AvatarBadge.module.css";
 export var AvatarBadgeWithPreset = function AvatarBadgeWithPreset(_ref) {
   var _ref$preset = _ref.preset,
     preset = _ref$preset === void 0 ? 'online' : _ref$preset,
+    className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _React$useContext = React.useContext(ImageBaseContext),
     size = _React$useContext.size;
@@ -16,10 +17,10 @@ export var AvatarBadgeWithPreset = function AvatarBadgeWithPreset(_ref) {
   var isOnlinePreset = preset === 'online';
   var presetClassName = isOnlinePreset ? "vkuiAvatarBadge--preset-online" : "vkuiAvatarBadge--preset-onlineMobile";
   var Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;
-  return /*#__PURE__*/React.createElement(ImageBase.Badge, _extends({}, restProps, {
+  return /*#__PURE__*/React.createElement(ImageBase.Badge, _extends({
     background: "stroke",
-    className: classNames("vkuiAvatarBadge", presetClassName)
-  }), /*#__PURE__*/React.createElement(Icon, {
+    className: classNames("vkuiAvatarBadge", presetClassName, className)
+  }, restProps), /*#__PURE__*/React.createElement(Icon, {
     width: badgeSize,
     height: badgeSize
   }));

package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBadgeWithPreset.js","names":["React","classNames","ImageBase","ImageBaseContext","getBadgeIconSizeByImageBaseSize","Icon12Circle","Icon12OnlineMobile","AvatarBadgeWithPreset","preset","restProps","useContext","size","badgeSize","isOnlinePreset","presetClassName","Icon"],"sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  type ImageBaseBadgeProps,\n  ImageBase,\n  ImageBaseContext,\n  getBadgeIconSizeByImageBaseSize,\n} from '../../ImageBase/ImageBase';\nimport { Icon12Circle, Icon12OnlineMobile } from './icons';\nimport styles from './AvatarBadge.module.css';\n\nexport interface AvatarBadgeWithPresetProps\n  extends Omit<ImageBaseBadgeProps, 'background' | 'children'> {\n  /**\n   * Использует предзаданные настройки.\n   *\n   * За каждым пресетом закреплена своя иконка и стили.\n   */\n  preset?: 'online' | 'online-mobile';\n}\n\nexport const AvatarBadgeWithPreset = ({\n  preset = 'online',\n  ...restProps\n}: AvatarBadgeWithPresetProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  const badgeSize = getBadgeIconSizeByImageBaseSize(size);\n  const isOnlinePreset = preset === 'online';\n  const presetClassName = isOnlinePreset\n    ? styles[`AvatarBadge--preset-online`]\n    : styles[`AvatarBadge--preset-onlineMobile`];\n  const Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;\n\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      background=\"stroke\"\n      className={classNames(styles['AvatarBadge'], presetClassName)}\n    >\n      <Icon width={badgeSize} height={badgeSize} />\n    </ImageBase.Badge>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAEEC,SAAS,EACTC,gBAAgB,EAChBC,+BAA+B,QAC1B,2BAA2B;AAClC,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,SAAS;AAAC;AAa3D,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,OAGA;EAAA,uBAFhCC,MAAM;IAANA,MAAM,4BAAG,QAAQ;IACdC,SAAS;EAEZ,wBAAiBT,KAAK,CAACU,UAAU,CAACP,gBAAgB,CAAC;IAA3CQ,IAAI,qBAAJA,IAAI;EACZ,IAAMC,SAAS,GAAGR,+BAA+B,CAACO,IAAI,CAAC;EACvD,IAAME,cAAc,GAAGL,MAAM,KAAK,QAAQ;EAC1C,IAAMM,eAAe,GAAGD,cAAc,4EAEQ;EAC9C,IAAME,IAAI,GAAGF,cAAc,GAAGR,YAAY,GAAGC,kBAAkB;EAE/D,oBACE,oBAAC,SAAS,CAAC,KAAK,eACVG,SAAS;IACb,UAAU,EAAC,QAAQ;IACnB,SAAS,EAAER,UAAU,oBAAwBa,eAAe;EAAE,iBAE9D,oBAAC,IAAI;IAAC,KAAK,EAAEF,SAAU;IAAC,MAAM,EAAEA;EAAU,EAAG,CAC7B;AAEtB,CAAC"}
+{"version":3,"file":"AvatarBadgeWithPreset.js","names":["React","classNames","ImageBase","ImageBaseContext","getBadgeIconSizeByImageBaseSize","Icon12Circle","Icon12OnlineMobile","AvatarBadgeWithPreset","preset","className","restProps","useContext","size","badgeSize","isOnlinePreset","presetClassName","Icon"],"sources":["../../../../../src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  type ImageBaseBadgeProps,\n  ImageBase,\n  ImageBaseContext,\n  getBadgeIconSizeByImageBaseSize,\n} from '../../ImageBase/ImageBase';\nimport { Icon12Circle, Icon12OnlineMobile } from './icons';\nimport styles from './AvatarBadge.module.css';\n\nexport interface AvatarBadgeWithPresetProps\n  extends Omit<ImageBaseBadgeProps, 'background' | 'children'> {\n  /**\n   * Использует предзаданные настройки.\n   *\n   * За каждым пресетом закреплена своя иконка и стили.\n   */\n  preset?: 'online' | 'online-mobile';\n}\n\nexport const AvatarBadgeWithPreset = ({\n  preset = 'online',\n  className,\n  ...restProps\n}: AvatarBadgeWithPresetProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  const badgeSize = getBadgeIconSizeByImageBaseSize(size);\n  const isOnlinePreset = preset === 'online';\n  const presetClassName = isOnlinePreset\n    ? styles[`AvatarBadge--preset-online`]\n    : styles[`AvatarBadge--preset-onlineMobile`];\n  const Icon = isOnlinePreset ? Icon12Circle : Icon12OnlineMobile;\n\n  return (\n    <ImageBase.Badge\n      background=\"stroke\"\n      className={classNames(styles['AvatarBadge'], presetClassName, className)}\n      {...restProps}\n    >\n      <Icon width={badgeSize} height={badgeSize} />\n    </ImageBase.Badge>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAEEC,SAAS,EACTC,gBAAgB,EAChBC,+BAA+B,QAC1B,2BAA2B;AAClC,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,SAAS;AAAC;AAa3D,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,OAIA;EAAA,uBAHhCC,MAAM;IAANA,MAAM,4BAAG,QAAQ;IACjBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,wBAAiBV,KAAK,CAACW,UAAU,CAACR,gBAAgB,CAAC;IAA3CS,IAAI,qBAAJA,IAAI;EACZ,IAAMC,SAAS,GAAGT,+BAA+B,CAACQ,IAAI,CAAC;EACvD,IAAME,cAAc,GAAGN,MAAM,KAAK,QAAQ;EAC1C,IAAMO,eAAe,GAAGD,cAAc,4EAEQ;EAC9C,IAAME,IAAI,GAAGF,cAAc,GAAGT,YAAY,GAAGC,kBAAkB;EAE/D,oBACE,oBAAC,SAAS,CAAC,KAAK;IACd,UAAU,EAAC,QAAQ;IACnB,SAAS,EAAEL,UAAU,oBAAwBc,eAAe,EAAEN,SAAS;EAAE,GACrEC,SAAS,gBAEb,oBAAC,IAAI;IAAC,KAAK,EAAEG,SAAU;IAAC,MAAM,EAAEA;EAAU,EAAG,CAC7B;AAEtB,CAAC"}

package/dist/cssm/components/Badge/Badge.module.css

@@ -1 +1 @@
-.vkuiBadge{border-radius:50%;display:block;flex-grow:0;flex-shrink:0;height:6px;width:6px}.vkuiBadge--mode-new{background-color:var(--vkui--color_icon_accent)}.vkuiBadge--mode-prominent{background-color:var(--vkui--color_accent_red)}
+.vkuiBadge{border-radius:50%;display:block;flex-grow:0;flex-shrink:0;height:6px;width:6px}.vkuiBadge--mode-new{background-color:#2688eb;background-color:var(--vkui--color_icon_accent)}.vkuiBadge--mode-prominent{background-color:#ff3347;background-color:var(--vkui--color_accent_red)}

package/dist/cssm/components/Banner/Banner.module.css

@@ -1 +1 @@
-.vkuiBanner{color:var(--vkui--color_text_primary);isolation:isolate;margin:12px 0;padding:0 var(--vkui--size_base_padding_horizontal--regular)}.vkuiBanner__in{align-items:stretch;background-color:var(--vkui--color_background_secondary);border-radius:var(--vkui--size_border_radius--regular);display:flex;flex-flow:row nowrap;overflow:hidden;padding:12px 12px 12px 16px;position:relative}.vkuiBanner__in:before{border:var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.vkuiBanner__before{margin-right:12px}.vkuiBanner__before,.vkuiBanner__content{position:relative;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.vkuiBanner__content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.vkuiBanner__header{display:block}.vkuiBanner__subheader{display:block}.vkuiBanner__subheader,.vkuiBanner__text{color:var(--vkui--color_text_subhead)}.vkuiBanner__bg{left:0;position:absolute;top:0;z-index:0;z-index:var(--vkui_internal--z_index_banner_background)}.vkuiBanner__bg,.vkuiBanner__bg>*{height:100%;width:100%}.vkuiBanner__aside{color:var(--vkui--color_icon_tertiary);justify-content:flex-end;width:28px}.vkuiBanner__aside,.vkuiBanner__dismiss{align-content:center;align-items:center;display:flex;flex-flow:row nowrap}.vkuiBanner__dismiss{color:var(--vkui--color_icon_secondary);justify-content:center;position:absolute;right:2px;top:2px;z-index:2;z-index:var(--vkui_internal--z_index_banner_hover)}.vkuiBanner__actions{margin-top:12px}.vkuiBanner__subheader:not(:first-child),.vkuiBanner__text:not(:first-child){margin-top:2px}.vkuiBanner--mode-image .vkuiBanner__in{background-color:var(--vkui--color_background_secondary)}.vkuiBanner--inverted,.vkuiBanner--mode-image .vkuiBanner__dismiss{color:var(--vkui--color_text_contrast)}.vkuiBanner--inverted .vkuiBanner__subheader{color:var(--vkui--color_text_contrast);opacity:.72}.vkuiBanner--size-s .vkuiBanner__before{margin-left:-4px}.vkuiBanner--size-m .vkuiBanner__in{padding:16px}.vkuiBanner--size-m .vkuiBanner__subheader:not(:first-child),.vkuiBanner--size-m .vkuiBanner__text:not(:first-child){margin-top:4px}.vkuiBanner--ios .vkuiBanner__dismiss,.vkuiBanner--ios.vkuiBanner--mode-image .vkuiBanner__dismiss{color:var(--vkui--color_icon_tertiary)}.vkuiFormStatus .vkuiBanner__in:before{border:none}.vkuiFormStatus--mode-error .vkuiBanner__in{background-color:var(--vkui--color_background_negative_tint)}.vkuiFormStatus--mode-error .vkuiBanner__subheader{color:var(--vkui--color_background_negative)}
+.vkuiBanner{color:#000;color:var(--vkui--color_text_primary);isolation:isolate;margin:12px 0;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular)}.vkuiBanner__in{align-items:stretch;background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;flex-flow:row nowrap;overflow:hidden;padding:12px 12px 12px 16px;position:relative}.vkuiBanner__in:before{border:1px solid rgba(0,0,0,.08);border:var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.vkuiBanner__before{margin-right:12px}.vkuiBanner__before,.vkuiBanner__content{position:relative;z-index:1;z-index:var(--vkui_internal--z_index_banner_content)}.vkuiBanner__content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.vkuiBanner__header{display:block}.vkuiBanner__subheader{display:block}.vkuiBanner__subheader,.vkuiBanner__text{color:#6d7885;color:var(--vkui--color_text_subhead)}.vkuiBanner__bg{left:0;position:absolute;top:0;z-index:0;z-index:var(--vkui_internal--z_index_banner_background)}.vkuiBanner__bg,.vkuiBanner__bg>*{height:100%;width:100%}.vkuiBanner__aside{color:#b8c1cc;color:var(--vkui--color_icon_tertiary);justify-content:flex-end;width:28px}.vkuiBanner__aside,.vkuiBanner__dismiss{align-content:center;align-items:center;display:flex;flex-flow:row nowrap}.vkuiBanner__dismiss{color:#99a2ad;color:var(--vkui--color_icon_secondary);justify-content:center;position:absolute;right:2px;top:2px;z-index:2;z-index:var(--vkui_internal--z_index_banner_hover)}.vkuiBanner__actions{margin-top:12px}.vkuiBanner__subheader:not(:first-child),.vkuiBanner__text:not(:first-child){margin-top:2px}.vkuiBanner--mode-image .vkuiBanner__in{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.vkuiBanner--inverted,.vkuiBanner--inverted .vkuiBanner__subheader,.vkuiBanner--mode-image .vkuiBanner__dismiss{color:#fff;color:var(--vkui--color_text_contrast)}.vkuiBanner--inverted .vkuiBanner__subheader{opacity:.72}.vkuiBanner--size-s .vkuiBanner__before{margin-left:-4px}.vkuiBanner--size-m .vkuiBanner__in{padding:16px}.vkuiBanner--size-m .vkuiBanner__subheader:not(:first-child),.vkuiBanner--size-m .vkuiBanner__text:not(:first-child){margin-top:4px}.vkuiBanner--ios .vkuiBanner__dismiss,.vkuiBanner--ios.vkuiBanner--mode-image .vkuiBanner__dismiss{color:#b8c1cc;color:var(--vkui--color_icon_tertiary)}.vkuiFormStatus .vkuiBanner__in:before{border:none}.vkuiFormStatus--mode-error .vkuiBanner__in{background-color:#faebeb;background-color:var(--vkui--color_background_negative_tint)}.vkuiFormStatus--mode-error .vkuiBanner__subheader{color:#e64646;color:var(--vkui--color_background_negative)}

package/dist/cssm/components/BaseGallery/BaseGallery.module.css

@@ -1 +1 @@
-.vkuiBaseGallery{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiBaseGallery__viewport{height:100%;margin:0;position:relative}.vkuiBaseGallery--align-center .vkuiBaseGallery__viewport{margin:0 auto}.vkuiBaseGallery__layer{align-items:stretch;display:flex;height:100%;min-height:100px;width:100%}.vkuiBaseGallery--draggable .vkuiBaseGallery__layer{cursor:-webkit-grab;cursor:grab}.vkuiBaseGallery__layer:empty{min-height:0}.vkuiBaseGallery__slide{flex:0 0 auto;max-width:100%;overflow:hidden;width:100%}.vkuiBaseGallery--custom-width .vkuiBaseGallery__slide{width:auto}.vkuiBaseGallery__slide>*{min-height:100%;width:100%}.vkuiBaseGallery__bullets{align-items:center;bottom:10px;display:flex;height:6px;justify-content:center;left:0;position:absolute;width:100%}.vkuiBaseGallery__bullets--dark .vkuiBaseGallery__bullet{background-color:var(--vkui--color_icon_primary_invariably)}.vkuiBaseGallery__bullets--light .vkuiBaseGallery__bullet{background-color:var(--vkui--color_icon_contrast)}.vkuiBaseGallery__bullet{border-radius:50%;height:6px;margin:0 3px;opacity:var(--vkui--opacity_disable_accessibility);width:6px}.vkuiBaseGallery__bullet--active{opacity:1}
+.vkuiBaseGallery{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiBaseGallery__viewport{height:100%;margin:0;position:relative}.vkuiBaseGallery--align-center .vkuiBaseGallery__viewport{margin:0 auto}.vkuiBaseGallery__layer{align-items:stretch;display:flex;height:100%;min-height:100px;width:100%}.vkuiBaseGallery--draggable .vkuiBaseGallery__layer{cursor:-webkit-grab;cursor:grab}.vkuiBaseGallery__layer:empty{min-height:0}.vkuiBaseGallery__slide{flex:0 0 auto;max-width:100%;overflow:hidden;width:100%}.vkuiBaseGallery--custom-width .vkuiBaseGallery__slide{width:auto}.vkuiBaseGallery__slide>*{min-height:100%;width:100%}.vkuiBaseGallery__bullets{align-items:center;bottom:10px;display:flex;height:6px;justify-content:center;left:0;position:absolute;width:100%}.vkuiBaseGallery__bullets--dark .vkuiBaseGallery__bullet{background-color:#2c2d2e;background-color:var(--vkui--color_icon_primary_invariably)}.vkuiBaseGallery__bullets--light .vkuiBaseGallery__bullet{background-color:#fff;background-color:var(--vkui--color_icon_contrast)}.vkuiBaseGallery__bullet{border-radius:50%;height:6px;margin:0 3px;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility);width:6px}.vkuiBaseGallery__bullet--active{opacity:1}

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

@@ -1 +1 @@
-.vkuiButton{border:none;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:inline-block;font-family:var(--vkui--font_family_base);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;font-family:var(--vkui--font_family_base);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--mode-link{background:none;min-width:auto}.vkuiButton--mode-link .vkuiButton__after,.vkuiButton--mode-link .vkuiButton__before,.vkuiButton--mode-link .vkuiButton__content:first-child,.vkuiButton--mode-link .vkuiButton__content:last-child{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-primary.vkuiButton--appearance-accent-invariable{background-color:var(--vkui--color_background_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--hover{background-color:var(--vkui--color_background_accent--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--active{background-color:var(--vkui--color_background_accent--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.vkuiButton--appearance-accent{color:var(--vkui--color_text_accent_themed)}.vkuiButton.vkuiButton--appearance-positive{color:var(--vkui--color_text_positive)}.vkuiButton.vkuiButton--appearance-negative{color:var(--vkui--color_text_negative)}.vkuiButton.vkuiButton--appearance-neutral{color:var(--vkui--color_text_primary)}.vkuiButton.vkuiButton--appearance-accent-invariable{color:var(--vkui--color_text_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-accent{color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable,.vkuiButton--mode-primary.vkuiButton--appearance-negative,.vkuiButton--mode-primary.vkuiButton--appearance-positive{color:var(--vkui--color_text_contrast)}.vkuiButton--mode-link.vkuiButton--hover{opacity:.8}.vkuiButton--mode-link.vkuiButton--active{opacity:.7}.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-outline.vkuiButton--appearance-accent-invariable{box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent)}.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-link.vkuiButton--appearance-overlay,.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{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-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)}}
+.vkuiButton{border:none;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);box-sizing:border-box;display:inline-block;font-family:VK Sans Text,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);margin:0;max-width:100%;min-height:28px;min-height:var(--vkui--size_button_small_height--compact);min-width:80px;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:auto;width:28px;width:var(--vkui--size_button_small_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular)}@media (not (min-width:768px)) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--singleIcon{width:30px;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;font-family:VK Sans Text,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);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:.4;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:500;font-weight:var(--vkui--font_weight_accent2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiButton--size-s .vkuiButton__content:first-child{padding-left:16px;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:16px;padding-right:var(--vkui--size_button_base_small_padding_horizontal--regular)}.vkuiButton--size-m .vkuiButton__content:first-child{padding-left:16px;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:16px;padding-right:var(--vkui--size_button_base_medium_padding_horizontal--regular)}.vkuiButton--size-l .vkuiButton__content:first-child{padding-left:20px;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:20px;padding-right:var(--vkui--size_button_base_large_padding_horizontal--regular)}.vkuiButton--size-s .vkuiButton__before{padding-left:12px;padding-left:var(--vkui--size_button_base_small_padding_horizontal_icon--regular)}.vkuiButton--size-m .vkuiButton__before{padding-left:12px;padding-left:var(--vkui--size_button_base_medium_padding_horizontal_icon--regular)}.vkuiButton--size-l .vkuiButton__before{padding-left:16px;padding-left:var(--vkui--size_button_base_large_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__content:first-child{padding-left:12px;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:12px;padding-right:var(--vkui--size_button_tertiary_small_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__content:first-child{padding-left:12px;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:12px;padding-right:var(--vkui--size_button_tertiary_medium_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__content:first-child{padding-left:16px;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:16px;padding-right:var(--vkui--size_button_tertiary_large_padding_horizontal--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-s .vkuiButton__before{padding-left:8px;padding-left:var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-m .vkuiButton__before{padding-left:8px;padding-left:var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular)}.vkuiButton--mode-tertiary.vkuiButton--size-l .vkuiButton__before{padding-left:12px;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--mode-link{background:none;min-width:auto}.vkuiButton--mode-link .vkuiButton__after,.vkuiButton--mode-link .vkuiButton__before,.vkuiButton--mode-link .vkuiButton__content:first-child,.vkuiButton--mode-link .vkuiButton__content:last-child{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:#2688eb;background-color:var(--vkui--color_background_accent_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--hover{background-color:#2483e4;background-color:var(--vkui--color_background_accent_themed--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-accent.vkuiButton--active{background-color:#237edd;background-color:var(--vkui--color_background_accent_themed--active)}.vkuiButton--mode-primary.vkuiButton--appearance-positive{background-color:#4bb34b;background-color:var(--vkui--color_background_positive)}.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--hover{background-color:#48ac4a;background-color:var(--vkui--color_background_positive--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-positive.vkuiButton--active{background-color:#45a64a;background-color:var(--vkui--color_background_positive--active)}.vkuiButton--mode-primary.vkuiButton--appearance-negative{background-color:#e64646;background-color:var(--vkui--color_background_negative)}.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--hover{background-color:#dd4446;background-color:var(--vkui--color_background_negative--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-negative.vkuiButton--active{background-color:#d44245;background-color:var(--vkui--color_background_negative--active)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-neutral.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable{background-color:#2688eb;background-color:var(--vkui--color_background_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--hover{background-color:#2483e4;background-color:var(--vkui--color_background_accent--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable.vkuiButton--active{background-color:#237edd;background-color:var(--vkui--color_background_accent--active)}.vkuiButton--mode-secondary{background-color:rgba(0,0,0,.04);background-color:var(--vkui--color_background_secondary_alpha)}.vkuiButton--mode-secondary.vkuiButton--hover{background-color:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiButton--mode-secondary.vkuiButton--active{background-color:rgba(0,0,0,.12);background-color:var(--vkui--color_background_secondary_alpha--active)}.vkuiButton--mode-outline,.vkuiButton--mode-tertiary{background-color:initial;background-color:var(--vkui--color_transparent)}.vkuiButton--mode-outline.vkuiButton--hover,.vkuiButton--mode-tertiary.vkuiButton--hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover)}.vkuiButton--mode-outline.vkuiButton--active,.vkuiButton--mode-tertiary.vkuiButton--active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active)}.vkuiButton.vkuiButton--appearance-accent{color:#2688eb;color:var(--vkui--color_text_accent_themed)}.vkuiButton.vkuiButton--appearance-positive{color:#4bb34b;color:var(--vkui--color_text_positive)}.vkuiButton.vkuiButton--appearance-negative{color:#e64646;color:var(--vkui--color_text_negative)}.vkuiButton.vkuiButton--appearance-neutral{color:#000;color:var(--vkui--color_text_primary)}.vkuiButton.vkuiButton--appearance-accent-invariable{color:#2688eb;color:var(--vkui--color_text_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-accent{color:#fff;color:var(--vkui--color_text_contrast_themed)}.vkuiButton--mode-primary.vkuiButton--appearance-accent-invariable,.vkuiButton--mode-primary.vkuiButton--appearance-negative,.vkuiButton--mode-primary.vkuiButton--appearance-positive{color:#fff;color:var(--vkui--color_text_contrast)}.vkuiButton--mode-link.vkuiButton--hover{opacity:.8}.vkuiButton--mode-link.vkuiButton--active{opacity:.7}.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 #2688eb;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 #4bb34b;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 #48ac4a;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 #45a64a;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 #e64646;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 #dd4446;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 #d44245;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 rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px var(--vkui--color_field_border_alpha)}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover);box-shadow:unset}.vkuiButton--mode-outline.vkuiButton--appearance-neutral.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active);box-shadow:unset}.vkuiButton--mode-outline.vkuiButton--appearance-accent-invariable{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{background-color:#fff;background-color:var(--vkui--color_background_contrast)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover{background-color:#f5f5f7;background-color:var(--vkui--color_background_contrast--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active{background-color:#ebecef;background-color:var(--vkui--color_background_contrast--active)}.vkuiButton--mode-secondary.vkuiButton--appearance-overlay{background-color:hsla(0,0%,100%,.2);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:hsla(0,0%,100%,.24);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:hsla(0,0%,100%,.28);background-color:var(--vkui--color_background_contrast_secondary_alpha--active)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay{color:#000;color:var(--vkui--color_text_primary_invariably)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover)}.vkuiButton--mode-primary.vkuiButton--appearance-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active)}.vkuiButton--mode-link.vkuiButton--appearance-overlay,.vkuiButton--mode-outline.vkuiButton--appearance-overlay,.vkuiButton--mode-secondary.vkuiButton--appearance-overlay,.vkuiButton--mode-tertiary.vkuiButton--appearance-overlay{color:#fff;color:var(--vkui--color_text_contrast)}.vkuiButton--mode-outline.vkuiButton--appearance-overlay{box-shadow:inset 0 0 0 1px #fff;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 #f5f5f7;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 #ebecef;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-s .vkuiButton__content{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-s .vkuiButton__content{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}@media (not (min-width:768px)) 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:14px;font-size:var(--vkui--font_subhead--font_size--regular);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular)}}.vkuiButton--size-m .vkuiButton__content{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m .vkuiButton__content{font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular)}@media (not (min-width:768px)) 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:15px;font-size:var(--vkui--font_headline2--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular)}}.vkuiButton--size-l .vkuiButton__content{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--android .vkuiButton__content{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}@media (not (min-width:768px)) 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:16px;font-size:var(--vkui--font_headline1--font_size--regular);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular)}}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--ios .vkuiButton__content{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular)}@media (not (min-width:768px)) 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:17px;font-size:var(--vkui--font_title3--font_size--regular);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular)}}.vkuiButton--size-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular)}@media (not (min-width:768px)) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular)}}.vkuiButton--size-m.vkuiButton--singleIcon{width:32px;width:var(--vkui--size_button_medium_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-m.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular)}@media (not (min-width:768px)) 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:36px;width:var(--vkui--size_button_medium_height--regular)}}.vkuiButton--size-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular)}@media (not (min-width:768px)) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none.vkuiButton--size-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular)}}.vkuiButton--size-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_large_height--compact)}.vkuiButton--sizeY-regular.vkuiButton--size-l.vkuiButton--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular)}@media (not (min-width:768px)) 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:44px;width:var(--vkui--size_button_large_height--regular)}}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular)}@media (not (min-width:768px)) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiButton--sizeY-none{min-height:30px;min-height:var(--vkui--size_button_small_height--regular)}}

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

@@ -1 +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}
+.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:1px;margin-top:var(--vkui--size_button_group_gap_space--regular)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:12px;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:1px;margin-right:var(--vkui--size_button_group_gap_space--regular)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:12px;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.module.css

@@ -1 +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}.vkuiCalendar--size-s{padding:8px;width:220px}.vkuiCalendar--size-s .vkuiCalendar__header{margin-bottom:0}
+.vkuiCalendar{background:#fff;background:var(--vkui--color_background_modal);border:.5px solid #d7d8d9;border:.5px solid var(--vkui--color_separator_primary);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);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);margin:12px -12px 0;padding:12px 12px 0}.vkuiCalendar__header{margin-bottom:4px}.vkuiCalendar--size-s{padding:8px;width:220px}.vkuiCalendar--size-s .vkuiCalendar__header{margin-bottom:0}

package/dist/cssm/components/CalendarDay/CalendarDay.module.css

@@ -1 +1 @@
-.vkuiCalendarDay{border-radius:0;color:var(--vkui--color_text_primary);font-family:var(--vkui--font_family_base);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)}
+.vkuiCalendarDay{border-radius:0;color:#000;color:var(--vkui--color_text_primary);font-family:VK Sans Text,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);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)}.vkuiCalendarDay--selected{background-color:#f5f5f5;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 #2688eb;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:#fff;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:rgba(0,0,0,.08);background-color:var(--vkui--color_background_secondary_alpha--hover)}.vkuiCalendarDay__inner--active{background-color:#2688eb;background-color:var(--vkui--color_background_accent);color:#fff;color:var(--vkui--color_text_contrast)}

package/dist/cssm/components/CalendarDays/CalendarDays.module.css

@@ -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:var(--vkui--color_text_subhead);display:flex;flex-basis:calc(100% / 7);flex-grow:0;height:32px;justify-content:center;text-transform:capitalize}
+.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);display:flex;flex-basis:calc(100% / 7);flex-grow:0;height:32px;justify-content:center;text-transform:capitalize}

package/dist/cssm/components/CalendarHeader/CalendarHeader.module.css

@@ -1 +1 @@
-.vkuiCalendarHeader{align-items:center;display:flex;justify-content:center;min-height:36px;position:relative}.vkuiCalendarHeader__pickers{color:var(--vkui--color_text_primary);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}
+.vkuiCalendarHeader{align-items:center;display:flex;justify-content:center;min-height:36px;position:relative}.vkuiCalendarHeader__pickers{color:#000;color:var(--vkui--color_text_primary);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)}.vkuiCalendarHeader__nav-icon-next{right:0}.vkuiCalendarHeader__nav-icon-prev{left:0}.vkuiCalendarHeader__month{text-transform:capitalize}

package/dist/cssm/components/CalendarRange/CalendarRange.module.css

@@ -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}
+.vkuiCalendarRange{background:#fff;background:var(--vkui--color_background_modal);border:.5px solid #d7d8d9;border:.5px solid var(--vkui--color_separator_primary);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);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}

package/dist/cssm/components/CalendarTime/CalendarTime.module.css

@@ -1 +1 @@
-.vkuiCalendarTime{align-items:center;display:flex}.vkuiCalendarTime__picker{width:77px}.vkuiCalendarTime__divider{color:var(--vkui--color_text_primary);font-family:var(--vkui--font_family_base);margin-left:6px;margin-right:6px}.vkuiCalendarTime__button{margin-left:auto}
+.vkuiCalendarTime{align-items:center;display:flex}.vkuiCalendarTime__picker{width:77px}.vkuiCalendarTime__divider{color:#000;color:var(--vkui--color_text_primary);font-family:VK Sans Text,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);margin-left:6px;margin-right:6px}.vkuiCalendarTime__button{margin-left:auto}

package/dist/cssm/components/Card/Card.module.css

@@ -1,3 +1,3 @@
-.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}.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(
+.vkuiCard{background:#f5f5f5;background:var(--vkui--color_background_secondary);border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular);position:relative}.vkuiCard__in{border-radius:inherit;position:relative}.vkuiCard--mode-shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px 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--mode-outline,.vkuiCard--mode-shadow{background:var(--vkui--color_background_modal)}.vkuiCard--mode-outline:after{border:var(--vkui_internal--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%}.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)}}
+  )}.vkuiCard--mode-outline,.vkuiCard--mode-shadow{background:#fff;background:var(--vkui--color_background_modal)}.vkuiCard--mode-outline:after{border:1px solid rgba(0,0,0,.08);border:var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha);border-radius:inherit;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vkuiCardScroll .vkuiCard{flex-shrink:0;margin-right:8px;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:16px;margin-right:var(--vkui--size_base_padding_horizontal--regular);width:calc(100% - 16px * 2);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/CardGrid/CardGrid.module.css

@@ -1 +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(50% - (var(--vkui--size_cardgrid_padding--regular) / 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 * var(--vkui--size_cardgrid_padding--regular)) / 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:calc(var(--vkui--size_cardgrid_padding_vertical--regular) * 2)}@media (max-width:767px){.vkuiCardGrid--sizeX-none.vkuiCardGrid--android{padding-left:16px;padding-right:16px}}.vkuiGroup--mode-card .vkuiCardGrid{padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:var(--vkui--size_base_padding_horizontal--regular)}@media (min-width:768px){.vkuiGroup--mode-none .vkuiCardGrid{padding-left:8px;padding-right:8px}}.vkuiGroup .vkuiCardGrid:first-child{margin-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiGroup .vkuiCardGrid:last-child{margin-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}
+.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) var(--vkui--size_base_padding_horizontal--regular)}.vkuiCardGrid .vkuiCard{margin-right:8px;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:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiCardGrid--size-m .vkuiCard{width:calc(50% - (8px / 2));width:calc(50% - (var(--vkui--size_cardgrid_padding--regular) / 2))}.vkuiCardGrid--size-m .vkuiCard:nth-child(n+3){margin-top:8px;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);width:calc((100% - 2 * var(--vkui--size_cardgrid_padding--regular)) / 3)}.vkuiCardGrid--size-s .vkuiCard:nth-child(n+4){margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding--regular)}.vkuiCardGrid--size-s .vkuiCard:nth-child(3n){margin-right:0}.vkuiCardGrid--sizeX-compact{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}@media not (min-width:768px){.vkuiCardGrid--sizeX-none{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}}.vkuiCardGrid+.vkuiCardGrid{margin-top:calc(8px * 2);margin-top:calc(var(--vkui--size_cardgrid_padding_vertical--regular) * 2)}@media not (min-width:768px){.vkuiCardGrid--sizeX-none.vkuiCardGrid--android{padding-left:16px;padding-right:16px}}.vkuiGroup--mode-card .vkuiCardGrid{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular)}@media (min-width:768px){.vkuiGroup--mode-none .vkuiCardGrid{padding-left:8px;padding-right:8px}}.vkuiGroup .vkuiCardGrid:first-child{margin-top:8px;margin-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiGroup .vkuiCardGrid:last-child{margin-bottom:8px;margin-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}

package/dist/cssm/components/CardScroll/CardScroll.module.css

@@ -1 +1 @@
-.vkuiCardScroll__in{align-items:stretch;display:flex}.vkuiCardScroll__gap{display:block;flex-shrink:0}.vkuiCardScroll+.vkuiCardScroll{margin-top:16px}.vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:var(--vkui--size_base_padding_horizontal--regular)}.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll{margin-left:-16px;margin-right:-16px}.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px}.vkuiGroup--mode-card .vkuiCardScroll--withSpaces{margin-left:-8px;margin-right:-8px}.vkuiGroup--mode-card .vkuiCardScroll--withSpaces:first-child{padding-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiGroup--mode-card .vkuiCardScroll--withSpaces:last-child{padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}@media (min-width:768px){.vkuiGroup--mode-none .vkuiCardScroll--withSpaces{margin-left:-8px;margin-right:-8px}.vkuiGroup--mode-none .vkuiCardScroll--withSpaces:first-child{padding-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiGroup--mode-none .vkuiCardScroll--withSpaces:last-child{padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}}
+.vkuiCardScroll__in{align-items:stretch;display:flex}.vkuiCardScroll__gap{display:block;flex-shrink:0}.vkuiCardScroll+.vkuiCardScroll{margin-top:16px}.vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px;width:var(--vkui--size_base_padding_horizontal--regular)}.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll{margin-left:-16px;margin-right:-16px}.vkuiSplitCol--spaced .vkuiCardScroll--withSpaces .vkuiCardScroll__gap{width:16px}.vkuiGroup--mode-card .vkuiCardScroll--withSpaces{margin-left:-8px;margin-right:-8px}.vkuiGroup--mode-card .vkuiCardScroll--withSpaces:first-child{padding-top:8px;padding-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiGroup--mode-card .vkuiCardScroll--withSpaces:last-child{padding-bottom:8px;padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}@media (min-width:768px){.vkuiGroup--mode-none .vkuiCardScroll--withSpaces{margin-left:-8px;margin-right:-8px}.vkuiGroup--mode-none .vkuiCardScroll--withSpaces:first-child{padding-top:8px;padding-top:var(--vkui--size_cardgrid_padding_vertical--regular)}.vkuiGroup--mode-none .vkuiCardScroll--withSpaces:last-child{padding-bottom:8px;padding-bottom:var(--vkui--size_cardgrid_padding_vertical--regular)}}

package/dist/cssm/components/Cell/Cell.module.css

@@ -1 +1 @@
-.vkuiCell{position:relative}.vkuiList--dragging .vkuiCell:not(.vkuiCell--dragging){pointer-events:none;transition:transform .3s ease}.vkuiCell--dragging{background-color:var(--vkui--color_background_secondary);box-shadow:var(--vkui--elevation3);z-index:1;z-index:var(--vkui_internal--z_index_cell_dragging)}.vkuiCell--selectable.vkuiCell--disabled{opacity:var(--vkui--opacity_disable_accessibility)}.vkuiCell__checkbox,.vkuiCell__dragger{flex-shrink:0;margin-right:16px;position:relative}.vkuiCell__content{max-width:100%;min-width:0}.vkuiCell--removable .vkuiCell__content{flex-grow:1;padding-left:0;padding-right:0}.vkuiCell--ios .vkuiCell__dragger{margin-left:12px;margin-right:0}.vkuiCell--ios .vkuiCell__checkbox{margin-right:12px}.vkuiFormItem>.vkuiCell{margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}
+.vkuiCell{position:relative}.vkuiList--dragging .vkuiCell:not(.vkuiCell--dragging){pointer-events:none;transition:transform .3s ease}.vkuiCell--dragging{background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3);z-index:1;z-index:var(--vkui_internal--z_index_cell_dragging)}.vkuiCell--selectable.vkuiCell--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiCell__checkbox,.vkuiCell__dragger{flex-shrink:0;margin-right:16px;position:relative}.vkuiCell__content{max-width:100%;min-width:0}.vkuiCell--removable .vkuiCell__content{flex-grow:1;padding-left:0;padding-right:0}.vkuiCell--ios .vkuiCell__dragger{margin-left:12px;margin-right:0}.vkuiCell--ios .vkuiCell__checkbox{margin-right:12px}.vkuiFormItem>.vkuiCell{margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}

package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.module.css

@@ -1 +1 @@
-.vkuiCellCheckbox__icon{color:var(--vkui--color_icon_tertiary)}.vkuiCellCheckbox__icon,.vkuiCellCheckbox__input{display:none}.vkuiCellCheckbox__icon--on{color:var(--vkui--color_icon_accent)}.vkuiCellCheckbox__input:checked~.vkuiCellCheckbox__icon--on,.vkuiCellCheckbox__input:not(:checked)~.vkuiCellCheckbox__icon--off{display:block}
+.vkuiCellCheckbox__icon{color:#b8c1cc;color:var(--vkui--color_icon_tertiary)}.vkuiCellCheckbox__icon,.vkuiCellCheckbox__input{display:none}.vkuiCellCheckbox__icon--on{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiCellCheckbox__input:checked~.vkuiCellCheckbox__icon--on,.vkuiCellCheckbox__input:not(:checked)~.vkuiCellCheckbox__icon--off{display:block}

package/dist/cssm/components/Cell/CellDragger/CellDragger.module.css

@@ -1 +1 @@
-.vkuiCellDragger{color:var(--vkui--color_icon_secondary);cursor:ns-resize}
+.vkuiCellDragger{color:#99a2ad;color:var(--vkui--color_icon_secondary);cursor:ns-resize}

package/dist/cssm/components/CellButton/CellButton.module.css

@@ -1 +1 @@
-.vkuiCellButton{background:transparent;border:none;box-sizing:border-box;cursor:pointer;margin:0;padding-bottom:0;padding-top:0;text-align:left;text-decoration:none;width:100%}.vkuiFormItem .vkuiCellButton{box-sizing:initial;margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular));width:100%}.vkuiCellButton[disabled]{opacity:.4}.vkuiCellButton--centered{justify-content:center;text-align:center}.vkuiCellButton--centered .vkuiSimpleCell__main{flex-grow:0;max-width:none}.vkuiCellButton--centered>.vkuiIcon{padding-right:8px}.vkuiCellButton{color:var(--vkui--color_text_accent)}.vkuiCellButton>.vkuiIcon{color:var(--vkui--color_icon_accent)}.vkuiCellButton--mode-danger{color:var(--vkui--color_text_negative)}.vkuiCellButton--mode-danger>.vkuiIcon{color:var(--vkui--color_icon_negative)}
+.vkuiCellButton{background:transparent;border:none;box-sizing:border-box;cursor:pointer;margin:0;padding-bottom:0;padding-top:0;text-align:left;text-decoration:none;width:100%}.vkuiFormItem .vkuiCellButton{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular));width:100%}.vkuiCellButton[disabled]{opacity:.4}.vkuiCellButton--centered{justify-content:center;text-align:center}.vkuiCellButton--centered .vkuiSimpleCell__main{flex-grow:0;max-width:none}.vkuiCellButton--centered>.vkuiIcon{padding-right:8px}.vkuiCellButton{color:#2688eb;color:var(--vkui--color_text_accent)}.vkuiCellButton>.vkuiIcon{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiCellButton--mode-danger{color:#e64646;color:var(--vkui--color_text_negative)}.vkuiCellButton--mode-danger>.vkuiIcon{color:#e64646;color:var(--vkui--color_icon_negative)}

package/dist/cssm/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { type TappableProps } from '../Tappable/Tappable';
 import { HasRef, HasRootRef } from '../../types';
-export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement> {
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, Pick<TappableProps, 'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'> {
     description?: React.ReactNode;
     indeterminate?: boolean;
     defaultIndeterminate?: boolean;
@@ -8,4 +9,4 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
 /**
  * @see https://vkcom.github.io/VKUI/#/Checkbox
  */
-export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, onChange, ...restProps }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, hoverMode, activeMode, hasHover, hasActive, focusVisibleMode, onChange, ...restProps }: CheckboxProps) => JSX.Element;

package/dist/cssm/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "onChange"];
+var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "hoverMode", "activeMode", "hasHover", "hasActive", "focusVisibleMode", "onChange"];
 import * as React from 'react';
 import { ACTIVE_EFFECT_DELAY, Tappable } from '../Tappable/Tappable';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
@@ -29,6 +29,11 @@ export var Checkbox = function Checkbox(_ref) {
     description = _ref.description,
     indeterminate = _ref.indeterminate,
     defaultIndeterminate = _ref.defaultIndeterminate,
+    hoverMode = _ref.hoverMode,
+    activeMode = _ref.activeMode,
+    hasHover = _ref.hasHover,
+    hasActive = _ref.hasActive,
+    focusVisibleMode = _ref.focusVisibleMode,
     onChange = _ref.onChange,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var inputRef = useExternRef(getRef);
@@ -69,7 +74,12 @@ export var Checkbox = function Checkbox(_ref) {
     style: style,
     disabled: restProps.disabled,
     activeEffectDelay: platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY,
-    getRootRef: getRootRef
+    getRootRef: getRootRef,
+    hoverMode: hoverMode,
+    activeMode: activeMode,
+    hasHover: hasHover,
+    hasActive: hasActive,
+    focusVisibleMode: focusVisibleMode
   }, /*#__PURE__*/React.createElement(VisuallyHiddenInput, _extends({}, restProps, {
     onChange: handleChange,
     type: "checkbox",