@vkontakte/vkui 7.9.2 → 7.10.1

package/src/components/HorizontalScroll/HorizontalScroll.tsx

@@ -2,14 +2,15 @@
 
 import * as React from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
-import { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';
 import { useConfigDirection } from '../../hooks/useConfigDirection';
 import { useExternRef } from '../../hooks/useExternRef';
 import { useFocusVisible } from '../../hooks/useFocusVisible';
 import { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';
 import { easeInOutSine } from '../../lib/fx';
+import { mergeCalls } from '../../lib/mergeCalls';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import type { HasRef, HTMLAttributesWithRootRef } from '../../types';
+import { useHover } from '../Clickable/useState';
 import { RootComponent } from '../RootComponent/RootComponent';
 import { ScrollArrow, type ScrollArrowProps } from '../ScrollArrow/ScrollArrow';
 import styles from './HorizontalScroll.module.css';
@@ -214,6 +215,9 @@ export const HorizontalScroll = ({
   ContentWrapperComponent = 'div',
   contentWrapperRef,
   contentWrapperClassName,
+  onPointerEnter,
+  onPointerLeave,
+  onMouseEnter,
   ...restProps
 }: HorizontalScrollProps): React.ReactNode => {
   const [canScrollStart, setCanScrollStart] = React.useState(false);
@@ -232,7 +236,7 @@ export const HorizontalScroll = ({
 
   const animationQueue = React.useRef<VoidFunction[]>([]);
 
-  const hasPointer = useAdaptivityHasPointer();
+  const { isHovered, ...hoverHandlers } = useHover();
 
   const scrollTo = React.useCallback(
     (getScrollPosition: ScrollPositionHandler) => {
@@ -271,7 +275,7 @@ export const HorizontalScroll = ({
   }, [getScrollToRight, scrollTo, scrollerRef]);
 
   const calculateArrowsVisibility = React.useCallback(() => {
-    if (showArrows && hasPointer && scrollerRef.current && !isCustomScrollingRef.current) {
+    if (showArrows && scrollerRef.current && !isCustomScrollingRef.current) {
       const scrollElement = scrollerRef.current;
       const scrollLeft = scrollElement.scrollLeft;
 
@@ -281,7 +285,7 @@ export const HorizontalScroll = ({
           scrollElement.scrollWidth,
       );
     }
-  }, [showArrows, hasPointer, scrollerRef, isRtl]);
+  }, [showArrows, scrollerRef, isRtl]);
 
   React.useEffect(calculateArrowsVisibility, [calculateArrowsVisibility, children]);
 
@@ -318,18 +322,22 @@ export const HorizontalScroll = ({
     [scrollOnAnyWheel, calculateArrowsVisibility, scrollerRef],
   );
 
+  const handlers = mergeCalls(hoverHandlers, { onPointerEnter, onPointerLeave });
+
   return (
     <RootComponent
       {...restProps}
+      {...handlers}
       baseClassName={classNames(
         styles.host,
         'vkuiInternalHorizontalScroll',
-        showArrows === 'always' && styles.withConstArrows,
+        (showArrows === 'always' || isHovered) && styles.showArrows,
         isRtl && styles.rtl,
       )}
+      // FIXME: onMouseEnter из restProps затирается, а при callMultiply орет линтер на рефы.
       onMouseEnter={calculateArrowsVisibility}
     >
-      {showArrows && (hasPointer || hasPointer === undefined) && canScrollStart && (
+      {showArrows && canScrollStart && (
         <ScrollArrow
           data-testid={prevButtonTestId}
           size={arrowSize}
@@ -341,7 +349,7 @@ export const HorizontalScroll = ({
           onClick={scrollToStart}
         />
       )}
-      {showArrows && (hasPointer || hasPointer === undefined) && canScrollEnd && (
+      {showArrows && canScrollEnd && (
         <ScrollArrow
           data-testid={nextButtonTestId}
           size={arrowSize}

package/src/components/IconButton/IconButton.module.css

@@ -105,9 +105,13 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalFormItem--removable) :global(.vkuiInternalRemovable__content) > .host,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalRemovable__content) > .host,
+  :global(.vkuiInternalFormLayoutGroup--removable)
+  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+  :global(.vkuiInternalRemovable__content)
+  > .host,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalFormField__after) .host {
+  :global(.vkuiInternalFormField__after)
+  .host {
   display: flex;
   align-content: center;
   align-items: center;

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

@@ -1 +1 @@
-{"version":3,"sources":["./IconButton.module.css"],"names":["host","sizeYCompact","ios","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAqBAA,M,WArBA;AAAA,E,aAyBAC,c,WAzBA;AAAA,E,aA6BAD,M,WA7BA;AAAA,E,aAiCAE,K,WAjCA;AAAA,E,aAsCAF,M,WAtCA;AAAA,E,aA2CAA,M,WA3CA;AAAA,E,aAiDAC,c,WAjDA;AAAA,E,aAmDAA,c,WAnDA;AAAA,E,aAwDAD,M,WAxDA;AAAA,E,aA6DAC,c,WA7DA;AAAA,E,aAkEAD,M,WAlEA;AAAA,E,aAuEAC,c,WAvEA;AAAA,E,aA4EEE,W,WA5EF;AAAA,E,aAiFEA,W,WAjFF;AAAA,E,aAmFIA,W,WAnFJ;AAAA,E,aAwFEA,W,WAxFF;AAAA,E,aA6FEA,W,WA7FF;AAAA,E,aAyGqFH,M,WAzGrF;AAAA,E,aA2G4FA,M,WA3G5F;AAAA,E,aA6GuCA,M,WA7GvC;AAAA,E,aAyHEA,M,WAzHF;AAAA,E,aAgIuCC,c,WAhIvC;AAAA,E,aAsIqFA,c,WAtIrF;AAAA,E,aAyIIA,c,WAzIJ;AAAA,E,aAgJyCE,W,WAhJzC;AAAA,E,aAsJuFA,W,WAtJvF;AAAA,E,aAyJQA,W,WAzJR;AAAA,E,aAoKwCH,M,WApKxC;AAAA,E,aAyKwCE,K,WAzKxC;AAAA,E,aAkLoCF,M,WAlLpC;AAAA;AAAA","file":"IconButton.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./IconButton.module.css"],"names":["host","sizeYCompact","ios","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAqBAA,M,WArBA;AAAA,E,aAyBAC,c,WAzBA;AAAA,E,aA6BAD,M,WA7BA;AAAA,E,aAiCAE,K,WAjCA;AAAA,E,aAsCAF,M,WAtCA;AAAA,E,aA2CAA,M,WA3CA;AAAA,E,aAiDAC,c,WAjDA;AAAA,E,aAmDAA,c,WAnDA;AAAA,E,aAwDAD,M,WAxDA;AAAA,E,aA6DAC,c,WA7DA;AAAA,E,aAkEAD,M,WAlEA;AAAA,E,aAuEAC,c,WAvEA;AAAA,E,aA4EEE,W,WA5EF;AAAA,E,aAiFEA,W,WAjFF;AAAA,E,aAmFIA,W,WAnFJ;AAAA,E,aAwFEA,W,WAxFF;AAAA,E,aA6FEA,W,WA7FF;AAAA,E,aAyGqFH,M,WAzGrF;AAAA,E,aA8GIA,M,WA9GJ;AAAA,E,aAiHEA,M,WAjHF;AAAA,E,aA6HEA,M,WA7HF;AAAA,E,aAoIuCC,c,WApIvC;AAAA,E,aA0IqFA,c,WA1IrF;AAAA,E,aA6IIA,c,WA7IJ;AAAA,E,aAoJyCE,W,WApJzC;AAAA,E,aA0JuFA,W,WA1JvF;AAAA,E,aA6JQA,W,WA7JR;AAAA,E,aAwKwCH,M,WAxKxC;AAAA,E,aA6KwCE,K,WA7KxC;AAAA,E,aAsLoCF,M,WAtLpC;AAAA;AAAA","file":"IconButton.module.css.d.ts","sourceRoot":""}

package/src/components/MiniInfoCell/MiniInfoCell.module.css

@@ -75,7 +75,9 @@
 
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 .modeAdd .middle :global(.vkuiIcon),
-/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-.modeMore .middle :global(.vkuiIcon) {
+.modeMore
+  .middle
+  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+  :global(.vkuiIcon) {
   color: var(--vkui--color_icon_accent_themed);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["./MiniInfoCell.module.css"],"names":["host","modeAccent","before","middle","content","textWrapShort","textWrapFull","textWrapNowrap","after","modeAdd","modeMore"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,Y,WAPA;AAAA,E,aAWAC,Q,WAXA;AAAA,E,aAgBAC,Q,WAhBA;AAAA,E,aAwBAC,S,WAxBA;AAAA,E,aAiCAC,e,WAjCA;AAAA,E,aAiCeD,S,WAjCf;AAAA,E,aAyCAE,c,WAzCA;AAAA,E,aAyCcF,S,WAzCd;AAAA,E,aA8CAG,gB,WA9CA;AAAA,E,aA8CgBH,S,WA9ChB;AAAA,E,aAkDAI,O,WAlDA;AAAA,E,aAuDAC,S,WAvDA;AAAA,E,aAwDAC,U,WAxDA;AAAA,E,aA4DAD,S,WA5DA;AAAA,E,aA4DSP,Q,WA5DT;AAAA,E,aA6DAQ,U,WA7DA;AAAA,E,aA6DUR,Q,WA7DV;AAAA,E,aAiEAQ,U,WAjEA;AAAA,E,aAsEAP,Q,WAtEA;AAAA,E,aA4EAM,S,WA5EA;AAAA,E,aA4ESN,Q,WA5ET;AAAA,E,aA8EAO,U,WA9EA;AAAA,E,aA8EUP,Q,WA9EV;AAAA;AAAA","file":"MiniInfoCell.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./MiniInfoCell.module.css"],"names":["host","modeAccent","before","middle","content","textWrapShort","textWrapFull","textWrapNowrap","after","modeAdd","modeMore"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,Y,WAPA;AAAA,E,aAWAC,Q,WAXA;AAAA,E,aAgBAC,Q,WAhBA;AAAA,E,aAwBAC,S,WAxBA;AAAA,E,aAiCAC,e,WAjCA;AAAA,E,aAiCeD,S,WAjCf;AAAA,E,aAyCAE,c,WAzCA;AAAA,E,aAyCcF,S,WAzCd;AAAA,E,aA8CAG,gB,WA9CA;AAAA,E,aA8CgBH,S,WA9ChB;AAAA,E,aAkDAI,O,WAlDA;AAAA,E,aAuDAC,S,WAvDA;AAAA,E,aAwDAC,U,WAxDA;AAAA,E,aA4DAD,S,WA5DA;AAAA,E,aA4DSP,Q,WA5DT;AAAA,E,aA6DAQ,U,WA7DA;AAAA,E,aA6DUR,Q,WA7DV;AAAA,E,aAiEAQ,U,WAjEA;AAAA,E,aAsEAP,Q,WAtEA;AAAA,E,aA4EAM,S,WA5EA;AAAA,E,aA4ESN,Q,WA5ET;AAAA,E,aA6EAO,U,WA7EA;AAAA,E,aA8EEP,Q,WA9EF;AAAA;AAAA","file":"MiniInfoCell.module.css.d.ts","sourceRoot":""}

package/src/components/ModalCard/ModalCard.module.css

@@ -29,7 +29,8 @@
    * Для этого также нужны `inline-size: auto` и `margin-inline: auto`.
    */
   inset-block-end: calc(
-    var(--vkui--spacing_size_m) + var(--vkui_internal_ModalCard--safeAreaInsetBottom)
+    var(--vkui--spacing_size_m) +
+    var(--vkui_internal_ModalCard--safeAreaInsetBottom)
   );
   inset-inline: var(--vkui--spacing_size_m);
   box-sizing: border-box;

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

@@ -1 +1 @@
-{"version":3,"sources":["./ModalCard.module.css"],"names":["host","hostMaxWidthS","hostMaxWidthM","hostMaxWidthL","hostMobile","hostStateEnter","hostStateEntering","hostStateExiting","hostStateExited","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAA,M,WAJA;AAAA,E,aAQAC,e,WARA;AAAA,E,aAYAC,e,WAZA;AAAA,E,aAgBAC,e,WAhBA;AAAA,E,aAqBAC,Y,WArBA;AAAA,E,aAwCAA,Y,WAxCA;AAAA,E,aAwCWC,gB,WAxCX;AAAA,E,aA6CAD,Y,WA7CA;AAAA,E,aA6CWE,mB,WA7CX;AAAA,E,aAiDAF,Y,WAjDA;AAAA,E,aAiDWG,kB,WAjDX;AAAA,E,aAsDAH,Y,WAtDA;AAAA,E,aAsDWI,iB,WAtDX;AAAA,E,aA4DAC,a,WA5DA;AAAA,E,aAoEAA,a,WApEA;AAAA,E,aAoEYJ,gB,WApEZ;AAAA,E,aAyEAI,a,WAzEA;AAAA,E,aAyEYH,mB,WAzEZ;AAAA,E,aA6EAG,a,WA7EA;AAAA,E,aA6EYF,kB,WA7EZ;AAAA,E,aAiFAE,a,WAjFA;AAAA,E,aAiFYD,iB,WAjFZ;AAAA;AAAA","file":"ModalCard.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./ModalCard.module.css"],"names":["host","hostMaxWidthS","hostMaxWidthM","hostMaxWidthL","hostMobile","hostStateEnter","hostStateEntering","hostStateExiting","hostStateExited","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAA,M,WAJA;AAAA,E,aAQAC,e,WARA;AAAA,E,aAYAC,e,WAZA;AAAA,E,aAgBAC,e,WAhBA;AAAA,E,aAqBAC,Y,WArBA;AAAA,E,aAyCAA,Y,WAzCA;AAAA,E,aAyCWC,gB,WAzCX;AAAA,E,aA8CAD,Y,WA9CA;AAAA,E,aA8CWE,mB,WA9CX;AAAA,E,aAkDAF,Y,WAlDA;AAAA,E,aAkDWG,kB,WAlDX;AAAA,E,aAuDAH,Y,WAvDA;AAAA,E,aAuDWI,iB,WAvDX;AAAA,E,aA6DAC,a,WA7DA;AAAA,E,aAqEAA,a,WArEA;AAAA,E,aAqEYJ,gB,WArEZ;AAAA,E,aA0EAI,a,WA1EA;AAAA,E,aA0EYH,mB,WA1EZ;AAAA,E,aA8EAG,a,WA9EA;AAAA,E,aA8EYF,kB,WA9EZ;AAAA,E,aAkFAE,a,WAlFA;AAAA,E,aAkFYD,iB,WAlFZ;AAAA;AAAA","file":"ModalCard.module.css.d.ts","sourceRoot":""}

package/src/components/ModalCardBase/ModalCardBase.module.css

@@ -19,8 +19,9 @@
 
 .withSafeZone .container {
   padding-block-start: calc(
-    var(--vkui_internal--dismiss_icon_height) + var(--vkui_internal--dismiss_icon_padding) +
-      var(--vkui_internal--dismiss_icon_safe_offset)
+    var(--vkui_internal--dismiss_icon_height) +
+    var(--vkui_internal--dismiss_icon_padding) +
+    var(--vkui_internal--dismiss_icon_safe_offset)
   );
 }
 
@@ -95,8 +96,9 @@
 
 .withSafeZone.desktop .container {
   padding-block-start: calc(
-    var(--vkui_internal--dismiss_icon_height) + var(--vkui_internal--dismiss_icon_padding) +
-      var(--vkui_internal--dismiss_icon_safe_offset) +
-      var(--vkui_internal--dismiss_icon_desktop_offset)
+    var(--vkui_internal--dismiss_icon_height) +
+    var(--vkui_internal--dismiss_icon_padding) +
+    var(--vkui_internal--dismiss_icon_safe_offset) +
+    var(--vkui_internal--dismiss_icon_desktop_offset)
   );
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["./ModalCardBase.module.css"],"names":["container","withSafeZone","containerSoftwareKeyboardOpened","title","description","icon","actions","dismiss","ios","desktop"],"mappings":"AAAA;AAAA,E,aAAAA,W,WAAA;AAAA,E,aAmBAC,c,WAnBA;AAAA,E,aAmBcD,W,WAnBd;AAAA,E,aA0BAE,iC,WA1BA;AAAA,E,aA8BAC,O,WA9BA;AAAA,E,aA+BAC,a,WA/BA;AAAA,E,aAuCAD,O,WAvCA;AAAA,E,aA2CAC,a,WA3CA;AAAA,E,aA+CAC,M,WA/CA;AAAA,E,aAqDAC,S,WArDA;AAAA,E,aAyDAC,S,WAzDA;AAAA,E,aAoEAC,K,WApEA;AAAA,E,aAoEKR,W,WApEL;AAAA,E,aA+EAS,S,WA/EA;AAAA,E,aA+ESF,S,WA/ET;AAAA,E,aAoFAE,S,WApFA;AAAA,E,aAoFST,W,WApFT;AAAA,E,aA0FAS,S,WA1FA;AAAA,E,aA0FQD,K,WA1FR;AAAA,E,aA0FaR,W,WA1Fb;AAAA,E,aA+FAC,c,WA/FA;AAAA,E,aA+FaQ,S,WA/Fb;AAAA,E,aA+FsBT,W,WA/FtB;AAAA;AAAA","file":"ModalCardBase.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./ModalCardBase.module.css"],"names":["container","withSafeZone","containerSoftwareKeyboardOpened","title","description","icon","actions","dismiss","ios","desktop"],"mappings":"AAAA;AAAA,E,aAAAA,W,WAAA;AAAA,E,aAmBAC,c,WAnBA;AAAA,E,aAmBcD,W,WAnBd;AAAA,E,aA2BAE,iC,WA3BA;AAAA,E,aA+BAC,O,WA/BA;AAAA,E,aAgCAC,a,WAhCA;AAAA,E,aAwCAD,O,WAxCA;AAAA,E,aA4CAC,a,WA5CA;AAAA,E,aAgDAC,M,WAhDA;AAAA,E,aAsDAC,S,WAtDA;AAAA,E,aA0DAC,S,WA1DA;AAAA,E,aAqEAC,K,WArEA;AAAA,E,aAqEKR,W,WArEL;AAAA,E,aAgFAS,S,WAhFA;AAAA,E,aAgFSF,S,WAhFT;AAAA,E,aAqFAE,S,WArFA;AAAA,E,aAqFST,W,WArFT;AAAA,E,aA2FAS,S,WA3FA;AAAA,E,aA2FQD,K,WA3FR;AAAA,E,aA2FaR,W,WA3Fb;AAAA,E,aAgGAC,c,WAhGA;AAAA,E,aAgGaQ,S,WAhGb;AAAA,E,aAgGsBT,W,WAhGtB;AAAA;AAAA","file":"ModalCardBase.module.css.d.ts","sourceRoot":""}

package/src/components/ModalPage/ModalPage.module.css

@@ -25,7 +25,8 @@
 
 .hostMobileSafeAreaInsetTopWithCustomOffset {
   max-block-size: calc(
-    100% - (var(--vkui_internal--safe_area_inset_top) + var(--vkui_internal--panel_header_height))
+    100% -
+    (var(--vkui_internal--safe_area_inset_top) + var(--vkui_internal--panel_header_height))
   );
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["./ModalPage.module.css"],"names":["host","hostMobile","hostMobileSafeAreaInsetTop","hostMobileSafeAreaInsetTopWithCustomOffset","hostDesktop","hostDesktopMaxWidthS","hostDesktopMaxWidthM","hostDesktopMaxWidthL","document","documentMobile","documentStateEnter","documentStateEntering","documentStateExiting","documentStateExited","documentDesktop","children","childrenMobile","childrenDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAUAC,Y,WAVA;AAAA,E,aAqBAC,4B,WArBA;AAAA,E,aAyBAC,4C,WAzBA;AAAA,E,aAgCAC,a,WAhCA;AAAA,E,aA4CAC,sB,WA5CA;AAAA,E,aAgDAC,sB,WAhDA;AAAA,E,aAoDAC,sB,WApDA;AAAA,E,aAwDAC,U,WAxDA;AAAA,E,aAqEAC,gB,WArEA;AAAA,E,aAsFAA,gB,WAtFA;AAAA,E,aAsFeC,oB,WAtFf;AAAA,E,aA0FAD,gB,WA1FA;AAAA,E,aA0FeE,uB,WA1Ff;AAAA,E,aA+FAF,gB,WA/FA;AAAA,E,aA+FeG,sB,WA/Ff;AAAA,E,aAoGAH,gB,WApGA;AAAA,E,aAoGeI,qB,WApGf;AAAA,E,aAyGAC,iB,WAzGA;AAAA,E,aA8GAA,iB,WA9GA;AAAA,E,aA8GgBJ,oB,WA9GhB;AAAA,E,aAkHAI,iB,WAlHA;AAAA,E,aAkHgBH,uB,WAlHhB;AAAA,E,aAuHAG,iB,WAvHA;AAAA,E,aAuHgBF,sB,WAvHhB;AAAA,E,aA4HAE,iB,WA5HA;AAAA,E,aA4HgBD,qB,WA5HhB;AAAA,E,aAgIAE,U,WAhIA;AAAA,E,aAoJAC,gB,WApJA;AAAA,E,aAyJAC,iB,WAzJA;AAAA;AAAA","file":"ModalPage.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./ModalPage.module.css"],"names":["host","hostMobile","hostMobileSafeAreaInsetTop","hostMobileSafeAreaInsetTopWithCustomOffset","hostDesktop","hostDesktopMaxWidthS","hostDesktopMaxWidthM","hostDesktopMaxWidthL","document","documentMobile","documentStateEnter","documentStateEntering","documentStateExiting","documentStateExited","documentDesktop","children","childrenMobile","childrenDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAUAC,Y,WAVA;AAAA,E,aAqBAC,4B,WArBA;AAAA,E,aAyBAC,4C,WAzBA;AAAA,E,aAiCAC,a,WAjCA;AAAA,E,aA6CAC,sB,WA7CA;AAAA,E,aAiDAC,sB,WAjDA;AAAA,E,aAqDAC,sB,WArDA;AAAA,E,aAyDAC,U,WAzDA;AAAA,E,aAsEAC,gB,WAtEA;AAAA,E,aAuFAA,gB,WAvFA;AAAA,E,aAuFeC,oB,WAvFf;AAAA,E,aA2FAD,gB,WA3FA;AAAA,E,aA2FeE,uB,WA3Ff;AAAA,E,aAgGAF,gB,WAhGA;AAAA,E,aAgGeG,sB,WAhGf;AAAA,E,aAqGAH,gB,WArGA;AAAA,E,aAqGeI,qB,WArGf;AAAA,E,aA0GAC,iB,WA1GA;AAAA,E,aA+GAA,iB,WA/GA;AAAA,E,aA+GgBJ,oB,WA/GhB;AAAA,E,aAmHAI,iB,WAnHA;AAAA,E,aAmHgBH,uB,WAnHhB;AAAA,E,aAwHAG,iB,WAxHA;AAAA,E,aAwHgBF,sB,WAxHhB;AAAA,E,aA6HAE,iB,WA7HA;AAAA,E,aA6HgBD,qB,WA7HhB;AAAA,E,aAiIAE,U,WAjIA;AAAA,E,aAqJAC,gB,WArJA;AAAA,E,aA0JAC,iB,WA1JA;AAAA;AAAA","file":"ModalPage.module.css.d.ts","sourceRoot":""}

package/src/components/ModalPageHeader/ModalPageHeader.module.css

@@ -15,8 +15,11 @@
   padding-inline: 8px;
 }
 
-/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-.host :global(.vkuiIcon--dismiss_24), /* Note: <Icon24Dismiss /> по документации используется только для iOS  */
+.host
+  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+  :global(
+    .vkuiIcon--dismiss_24
+  ) /* Note: <Icon24Dismiss /> по документации используется только для iOS  */,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 .host :global(.vkuiIcon--cancel_24) {
   color: var(--vkui--color_icon_secondary);

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

@@ -1 +1 @@
-{"version":3,"sources":["./ModalPageHeader.module.css"],"names":["host","hostWithGaps","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,c,WATA;AAAA,E,aAaAC,a,WAbA;AAAA,E,aAaYD,c,WAbZ;AAAA,E,aAkBAD,M,WAlBA;AAAA,E,aAoBAA,M,WApBA;AAAA;AAAA","file":"ModalPageHeader.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./ModalPageHeader.module.css"],"names":["host","hostWithGaps","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,c,WATA;AAAA,E,aAaAC,a,WAbA;AAAA,E,aAaYD,c,WAbZ;AAAA,E,aAiBAD,M,WAjBA;AAAA,E,aAuBAA,M,WAvBA;AAAA;AAAA","file":"ModalPageHeader.module.css.d.ts","sourceRoot":""}

package/src/components/Panel/Panel.module.css

@@ -74,7 +74,8 @@
 :global(.vkuiInternalEpic--hasTabbar) .in {
   padding-block-end: var(--vkui_internal--tabbar_height);
   padding-block-end: calc(
-    var(--vkui_internal--safe_area_inset_bottom) + var(--vkui_internal--tabbar_height)
+    var(--vkui_internal--safe_area_inset_bottom) +
+    var(--vkui_internal--tabbar_height)
   );
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["./Panel.module.css"],"names":["host","in","centered","sizeXCompact","sizeXNone","sizeXRegular","inBefore","inAfter","modeNone","modePlain","modeCard","disableBackground"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,I,WANA;AAAA,E,aAeAC,U,WAfA;AAAA,E,aA2BAA,U,WA3BA;AAAA,E,aAgCAC,c,WAhCA;AAAA,E,aAgCcD,U,WAhCd;AAAA,E,aAsCEE,W,WAtCF;AAAA,E,aAsCaF,U,WAtCb;AAAA,E,aA4CAG,c,WA5CA;AAAA,E,aA4CcH,U,WA5Cd;AAAA,E,aAkDEE,W,WAlDF;AAAA,E,aAkDaF,U,WAlDb;AAAA,E,aA8DgCD,I,WA9DhC;AAAA,E,aAyEsCA,I,WAzEtC;AAAA,E,aAgFAK,U,WAhFA;AAAA,E,aAqFAC,S,WArFA;AAAA,E,aA0FAC,U,WA1FA;AAAA,E,aA0FUP,I,WA1FV;AAAA,E,aA2FAQ,W,WA3FA;AAAA,E,aA2FWR,I,WA3FX;AAAA,E,aA+FAS,U,WA/FA;AAAA,E,aA+FUT,I,WA/FV;AAAA,E,aAoGEO,U,WApGF;AAAA,E,aAoGYP,I,WApGZ;AAAA,E,aAyGAU,mB,WAzGA;AAAA,E,aAyGmBV,I,WAzGnB;AAAA;AAAA","file":"Panel.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./Panel.module.css"],"names":["host","in","centered","sizeXCompact","sizeXNone","sizeXRegular","inBefore","inAfter","modeNone","modePlain","modeCard","disableBackground"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,I,WANA;AAAA,E,aAeAC,U,WAfA;AAAA,E,aA2BAA,U,WA3BA;AAAA,E,aAgCAC,c,WAhCA;AAAA,E,aAgCcD,U,WAhCd;AAAA,E,aAsCEE,W,WAtCF;AAAA,E,aAsCaF,U,WAtCb;AAAA,E,aA4CAG,c,WA5CA;AAAA,E,aA4CcH,U,WA5Cd;AAAA,E,aAkDEE,W,WAlDF;AAAA,E,aAkDaF,U,WAlDb;AAAA,E,aA8DgCD,I,WA9DhC;AAAA,E,aAyEsCA,I,WAzEtC;AAAA,E,aAiFAK,U,WAjFA;AAAA,E,aAsFAC,S,WAtFA;AAAA,E,aA2FAC,U,WA3FA;AAAA,E,aA2FUP,I,WA3FV;AAAA,E,aA4FAQ,W,WA5FA;AAAA,E,aA4FWR,I,WA5FX;AAAA,E,aAgGAS,U,WAhGA;AAAA,E,aAgGUT,I,WAhGV;AAAA,E,aAqGEO,U,WArGF;AAAA,E,aAqGYP,I,WArGZ;AAAA,E,aA0GAU,mB,WA1GA;AAAA,E,aA0GmBV,I,WA1GnB;AAAA;AAAA","file":"Panel.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeader/PanelHeader.module.css

@@ -249,7 +249,7 @@
 
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 .vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep):not(.trnsp)
-  .in::after {
+.in::after {
   position: absolute;
   inset-block-end: 0;
   inset-inline: var(--vkui--size_border--regular);

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

@@ -1 +1 @@
-{"version":3,"sources":["./PanelHeader.module.css"],"names":["host","static","hasFixed","fixed","in","trnsp","sizeXRegular","shadow","sizeXNone","before","content","contentIn","after","ios","primitive","noBefore","noAfter","android","sizeYCompact","vkcom","sizeYNone","sep","separator"],"mappings":"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","file":"PanelHeader.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./PanelHeader.module.css"],"names":["host","static","hasFixed","fixed","in","trnsp","sizeXRegular","shadow","sizeXNone","before","content","contentIn","after","ios","primitive","noBefore","noAfter","android","sizeYCompact","vkcom","sizeYNone","sep","separator"],"mappings":"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","file":"PanelHeader.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeaderButton/PanelHeaderButton.module.css

@@ -79,8 +79,8 @@
 }
 
 /**
-* VKCOM
-*/
+ * VKCOM
+ */
 .vkcom {
   color: var(--vkui--color_text_secondary);
 }

package/src/components/PopoutWrapper/PopoutWrapper.module.css

@@ -38,8 +38,8 @@
 
 .closing .overlay {
   opacity: 0;
-  /* prettier-ignore */
-  animation: animation-full-fade-out var(--vkui--animation_duration_m) var(--vkui--animation_easing_default) both;
+  animation: animation-full-fade-out var(--vkui--animation_duration_m)
+    var(--vkui--animation_easing_default) both;
 }
 
 .masked .overlay {

package/src/components/Removable/Removable.module.css

@@ -4,8 +4,9 @@
   align-items: center;
   transform: translateX(
     calc(
-      -1px * var(--vkui_internal_Removable_remove_offset) *
-        var(--vkui_internal_Removable_remove_offset_direction)
+      -1px *
+      var(--vkui_internal_Removable_remove_offset) *
+      var(--vkui_internal_Removable_remove_offset_direction)
     )
   );
 
@@ -131,7 +132,8 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalFormItem--removable) .content,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalFormLayoutGroup--removable) .content {
+  :global(.vkuiInternalFormLayoutGroup--removable)
+  .content {
   flex-wrap: wrap;
   align-items: flex-start;
 }
@@ -143,7 +145,10 @@
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 :global(.vkuiInternalFormItem--withTop) :global(.vkuiInternalFormItem__removable) ~ .offset,
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalFormLayoutGroup--removable) :global(.vkuiInternalFormItem--withTop) ~ .offset {
+  :global(.vkuiInternalFormLayoutGroup--removable)
+  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+  :global(.vkuiInternalFormItem--withTop)
+  ~ .offset {
   display: block;
   order: -1;
   inline-size: 100%;

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

@@ -1 +1 @@
-{"version":3,"sources":["./Removable.module.css"],"names":["content","withPadding","rtl","action","ios","indentation","alignStart","disabled","remove","removeIn","toggle","toggleIn","indent","offset"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAeAC,a,WAfA;AAAA,E,aAmBAC,K,WAnBA;AAAA,E,aAuBAC,Q,WAvBA;AAAA,E,aA+BAC,K,WA/BA;AAAA,E,aA+BKD,Q,WA/BL;AAAA,E,aA+BYE,a,WA/BZ;AAAA,E,aAgCAF,Q,WAhCA;AAAA,E,aAgCOE,a,WAhCP;AAAA,E,aAoCAD,K,WApCA;AAAA,E,aAoCKD,Q,WApCL;AAAA,E,aAoCYE,a,WApCZ;AAAA,E,aAwCAC,Y,WAxCA;AAAA,E,aAwCYH,Q,WAxCZ;AAAA,E,aA4CAI,U,WA5CA;AAAA,E,aAmDAH,K,WAnDA;AAAA,E,aAuDAI,Q,WAvDA;AAAA,E,aAsEAC,U,WAtEA;AAAA,E,aA8EAC,Q,WA9EA;AAAA,E,aAuFAC,U,WAvFA;AAAA,E,aAkGAA,U,WAlGA;AAAA,E,aA0GAA,U,WA1GA;AAAA,E,aAmHAP,K,WAnHA;AAAA,E,aAmHKJ,S,WAnHL;AAAA,E,aAwHAY,Q,WAxHA;AAAA,E,aAwHQT,Q,WAxHR;AAAA,E,aAmI0CH,S,WAnI1C;AAAA,E,aAqIiDA,S,WArIjD;AAAA,E,aA0IAa,Q,WA1IA;AAAA,E,aA+IoFA,Q,WA/IpF;AAAA,E,aAiJ2FA,Q,WAjJ3F;AAAA,E,aA2JIA,Q,WA3JJ;AAAA,E,aA8JIA,Q,WA9JJ;AAAA,E,aAuKQA,Q,WAvKR;AAAA,E,aA0KQA,Q,WA1KR;AAAA;AAAA","file":"Removable.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./Removable.module.css"],"names":["content","withPadding","rtl","action","ios","indentation","alignStart","disabled","remove","removeIn","toggle","toggleIn","indent","offset"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAgBAC,a,WAhBA;AAAA,E,aAoBAC,K,WApBA;AAAA,E,aAwBAC,Q,WAxBA;AAAA,E,aAgCAC,K,WAhCA;AAAA,E,aAgCKD,Q,WAhCL;AAAA,E,aAgCYE,a,WAhCZ;AAAA,E,aAiCAF,Q,WAjCA;AAAA,E,aAiCOE,a,WAjCP;AAAA,E,aAqCAD,K,WArCA;AAAA,E,aAqCKD,Q,WArCL;AAAA,E,aAqCYE,a,WArCZ;AAAA,E,aAyCAC,Y,WAzCA;AAAA,E,aAyCYH,Q,WAzCZ;AAAA,E,aA6CAI,U,WA7CA;AAAA,E,aAoDAH,K,WApDA;AAAA,E,aAwDAI,Q,WAxDA;AAAA,E,aAuEAC,U,WAvEA;AAAA,E,aA+EAC,Q,WA/EA;AAAA,E,aAwFAC,U,WAxFA;AAAA,E,aAmGAA,U,WAnGA;AAAA,E,aA2GAA,U,WA3GA;AAAA,E,aAoHAP,K,WApHA;AAAA,E,aAoHKJ,S,WApHL;AAAA,E,aAyHAY,Q,WAzHA;AAAA,E,aAyHQT,Q,WAzHR;AAAA,E,aAoI0CH,S,WApI1C;AAAA,E,aAuIEA,S,WAvIF;AAAA,E,aA4IAa,Q,WA5IA;AAAA,E,aAiJoFA,Q,WAjJpF;AAAA,E,aAsJIA,Q,WAtJJ;AAAA,E,aAgKIA,Q,WAhKJ;AAAA,E,aAmKIA,Q,WAnKJ;AAAA,E,aA4KQA,Q,WA5KR;AAAA,E,aA+KQA,Q,WA/KR;AAAA;AAAA","file":"Removable.module.css.d.ts","sourceRoot":""}

package/src/components/Root/Root.module.css

@@ -25,13 +25,13 @@
 }
 
 .viewShowForward {
-  /* prettier-ignore */
-  animation: root-animation-show-forward var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform);
+  animation: root-animation-show-forward var(--vkui_internal--root_animation_duration)
+    var(--vkui--animation_easing_platform);
 }
 
 .viewHideBack {
-  /* prettier-ignore */
-  animation: root-animation-hide-back var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform) forwards;
+  animation: root-animation-hide-back var(--vkui_internal--root_animation_duration)
+    var(--vkui--animation_easing_platform) forwards;
 }
 
 .transition .view {
@@ -63,13 +63,13 @@
 }
 
 .ios .viewShowBack::after {
-  /* prettier-ignore */
-  animation: root-ios-overlay-animation-show-back var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform) forwards;
+  animation: root-ios-overlay-animation-show-back var(--vkui_internal--root_animation_duration)
+    var(--vkui--animation_easing_platform) forwards;
 }
 
 .ios .viewHideForward::after {
-  /* prettier-ignore */
-  animation: root-ios-overlay-animation-hide-forward var(--vkui_internal--root_animation_duration) var(--vkui--animation_easing_platform);
+  animation: root-ios-overlay-animation-hide-forward var(--vkui_internal--root_animation_duration)
+    var(--vkui--animation_easing_platform);
 }
 
 @media (--reduce-motion) {

package/src/components/Search/Search.module.css

@@ -38,7 +38,7 @@
   flex-basis: 0%;
   /**
    * Костыль для PanelHeader. Необходимо для растягивания на всю ширину.
-  */
+   */
   inline-size: 10000px;
   block-size: var(--vkui_internal--search_height);
   overflow: hidden;
@@ -146,7 +146,7 @@
   transform: translate3d(
     calc(
       var(--vkui_internal--search_shift_direction) *
-        calc(100% - var(--vkui_internal--search_icon_size))
+      calc(100% - var(--vkui_internal--search_icon_size))
     ),
     0,
     0

package/src/components/Snackbar/Snackbar.module.css

@@ -35,13 +35,15 @@
 
 .placementBottomStart {
   --vkui_internal--snackbar_direction: calc(
-    -1 * var(--vkui_internal--snackbar_animation_text_direction)
+    -1 *
+    var(--vkui_internal--snackbar_animation_text_direction)
   );
 }
 
 .placementBottomEnd {
   --vkui_internal--snackbar_direction: calc(
-    1 * var(--vkui_internal--snackbar_animation_text_direction)
+    1 *
+    var(--vkui_internal--snackbar_animation_text_direction)
   );
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["./Snackbar.module.css"],"names":["host","ios","rtl","placementTopStart","placementTop","placementTopEnd","placementBottomStart","placementBottomEnd","placementBottom","in","stateEnter","stateEntering","stateEntered","touched","stateExit","stateExiting"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAkBAC,K,WAlBA;AAAA,E,aAsBAC,K,WAtBA;AAAA,E,aA0BAC,mB,WA1BA;AAAA,E,aA2BAC,c,WA3BA;AAAA,E,aA4BAC,iB,WA5BA;AAAA,E,aAmCAC,sB,WAnCA;AAAA,E,aAyCAC,oB,WAzCA;AAAA,E,aA+CAD,sB,WA/CA;AAAA,E,aAgDAE,iB,WAhDA;AAAA,E,aAiDAD,oB,WAjDA;AAAA,E,aA6DEP,M,WA7DF;AAAA,E,aAkEEI,c,WAlEF;AAAA,E,aAmEII,iB,WAnEJ;AAAA,E,aAuEEA,iB,WAvEF;AAAA,E,aAgFEL,mB,WAhFF;AAAA,E,aAiFIG,sB,WAjFJ;AAAA,E,aAiGED,iB,WAjGF;AAAA,E,aAkGIE,oB,WAlGJ;AAAA,E,aAmHAE,I,WAnHA;AAAA,E,aA0HAN,mB,WA1HA;AAAA,E,aA0HmBM,I,WA1HnB;AAAA,E,aA2HAL,c,WA3HA;AAAA,E,aA2HcK,I,WA3Hd;AAAA,E,aA4HAJ,iB,WA5HA;AAAA,E,aA4HiBI,I,WA5HjB;AAAA,E,aAgIAH,sB,WAhIA;AAAA,E,aAgIsBG,I,WAhItB;AAAA,E,aAiIAD,iB,WAjIA;AAAA,E,aAiIiBC,I,WAjIjB;AAAA,E,aAkIAF,oB,WAlIA;AAAA,E,aAkIoBE,I,WAlIpB;AAAA,E,aAuIEA,I,WAvIF;AAAA,E,aA2IEN,mB,WA3IF;AAAA,E,aA2IqBM,I,WA3IrB;AAAA,E,aA4IIH,sB,WA5IJ;AAAA,E,aA4I0BG,I,WA5I1B;AAAA,E,aA6IIJ,iB,WA7IJ;AAAA,E,aA6IqBI,I,WA7IrB;AAAA,E,aA8IIF,oB,WA9IJ;AAAA,E,aA8IwBE,I,WA9IxB;AAAA,E,aAkJED,iB,WAlJF;AAAA,E,aAkJmBC,I,WAlJnB;AAAA,E,aAuJAC,Y,WAvJA;AAAA,E,aAuJYD,I,WAvJZ;AAAA,E,aAwJAE,e,WAxJA;AAAA,E,aAwJeF,I,WAxJf;AAAA,E,aA6JEC,Y,WA7JF;AAAA,E,aA6JcD,I,WA7Jd;AAAA,E,aA8JIE,e,WA9JJ;AAAA,E,aA8JmBF,I,WA9JnB;AAAA,E,aAmKAG,c,WAnKA;AAAA,E,aAmKcH,I,WAnKd;AAAA,E,aAyKAI,S,WAzKA;AAAA,E,aAyKSJ,I,WAzKT;AAAA,E,aA6KAK,W,WA7KA;AAAA,E,aA6KWL,I,WA7KX;AAAA,E,aA8KAM,c,WA9KA;AAAA,E,aA8KcN,I,WA9Kd;AAAA,E,aAmLEK,W,WAnLF;AAAA,E,aAmLaL,I,WAnLb;AAAA,E,aAoLIM,c,WApLJ;AAAA,E,aAoLkBN,I,WApLlB;AAAA;AAAA","file":"Snackbar.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./Snackbar.module.css"],"names":["host","ios","rtl","placementTopStart","placementTop","placementTopEnd","placementBottomStart","placementBottomEnd","placementBottom","in","stateEnter","stateEntering","stateEntered","touched","stateExit","stateExiting"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAkBAC,K,WAlBA;AAAA,E,aAsBAC,K,WAtBA;AAAA,E,aA0BAC,mB,WA1BA;AAAA,E,aA2BAC,c,WA3BA;AAAA,E,aA4BAC,iB,WA5BA;AAAA,E,aAmCAC,sB,WAnCA;AAAA,E,aA0CAC,oB,WA1CA;AAAA,E,aAiDAD,sB,WAjDA;AAAA,E,aAkDAE,iB,WAlDA;AAAA,E,aAmDAD,oB,WAnDA;AAAA,E,aA+DEP,M,WA/DF;AAAA,E,aAoEEI,c,WApEF;AAAA,E,aAqEII,iB,WArEJ;AAAA,E,aAyEEA,iB,WAzEF;AAAA,E,aAkFEL,mB,WAlFF;AAAA,E,aAmFIG,sB,WAnFJ;AAAA,E,aAmGED,iB,WAnGF;AAAA,E,aAoGIE,oB,WApGJ;AAAA,E,aAqHAE,I,WArHA;AAAA,E,aA4HAN,mB,WA5HA;AAAA,E,aA4HmBM,I,WA5HnB;AAAA,E,aA6HAL,c,WA7HA;AAAA,E,aA6HcK,I,WA7Hd;AAAA,E,aA8HAJ,iB,WA9HA;AAAA,E,aA8HiBI,I,WA9HjB;AAAA,E,aAkIAH,sB,WAlIA;AAAA,E,aAkIsBG,I,WAlItB;AAAA,E,aAmIAD,iB,WAnIA;AAAA,E,aAmIiBC,I,WAnIjB;AAAA,E,aAoIAF,oB,WApIA;AAAA,E,aAoIoBE,I,WApIpB;AAAA,E,aAyIEA,I,WAzIF;AAAA,E,aA6IEN,mB,WA7IF;AAAA,E,aA6IqBM,I,WA7IrB;AAAA,E,aA8IIH,sB,WA9IJ;AAAA,E,aA8I0BG,I,WA9I1B;AAAA,E,aA+IIJ,iB,WA/IJ;AAAA,E,aA+IqBI,I,WA/IrB;AAAA,E,aAgJIF,oB,WAhJJ;AAAA,E,aAgJwBE,I,WAhJxB;AAAA,E,aAoJED,iB,WApJF;AAAA,E,aAoJmBC,I,WApJnB;AAAA,E,aAyJAC,Y,WAzJA;AAAA,E,aAyJYD,I,WAzJZ;AAAA,E,aA0JAE,e,WA1JA;AAAA,E,aA0JeF,I,WA1Jf;AAAA,E,aA+JEC,Y,WA/JF;AAAA,E,aA+JcD,I,WA/Jd;AAAA,E,aAgKIE,e,WAhKJ;AAAA,E,aAgKmBF,I,WAhKnB;AAAA,E,aAqKAG,c,WArKA;AAAA,E,aAqKcH,I,WArKd;AAAA,E,aA2KAI,S,WA3KA;AAAA,E,aA2KSJ,I,WA3KT;AAAA,E,aA+KAK,W,WA/KA;AAAA,E,aA+KWL,I,WA/KX;AAAA,E,aAgLAM,c,WAhLA;AAAA,E,aAgLcN,I,WAhLd;AAAA,E,aAqLEK,W,WArLF;AAAA,E,aAqLaL,I,WArLb;AAAA,E,aAsLIM,c,WAtLJ;AAAA,E,aAsLkBN,I,WAtLlB;AAAA;AAAA","file":"Snackbar.module.css.d.ts","sourceRoot":""}

package/src/components/Snackbar/subcomponents/Basic/Basic.module.css

@@ -1,11 +1,11 @@
 .body {
   --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(
     -1 *
-      (
-        var(--vkui--size_button_small_height--compact) -
-          var(--vkui--font_subhead--line_height--compact)
-      ) /
-      2
+    (
+      var(--vkui--size_button_small_height--compact) -
+      var(--vkui--font_subhead--line_height--compact)
+    ) /
+    2
   );
 
   box-sizing: border-box;
@@ -21,11 +21,11 @@
 .sizeYRegular {
   --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(
     -1 *
-      (
-        var(--vkui--size_button_small_height--regular) -
-          var(--vkui--font_subhead--line_height--regular)
-      ) /
-      2
+    (
+      var(--vkui--size_button_small_height--regular) -
+      var(--vkui--font_subhead--line_height--regular)
+    ) /
+    2
   );
 }
 
@@ -33,11 +33,11 @@
   .sizeYNone {
     --vkui_internal--snackbar-body_layout_vertical_action_shift: calc(
       -1 *
-        (
-          var(--vkui--size_button_small_height--regular) -
-            var(--vkui--font_subhead--line_height--regular)
-        ) /
-        2
+      (
+        var(--vkui--size_button_small_height--regular) -
+        var(--vkui--font_subhead--line_height--regular)
+      ) /
+      2
     );
   }
 }

package/src/components/SplitLayout/SplitLayout.module.css

@@ -16,13 +16,15 @@
   position: relative;
   z-index: var(--vkui_internal--z_index_split_layout_panel_header);
   margin-block-start: calc(
-    -1 * (var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top))
+    -1 *
+    (var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top))
   );
 }
 
 .ios .innerHeader {
   margin-block-start: calc(
-    -1 * (var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top))
+    -1 *
+    (var(--vkui_internal--panel_header_height) + var(--vkui_internal--safe_area_inset_top))
   );
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["./SplitLayout.module.css"],"names":["host","inner","innerHeader","ios","innerCenter"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,O,WANA;AAAA,E,aAcAC,a,WAdA;AAAA,E,aAsBAC,K,WAtBA;AAAA,E,aAsBKD,a,WAtBL;AAAA,E,aA4BAE,a,WA5BA;AAAA;AAAA","file":"SplitLayout.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./SplitLayout.module.css"],"names":["host","inner","innerHeader","ios","innerCenter"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,O,WANA;AAAA,E,aAcAC,a,WAdA;AAAA,E,aAuBAC,K,WAvBA;AAAA,E,aAuBKD,a,WAvBL;AAAA,E,aA8BAE,a,WA9BA;AAAA;AAAA","file":"SplitLayout.module.css.d.ts","sourceRoot":""}

package/src/components/SubnavigationBar/SubnavigationBar.module.css

@@ -17,6 +17,15 @@
   content: '';
 }
 
+.noPadding {
+  padding: 0;
+}
+
+.noPadding::before,
+.noPadding::after {
+  display: none;
+}
+
 .item {
   display: flex;
   list-style-type: none;

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

@@ -1 +1 @@
-{"version":3,"sources":["./SubnavigationBar.module.css"],"names":["in","scrollIn","item","modeFixed"],"mappings":"AAAA;AAAA,E,aAAAA,I,WAAA;AAAA,E,aAMAC,U,WANA;AAAA,E,aAaAA,U,WAbA;AAAA,E,aAcAA,U,WAdA;AAAA,E,aAmBAC,M,WAnBA;AAAA,E,aAwBAA,M,WAxBA;AAAA,E,aAwBQA,M,WAxBR;AAAA,E,aA4BAC,W,WA5BA;AAAA,E,aA4BWD,M,WA5BX;AAAA;AAAA","file":"SubnavigationBar.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./SubnavigationBar.module.css"],"names":["in","scrollIn","noPadding","item","modeFixed"],"mappings":"AAAA;AAAA,E,aAAAA,I,WAAA;AAAA,E,aAMAC,U,WANA;AAAA,E,aAaAA,U,WAbA;AAAA,E,aAcAA,U,WAdA;AAAA,E,aAmBAC,W,WAnBA;AAAA,E,aAuBAA,W,WAvBA;AAAA,E,aAwBAA,W,WAxBA;AAAA,E,aA4BAC,M,WA5BA;AAAA,E,aAiCAA,M,WAjCA;AAAA,E,aAiCQA,M,WAjCR;AAAA,E,aAqCAC,W,WArCA;AAAA,E,aAqCWD,M,WArCX;AAAA;AAAA","file":"SubnavigationBar.module.css.d.ts","sourceRoot":""}

package/src/components/SubnavigationBar/SubnavigationBar.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { hasReactNode } from '@vkontakte/vkjs';
+import { classNames, hasReactNode } from '@vkontakte/vkjs';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import {
   HorizontalScroll,
@@ -13,12 +13,20 @@ export interface SubnavigationBarProps
   extends HTMLAttributesWithRootRef<HTMLDivElement>,
     Pick<
       HorizontalScrollProps,
-      'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'
+      | 'showArrows'
+      | 'arrowSize'
+      | 'getScrollToLeft'
+      | 'getScrollToRight'
+      | 'scrollAnimationDuration'
     > {
   /**
    * Отключение возможности прокручивания компонента по горизонтали.
    */
   fixed?: boolean;
+  /**
+   * Отключает отступы. Рекомендуется использовать с `mode="outline"` у [`SubnavigationButton`](https://vkui.io/components/subnavigation-button).
+   */
+  noPadding?: boolean;
 }
 
 const defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;
@@ -32,6 +40,8 @@ export const SubnavigationBar = ({
   fixed = false,
   children,
   showArrows = true,
+  noPadding = false,
+  arrowSize = 's',
   getScrollToLeft = defaultScrollToLeft,
   getScrollToRight = defaultScrollToRight,
   scrollAnimationDuration,
@@ -46,6 +56,7 @@ export const SubnavigationBar = ({
     ScrollWrapper = HorizontalScroll;
     scrollWrapperProps = {
       showArrows,
+      arrowSize,
       getScrollToLeft,
       getScrollToRight,
       scrollAnimationDuration,
@@ -55,7 +66,7 @@ export const SubnavigationBar = ({
   return (
     <RootComponent baseClassName={fixed && styles.modeFixed} {...restProps}>
       <ScrollWrapper className={styles.in} {...scrollWrapperProps}>
-        <ul className={styles.scrollIn}>
+        <ul className={classNames(styles.scrollIn, noPadding && styles.noPadding)}>
           {React.Children.map(children, (child, idx) =>
             hasReactNode(child) ? (
               <li key={idx} className={styles.item}>