@vkontakte/vkui 5.8.2 → 5.9.1

package/dist/cssm/components/BaseGallery/CarouselBase/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/types.ts"],"sourcesContent":["import { GallerySlidesState } from '../types';\n\nexport interface LoopPoint {\n  /**\n   * Индекс слайда\n   */\n  index: number;\n  /**\n   * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда\n   */\n  target(this: void, location: number): void;\n}\n\nexport interface ControlElementsState {\n  /**\n   * Отвечает за отображение стрелки влево\n   */\n  canSlideLeft: boolean;\n  /**\n   * Отвечает за отображение стрелки вправо\n   */\n  canSlideRight: boolean;\n  /**\n   * Возможность листаться слайды drag'ом\n   */\n  isDraggable: boolean;\n}\n\nexport interface SlidesManagerState {\n  /**\n   * Общая ширина всех слайдов\n   */\n  contentSize: number;\n  /**\n   * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости\n   * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,\n   * или для первого слайда это n-последних слайдов при выравнивании по центру)\n   */\n  loopPoints: LoopPoint[];\n  /**\n   * Массив с правыми границами слайдов\n   */\n  snaps: number[];\n  /**\n   * Ширина видимой области слайдов\n   */\n  viewportOffsetWidth: number;\n  /**\n   * Массив слайдов с координатой начала слайда и шириной\n   */\n  slides: GallerySlidesState[];\n  /**\n   * Все слайды видимы без скрола\n   */\n  isFullyVisible: boolean;\n}\n"],"names":[],"mappings":"AA4BA,WA2BC"}

package/dist/cssm/components/BaseGallery/helpers.d.ts

@@ -10,3 +10,4 @@ interface CalcMax extends Partial<LayoutState> {
 }
 export declare const calcMax: ({ slides, viewportOffsetWidth, isCenterWithCustomWidth, }: CalcMax) => number;
 export {};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cssm/components/BaseGallery/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseGallery/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,UAAU,OAAQ,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC5C,uBAAuB,EAAE,OAAO,CAAC;IACjC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,iGAOjB,OAAO,uBAeT,CAAC;AAEF,UAAU,OAAQ,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC5C,uBAAuB,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,8DAIjB,OAAO,WAMT,CAAC"}

package/dist/cssm/components/BaseGallery/types.d.ts

@@ -41,3 +41,4 @@ export interface BaseGalleryProps extends Omit<HTMLAttributesWithRootRef<HTMLDiv
     hasPointer?: boolean;
     arrowSize?: ScrollArrowProps['size'];
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/cssm/components/BaseGallery/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseGallery/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC,EAC/F,QAAQ,EACR,MAAM,CAAC,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACrD,QAAQ,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAC5C;;OAEG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACtC"}

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

@@ -11,10 +11,12 @@ export interface VKUIButtonProps extends HasAlign {
     after?: React.ReactNode;
     loading?: boolean;
     disableSpinnerAnimation?: boolean;
+    rounded?: boolean;
 }
 export interface ButtonProps extends Omit<TappableProps, 'size'>, VKUIButtonProps {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Button
  */
-export declare const Button: ({ size, mode, appearance, stretched, align, children, before, after, getRootRef, loading, onClick, stopPropagation, className, disableSpinnerAnimation, ...restProps }: ButtonProps) => React.JSX.Element;
+export declare const Button: ({ size, mode, appearance, stretched, align, children, before, after, getRootRef, loading, onClick, stopPropagation, className, disableSpinnerAnimation, rounded, ...restProps }: ButtonProps) => React.JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/cssm/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,+BAA+B,CAAC;AAqCvC,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACjE,UAAU,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,mBAAmB,CAAC;IAC9F,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,eAAe;CAAG;AAEpF;;GAEG;AACH,eAAO,MAAM,MAAM,oLAiBhB,WAAW,sBAqEb,CAAC"}

package/dist/cssm/components/Button/Button.js

@@ -39,7 +39,7 @@ const sizeYClassNames = {
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/Button
- */ export const Button = ({ size = 's', mode = 'primary', appearance = 'accent', stretched = false, align = 'center', children, before, after, getRootRef, loading, onClick, stopPropagation = true, className, disableSpinnerAnimation, ...restProps })=>{
+ */ export const Button = ({ size = 's', mode = 'primary', appearance = 'accent', stretched = false, align = 'center', children, before, after, getRootRef, loading, onClick, stopPropagation = true, className, disableSpinnerAnimation, rounded, ...restProps })=>{
     const hasIcons = Boolean(before || after);
     const hasIconOnly = !children && Boolean(after) !== Boolean(before);
     const { sizeY = 'none' } = useAdaptivity();
@@ -52,7 +52,7 @@ const sizeYClassNames = {
         ...restProps,
         onClick: loading ? undefined : onClick,
         stopPropagation: stopPropagation,
-        className: classNames(className, styles.Button, stylesSize[size], stylesMode[mode], stylesAppearance[appearance], stylesAlign[align], sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY], platform === Platform.IOS && styles['Button--ios'], stretched && styles['Button--stretched'], hasIcons && styles['Button--with-icon'], hasIconOnly && !stretched && styles['Button--singleIcon'], loading && styles['Button--loading']),
+        className: classNames(className, styles.Button, stylesSize[size], stylesMode[mode], stylesAppearance[appearance], stylesAlign[align], sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY], platform === Platform.IOS && styles['Button--ios'], stretched && styles['Button--stretched'], hasIcons && styles['Button--with-icon'], hasIconOnly && !stretched && styles['Button--singleIcon'], loading && styles['Button--loading'], rounded && styles['Button--rounded']),
         getRootRef: getRootRef
     }, loading && /*#__PURE__*/ React.createElement(Spinner, {
         size: "small",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport '../Spinner/Spinner.module.css';\nimport styles from './Button.module.css';\n\nconst stylesSize = {\n  s: styles['Button--size-s'],\n  m: styles['Button--size-m'],\n  l: styles['Button--size-l'],\n};\n\nconst stylesMode = {\n  primary: styles['Button--mode-primary'],\n  secondary: styles['Button--mode-secondary'],\n  tertiary: styles['Button--mode-tertiary'],\n  outline: styles['Button--mode-outline'],\n  link: styles['Button--mode-link'],\n};\n\nconst stylesAppearance = {\n  'accent': styles['Button--appearance-accent'],\n  'positive': styles['Button--appearance-positive'],\n  'negative': styles['Button--appearance-negative'],\n  'neutral': styles['Button--appearance-neutral'],\n  'overlay': styles['Button--appearance-overlay'],\n  'accent-invariable': styles['Button--appearance-accent-invariable'],\n};\n\nconst stylesAlign = {\n  left: styles['Button--align-left'],\n  center: styles['Button--align-center'],\n  right: styles['Button--align-right'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Button--sizeY-none'],\n  [SizeType.REGULAR]: styles['Button--sizeY-regular'],\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n  mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link';\n  appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable';\n  size?: 's' | 'm' | 'l';\n  stretched?: boolean;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  loading?: boolean;\n  disableSpinnerAnimation?: boolean;\n}\n\nexport interface ButtonProps extends Omit<TappableProps, 'size'>, VKUIButtonProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = ({\n  size = 's',\n  mode = 'primary',\n  appearance = 'accent',\n  stretched = false,\n  align = 'center',\n  children,\n  before,\n  after,\n  getRootRef,\n  loading,\n  onClick,\n  stopPropagation = true,\n  className,\n  disableSpinnerAnimation,\n  ...restProps\n}: ButtonProps) => {\n  const hasIcons = Boolean(before || after);\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { sizeY = 'none' } = useAdaptivity();\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      hoverMode={styles['Button--hover']}\n      activeMode={styles['Button--active']}\n      Component={restProps.href ? 'a' : 'button'}\n      focusVisibleMode=\"outside\"\n      {...restProps}\n      onClick={loading ? undefined : onClick}\n      stopPropagation={stopPropagation}\n      className={classNames(\n        className,\n        styles.Button,\n        stylesSize[size],\n        stylesMode[mode],\n        stylesAppearance[appearance],\n        stylesAlign[align],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        platform === Platform.IOS && styles['Button--ios'],\n        stretched && styles['Button--stretched'],\n        hasIcons && styles['Button--with-icon'],\n        hasIconOnly && !stretched && styles['Button--singleIcon'],\n        loading && styles['Button--loading'],\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && (\n        <Spinner\n          size=\"small\"\n          className={styles.Button__spinner}\n          disableAnimation={disableSpinnerAnimation}\n        />\n      )}\n      <span className={styles.Button__in}>\n        {hasReactNode(before) && (\n          <span\n            className={styles.Button__before}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n          >\n            {before}\n          </span>\n        )}\n        {hasReactNode(children) && (\n          <span\n            className={styles.Button__content}\n            data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n          >\n            {children}\n          </span>\n        )}\n        {hasReactNode(after) && (\n          <span\n            className={styles.Button__after}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n          >\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","SizeType","Platform","Spinner","Tappable","styles","stylesSize","s","m","l","stylesMode","primary","secondary","tertiary","outline","link","stylesAppearance","stylesAlign","left","center","right","sizeYClassNames","none","REGULAR","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","loading","onClick","stopPropagation","className","disableSpinnerAnimation","restProps","hasIcons","Boolean","hasIconOnly","sizeY","platform","hoverMode","activeMode","Component","href","focusVisibleMode","undefined","COMPACT","IOS","Button__spinner","disableAnimation","span","Button__in","Button__before","role","data-testid","process","env","NODE_ENV","Button__content","Button__after"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport '../Spinner/Spinner.module.css';\nimport styles from './Button.module.css';\n\nconst stylesSize = {\n  s: styles['Button--size-s'],\n  m: styles['Button--size-m'],\n  l: styles['Button--size-l'],\n};\n\nconst stylesMode = {\n  primary: styles['Button--mode-primary'],\n  secondary: styles['Button--mode-secondary'],\n  tertiary: styles['Button--mode-tertiary'],\n  outline: styles['Button--mode-outline'],\n  link: styles['Button--mode-link'],\n};\n\nconst stylesAppearance = {\n  'accent': styles['Button--appearance-accent'],\n  'positive': styles['Button--appearance-positive'],\n  'negative': styles['Button--appearance-negative'],\n  'neutral': styles['Button--appearance-neutral'],\n  'overlay': styles['Button--appearance-overlay'],\n  'accent-invariable': styles['Button--appearance-accent-invariable'],\n};\n\nconst stylesAlign = {\n  left: styles['Button--align-left'],\n  center: styles['Button--align-center'],\n  right: styles['Button--align-right'],\n};\n\nconst sizeYClassNames = {\n  none: styles['Button--sizeY-none'],\n  [SizeType.REGULAR]: styles['Button--sizeY-regular'],\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n  mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link';\n  appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable';\n  size?: 's' | 'm' | 'l';\n  stretched?: boolean;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  loading?: boolean;\n  disableSpinnerAnimation?: boolean;\n  rounded?: boolean;\n}\n\nexport interface ButtonProps extends Omit<TappableProps, 'size'>, VKUIButtonProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = ({\n  size = 's',\n  mode = 'primary',\n  appearance = 'accent',\n  stretched = false,\n  align = 'center',\n  children,\n  before,\n  after,\n  getRootRef,\n  loading,\n  onClick,\n  stopPropagation = true,\n  className,\n  disableSpinnerAnimation,\n  rounded,\n  ...restProps\n}: ButtonProps) => {\n  const hasIcons = Boolean(before || after);\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { sizeY = 'none' } = useAdaptivity();\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      hoverMode={styles['Button--hover']}\n      activeMode={styles['Button--active']}\n      Component={restProps.href ? 'a' : 'button'}\n      focusVisibleMode=\"outside\"\n      {...restProps}\n      onClick={loading ? undefined : onClick}\n      stopPropagation={stopPropagation}\n      className={classNames(\n        className,\n        styles.Button,\n        stylesSize[size],\n        stylesMode[mode],\n        stylesAppearance[appearance],\n        stylesAlign[align],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        platform === Platform.IOS && styles['Button--ios'],\n        stretched && styles['Button--stretched'],\n        hasIcons && styles['Button--with-icon'],\n        hasIconOnly && !stretched && styles['Button--singleIcon'],\n        loading && styles['Button--loading'],\n        rounded && styles['Button--rounded'],\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && (\n        <Spinner\n          size=\"small\"\n          className={styles.Button__spinner}\n          disableAnimation={disableSpinnerAnimation}\n        />\n      )}\n      <span className={styles.Button__in}>\n        {hasReactNode(before) && (\n          <span\n            className={styles.Button__before}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n          >\n            {before}\n          </span>\n        )}\n        {hasReactNode(children) && (\n          <span\n            className={styles.Button__content}\n            data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n          >\n            {children}\n          </span>\n        )}\n        {hasReactNode(after) && (\n          <span\n            className={styles.Button__after}\n            role=\"presentation\"\n            data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n          >\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","SizeType","Platform","Spinner","Tappable","styles","stylesSize","s","m","l","stylesMode","primary","secondary","tertiary","outline","link","stylesAppearance","stylesAlign","left","center","right","sizeYClassNames","none","REGULAR","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","loading","onClick","stopPropagation","className","disableSpinnerAnimation","rounded","restProps","hasIcons","Boolean","hasIconOnly","sizeY","platform","hoverMode","activeMode","Component","href","focusVisibleMode","undefined","COMPACT","IOS","Button__spinner","disableAnimation","span","Button__in","Button__before","role","data-testid","process","env","NODE_ENV","Button__content","Button__after"],"mappings":"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"}

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

@@ -14,7 +14,10 @@
   border-radius: var(--vkui--size_border_radius--regular);
   max-width: 100%;
   min-width: var(--vkui--size_button_minimum_width--regular);
-  font-family: var(--vkui--font_family_base);
+}
+
+.Button--rounded {
+  border-radius: var(--vkui--size_border_radius_rounded--regular);
 }
 
 .Button--loading {
@@ -51,7 +54,6 @@
   min-height: inherit;
   text-align: center;
   box-sizing: border-box;
-  font-family: var(--vkui--font_family_base);
 }
 
 .Button--align-left .Button__in {
@@ -480,63 +482,74 @@
 /* Fonts sizes  */
 
 .Button--size-s .Button__content {
+  font-family: var(--vkui--font_subhead--font_family--regular);
   font-size: var(--vkui--font_subhead--font_size--compact);
   line-height: var(--vkui--font_subhead--line_height--compact);
 }
 
 .Button--sizeY-regular.Button--size-s .Button__content {
+  font-family: var(--vkui--font_subhead--font_family--regular);
   font-size: var(--vkui--font_subhead--font_size--regular);
   line-height: var(--vkui--font_subhead--line_height--regular);
 }
 
 @media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
   .Button--sizeY-none.Button--size-s .Button__content {
+    font-family: var(--vkui--font_subhead--font_family--regular);
     font-size: var(--vkui--font_subhead--font_size--regular);
     line-height: var(--vkui--font_subhead--line_height--regular);
   }
 }
 
 .Button--size-m .Button__content {
+  font-family: var(--vkui--font_headline2--font_family--regular);
   font-size: var(--vkui--font_headline2--font_size--compact);
   line-height: var(--vkui--font_headline2--line_height--compact);
 }
 
 .Button--sizeY-regular.Button--size-m .Button__content {
+  font-family: var(--vkui--font_headline2--font_family--regular);
   font-size: var(--vkui--font_headline2--font_size--regular);
   line-height: var(--vkui--font_headline2--line_height--regular);
 }
 
 @media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
   .Button--sizeY-none.Button--size-m .Button__content {
+    font-family: var(--vkui--font_headline2--font_family--regular);
     font-size: var(--vkui--font_headline2--font_size--regular);
     line-height: var(--vkui--font_headline2--line_height--regular);
   }
 }
 
 .Button--size-l .Button__content {
+  font-family: var(--vkui--font_headline1--font_family--regular);
   font-size: var(--vkui--font_headline1--font_size--compact);
   line-height: var(--vkui--font_headline1--line_height--compact);
 }
 
 .Button--sizeY-regular.Button--size-l .Button__content {
+  font-family: var(--vkui--font_headline1--font_family--regular);
   font-size: var(--vkui--font_headline1--font_size--regular);
   line-height: var(--vkui--font_headline1--line_height--regular);
 }
 
 @media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
   .Button--sizeY-none.Button--size-l .Button__content {
+    font-family: var(--vkui--font_headline1--font_family--regular);
     font-size: var(--vkui--font_headline1--font_size--regular);
     line-height: var(--vkui--font_headline1--line_height--regular);
   }
 }
 
 .Button--sizeY-regular.Button--size-l.Button--ios .Button__content {
+  font-family: var(--vkui--font_title3--font_family--regular);
   font-size: var(--vkui--font_title3--font_size--regular);
   line-height: var(--vkui--font_title3--line_height--regular);
 }
 
 @media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
   .Button--sizeY-none.Button--size-l.Button--ios .Button__content {
+    font-family: var(--vkui--font_title3--font_family--regular);
     font-size: var(--vkui--font_title3--font_size--regular);
     line-height: var(--vkui--font_title3--line_height--regular);
   }

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

@@ -24,3 +24,4 @@ export interface ButtonGroupProps extends HTMLAttributesWithRootRef<HTMLDivEleme
  * @see https://vkcom.github.io/VKUI/#/ButtonGroup
  */
 export declare const ButtonGroup: ({ mode, gap, stretched, align, ...restProps }: ButtonGroupProps) => React.JSX.Element;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/cssm/components/ButtonGroup/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqBxE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;IACnC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,kDAMrB,gBAAgB,sBAclB,CAAC"}

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

@@ -18,7 +18,7 @@
   align-items: flex-start;
 }
 
-/* stylelint-disable @project-tools/stylelint-atomic */
+/* stylelint-disable @project-tools/stylelint-atomic, selector-max-universal */
 
 /**
  * [Примечание 3] Чтобы не завязываться на класс компонента, используем каскад и универсальный селектор.
@@ -64,7 +64,7 @@
   margin-right: var(--vkui--size_button_group_gap_medium--regular);
 }
 
-/* stylelint-enable @project-tools/stylelint-atomic */
+/* stylelint-enable @project-tools/stylelint-atomic, selector-max-universal */
 
 .ButtonGroup--mode-vertical.ButtonGroup--align-left {
   align-items: flex-start;

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

@@ -31,3 +31,4 @@ export interface CalendarProps extends Omit<HTMLAttributesWithRootRef<HTMLDivEle
  * @see https://vkcom.github.io/VKUI/#/Calendar
  */
 export declare const Calendar: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, enableTime, doneButtonText, weekStartsOn, disablePickers, changeHoursAriaLabel, changeMinutesAriaLabel, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, showNeighboringMonth, changeDayAriaLabel, size, viewDate: externalViewDate, onHeaderChange, onNextMonth, onPrevMonth, prevMonthIcon, nextMonthIcon, prevMonthProps, nextMonthProps, dayProps, listenDayChangesForUpdate, ...props }: CalendarProps) => React.JSX.Element;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/cssm/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvF,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAI/E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACjE,IAAI,CAAC,iBAAiB,EAAE,sBAAsB,GAAG,wBAAwB,CAAC,EAC1E,IAAI,CACF,mBAAmB,EACjB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,qBAAqB,GACrB,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,CACnB,EACD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,2BAA2B,CAAC;IACnE,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC9B,iBAAiB,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACzC,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;CACpC;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,8eA+BlB,aAAa,sBAqHf,CAAC"}

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

@@ -21,3 +21,4 @@ export interface CalendarDayProps extends CalendarDayElementProps {
     onLeave?(value: Date): void;
 }
 export declare const CalendarDay: React.MemoExoticComponent<({ day, today, selected, onChange, hidden, disabled, active, selectionStart, selectionEnd, focused, onEnter, onLeave, hinted, hintedSelectionStart, hintedSelectionEnd, sameMonth, size, className, ...props }: CalendarDayProps) => React.JSX.Element>;
+//# sourceMappingURL=CalendarDay.d.ts.map

package/dist/cssm/components/CalendarDay/CalendarDay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDay.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAY,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAGtE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,oBAAoB,EACpB,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAC9C,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D,GAAG,EAAE,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,4OAqBnB,gBAAgB,uBAoEpB,CAAC"}

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

@@ -23,3 +23,4 @@ export interface CalendarDaysProps extends Omit<HTMLAttributesWithRootRef<HTMLDi
     onDayLeave?(value: Date): void;
 }
 export declare const CalendarDays: ({ viewDate, value, weekStartsOn, onDayChange, isDaySelected, isDayActive, isDaySelectionEnd, isDaySelectionStart, onDayEnter, onDayLeave, isDayHinted, isHintedDaySelectionStart, isHintedDaySelectionEnd, isDayFocused, isDayDisabled, size, showNeighboringMonth, dayProps, listenDayChangesForUpdate, getRootRef, ...props }: CalendarDaysProps) => React.JSX.Element;
+//# sourceMappingURL=CalendarDays.d.ts.map

package/dist/cssm/components/CalendarDays/CalendarDays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDays.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAe,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAMlF,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnE,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,QAAQ,EAAE,IAAI,CAAC;IACf,YAAY,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,WAAW,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACpC,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7D,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3D,yBAAyB,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IACpE,uBAAuB,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAClE,WAAW,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACnC,aAAa,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACrC,YAAY,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACnC,UAAU,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,oUAsBtB,iBAAiB,sBA0EnB,CAAC"}

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

@@ -27,3 +27,4 @@ export interface CalendarHeaderProps extends Omit<HTMLAttributesWithRootRef<HTML
 }
 export declare const CalendarHeader: ({ viewDate, onChange, prevMonth, nextMonth, disablePickers, onNextMonth, onPrevMonth, prevMonthProps, nextMonthProps, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, prevMonthIcon, nextMonthIcon, ...restProps }: CalendarHeaderProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=CalendarHeader.d.ts.map

package/dist/cssm/components/CalendarHeader/CalendarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKxD,OAAO,EAAY,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAItE,KAAK,eAAe,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,YAAY,CAAC,CAAC;AAE5E,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnE,QAAQ,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,IAAI,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,IAAI,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,0PA6BxB,mBAAmB,sBAiIrB,CAAC"}

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

@@ -17,3 +17,4 @@ export interface CalendarRangeProps extends Omit<HTMLAttributesWithRootRef<HTMLD
  * @see https://vkcom.github.io/VKUI/#/CalendarRange
  */
 export declare const CalendarRange: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, weekStartsOn, getRootRef, disablePickers, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, changeDayAriaLabel, prevMonthIcon, nextMonthIcon, listenDayChangesForUpdate, ...props }: CalendarRangeProps) => React.JSX.Element;
+//# sourceMappingURL=CalendarRange.d.ts.map

package/dist/cssm/components/CalendarRange/CalendarRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarRange.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAIvF,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACjE,IAAI,CACF,mBAAmB,EACjB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,qBAAqB,GACrB,eAAe,GACf,eAAe,CAClB,EACD,IAAI,CAAC,iBAAiB,EAAE,2BAA2B,CAAC;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5C,iBAAiB,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACzC,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB;AAUD;;GAEG;AACH,eAAO,MAAM,aAAa,oSAmBvB,kBAAkB,sBAwLpB,CAAC"}

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

@@ -8,3 +8,4 @@ export interface CalendarTimeProps {
     onClose?(): void;
 }
 export declare const CalendarTime: ({ value, doneButtonText, onChange, onClose, changeHoursAriaLabel, changeMinutesAriaLabel, }: CalendarTimeProps) => React.JSX.Element;
+//# sourceMappingURL=CalendarTime.d.ts.map

package/dist/cssm/components/CalendarTime/CalendarTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarTime.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB;AAkBD,eAAO,MAAM,YAAY,gGAOtB,iBAAiB,sBA8CnB,CAAC"}

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

@@ -7,3 +7,4 @@ export interface CardProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
  * @see https://vkcom.github.io/VKUI/#/Card
  */
 export declare const Card: ({ mode, ...restProps }: CardProps) => React.JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/cssm/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1E,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,cAAc,CAAC;CACvD;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,2BAAqC,SAAS,sBAa9D,CAAC"}

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

@@ -25,7 +25,7 @@
   height: 100%;
   content: '';
   display: block;
-  border: var(--vkui_internal--thin_border) solid var(--vkui--color_image_border_alpha);
+  border: var(--vkui--size_border--regular) solid var(--vkui--color_image_border_alpha);
   pointer-events: none;
   box-sizing: border-box;
   border-radius: inherit;

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

@@ -11,3 +11,4 @@ export interface CardGridProps extends HTMLAttributesWithRootRef<HTMLDivElement>
  * @see https://vkcom.github.io/VKUI/#/CardGrid
  */
 export declare const CardGrid: ({ size, spaced, ...restProps }: CardGridProps) => React.JSX.Element;
+//# sourceMappingURL=CardGrid.d.ts.map

package/dist/cssm/components/CardGrid/CardGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAexD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,mCAAkD,aAAa,sBAenF,CAAC"}

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

@@ -13,3 +13,4 @@ export interface CardScrollProps extends HTMLAttributesWithRootRef<HTMLDivElemen
  * @see https://vkcom.github.io/VKUI/#/CardScroll
  */
 export declare const CardScroll: ({ children, size, showArrows, withSpaces, ...restProps }: CardScrollProps) => React.JSX.Element;
+//# sourceMappingURL=CardScroll.d.ts.map

package/dist/cssm/components/CardScroll/CardScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardScroll.d.ts","sourceRoot":"","sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAU/F,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,6DAMpB,eAAe,sBAiFjB,CAAC"}

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

@@ -43,3 +43,4 @@ export declare const Cell: {
     ({ mode, onRemove, removePlaceholder, onDragFinish, before, after, disabled, draggable, Component: ComponentProps, onChange, name, value, checked, defaultChecked, getRootRef, draggerLabel, className, style, ...restProps }: CellProps): React.JSX.Element;
     Checkbox: ({ getRootRef, getRef, className, style, type, ...restProps }: CellCheckboxProps) => React.JSX.Element;
 };
+//# sourceMappingURL=Cell.d.ts.map

package/dist/cssm/components/Cell/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAK9E,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EACzC,cAAc,EACd,UAAU,CAAC,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;mOAoBd,SAAS;;CA2GX,CAAC"}

package/dist/cssm/components/Cell/Cell.js

@@ -56,19 +56,19 @@ import styles from './Cell.module.css';
             ...checkboxProps
         });
     }
-    const simpleCellDisabled = draggable && !selectable || removable || disabled;
+    const simpleCellDisabled = draggable && !selectable || removable && !restProps.onClick || disabled;
     const hasActive = !simpleCellDisabled && !dragging;
     const cellClasses = classNames(styles['Cell'], platform === Platform.IOS && styles['Cell--ios'], dragging && styles['Cell--dragging'], removable && styles['Cell--removable'], Component === 'label' && styles['Cell--selectable'], disabled && styles['Cell--disabled']);
-    const simpleCell = /*#__PURE__*/ React.createElement(SimpleCell, {
+    const simpleCellProps = {
         hasActive: hasActive,
-        hasHover: hasActive,
+        hasHover: hasActive && !removable,
         ...restProps,
         className: styles['Cell__content'],
         disabled: simpleCellDisabled,
         Component: Component,
         before: /*#__PURE__*/ React.createElement(React.Fragment, null, draggable && platform !== Platform.IOS && dragger, selectable && checkbox, before),
         after: /*#__PURE__*/ React.createElement(React.Fragment, null, draggable && platform === Platform.IOS && dragger, after)
-    });
+    };
     if (removable) {
         return /*#__PURE__*/ React.createElement(Removable, {
             className: classNames(cellClasses, className),
@@ -76,13 +76,16 @@ import styles from './Cell.module.css';
             getRootRef: rootElRef,
             removePlaceholder: removePlaceholder,
             onRemove: (e)=>onRemove(e, rootElRef.current)
-        }, simpleCell);
+        }, platform === Platform.IOS ? ({ isRemoving })=>/*#__PURE__*/ React.createElement(SimpleCell, {
+                ...simpleCellProps,
+                disabled: simpleCellProps.disabled || isRemoving
+            }) : /*#__PURE__*/ React.createElement(SimpleCell, simpleCellProps));
     }
     return /*#__PURE__*/ React.createElement("div", {
         className: classNames(cellClasses, className),
         style: style,
         ref: rootElRef
-    }, simpleCell);
+    }, /*#__PURE__*/ React.createElement(SimpleCell, simpleCellProps));
 };
 Cell.Checkbox = CellCheckbox;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { ListContext } from '../List/ListContext';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { useDraggable } from './useDraggable';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n  /**\n   * aria-label для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component: ComponentProps,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = 'Перенести ячейку',\n  className,\n  style,\n  ...restProps\n}: CellProps) => {\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n  const Component = selectable ? 'label' : ComponentProps;\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const { dragging, ...draggableProps } = useDraggable({\n    rootElRef,\n    onDragFinish,\n  });\n\n  const { toggleDrag } = React.useContext(ListContext);\n  React.useEffect(() => {\n    if (dragging) {\n      toggleDrag(true);\n      return () => toggleDrag(false);\n    }\n    return undefined;\n  }, [dragging, toggleDrag]);\n\n  let dragger;\n  if (draggable) {\n    dragger = (\n      <CellDragger\n        className={styles['Cell__dragger']}\n        aria-label={draggerLabel}\n        {...draggableProps}\n      />\n    );\n  }\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      onChange,\n      defaultChecked,\n      checked,\n      disabled,\n    };\n    checkbox = <CellCheckbox className={styles['Cell__checkbox']} {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled = (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    styles['Cell'],\n    platform === Platform.IOS && styles['Cell--ios'],\n    dragging && styles['Cell--dragging'],\n    removable && styles['Cell--removable'],\n    Component === 'label' && styles['Cell--selectable'],\n    disabled && styles['Cell--disabled'],\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      className={styles['Cell__content']}\n      disabled={simpleCellDisabled}\n      Component={Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== Platform.IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === Platform.IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n      >\n        {simpleCell}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      {simpleCell}\n    </div>\n  );\n};\n\nCell.Checkbox = CellCheckbox;\n"],"names":["React","classNames","noop","useExternRef","usePlatform","Platform","ListContext","Removable","SimpleCell","CellCheckbox","CellDragger","useDraggable","styles","Cell","mode","onRemove","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","ComponentProps","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","selectable","removable","platform","rootElRef","dragging","draggableProps","toggleDrag","useContext","useEffect","undefined","dragger","aria-label","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","IOS","simpleCell","hasHover","Fragment","e","current","div","ref","Checkbox"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { ListContext } from '../List/ListContext';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { useDraggable } from './useDraggable';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n  /**\n   * aria-label для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component: ComponentProps,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = 'Перенести ячейку',\n  className,\n  style,\n  ...restProps\n}: CellProps) => {\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n  const Component = selectable ? 'label' : ComponentProps;\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const { dragging, ...draggableProps } = useDraggable({\n    rootElRef,\n    onDragFinish,\n  });\n\n  const { toggleDrag } = React.useContext(ListContext);\n  React.useEffect(() => {\n    if (dragging) {\n      toggleDrag(true);\n      return () => toggleDrag(false);\n    }\n    return undefined;\n  }, [dragging, toggleDrag]);\n\n  let dragger;\n  if (draggable) {\n    dragger = (\n      <CellDragger\n        className={styles['Cell__dragger']}\n        aria-label={draggerLabel}\n        {...draggableProps}\n      />\n    );\n  }\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      onChange,\n      defaultChecked,\n      checked,\n      disabled,\n    };\n    checkbox = <CellCheckbox className={styles['Cell__checkbox']} {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled =\n    (draggable && !selectable) || (removable && !restProps.onClick) || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    styles['Cell'],\n    platform === Platform.IOS && styles['Cell--ios'],\n    dragging && styles['Cell--dragging'],\n    removable && styles['Cell--removable'],\n    Component === 'label' && styles['Cell--selectable'],\n    disabled && styles['Cell--disabled'],\n  );\n\n  const simpleCellProps = {\n    hasActive: hasActive,\n    hasHover: hasActive && !removable,\n    ...restProps,\n    className: styles['Cell__content'],\n    disabled: simpleCellDisabled,\n    Component: Component,\n    before: (\n      <React.Fragment>\n        {draggable && platform !== Platform.IOS && dragger}\n        {selectable && checkbox}\n        {before}\n      </React.Fragment>\n    ),\n    after: (\n      <React.Fragment>\n        {draggable && platform === Platform.IOS && dragger}\n        {after}\n      </React.Fragment>\n    ),\n  };\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n      >\n        {platform === Platform.IOS ? (\n          ({ isRemoving }) => (\n            <SimpleCell {...simpleCellProps} disabled={simpleCellProps.disabled || isRemoving} />\n          )\n        ) : (\n          <SimpleCell {...simpleCellProps} />\n        )}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      <SimpleCell {...simpleCellProps} />\n    </div>\n  );\n};\n\nCell.Checkbox = CellCheckbox;\n"],"names":["React","classNames","noop","useExternRef","usePlatform","Platform","ListContext","Removable","SimpleCell","CellCheckbox","CellDragger","useDraggable","styles","Cell","mode","onRemove","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","ComponentProps","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","selectable","removable","platform","rootElRef","dragging","draggableProps","toggleDrag","useContext","useEffect","undefined","dragger","aria-label","checkbox","checkboxProps","simpleCellDisabled","onClick","hasActive","cellClasses","IOS","simpleCellProps","hasHover","Fragment","e","current","isRemoving","div","ref","Checkbox"],"mappings":"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"}

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

@@ -36,7 +36,19 @@
 
 .Cell--removable .Cell__content {
   flex-grow: 1;
-  padding-right: 0;
+  /* размер removable icon */
+  padding-right: 44px;
+}
+
+.Cell--removable :global(.vkuiInternalRemovable__content) {
+  padding-left: 0;
+}
+
+/* для того чтобы активная область Cell распространялась и на область removable */
+
+.Cell--removable :global(.vkuiInternalRemovable__action) {
+  position: absolute;
+  right: 0;
   padding-left: 0;
 }
 
@@ -53,6 +65,23 @@
   margin-right: 12px;
 }
 
+.Cell--ios.Cell--removable .Cell__content {
+  /* размер removable icon + icon margins*/
+  padding-left: 48px;
+  /* правый паддинг от removable который мы обнулили ниже */
+  padding-right: var(--vkui--size_base_padding_horizontal--regular);
+}
+
+.Cell--ios.Cell--removable :global(.vkuiInternalRemovable__action) {
+  right: auto;
+  left: 0;
+  z-index: 1;
+}
+
+.Cell--ios.Cell--removable :global(.vkuiInternalRemovable__content) {
+  padding-right: 0;
+}
+
 /**
  * CMP:
  * FormItem

package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts

@@ -8,3 +8,4 @@ export interface CellCheckboxProps extends Pick<CellProps, 'defaultChecked' | 'c
     type?: 'auto' | 'circle' | 'square';
 }
 export declare const CellCheckbox: ({ getRootRef, getRef, className, style, type, ...restProps }: CellCheckboxProps) => React.JSX.Element;
+//# sourceMappingURL=CellCheckbox.d.ts.map

package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAyBpC,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,gBAAgB,GAAG,SAAS,CAAC,EACnD,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,CAAC,eAAe,CAAC,EAC3B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,iEAOtB,iBAAiB,sBA6BnB,CAAC"}

package/dist/cssm/components/Cell/CellDragger/CellDragger.d.ts

@@ -4,3 +4,4 @@ import { DraggableProps } from '../useDraggable';
 type CellDraggerProps = DraggableProps & Omit<HTMLAttributesWithRootRef<HTMLElement>, keyof DraggableProps>;
 export declare const CellDragger: ({ onDragStart, onDragMove, onDragEnd, onClick, className, ...restProps }: CellDraggerProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=CellDragger.d.ts.map

package/dist/cssm/components/Cell/CellDragger/CellDragger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellDragger.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,KAAK,gBAAgB,GAAG,cAAc,GACpC,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AAErE,eAAO,MAAM,WAAW,6EAOrB,gBAAgB,sBAsBlB,CAAC"}

package/dist/cssm/components/Cell/useDraggable.d.ts

@@ -13,3 +13,4 @@ export declare const useDraggable: <T extends HTMLElement>({ rootElRef, onDragFi
     rootElRef: React.MutableRefObject<T | null>;
 }) => UseDraggableProps;
 export {};
+//# sourceMappingURL=useDraggable.d.ts.map

package/dist/cssm/components/Cell/useDraggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/useDraggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACnC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACrC;AAED,UAAU,iBAAkB,SAAQ,cAAc;IAChD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;;uBAiHxB,CAAC"}

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

@@ -8,3 +8,4 @@ export interface CellButtonProps extends SimpleCellProps {
  * @see https://vkcom.github.io/VKUI/#/CellButton
  */
 export declare const CellButton: ({ centered, mode, className, ...restProps }: CellButtonProps) => React.JSX.Element;
+//# sourceMappingURL=CellButton.d.ts.map

package/dist/cssm/components/CellButton/CellButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CellButton/CellButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGvE,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,gDAKpB,eAAe,sBAajB,CAAC"}

package/dist/cssm/components/CellButton/CellButton.js

@@ -8,7 +8,7 @@ import styles from './CellButton.module.css';
     return /*#__PURE__*/ React.createElement(SimpleCell, {
         stopPropagation: true,
         ...restProps,
-        className: classNames(styles['CellButton'], 'vkuiInternalCellButton', mode === 'danger' && classNames(styles['CellButton--mode-danger'], 'vkuiInternalCellButton--mode-danger'), centered && styles['CellButton--centered'], className)
+        className: classNames(styles['CellButton'], mode === 'danger' && styles['CellButton--mode-danger'], centered && styles['CellButton--centered'], className)
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport styles from './CellButton.module.css';\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: 'primary' | 'danger';\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = 'primary',\n  className,\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      className={classNames(\n        styles['CellButton'],\n        'vkuiInternalCellButton',\n        mode === 'danger' &&\n          classNames(styles['CellButton--mode-danger'], 'vkuiInternalCellButton--mode-danger'),\n        centered && styles['CellButton--centered'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","SimpleCell","styles","CellButton","centered","mode","className","restProps","stopPropagation"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,2BAA2B;AACvE,OAAOC,YAAY,0BAA0B;AAO7C;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,WAAW,KAAK,EAChBC,OAAO,SAAS,EAChBC,SAAS,EACT,GAAGC,WACa;IAChB,qBACE,oBAACN;QACCO,iBAAiB;QAChB,GAAGD,SAAS;QACbD,WAAWN,WACTE,MAAM,CAAC,aAAa,EACpB,0BACAG,SAAS,YACPL,WAAWE,MAAM,CAAC,0BAA0B,EAAE,wCAChDE,YAAYF,MAAM,CAAC,uBAAuB,EAC1CI;;AAIR,EAAE"}
+{"version":3,"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport styles from './CellButton.module.css';\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: 'primary' | 'danger';\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = 'primary',\n  className,\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      className={classNames(\n        styles['CellButton'],\n        mode === 'danger' && styles['CellButton--mode-danger'],\n        centered && styles['CellButton--centered'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","SimpleCell","styles","CellButton","centered","mode","className","restProps","stopPropagation"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,2BAA2B;AACvE,OAAOC,YAAY,0BAA0B;AAO7C;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,WAAW,KAAK,EAChBC,OAAO,SAAS,EAChBC,SAAS,EACT,GAAGC,WACa;IAChB,qBACE,oBAACN;QACCO,iBAAiB;QAChB,GAAGD,SAAS;QACbD,WAAWN,WACTE,MAAM,CAAC,aAAa,EACpBG,SAAS,YAAYH,MAAM,CAAC,0BAA0B,EACtDE,YAAYF,MAAM,CAAC,uBAAuB,EAC1CI;;AAIR,EAAE"}

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

@@ -43,17 +43,13 @@
 }
 
 .CellButton {
-  color: var(--vkui--color_text_accent);
-}
+  --vkui_internal--icon_color: var(--vkui--color_icon_accent);
 
-.CellButton :global(.vkuiIcon) {
-  color: var(--vkui--color_icon_accent);
+  color: var(--vkui--color_text_accent);
 }
 
 .CellButton--mode-danger {
-  color: var(--vkui--color_text_negative);
-}
+  --vkui_internal--icon_color: var(--vkui--color_text_negative);
 
-.CellButton--mode-danger :global(.vkuiIcon) {
-  color: var(--vkui--color_icon_negative);
+  color: var(--vkui--color_text_negative);
 }