@vkontakte/vkui 7.9.2 → 7.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "7.9.2",
+  "version": "7.10.1",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "module": "./dist/index.js",
@@ -93,6 +93,7 @@
     "@vkontakte/vkui-floating-ui": "^0.2.7"
   },
   "devDependencies": {
+    "@biomejs/biome": "^2.3.3",
     "@types/node": "*",
     "@types/postcss-import": "^14.0.3",
     "react": "^18.3.1",

package/src/components/ActionSheet/ActionSheet.module.css

@@ -31,14 +31,14 @@
 }
 
 .opening {
-  /* prettier-ignore */
-  animation: animation-actionsheet-slide-up var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);
+  animation: animation-actionsheet-slide-up var(--vkui--animation_duration_m)
+    var(--vkui--animation_easing_platform);
 }
 
 .closing {
   opacity: 0;
-  /* prettier-ignore */
-  animation: animation-actionsheet-slide-down var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);
+  animation: animation-actionsheet-slide-down var(--vkui--animation_duration_m)
+    var(--vkui--animation_easing_platform);
 }
 
 .title + .description {

package/src/components/Alert/Alert.module.css

@@ -17,14 +17,14 @@
 }
 
 .opening {
-  /* prettier-ignore */
-  animation: animation-alert-scale-up var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);
+  animation: animation-alert-scale-up var(--vkui--animation_duration_m)
+    var(--vkui--animation_easing_platform);
 }
 
 .closing {
   opacity: 0;
-  /* prettier-ignore */
-  animation: animation-alert-scale-down var(--vkui--animation_duration_m) var(--vkui--animation_easing_platform);
+  animation: animation-alert-scale-down var(--vkui--animation_duration_m)
+    var(--vkui--animation_easing_platform);
 }
 
 .host::before {

package/src/components/Button/Button.tsx

@@ -113,7 +113,7 @@ export const Button = ({
     <Tappable
       hoverMode={styles.hover}
       activeMode={styles.active}
-      Component={restProps.href ? 'a' : 'button'}
+      {...(restProps.href === undefined && { Component: 'button' })}
       focusVisibleMode="outside"
       disabled={loading || disabled}
       {...restProps}

package/src/components/CarouselBase/CarouselBase.module.css

@@ -101,7 +101,7 @@
   padding-inline-start: var(--vkui--size_base_padding_horizontal--regular);
 }
 
-.host:hover .arrow {
+.hover .arrow {
   opacity: var(--vkui--opacity_disable_accessibility);
 }
 

package/src/components/CarouselBase/CarouselBase.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./CarouselBase.module.css"],"names":["host","viewport","layer","draggable","slide","customWidth","bullets","bulletsDark","bullet","bulletsLight","bulletActive","arrow","arrowAreaStretch","arrowAreaFit","arrowStart","arrowEnd","arrowFocusVisible"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,U,WANA;AAAA,E,aAYAC,O,WAZA;AAAA,E,aAqBAC,W,WArBA;AAAA,E,aAqBWD,O,WArBX;AAAA,E,aAyBAA,O,WAzBA;AAAA,E,aA6BAE,O,WA7BA;AAAA,E,aAoCAC,a,WApCA;AAAA,E,aAoCaD,O,WApCb;AAAA,E,aAyCAA,O,WAzCA;AAAA,E,aA8CAE,S,WA9CA;AAAA,E,aAyDAC,a,WAzDA;AAAA,E,aAyDaC,Q,WAzDb;AAAA,E,aA6DAC,c,WA7DA;AAAA,E,aA6DcD,Q,WA7Dd;AAAA,E,aAiEAA,Q,WAjEA;AAAA,E,aA0EAE,c,WA1EA;AAAA,E,aA8EAC,O,WA9EA;AAAA,E,aAoFAA,O,WApFA;AAAA,E,aAoFMC,kB,WApFN;AAAA,E,aAwFAD,O,WAxFA;AAAA,E,aAwFME,c,WAxFN;AAAA,E,aA+FAC,Y,WA/FA;AAAA,E,aAmGAC,U,WAnGA;AAAA,E,aAuGAf,M,WAvGA;AAAA,E,aAuGYW,O,WAvGZ;AAAA,E,aA2GAK,mB,WA3GA;AAAA,E,aA4GAhB,M,WA5GA;AAAA,E,aA4GMW,O,WA5GN;AAAA;AAAA","file":"CarouselBase.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./CarouselBase.module.css"],"names":["host","viewport","layer","draggable","slide","customWidth","bullets","bulletsDark","bullet","bulletsLight","bulletActive","arrow","arrowAreaStretch","arrowAreaFit","arrowStart","arrowEnd","hover","arrowFocusVisible"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,U,WANA;AAAA,E,aAYAC,O,WAZA;AAAA,E,aAqBAC,W,WArBA;AAAA,E,aAqBWD,O,WArBX;AAAA,E,aAyBAA,O,WAzBA;AAAA,E,aA6BAE,O,WA7BA;AAAA,E,aAoCAC,a,WApCA;AAAA,E,aAoCaD,O,WApCb;AAAA,E,aAyCAA,O,WAzCA;AAAA,E,aA8CAE,S,WA9CA;AAAA,E,aAyDAC,a,WAzDA;AAAA,E,aAyDaC,Q,WAzDb;AAAA,E,aA6DAC,c,WA7DA;AAAA,E,aA6DcD,Q,WA7Dd;AAAA,E,aAiEAA,Q,WAjEA;AAAA,E,aA0EAE,c,WA1EA;AAAA,E,aA8EAC,O,WA9EA;AAAA,E,aAoFAA,O,WApFA;AAAA,E,aAoFMC,kB,WApFN;AAAA,E,aAwFAD,O,WAxFA;AAAA,E,aAwFME,c,WAxFN;AAAA,E,aA+FAC,Y,WA/FA;AAAA,E,aAmGAC,U,WAnGA;AAAA,E,aAuGAC,O,WAvGA;AAAA,E,aAuGOL,O,WAvGP;AAAA,E,aA2GAM,mB,WA3GA;AAAA,E,aA4GAjB,M,WA5GA;AAAA,E,aA4GMW,O,WA5GN;AAAA;AAAA","file":"CarouselBase.module.css.d.ts","sourceRoot":""}

package/src/components/CarouselBase/CarouselBase.tsx

@@ -2,14 +2,15 @@
 
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';
 import { useConfigDirection } from '../../hooks/useConfigDirection';
 import { useExternRef } from '../../hooks/useExternRef';
 import { useMutationObserver } from '../../hooks/useMutationObserver';
 import { useResizeObserver } from '../../hooks/useResizeObserver';
 import { useDOM } from '../../lib/dom';
+import { mergeCalls } from '../../lib/mergeCalls';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { warnOnce } from '../../lib/warnOnce';
+import { useHover } from '../Clickable/useState';
 import { RootComponent } from '../RootComponent/RootComponent';
 import { type CustomTouchEvent } from '../Touch/Touch';
 import { Bullets } from './Bullets';
@@ -57,6 +58,8 @@ export const CarouselBase = ({
   onChange,
   onPrevClick,
   onNextClick,
+  onPointerEnter,
+  onPointerLeave,
   align = 'left',
   showArrows,
   getRef,
@@ -102,8 +105,6 @@ export const CarouselBase = ({
   const [controlElementsState, setControlElementsState] =
     React.useState<ControlElementsState>(CONTROL_ELEMENTS_STATE);
 
-  const hasPointer = useAdaptivityHasPointer();
-
   const slidesContainerId = React.useId();
 
   const isCenterAlign = align === 'center';
@@ -550,21 +551,26 @@ export const CarouselBase = ({
     }
   };
 
+  const { isHovered, ...hoverHandlers } = useHover();
+
+  const handlers = mergeCalls(hoverHandlers, { onPointerEnter, onPointerLeave });
+
   return (
     <RootComponent
       {...restProps}
+      {...handlers}
       role="region"
       onScroll={handleScrollForFixVoiceOverBehavior}
       aria-roledescription={ariaRoleDescription}
       baseClassName={classNames(
         styles.host,
         slideWidth === 'custom' && styles.customWidth,
+        isHovered && styles.hover,
         isDraggable && styles.draggable,
       )}
       getRootRef={rootRef}
     >
       <ScrollArrows
-        hasPointer={hasPointer}
         canSlideLeft={canSlideLeft}
         canSlideRight={canSlideRight}
         onSlideRight={slideRight}

package/src/components/CarouselBase/ScrollArrows.tsx

@@ -43,7 +43,6 @@ interface ScrollArrowsProps
       'showArrows' | 'arrowSize' | 'arrowAreaHeight' | 'arrowPrevLabel' | 'arrowNextLabel'
     >,
     ScrollArrowsTestIds {
-  hasPointer?: boolean;
   canSlideLeft: boolean;
   canSlideRight: boolean;
   onSlideLeft: (e: React.MouseEvent) => void;
@@ -52,7 +51,6 @@ interface ScrollArrowsProps
 }
 
 export const ScrollArrows = ({
-  hasPointer,
   canSlideLeft,
   canSlideRight,
   onSlideRight,
@@ -69,7 +67,7 @@ export const ScrollArrows = ({
   const { focusVisible: prevArrowFocusVisible, ...prevArrowFocusHandlers } = useFocusVisible();
   const { focusVisible: nextArrowFocusVisible, ...nextArrowFocusHandlers } = useFocusVisible();
 
-  return showArrows && hasPointer ? (
+  return showArrows ? (
     <>
       {canSlideLeft && (
         <ScrollArrow

package/src/components/CellButton/CellButton.module.css

@@ -41,7 +41,8 @@
   padding-inline-end: var(--vkui--spacing_size_m);
   /* компенсируем отступ заданные в SimpleCell__before */
   margin-inline-end: calc(
-    -1 * var(--vkui_internal--SimpleCell-before-inline-padding-end, var(--vkui--spacing_size_xl))
+    -1 *
+    var(--vkui_internal--SimpleCell-before-inline-padding-end, var(--vkui--spacing_size_xl))
   );
 }
 

package/src/components/CellButton/CellButton.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./CellButton.module.css"],"names":["host","centered","appearanceAccent","appearanceNeutral","appearanceNegative"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAgB+BA,M,WAhB/B;AAAA,E,aAuBAA,M,WAvBA;AAAA,E,aA2BAC,U,WA3BA;AAAA,E,aAiCAA,U,WAjCA;AAAA,E,aAuCAA,U,WAvCA;AAAA,E,aA+CAC,kB,WA/CA;AAAA,E,aAsDAD,U,WAtDA;AAAA,E,aA4DAE,mB,WA5DA;AAAA,E,aAkEAC,oB,WAlEA;AAAA;AAAA","file":"CellButton.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./CellButton.module.css"],"names":["host","centered","appearanceAccent","appearanceNeutral","appearanceNegative"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAgB+BA,M,WAhB/B;AAAA,E,aAuBAA,M,WAvBA;AAAA,E,aA2BAC,U,WA3BA;AAAA,E,aAiCAA,U,WAjCA;AAAA,E,aAuCAA,U,WAvCA;AAAA,E,aAgDAC,kB,WAhDA;AAAA,E,aAuDAD,U,WAvDA;AAAA,E,aA6DAE,mB,WA7DA;AAAA,E,aAmEAC,oB,WAnEA;AAAA;AAAA","file":"CellButton.module.css.d.ts","sourceRoot":""}

package/src/components/Clickable/useState.tsx

@@ -79,14 +79,19 @@ interface UseHoverProps extends Pick<StateProps, 'hovered' | 'hasHover'> {
   /**
    * Блокирование активации состояний.
    */
-  lockState: boolean;
-  setParentStateLock: (v: boolean) => void;
+  lockState?: boolean;
+  setParentStateLock?: (v: boolean) => void;
 }
 
 /**
  * Управляет наведением на компонент, игнорирует тач события.
  */
-function useHover({ hovered, hasHover = true, lockState, setParentStateLock }: UseHoverProps) {
+export function useHover({
+  hovered,
+  hasHover = true,
+  lockState = false,
+  setParentStateLock = noop,
+}: UseHoverProps = {}) {
   const [hoveredStateLocal, setHoveredStateLocal] = React.useState(false);
 
   const prevIsHoveredRef = React.useRef<boolean | undefined>(undefined);

package/src/components/CustomSelect/CustomSelect.tsx

@@ -737,7 +737,7 @@ export function CustomSelect<OptionInterfaceT extends CustomSelectOptionInterfac
             getRootRef: selectInputRef,
             onChange: onInputChange,
             onFocus: callMultiple(onFocus, onInputFocus),
-            onBlur: callMultiple(onBlur, onInputFocus),
+            onBlur: callMultiple(onBlur, onInputBlur),
             onKeyDown: !readOnly
               ? callMultiple(handleInputKeyDown, onNativeInputKeyDown)
               : onNativeInputKeyDown,

package/src/components/CustomSelectOption/CustomSelectOption.module.css

@@ -16,7 +16,7 @@
 
   padding-inline-start: calc(
     var(--vkui_internal--custom_select_option_hierarchy_level) *
-      var(--vkui--size_option_hierarchy--regular)
+    var(--vkui--size_option_hierarchy--regular)
   );
 }
 

package/src/components/DateInput/DateInput.module.css

@@ -39,8 +39,9 @@
   box-sizing: border-box;
   align-self: center;
   inline-size: calc(
-    100% - var(--vkui_internal--DateInput_input_margin_inline_start) -
-      var(--vkui_internal--DateInput_input_margin_inline_end)
+    100% -
+    var(--vkui_internal--DateInput_input_margin_inline_start) -
+    var(--vkui_internal--DateInput_input_margin_inline_end)
   );
   margin-inline: var(--vkui_internal--DateInput_input_margin_inline_start)
     var(--vkui_internal--DateInput_input_margin_inline_end);

package/src/components/DateInput/DateInput.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./DateInput.module.css"],"names":["wrapper","hasBefore","hasAfter","input","hidden","customValue","inputTimeDivider","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAWAC,W,WAXA;AAAA,E,aAWWD,S,WAXX;AAAA,E,aAeAE,U,WAfA;AAAA,E,aAeUF,S,WAfV;AAAA,E,aAmBAG,O,WAnBA;AAAA,E,aAgCAC,Q,WAhCA;AAAA,E,aAoCAC,a,WApCA;AAAA,E,aAqDAC,kB,WArDA;AAAA,E,aA0DAC,c,WA1DA;AAAA,E,aA0DkBL,U,WA1DlB;AAAA,E,aA0D6BF,S,WA1D7B;AAAA,E,aA+DEQ,W,WA/DF;AAAA,E,aA+DiBN,U,WA/DjB;AAAA,E,aA+D4BF,S,WA/D5B;AAAA;AAAA","file":"DateInput.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./DateInput.module.css"],"names":["wrapper","hasBefore","hasAfter","input","hidden","customValue","inputTimeDivider","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAWAC,W,WAXA;AAAA,E,aAWWD,S,WAXX;AAAA,E,aAeAE,U,WAfA;AAAA,E,aAeUF,S,WAfV;AAAA,E,aAmBAG,O,WAnBA;AAAA,E,aAgCAC,Q,WAhCA;AAAA,E,aAoCAC,a,WApCA;AAAA,E,aAsDAC,kB,WAtDA;AAAA,E,aA2DAC,c,WA3DA;AAAA,E,aA2DkBL,U,WA3DlB;AAAA,E,aA2D6BF,S,WA3D7B;AAAA,E,aAgEEQ,W,WAhEF;AAAA,E,aAgEiBN,U,WAhEjB;AAAA,E,aAgE4BF,S,WAhE5B;AAAA;AAAA","file":"DateInput.module.css.d.ts","sourceRoot":""}

package/src/components/Epic/Epic.module.css

@@ -6,6 +6,7 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalEpic--hasTabbar).host {
   --vkui_internal--snackbar_safe_area_inset_bottom: calc(
-    var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)
+    var(--vkui_internal--tabbar_height) +
+    var(--vkui_internal--safe_area_inset_bottom)
   );
 }

package/src/components/FixedLayout/FixedLayout.module.css

@@ -39,7 +39,8 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalEpic--hasTabbar) .verticalBottom {
   padding-block-end: calc(
-    var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)
+    var(--vkui_internal--tabbar_height) +
+    var(--vkui_internal--safe_area_inset_bottom)
   );
 }
 
@@ -51,7 +52,8 @@
 :global(.vkuiInternalPanelHeader) ~ .verticalTop,
 :global(.vkuiInternalPanelHeader) ~ * .verticalTop:not(:global(.vkuiInternalPanelHeader__fixed)) {
   inset-block-start: calc(
-    var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top)
+    var(--vkui_internal--panel_header_height) +
+    var(--vkui_internal--safe_area_inset_top)
   );
 }
 /* stylelint-enable selector-max-universal, selector-pseudo-class-disallowed-list */

package/src/components/FixedLayout/FixedLayout.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./FixedLayout.module.css"],"names":["host","filled","verticalTop","verticalBottom"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAmBAC,Q,WAnBA;AAAA,E,aAuBAC,a,WAvBA;AAAA,E,aA4BAC,gB,WA5BA;AAAA,E,aAuCsCA,gB,WAvCtC;AAAA,E,aAkDoCD,a,WAlDpC;AAAA,E,aAmDsCA,a,WAnDtC;AAAA;AAAA","file":"FixedLayout.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./FixedLayout.module.css"],"names":["host","filled","verticalTop","verticalBottom"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAmBAC,Q,WAnBA;AAAA,E,aAuBAC,a,WAvBA;AAAA,E,aA4BAC,gB,WA5BA;AAAA,E,aAuCsCA,gB,WAvCtC;AAAA,E,aAmDoCD,a,WAnDpC;AAAA,E,aAoDsCA,a,WApDtC;AAAA;AAAA","file":"FixedLayout.module.css.d.ts","sourceRoot":""}

package/src/components/Flex/Flex.module.css

@@ -26,10 +26,14 @@
 @supports not (inset: 0) {
   .host {
     margin-block-start: calc(
-      -1 * var(--vkui_internal--row_gap) + var(--vkui_internal--flex_original_margin_block)
+      -1 *
+      var(--vkui_internal--row_gap) +
+      var(--vkui_internal--flex_original_margin_block)
     );
     margin-inline-start: calc(
-      -1 * var(--vkui_internal--column_gap) + var(--vkui_internal--flex_original_margin_inline)
+      -1 *
+      var(--vkui_internal--column_gap) +
+      var(--vkui_internal--flex_original_margin_inline)
     );
   }
 

package/src/components/Flex/Flex.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./Flex.module.css"],"names":["host","marginAuto","directionColumn","reverse","wrap","justifyStart","justifyEnd","justifyCenter","justifySpaceAround","justifySpaceBetween","justifySpaceEvenly","alignStart","alignEnd","alignCenter","alignStretch","alignBaseline"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,Y,WAPA;AAAA,E,aAqBED,M,WArBF;AAAA,E,aA0BEA,M,WA1BF;AAAA,E,aAoCEA,M,WApCF;AAAA,E,aAoCOA,M,WApCP;AAAA,E,aA0CAA,M,WA1CA;AAAA,E,aA0CQC,Y,WA1CR;AAAA,E,aA+CAC,iB,WA/CA;AAAA,E,aAmDAC,S,WAnDA;AAAA,E,aAuDAD,iB,WAvDA;AAAA,E,aAuDgBC,S,WAvDhB;AAAA,E,aA2DAC,M,WA3DA;AAAA,E,aAiEAC,c,WAjEA;AAAA,E,aAqEAC,Y,WArEA;AAAA,E,aAyEAC,e,WAzEA;AAAA,E,aA6EAC,oB,WA7EA;AAAA,E,aAiFAC,qB,WAjFA;AAAA,E,aAqFAC,oB,WArFA;AAAA,E,aA2FAC,Y,WA3FA;AAAA,E,aA+FAC,U,WA/FA;AAAA,E,aAmGAC,a,WAnGA;AAAA,E,aAuGAC,c,WAvGA;AAAA,E,aA2GAC,e,WA3GA;AAAA;AAAA","file":"Flex.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./Flex.module.css"],"names":["host","marginAuto","directionColumn","reverse","wrap","justifyStart","justifyEnd","justifyCenter","justifySpaceAround","justifySpaceBetween","justifySpaceEvenly","alignStart","alignEnd","alignCenter","alignStretch","alignBaseline"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,Y,WAPA;AAAA,E,aAqBED,M,WArBF;AAAA,E,aA0BEA,M,WA1BF;AAAA,E,aAwCEA,M,WAxCF;AAAA,E,aAwCOA,M,WAxCP;AAAA,E,aA8CAA,M,WA9CA;AAAA,E,aA8CQC,Y,WA9CR;AAAA,E,aAmDAC,iB,WAnDA;AAAA,E,aAuDAC,S,WAvDA;AAAA,E,aA2DAD,iB,WA3DA;AAAA,E,aA2DgBC,S,WA3DhB;AAAA,E,aA+DAC,M,WA/DA;AAAA,E,aAqEAC,c,WArEA;AAAA,E,aAyEAC,Y,WAzEA;AAAA,E,aA6EAC,e,WA7EA;AAAA,E,aAiFAC,oB,WAjFA;AAAA,E,aAqFAC,qB,WArFA;AAAA,E,aAyFAC,oB,WAzFA;AAAA,E,aA+FAC,Y,WA/FA;AAAA,E,aAmGAC,U,WAnGA;AAAA,E,aAuGAC,a,WAvGA;AAAA,E,aA2GAC,c,WA3GA;AAAA,E,aA+GAC,e,WA/GA;AAAA;AAAA","file":"Flex.module.css.d.ts","sourceRoot":""}

package/src/components/Footer/Footer.module.css

@@ -3,5 +3,4 @@
   padding-block: 24px;
   padding-inline: var(--vkui--size_base_padding_horizontal--regular);
   color: var(--vkui--color_text_secondary);
-  text-align: center;
 }

package/src/components/Footer/Footer.tsx

@@ -21,6 +21,7 @@ export const Footer = ({
     <Footnote
       Component={Component}
       role={role}
+      align="center"
       {...restProps}
       className={classNames(styles.host, className)}
     >

package/src/components/FormField/FormField.module.css

@@ -136,7 +136,9 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalFormItem--status-error) .modeDefault > .border,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalFormItem--status-error) .focusVisible > .border,
+  :global(.vkuiInternalFormItem--status-error)
+  .focusVisible
+  > .border,
 .statusError.modeDefault > .border,
 .statusError.focusVisible > .border {
   z-index: var(--vkui_internal--z_index_form_field_status);
@@ -153,7 +155,9 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalFormItem--status-valid) .modeDefault > .border,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalFormItem--status-valid) .focusVisible > .border,
+  :global(.vkuiInternalFormItem--status-valid)
+  .focusVisible
+  > .border,
 .statusValid.modeDefault > .border,
 .statusValid.focusVisible > .border {
   z-index: var(--vkui_internal--z_index_form_field_status);
@@ -206,7 +210,7 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(
     .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal
-      .vkuiInternalFormItem
+    .vkuiInternalFormItem
   ):first-of-type
   .host {
   border-start-start-radius: var(--vkui--size_border_radius--regular);
@@ -216,7 +220,7 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(
     .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal
-      .vkuiInternalFormItem
+    .vkuiInternalFormItem
   ):last-of-type
   .host {
   border-start-end-radius: var(--vkui--size_border_radius--regular);
@@ -226,7 +230,7 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(
     .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical
-      .vkuiInternalFormItem
+    .vkuiInternalFormItem
   ):first-of-type
   .host {
   border-start-start-radius: var(--vkui--size_border_radius--regular);
@@ -236,7 +240,7 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(
     .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical
-      .vkuiInternalFormItem
+    .vkuiInternalFormItem
   ):last-of-type
   .host {
   border-end-start-radius: var(--vkui--size_border_radius--regular);

package/src/components/FormField/FormField.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./FormField.module.css"],"names":["host","scrollContainer","content","sizeYCompact","sizeYNone","iconWrapper","before","after","iconAlignStart","iconAlignEnd","border","modeDefault","hover","focusVisible","statusError","statusValid","disabled"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYAC,iB,WAZA;AAAA,E,aAqBAC,S,WArBA;AAAA,E,aA4BAC,c,WA5BA;AAAA,E,aAiCEC,W,WAjCF;AAAA,E,aAuCAJ,M,WAvCA;AAAA,E,aA4CAK,a,WA5CA;AAAA,E,aAoDAC,Q,WApDA;AAAA,E,aAqDAC,O,WArDA;AAAA,E,aA+DAJ,c,WA/DA;AAAA,E,aA+DcG,Q,WA/Dd;AAAA,E,aAgEAH,c,WAhEA;AAAA,E,aAgEcI,O,WAhEd;AAAA,E,aAqEEH,W,WArEF;AAAA,E,aAqEaE,Q,WArEb;AAAA,E,aAsEIF,W,WAtEJ;AAAA,E,aAsEeG,O,WAtEf;AAAA,E,aA2EAC,gB,WA3EA;AAAA,E,aA+EAC,c,WA/EA;AAAA,E,aAmFAH,Q,WAnFA;AAAA,E,aAuFAC,O,WAvFA;AAAA,E,aA2FAG,Q,WA3FA;AAAA,E,aAyGAC,a,WAzGA;AAAA,E,aAyGeD,Q,WAzGf;AAAA,E,aA6GAC,a,WA7GA;AAAA,E,aAiHAC,O,WAjHA;AAAA,E,aAqHAD,a,WArHA;AAAA,E,aAqHYC,O,WArHZ;AAAA,E,aAqHqBF,Q,WArHrB;AAAA,E,aA8HAG,c,WA9HA;AAAA,E,aA8HaA,c,WA9Hb;AAAA,E,aA8H6BH,Q,WA9H7B;AAAA,E,aAwI6CC,a,WAxI7C;AAAA,E,aAwI4DD,Q,WAxI5D;AAAA,E,aA0I6CG,c,WA1I7C;AAAA,E,aA0I6DH,Q,WA1I7D;AAAA,E,aA2IAI,a,WA3IA;AAAA,E,aA2IYH,a,WA3IZ;AAAA,E,aA2I2BD,Q,WA3I3B;AAAA,E,aA4IAI,a,WA5IA;AAAA,E,aA4IYD,c,WA5IZ;AAAA,E,aA4I4BH,Q,WA5I5B;AAAA,E,aAkJ6CV,M,WAlJ7C;AAAA,E,aAmJAc,a,WAnJA;AAAA,E,aAyJ6CH,a,WAzJ7C;AAAA,E,aAyJ4DD,Q,WAzJ5D;AAAA,E,aA2J6CG,c,WA3J7C;AAAA,E,aA2J6DH,Q,WA3J7D;AAAA,E,aA4JAK,a,WA5JA;AAAA,E,aA4JYJ,a,WA5JZ;AAAA,E,aA4J2BD,Q,WA5J3B;AAAA,E,aA6JAK,a,WA7JA;AAAA,E,aA6JYF,c,WA7JZ;AAAA,E,aA6J4BH,Q,WA7J5B;AAAA,E,aAmK6CV,M,WAnK7C;AAAA,E,aAmKuDW,a,WAnKvD;AAAA,E,aAoKAI,a,WApKA;AAAA,E,aAoKiBJ,a,WApKjB;AAAA,E,aAyKAK,U,WAzKA;AAAA,E,aAoLmCT,O,WApLnC;AAAA,E,aA6L6CA,O,WA7L7C;AAAA,E,aAuMiDP,M,WAvMjD;AAAA,E,aAkNEA,M,WAlNF;AAAA,E,aA4NEA,M,WA5NF;AAAA,E,aAsOEA,M,WAtOF;AAAA,E,aAgPEA,M,WAhPF;AAAA;AAAA","file":"FormField.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./FormField.module.css"],"names":["host","scrollContainer","content","sizeYCompact","sizeYNone","iconWrapper","before","after","iconAlignStart","iconAlignEnd","border","modeDefault","hover","focusVisible","statusError","statusValid","disabled"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYAC,iB,WAZA;AAAA,E,aAqBAC,S,WArBA;AAAA,E,aA4BAC,c,WA5BA;AAAA,E,aAiCEC,W,WAjCF;AAAA,E,aAuCAJ,M,WAvCA;AAAA,E,aA4CAK,a,WA5CA;AAAA,E,aAoDAC,Q,WApDA;AAAA,E,aAqDAC,O,WArDA;AAAA,E,aA+DAJ,c,WA/DA;AAAA,E,aA+DcG,Q,WA/Dd;AAAA,E,aAgEAH,c,WAhEA;AAAA,E,aAgEcI,O,WAhEd;AAAA,E,aAqEEH,W,WArEF;AAAA,E,aAqEaE,Q,WArEb;AAAA,E,aAsEIF,W,WAtEJ;AAAA,E,aAsEeG,O,WAtEf;AAAA,E,aA2EAC,gB,WA3EA;AAAA,E,aA+EAC,c,WA/EA;AAAA,E,aAmFAH,Q,WAnFA;AAAA,E,aAuFAC,O,WAvFA;AAAA,E,aA2FAG,Q,WA3FA;AAAA,E,aAyGAC,a,WAzGA;AAAA,E,aAyGeD,Q,WAzGf;AAAA,E,aA6GAC,a,WA7GA;AAAA,E,aAiHAC,O,WAjHA;AAAA,E,aAqHAD,a,WArHA;AAAA,E,aAqHYC,O,WArHZ;AAAA,E,aAqHqBF,Q,WArHrB;AAAA,E,aA8HAG,c,WA9HA;AAAA,E,aA8HaA,c,WA9Hb;AAAA,E,aA8H6BH,Q,WA9H7B;AAAA,E,aAwI6CC,a,WAxI7C;AAAA,E,aAwI4DD,Q,WAxI5D;AAAA,E,aA2IEG,c,WA3IF;AAAA,E,aA4IIH,Q,WA5IJ;AAAA,E,aA6IAI,a,WA7IA;AAAA,E,aA6IYH,a,WA7IZ;AAAA,E,aA6I2BD,Q,WA7I3B;AAAA,E,aA8IAI,a,WA9IA;AAAA,E,aA8IYD,c,WA9IZ;AAAA,E,aA8I4BH,Q,WA9I5B;AAAA,E,aAoJ6CV,M,WApJ7C;AAAA,E,aAqJAc,a,WArJA;AAAA,E,aA2J6CH,a,WA3J7C;AAAA,E,aA2J4DD,Q,WA3J5D;AAAA,E,aA8JEG,c,WA9JF;AAAA,E,aA+JIH,Q,WA/JJ;AAAA,E,aAgKAK,a,WAhKA;AAAA,E,aAgKYJ,a,WAhKZ;AAAA,E,aAgK2BD,Q,WAhK3B;AAAA,E,aAiKAK,a,WAjKA;AAAA,E,aAiKYF,c,WAjKZ;AAAA,E,aAiK4BH,Q,WAjK5B;AAAA,E,aAuK6CV,M,WAvK7C;AAAA,E,aAuKuDW,a,WAvKvD;AAAA,E,aAwKAI,a,WAxKA;AAAA,E,aAwKiBJ,a,WAxKjB;AAAA,E,aA6KAK,U,WA7KA;AAAA,E,aAwLmCT,O,WAxLnC;AAAA,E,aAiM6CA,O,WAjM7C;AAAA,E,aA2MiDP,M,WA3MjD;AAAA,E,aAsNEA,M,WAtNF;AAAA,E,aAgOEA,M,WAhOF;AAAA,E,aA0OEA,M,WA1OF;AAAA,E,aAoPEA,M,WApPF;AAAA;AAAA","file":"FormField.module.css.d.ts","sourceRoot":""}

package/src/components/FormItem/FormItem.module.css

@@ -140,8 +140,10 @@
 :global(.vkuiInternalFormLayoutGroup--mode-horizontal) .withTop,
 .withTop .removable {
   margin-block-start: calc(
-    -1 * var(--vkui--spacing_size_2xs) - var(--vkui--font_subhead--line_height--regular) -
-      var(--vkui--spacing_size_m)
+    -1 *
+    var(--vkui--spacing_size_2xs) -
+    var(--vkui--font_subhead--line_height--regular) -
+    var(--vkui--spacing_size_m)
   );
 }
 
@@ -149,8 +151,10 @@
 :global(.vkuiInternalFormLayoutGroup--mode-horizontal) .sizeYCompact.withTop,
 .sizeYCompact.withTop .removable {
   margin-block-start: calc(
-    -1 * var(--vkui--spacing_size_2xs) - var(--vkui--font_subhead--line_height--compact) -
-      var(--vkui--spacing_size_s)
+    -1 *
+    var(--vkui--spacing_size_2xs) -
+    var(--vkui--font_subhead--line_height--compact) -
+    var(--vkui--spacing_size_s)
   );
 }
 
@@ -159,8 +163,10 @@
   :global(.vkuiInternalFormLayoutGroup--mode-horizontal) .sizeYNone.withTop,
   .sizeYNone.withTop .removable {
     margin-block-start: calc(
-      -1 * var(--vkui--spacing_size_2xs) - var(--vkui--font_subhead--line_height--compact) -
-        var(--vkui--spacing_size_s)
+      -1 *
+      var(--vkui--spacing_size_2xs) -
+      var(--vkui--font_subhead--line_height--compact) -
+      var(--vkui--spacing_size_s)
     );
   }
 }

package/src/components/FormItem/FormItem.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./FormItem.module.css"],"names":["host","withPadding","withRemovable","removable","top","label","aside","labelMultiline","labelRequired","bottom","statusError","statusValid","verified","sizeYCompact","sizeYNone","withTop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,a,WAJA;AAAA,E,aASAC,e,WATA;AAAA,E,aAaAC,W,WAbA;AAAA,E,aAuBAC,K,WAvBA;AAAA,E,aA8BAC,O,WA9BA;AAAA,E,aA+BAC,O,WA/BA;AAAA,E,aAqCAD,O,WArCA;AAAA,E,aAyCAC,O,WAzCA;AAAA,E,aA8CAA,O,WA9CA;AAAA,E,aAkDAC,gB,WAlDA;AAAA,E,aAuDAC,e,WAvDA;AAAA,E,aA4DAC,Q,WA5DA;AAAA,E,aAiEAC,a,WAjEA;AAAA,E,aAiEaD,Q,WAjEb;AAAA,E,aAqEAE,a,WArEA;AAAA,E,aAqEaF,Q,WArEb;AAAA,E,aAsEAG,U,WAtEA;AAAA,E,aAsEUH,Q,WAtEV;AAAA,E,aA8EAI,c,WA9EA;AAAA,E,aA8EcT,K,WA9Ed;AAAA,E,aAkFAS,c,WAlFA;AAAA,E,aAkFcJ,Q,WAlFd;AAAA,E,aAuFEK,W,WAvFF;AAAA,E,aAuFaV,K,WAvFb;AAAA,E,aA2FEU,W,WA3FF;AAAA,E,aA2FaL,Q,WA3Fb;AAAA,E,aAqGuDT,M,WArGvD;AAAA,E,aAgHEA,M,WAhHF;AAAA,E,aAiHIA,M,WAjHJ;AAAA,E,aAuHEA,M,WAvHF;AAAA,E,aAwHIA,M,WAxHJ;AAAA,E,aA8HEA,M,WA9HF;AAAA,E,aA+HIA,M,WA/HJ;AAAA,E,aAsIEA,M,WAtIF;AAAA,E,aA2IuDe,S,WA3IvD;AAAA,E,aA4IAA,S,WA5IA;AAAA,E,aA4ISZ,W,WA5IT;AAAA,E,aAoJuDU,c,WApJvD;AAAA,E,aAoJoEE,S,WApJpE;AAAA,E,aAqJAF,c,WArJA;AAAA,E,aAqJaE,S,WArJb;AAAA,E,aAqJsBZ,W,WArJtB;AAAA,E,aA8JyDW,W,WA9JzD;AAAA,E,aA8JmEC,S,WA9JnE;AAAA,E,aA+JID,W,WA/JJ;AAAA,E,aA+JcC,S,WA/Jd;AAAA,E,aA+JuBZ,W,WA/JvB;AAAA;AAAA","file":"FormItem.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./FormItem.module.css"],"names":["host","withPadding","withRemovable","removable","top","label","aside","labelMultiline","labelRequired","bottom","statusError","statusValid","verified","sizeYCompact","sizeYNone","withTop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,a,WAJA;AAAA,E,aASAC,e,WATA;AAAA,E,aAaAC,W,WAbA;AAAA,E,aAuBAC,K,WAvBA;AAAA,E,aA8BAC,O,WA9BA;AAAA,E,aA+BAC,O,WA/BA;AAAA,E,aAqCAD,O,WArCA;AAAA,E,aAyCAC,O,WAzCA;AAAA,E,aA8CAA,O,WA9CA;AAAA,E,aAkDAC,gB,WAlDA;AAAA,E,aAuDAC,e,WAvDA;AAAA,E,aA4DAC,Q,WA5DA;AAAA,E,aAiEAC,a,WAjEA;AAAA,E,aAiEaD,Q,WAjEb;AAAA,E,aAqEAE,a,WArEA;AAAA,E,aAqEaF,Q,WArEb;AAAA,E,aAsEAG,U,WAtEA;AAAA,E,aAsEUH,Q,WAtEV;AAAA,E,aA8EAI,c,WA9EA;AAAA,E,aA8EcT,K,WA9Ed;AAAA,E,aAkFAS,c,WAlFA;AAAA,E,aAkFcJ,Q,WAlFd;AAAA,E,aAuFEK,W,WAvFF;AAAA,E,aAuFaV,K,WAvFb;AAAA,E,aA2FEU,W,WA3FF;AAAA,E,aA2FaL,Q,WA3Fb;AAAA,E,aAqGuDT,M,WArGvD;AAAA,E,aAgHEA,M,WAhHF;AAAA,E,aAiHIA,M,WAjHJ;AAAA,E,aAuHEA,M,WAvHF;AAAA,E,aAwHIA,M,WAxHJ;AAAA,E,aA8HEA,M,WA9HF;AAAA,E,aA+HIA,M,WA/HJ;AAAA,E,aAsIEA,M,WAtIF;AAAA,E,aA2IuDe,S,WA3IvD;AAAA,E,aA4IAA,S,WA5IA;AAAA,E,aA4ISZ,W,WA5IT;AAAA,E,aAsJuDU,c,WAtJvD;AAAA,E,aAsJoEE,S,WAtJpE;AAAA,E,aAuJAF,c,WAvJA;AAAA,E,aAuJaE,S,WAvJb;AAAA,E,aAuJsBZ,W,WAvJtB;AAAA,E,aAkKyDW,W,WAlKzD;AAAA,E,aAkKmEC,S,WAlKnE;AAAA,E,aAmKID,W,WAnKJ;AAAA,E,aAmKcC,S,WAnKd;AAAA,E,aAmKuBZ,W,WAnKvB;AAAA;AAAA","file":"FormItem.module.css.d.ts","sourceRoot":""}

package/src/components/GridAvatar/GridAvatar.module.css

@@ -31,6 +31,6 @@
 /* если есть минимум три элемента — выбираем второй с конца */
 .item:nth-last-child(n + 3) ~ .item:nth-last-child(2),
 /* четвертый с конца */
-.item:nth-last-child(4) {
+  .item:nth-last-child(4) {
   margin-block-end: var(--vkui_internal--grid_avatar_image_offset);
 }

package/src/components/GridAvatar/GridAvatar.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./GridAvatar.module.css"],"names":["host","in","item"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,I,WAJA;AAAA,E,aAaAC,M,WAbA;AAAA,E,aAqBAA,M,WArBA;AAAA,E,aAyBAA,M,WAzBA;AAAA,E,aA0BAA,M,WA1BA;AAAA,E,aA+BAA,M,WA/BA;AAAA,E,aA+B8BA,M,WA/B9B;AAAA,E,aAiCAA,M,WAjCA;AAAA;AAAA","file":"GridAvatar.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./GridAvatar.module.css"],"names":["host","in","item"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,I,WAJA;AAAA,E,aAaAC,M,WAbA;AAAA,E,aAqBAA,M,WArBA;AAAA,E,aAyBAA,M,WAzBA;AAAA,E,aA0BAA,M,WA1BA;AAAA,E,aA+BAA,M,WA/BA;AAAA,E,aA+B8BA,M,WA/B9B;AAAA,E,aAiCEA,M,WAjCF;AAAA;AAAA","file":"GridAvatar.module.css.d.ts","sourceRoot":""}

package/src/components/Group/Group.module.css

@@ -246,7 +246,8 @@
 
   .modePlainInsideModal + .separatorSibling {
     padding-inline: calc(
-      var(--vkui--size_base_padding_horizontal--regular) + var(--vkui--spacing_size_m)
+      var(--vkui--size_base_padding_horizontal--regular) +
+      var(--vkui--spacing_size_m)
     );
   }
 }
@@ -299,7 +300,9 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalPanelHeader--vkcom) ~ .host:first-of-type,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalPanelHeader--vkcom) + * .host:first-of-type {
+  :global(.vkuiInternalPanelHeader--vkcom)
+  + *
+  .host:first-of-type {
   position: relative;
   inset-block-start: -1px;
   border-start-start-radius: 0;

package/src/components/Group/Group.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./Group.module.css"],"names":["host","paddingS","paddingM","modeCard","sizeXRegular","modeNone","sizeXNone","sizeXCompact","header","modePlain","description","separatorSibling","separatorSiblingForced","modePlainInsideModal","expandedContentInline","expandedContentBlock"],"mappings":"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","file":"Group.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./Group.module.css"],"names":["host","paddingS","paddingM","modeCard","sizeXRegular","modeNone","sizeXNone","sizeXCompact","header","modePlain","description","separatorSibling","separatorSiblingForced","modePlainInsideModal","expandedContentInline","expandedContentBlock"],"mappings":"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","file":"Group.module.css.d.ts","sourceRoot":""}

package/src/components/HorizontalCell/HorizontalCell.module.css

@@ -43,7 +43,8 @@
 
 .sizeS {
   --vkui_internal--side_cell_gap: calc(
-    var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_m)
+    var(--vkui--size_base_padding_horizontal--regular) -
+    var(--vkui--spacing_size_m)
   );
   --vkui_internal--cell_width: 72px;
 }
@@ -110,7 +111,8 @@
 
 .sized:first-child:last-child {
   max-inline-size: calc(
-    var(--vkui_internal--cell_width) + (2 * (var(--vkui_internal--side_cell_gap)))
+    var(--vkui_internal--cell_width) +
+    (2 * (var(--vkui_internal--side_cell_gap)))
   );
 }
 

package/src/components/HorizontalCell/HorizontalCell.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./HorizontalCell.module.css"],"names":["host","image","body","content","subtitle","sized","customSize","sizeS","noPadding","textAlignCenter","textAlignEnd","sizeM","sizeL","sizeXL","sizeAuto"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,O,WAJA;AAAA,E,aASAC,M,WATA;AAAA,E,aAgBAF,M,WAhBA;AAAA,E,aAgBME,M,WAhBN;AAAA,E,aAoBAC,S,WApBA;AAAA,E,aA2BAC,U,WA3BA;AAAA,E,aA+BAD,S,WA/BA;AAAA,E,aA+BSC,U,WA/BT;AAAA,E,aAmCAC,O,WAnCA;AAAA,E,aAuCAC,Y,WAvCA;AAAA,E,aAuCYJ,M,WAvCZ;AAAA,E,aA2CAK,O,WA3CA;AAAA,E,aAkDAC,W,WAlDA;AAAA,E,aAsDAP,O,WAtDA;AAAA,E,aA2DAE,S,WA3DA;AAAA,E,aAiEAM,iB,WAjEA;AAAA,E,aAqEAC,c,WArEA;AAAA,E,aAyEAH,O,WAzEA;AAAA,E,aAyEON,O,WAzEP;AAAA,E,aA8EAM,O,WA9EA;AAAA,E,aA8EOJ,S,WA9EP;AAAA,E,aAmFAQ,O,WAnFA;AAAA,E,aAuFAC,O,WAvFA;AAAA,E,aA2FAC,Q,WA3FA;AAAA,E,aA+FAC,U,WA/FA;AAAA,E,aAmGAd,M,WAnGA;AAAA,E,aAoGAA,M,WApGA;AAAA,E,aAyGAK,O,WAzGA;AAAA,E,aA0GAA,O,WA1GA;AAAA,E,aA8GAA,O,WA9GA;AAAA,E,aAoHAA,O,WApHA;AAAA,E,aAoHmBH,M,WApHnB;AAAA,E,aAqHAG,O,WArHA;AAAA,E,aAqHkBH,M,WArHlB;AAAA;AAAA","file":"HorizontalCell.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./HorizontalCell.module.css"],"names":["host","image","body","content","subtitle","sized","customSize","sizeS","noPadding","textAlignCenter","textAlignEnd","sizeM","sizeL","sizeXL","sizeAuto"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,O,WAJA;AAAA,E,aASAC,M,WATA;AAAA,E,aAgBAF,M,WAhBA;AAAA,E,aAgBME,M,WAhBN;AAAA,E,aAoBAC,S,WApBA;AAAA,E,aA2BAC,U,WA3BA;AAAA,E,aA+BAD,S,WA/BA;AAAA,E,aA+BSC,U,WA/BT;AAAA,E,aAmCAC,O,WAnCA;AAAA,E,aAuCAC,Y,WAvCA;AAAA,E,aAuCYJ,M,WAvCZ;AAAA,E,aA2CAK,O,WA3CA;AAAA,E,aAmDAC,W,WAnDA;AAAA,E,aAuDAP,O,WAvDA;AAAA,E,aA4DAE,S,WA5DA;AAAA,E,aAkEAM,iB,WAlEA;AAAA,E,aAsEAC,c,WAtEA;AAAA,E,aA0EAH,O,WA1EA;AAAA,E,aA0EON,O,WA1EP;AAAA,E,aA+EAM,O,WA/EA;AAAA,E,aA+EOJ,S,WA/EP;AAAA,E,aAoFAQ,O,WApFA;AAAA,E,aAwFAC,O,WAxFA;AAAA,E,aA4FAC,Q,WA5FA;AAAA,E,aAgGAC,U,WAhGA;AAAA,E,aAoGAd,M,WApGA;AAAA,E,aAqGAA,M,WArGA;AAAA,E,aA0GAK,O,WA1GA;AAAA,E,aA2GAA,O,WA3GA;AAAA,E,aA+GAA,O,WA/GA;AAAA,E,aAsHAA,O,WAtHA;AAAA,E,aAsHmBH,M,WAtHnB;AAAA,E,aAuHAG,O,WAvHA;AAAA,E,aAuHkBH,M,WAvHlB;AAAA;AAAA","file":"HorizontalCell.module.css.d.ts","sourceRoot":""}

package/src/components/HorizontalScroll/HorizontalScroll.module.css

@@ -43,8 +43,7 @@
   opacity: 0;
 }
 
-.host:hover .arrow,
-.withConstArrows .arrow {
+.showArrows .arrow {
   opacity: var(--vkui--opacity_disable_accessibility);
 }
 
@@ -72,7 +71,8 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalTabs--withGaps) .inWrapper::after,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalTabs--withGaps) .inWrapper::before {
+  :global(.vkuiInternalTabs--withGaps)
+  .inWrapper::before {
   display: block;
   flex-shrink: 0;
   inline-size: var(--vkui--size_base_padding_horizontal--regular);

package/src/components/HorizontalScroll/HorizontalScroll.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./HorizontalScroll.module.css"],"names":["host","rtl","in","inWrapper","arrow","withConstArrows","arrowLeft","arrowRight"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAaAC,K,WAbA;AAAA,E,aAiBAC,I,WAjBA;AAAA,E,aA4BAA,I,WA5BA;AAAA,E,aAgCAC,W,WAhCA;AAAA,E,aAsCAC,O,WAtCA;AAAA,E,aA6CAJ,M,WA7CA;AAAA,E,aA6CYI,O,WA7CZ;AAAA,E,aA8CAC,iB,WA9CA;AAAA,E,aA8CiBD,O,WA9CjB;AAAA,E,aAkDAJ,M,WAlDA;AAAA,E,aAkDMI,O,WAlDN;AAAA,E,aAsDAE,W,WAtDA;AAAA,E,aAsDmBJ,I,WAtDnB;AAAA,E,aAsDuBC,W,WAtDvB;AAAA,E,aA0DAI,Y,WA1DA;AAAA,E,aA0DoBL,I,WA1DpB;AAAA,E,aA0DwBC,W,WA1DxB;AAAA,E,aAmE2BH,M,WAnE3B;AAAA,E,aAwEqCG,W,WAxErC;AAAA,E,aA0EqCA,W,WA1ErC;AAAA;AAAA","file":"HorizontalScroll.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./HorizontalScroll.module.css"],"names":["host","rtl","in","inWrapper","arrow","showArrows","arrowLeft","arrowRight"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAaAC,K,WAbA;AAAA,E,aAiBAC,I,WAjBA;AAAA,E,aA4BAA,I,WA5BA;AAAA,E,aAgCAC,W,WAhCA;AAAA,E,aAsCAC,O,WAtCA;AAAA,E,aA6CAC,Y,WA7CA;AAAA,E,aA6CYD,O,WA7CZ;AAAA,E,aAiDAJ,M,WAjDA;AAAA,E,aAiDMI,O,WAjDN;AAAA,E,aAqDAE,W,WArDA;AAAA,E,aAqDmBJ,I,WArDnB;AAAA,E,aAqDuBC,W,WArDvB;AAAA,E,aAyDAI,Y,WAzDA;AAAA,E,aAyDoBL,I,WAzDpB;AAAA,E,aAyDwBC,W,WAzDxB;AAAA,E,aAkE2BH,M,WAlE3B;AAAA,E,aAuEqCG,W,WAvErC;AAAA,E,aA0EEA,W,WA1EF;AAAA;AAAA","file":"HorizontalScroll.module.css.d.ts","sourceRoot":""}