@vkontakte/vkui 7.2.0 → 7.3.0

package/src/components/Panel/Panel.tsx

@@ -26,6 +26,9 @@ const stylesMode = {
 };
 
 export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {
+  /**
+   * Центрирование содержимого.
+   */
   centered?: boolean;
   /**
    * Тип оформления панели.
@@ -40,7 +43,7 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
    */
   mode?: 'plain' | 'card';
   /**
-   * Отключает задний фон
+   * Отключает задний фон.
    */
   disableBackground?: boolean;
 }

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

@@ -31,12 +31,12 @@
 }
 
 .sizeXRegular.shadow .in {
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 0 4px rgb(0, 0, 0, 0.08);
 }
 
 @media (--sizeX-regular) {
   .sizeXNone.shadow .in {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 0 4px rgb(0, 0, 0, 0.08);
   }
 }
 

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

@@ -0,0 +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":""}

package/src/components/PanelHeader/PanelHeader.tsx

@@ -40,6 +40,11 @@ const sizeYClassNames = {
 export interface PanelHeaderProps
   extends HTMLAttributesWithRootRef<HTMLDivElement>,
     HasRef<HTMLDivElement> {
+  /**
+   * Добавляет элемент слева.
+   *
+   * При передаче нескольких элементов, расставляет отступы между ними.
+   */
   before?: React.ReactNode;
   /**
    * Добавляет элемент справа.
@@ -55,13 +60,19 @@ export interface PanelHeaderProps
    *      - либо платформа `vkcom`
    *      - либо платформа `android`/`ios` при `<AdaptivityProvider sizeX="compact" />`
    * - `"spacing"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider sizeX="regular" />`
-   * - `"auto"` автоматически подбирает либо `"separator"`, либо `"spacing"` по их условиям
+   * - `"auto"` автоматически подбирает либо `"separator"`, либо `"spacing"` по их условиям.
    */
   delimiter?: 'auto' | 'none' | 'separator' | 'spacing';
+  /**
+   * Прозрачный фон компонента.
+   */
   transparent?: boolean;
+  /**
+   * Добавление теней для компонента.
+   */
   shadow?: boolean;
   /**
-   * Высота шапки будет игнорироваться контентом панели
+   * Высота шапки будет игнорироваться контентом панели.
    */
   float?: boolean;
   /**
@@ -74,12 +85,14 @@ export interface PanelHeaderProps
   typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;
 }
 
+/* eslint-disable jsdoc/require-jsdoc */
 interface PanelHeaderInProps {
   before?: PanelHeaderProps['before'];
   after?: PanelHeaderProps['after'];
   children?: PanelHeaderProps['children'];
   typographyProps?: PanelHeaderProps['typographyProps'];
 }
+/* eslint-enable jsdoc/require-jsdoc */
 
 const PanelHeaderIn = ({ before, after, children, typographyProps = {} }: PanelHeaderInProps) => {
   const { Component = 'span', ...restProps } = typographyProps;

package/src/components/PanelHeaderBack/PanelHeaderBack.tsx

@@ -27,7 +27,13 @@ const sizeXClassNames = {
 };
 
 export type PanelHeaderBackProps = Omit<PanelHeaderButtonProps, 'children'> & {
+  /**
+   * Скрыть надпись на платформе `vkcom`.
+   */
   hideLabelOnVKCom?: boolean;
+  /**
+   * Скрыть надпись на платформе `ios`.
+   */
   hideLabelOnIOS?: boolean;
 };
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PanelHeaderButton.module.css"],"names":["host","primitive","rtl","ios","backIos","android","notPrimitive","vkcom","backVkcom","hover","active","backHasLabel","backSizeXCompact","label","backSizeXNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAaAA,M,WAbA;AAAA,E,aAiBAA,M,WAjBA;AAAA,E,aAqBAC,W,WArBA;AAAA,E,aA6BAC,K,WA7BA;AAAA,E,aAsCAC,K,WAtCA;AAAA,E,aA6CAA,K,WA7CA;AAAA,E,aA6CIF,W,WA7CJ;AAAA,E,aAmDAE,K,WAnDA;AAAA,E,aAwDAA,K,WAxDA;AAAA,E,aA6DAC,S,WA7DA;AAAA,E,aAqEAC,S,WArEA;AAAA,E,aAqEQC,c,WArER;AAAA,E,aA0EAD,S,WA1EA;AAAA,E,aA4EAA,S,WA5EA;AAAA,E,aAmFAE,O,WAnFA;AAAA,E,aAwFAC,W,WAxFA;AAAA,E,aA6FAD,O,WA7FA;AAAA,E,aAmGAA,O,WAnGA;AAAA,E,aAmGME,O,WAnGN;AAAA,E,aAqGAF,O,WArGA;AAAA,E,aAqGMG,Q,WArGN;AAAA,E,aAyGAH,O,WAzGA;AAAA,E,aA+GAA,O,WA/GA;AAAA,E,aA+GMD,c,WA/GN;AAAA,E,aAmHAE,W,WAnHA;AAAA,E,aAmHUG,c,WAnHV;AAAA,E,aAwHEP,S,WAxHF;AAAA,E,aAwHUO,c,WAxHV;AAAA,E,aAwH4BC,kB,WAxH5B;AAAA,E,aA6HAA,kB,WA7HA;AAAA,E,aA6HiBR,S,WA7HjB;AAAA,E,aA6H0BS,O,WA7H1B;AAAA,E,aAkIEC,e,WAlIF;AAAA,E,aAkIgBV,S,WAlIhB;AAAA,E,aAkIyBS,O,WAlIzB;AAAA,E,aA6IAb,M,WA7IA;AAAA,E,aAqJAA,M,WArJA;AAAA,E,aAuJAG,K,WAvJA;AAAA,E,aAkKAH,M,WAlKA;AAAA,E,aAyKAA,M,WAzKA;AAAA,E,aA2KAG,K,WA3KA;AAAA;AAAA","file":"PanelHeaderButton.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeaderButton/PanelHeaderButton.tsx

@@ -17,12 +17,22 @@ const platformClassNames = {
 };
 
 export interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {
+  /**
+   * Флаг для обозначения первичной кнопки
+   * Влияет на стилизацию кнопки.
+   */
   primary?: boolean;
-  // TODO [>=8]: добавить св-во `indicator`, чтобы разграничить кейсы
-  label?: React.ReactNode;
+  /**
+   * Текст или содержимое кнопки.
+   */
+  label?: React.ReactNode; // TODO [>=8]: добавить св-во indicator, чтобы разграничить кейсы.
 }
 
 interface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {
+  /**
+   * Флаг для обозначения первичной кнопки
+   * Наследуется от PanelHeaderButtonProps['primary'].
+   */
   primary?: PanelHeaderButtonProps['primary'];
 }
 
@@ -90,10 +100,10 @@ export const PanelHeaderButton = ({
   return (
     <Tappable
       Component={restProps.href ? 'a' : 'button'}
-      {...restProps}
       hoverMode={hoverMode}
       activeEffectDelay={200}
       activeMode={activeMode}
+      {...restProps}
       baseClassName={classNames(
         styles.host,
         platformClassNames.hasOwnProperty(platform)

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PanelHeaderContent.module.css"],"names":["host","before","in","subtitle","childrenIn","childrenText","children","aside","width","inCentered","ios","android","vkcom","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAWAC,Q,WAXA;AAAA,E,aAgBAC,I,WAhBA;AAAA,E,aA0BAC,U,WA1BA;AAAA,E,aA2BAC,Y,WA3BA;AAAA,E,aA4BAC,c,WA5BA;AAAA,E,aAkCAF,U,WAlCA;AAAA,E,aAyCAG,U,WAzCA;AAAA,E,aA+CAF,Y,WA/CA;AAAA,E,aAoDAG,O,WApDA;AAAA,E,aA4DAC,O,WA5DA;AAAA,E,aAgEAC,Y,WAhEA;AAAA,E,aAwEAC,K,WAxEA;AAAA,E,aAwEKN,Y,WAxEL;AAAA,E,aAmFAO,S,WAnFA;AAAA,E,aAmFSP,Y,WAnFT;AAAA,E,aA8F6CQ,O,WA9F7C;AAAA,E,aAqGAC,c,WArGA;AAAA,E,aAqGkBD,O,WArGlB;AAAA,E,aAqG0BR,Y,WArG1B;AAAA,E,aA0GEU,W,WA1GF;AAAA,E,aA0GiBF,O,WA1GjB;AAAA,E,aA0GyBR,Y,WA1GzB;AAAA;AAAA","file":"PanelHeaderContent.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeaderContent/PanelHeaderContent.tsx

@@ -23,13 +23,28 @@ const sizeYClassNames = {
 };
 
 export interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+  /**
+   * Компонент отображаемый после содержимого.
+   */
   aside?: React.ReactNode;
+  /**
+   * Компонент отображаемый до содержимого.
+   */
   before?: React.ReactNode;
+  /**
+   * Подпись под основным текстом.
+   */
   subtitle?: React.ReactNode;
 }
 
 interface PanelHeaderChildrenProps extends HasChildren {
+  /**
+   * Есть ли подпись.
+   */
   hasSubtitle: boolean;
+  /**
+   * Есть ли `before`.
+   */
   hasBefore: boolean;
 }
 

package/src/components/PanelHeaderContext/PanelHeaderContext.module.css

@@ -37,7 +37,7 @@
   display: var(--vkui_internal--PanelHeaderContext__fade_display);
   inline-size: 100%;
   block-size: 100%;
-  background: rgba(0, 0, 0, 0.4);
+  background: rgb(0, 0, 0, 0.4);
 }
 
 .opened .fade {
@@ -110,8 +110,8 @@
 
 .sizeXRegular .content {
   box-shadow:
-    0 0 4px rgba(0, 0, 0, 0.08),
-    0 8px 8px rgba(0, 0, 0, 0.16);
+    0 0 4px rgb(0, 0, 0, 0.08),
+    0 8px 8px rgb(0, 0, 0, 0.16);
 }
 
 @media (--sizeX-regular) {
@@ -126,8 +126,8 @@
 
   .sizeXNone .content {
     box-shadow:
-      0 0 4px rgba(0, 0, 0, 0.08),
-      0 8px 8px rgba(0, 0, 0, 0.16);
+      0 0 4px rgb(0, 0, 0, 0.08),
+      0 8px 8px rgb(0, 0, 0, 0.16);
   }
 }
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PanelHeaderContext.module.css"],"names":["host","sizeXCompact","sizeXNone","in","fade","opened","closing","content","ios","sizeXRegular"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAQAC,c,WARA;AAAA,E,aAeEC,W,WAfF;AAAA,E,aAsBAC,I,WAtBA;AAAA,E,aA+BAC,M,WA/BA;AAAA,E,aA0CAC,Q,WA1CA;AAAA,E,aA0CQD,M,WA1CR;AAAA,E,aA8CAE,S,WA9CA;AAAA,E,aA8CSF,M,WA9CT;AAAA,E,aAkDAC,Q,WAlDA;AAAA,E,aAkDQF,I,WAlDR;AAAA,E,aAsDAG,S,WAtDA;AAAA,E,aAsDSH,I,WAtDT;AAAA,E,aA2DEE,Q,WA3DF;AAAA,E,aA2DUF,I,WA3DV;AAAA,E,aA+DEG,S,WA/DF;AAAA,E,aA+DWH,I,WA/DX;AAAA,E,aAoEAI,S,WApEA;AAAA,E,aAyEAC,K,WAzEA;AAAA,E,aAyEKL,I,WAzEL;AAAA,E,aAkFAH,M,WAlFA;AAAA,E,aAkFUQ,K,WAlFV;AAAA,E,aAkFgBD,S,WAlFhB;AAAA,E,aAmFAE,c,WAnFA;AAAA,E,aAmFaD,K,WAnFb;AAAA,E,aAmFkBD,S,WAnFlB;AAAA,E,aA0FEL,W,WA1FF;AAAA,E,aA0FYM,K,WA1FZ;AAAA,E,aA0FiBD,S,WA1FjB;AAAA,E,aAqGAE,c,WArGA;AAAA,E,aAqGcN,I,WArGd;AAAA,E,aA0GAM,c,WA1GA;AAAA,E,aA0GcF,S,WA1Gd;AAAA,E,aA8GAE,c,WA9GA;AAAA,E,aA8GcF,S,WA9Gd;AAAA,E,aAqHEL,W,WArHF;AAAA,E,aAqHaC,I,WArHb;AAAA,E,aA0HED,W,WA1HF;AAAA,E,aA0HaK,S,WA1Hb;AAAA,E,aA8HEL,W,WA9HF;AAAA,E,aA8HaK,S,WA9Hb;AAAA;AAAA","file":"PanelHeaderContext.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeaderContext/PanelHeaderContext.tsx

@@ -18,7 +18,15 @@ const sizeXClassNames = {
 };
 
 export interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+  /**
+   * Управление состоянием всплывающего элемента
+   * true - элемент открыт, false - элемент закрыт.
+   */
   opened: boolean;
+
+  /**
+   * Обработчик закрытия всплывающего элемента.
+   */
   onClose: VoidFunction;
 }
 

package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx

@@ -17,15 +17,15 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
 
 export interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'label' | 'children'> {
   /**
-   * Включен ли режим редактирования
+   * Включен ли режим редактирования.
    */
   isActive?: boolean;
   /**
-   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS
+   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.
    */
   editLabel?: string;
   /**
-   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS
+   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.
    */
   doneLabel?: string;
 }

package/src/components/PanelSpinner/PanelSpinner.tsx

@@ -1,17 +1,24 @@
 import * as React from 'react';
+import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';
 import { Spinner, type SpinnerProps } from '../Spinner/Spinner';
 
 export interface PanelSpinnerProps extends SpinnerProps {
+  /**
+   * Высота компонента.
+   */
   height?: number;
 }
 
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelSpinner
  */
-export const PanelSpinner: React.FC<PanelSpinnerProps> = React.memo(
+// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames
+export const PanelSpinner = React.memo(
   ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (
     <Spinner size="m" {...restProps} style={{ height, ...style }} />
   ),
 );
 
-PanelSpinner.displayName = 'PanelSpinner';
+if (process.env.NODE_ENV !== 'production') {
+  defineComponentDisplayNames(PanelSpinner, 'PanelSpinner');
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Placeholder.module.css"],"names":["host","withPadding","stretched","icon","title","description","action"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,a,WATA;AAAA,E,aAcAC,W,WAdA;AAAA,E,aAmBAC,M,WAnBA;AAAA,E,aA0BAC,O,WA1BA;AAAA,E,aA8BAC,a,WA9BA;AAAA,E,aAkCAD,O,WAlCA;AAAA,E,aAkCSC,a,WAlCT;AAAA,E,aAsCAC,Q,WAtCA;AAAA;AAAA","file":"Placeholder.module.css.d.ts","sourceRoot":""}

package/src/components/Placeholder/Placeholder.tsx

@@ -9,11 +9,11 @@ import styles from './Placeholder.module.css';
 export interface PlaceholderContainerProps
   extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {
   /**
-   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер
+   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.
    */
   stretched?: boolean;
   /**
-   * Убирает отступы у компонента
+   * Убирает отступы у компонента.
    */
   noPadding?: boolean;
 }
@@ -62,15 +62,15 @@ const PlaceholderActions = (props: PlaceholderActionsProps): React.ReactNode =>
 
 export interface PlaceholderProps extends PlaceholderContainerProps {
   /**
-   * Иконка
+   * Иконка.
    */
   icon?: React.ReactNode;
   /**
-   * Заголовок плейсхолдера
+   * Заголовок плейсхолдера.
    */
   title?: React.ReactNode;
   /**
-   * Кнопка действия
+   * Кнопка действия.
    */
   action?: React.ReactNode;
 }

package/src/components/PlatformProvider/PlatformProvider.tsx

@@ -5,14 +5,17 @@ import { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride
 
 export interface PlatformProviderProps {
   /**
-   * Платформа
+   * Платформа.
    */
   value: PlatformType;
+  /**
+   * Содержимое.
+   */
   children: React.ReactNode;
 }
 
 /**
- * Компонент, позволяющий переопределить платформу для части приложения
+ * Компонент, позволяющий переопределить платформу для части приложения.
  *
  * @since 5.1.0
  * @see https://vkcom.github.io/VKUI/#/PlatformProvider

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PopoutWrapper.module.css"],"names":["host","opened","closing","fixed","absolute","overlay","masked","container","content","alignYCenter","alignYBottom","alignYTop","alignXCenter","alignXLeft","alignXRight"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,Q,WATA;AAAA,E,aAaAC,S,WAbA;AAAA,E,aAiBAC,O,WAjBA;AAAA,E,aAqBAC,U,WArBA;AAAA,E,aAyBAC,S,WAzBA;AAAA,E,aAkCAJ,Q,WAlCA;AAAA,E,aAkCQI,S,WAlCR;AAAA,E,aAsCAH,S,WAtCA;AAAA,E,aAsCSG,S,WAtCT;AAAA,E,aA4CAC,Q,WA5CA;AAAA,E,aA4CQD,S,WA5CR;AAAA,E,aAgDAF,O,WAhDA;AAAA,E,aAgDOE,S,WAhDP;AAAA,E,aAiDAD,U,WAjDA;AAAA,E,aAiDUC,S,WAjDV;AAAA,E,aAqDAE,W,WArDA;AAAA,E,aA6DAC,S,WA7DA;AAAA,E,aAsEAA,S,WAtEA;AAAA,E,aA0EAC,c,WA1EA;AAAA,E,aA0EcF,W,WA1Ed;AAAA,E,aA8EAG,c,WA9EA;AAAA,E,aA8EcH,W,WA9Ed;AAAA,E,aAkFAI,W,WAlFA;AAAA,E,aAkFWJ,W,WAlFX;AAAA,E,aAsFAK,c,WAtFA;AAAA,E,aAsFcL,W,WAtFd;AAAA,E,aA0FAM,Y,WA1FA;AAAA,E,aA0FYN,W,WA1FZ;AAAA,E,aA8FAO,a,WA9FA;AAAA,E,aA8FaP,W,WA9Fb;AAAA;AAAA","file":"PopoutWrapper.module.css.d.ts","sourceRoot":""}

package/src/components/PopoutWrapper/PopoutWrapper.tsx

@@ -26,11 +26,11 @@ const stylesStrategy = {
 
 export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
   /**
-   * Позволяет сделать прозрачную подложку
+   * Позволяет сделать прозрачную подложку.
    */
   noBackground?: boolean;
   /**
-   * @deprecated будет удалён в **VKUI v8**
+   * @deprecated Будет удалён в **VKUI v8**
    * Используйте `strategy` вместо этого свойства.
    *
    * Включает фиксированное позиционирование.
@@ -43,7 +43,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
    *
    * - `fixed`: у контейнера выставлен `position: fixed`
    * - `absolute`: у контейнера выставлен `position: absolute`
-   * - `none`: у контейнера не выставлен `position`
+   * - `none`: у контейнера не выставлен `position`.
    *
    * @default 'fixed'
    */
@@ -61,7 +61,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
    */
   closing?: boolean;
   /**
-   * Позволяет задать z-index через токен или числом
+   * Позволяет задать z-index через токен или числом.
    */
   zIndex?: number | string;
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Popover.module.css"],"names":["host","in","inWithStyling","arrow","hidden"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAKAA,M,WALA;AAAA,E,aAWAC,I,WAXA;AAAA,E,aAeAC,e,WAfA;AAAA,E,aAqBAC,O,WArBA;AAAA,E,aAyBAC,Q,WAzBA;AAAA;AAAA","file":"Popover.module.css.d.ts","sourceRoot":""}

package/src/components/Popover/Popover.tsx

@@ -80,10 +80,10 @@ export interface PopoverProps
    * У `content`:
    * - _background_
    * - _border-radius_
-   * - _box-shadow_
+   * - _box-shadow_.
    *
    * У `arrow`:
-   * - _color_
+   * - _color_.
    *
    * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно
    * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.
@@ -101,16 +101,19 @@ export interface PopoverProps
    * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).
    * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,
    *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.
-   *    (см. https://github.com/VKCOM/VKUI/pull/4496).
+   *    (смотри https://github.com/VKCOM/VKUI/pull/4496).
    * 3. Передайте высоту иконки в параметр `arrowHeight`. В значении высоты можно исключить хак с `1px` из п.2.
    * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
    * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
    */
   ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
   /**
-   * Используется для того, чтобы не удалять поповер из DOM дерева при скрытии.
+   * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.
    */
   keepMounted?: boolean;
+  /**
+   * Управление автоматическим фокусом при открытии всплывающего элемента.
+   */
   autoFocus?: FocusTrapProps['autoFocus'];
 }
 

package/src/components/Popover/usePopover.tsx

@@ -21,8 +21,17 @@ export type UsePopoverProps = Omit<PopoverProps, 'children'> & {
 };
 
 export type UsePopoverResult<ElementType extends HTMLElement = HTMLElement> = {
+  /**
+   * Реф на якорный элемент.
+   */
   anchorRef: Ref<ElementType>;
+  /**
+   * Свойства для якорного элемента, содержит необходимые обработчики.
+   */
   anchorProps: ReferenceProps<ElementType>;
+  /**
+   * Отрендеренный компонент всплывающего элемента.
+   */
   popover: React.ReactNode | null;
 };
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Popper.module.css"],"names":["host"],"mappings":"AAAA;AAAA,E,aAaAA,M,WAbA;AAAA;AAAA","file":"Popper.module.css.d.ts","sourceRoot":""}

package/src/components/Popper/Popper.tsx

@@ -73,7 +73,7 @@ export interface PopperCommonProps
    * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).
    * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,
    *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.
-   *    (см. https://github.com/VKCOM/VKUI/pull/4496).
+   *    (смотри https://github.com/VKCOM/VKUI/pull/4496).
    * 3. Передайте высоту иконки в параметр `arrowHeight`. В значении высоты можно исключить хак с `1px` из п.2.
    * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
    * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
@@ -86,6 +86,9 @@ export interface PopperCommonProps
 }
 
 export interface PopperProps extends PopperCommonProps {
+  /**
+   * Ref на якорный элемент.
+   */
   targetRef: React.RefObject<HTMLElement | null> | VirtualElement;
 }
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Progress.module.css"],"names":["host","trackDisable","appearanceAccent","appearancePositive","appearanceNegative"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,c,WATA;AAAA,E,aAaAD,M,WAbA;AAAA,E,aAuBAE,kB,WAvBA;AAAA,E,aA2BAC,oB,WA3BA;AAAA,E,aA+BAC,oB,WA/BA;AAAA;AAAA","file":"Progress.module.css.d.ts","sourceRoot":""}

package/src/components/Progress/Progress.tsx

@@ -22,16 +22,19 @@ function progressCustomHeightStyle(height: number | undefined): React.CSSPropert
 
 export interface ProgressProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
   /**
-   * Стиль отображения прогрессбара
+   * Стиль отображения прогрессбара.
+   */
+  appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}`;
+  /**
+   * Значение прогресса.
    */
-  appearance?: 'accent' | 'positive' | 'negative' | `--${string}` | `#${string}`;
   value?: number;
   /**
    * Высота элемента.
    */
   height?: number;
   /**
-   * Сделать прогрессбар прозрачным
+   * Сделать прогрессбар прозрачным.
    */
   trackDisable?: boolean;
 }

package/src/components/PullToRefresh/PullToRefresh.module.css

@@ -29,7 +29,7 @@
   color: var(--vkui--color_icon_accent);
   background: var(--vkui--color_background_modal);
   border-radius: 50%;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 6px rgb(0, 0, 0, 0.2);
   opacity: 0;
   transition:
     transform 300ms cubic-bezier(0.1, 0, 0.25, 1),

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PullToRefresh.module.css"],"names":["host","refreshing","controls","ios","spinner","watching","spinnerSelf","spinnerPath","spinnerOn","content"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,Y,WANA;AAAA,E,aAWAC,U,WAXA;AAAA,E,aAgBAF,M,WAhBA;AAAA,E,aAgBUG,K,WAhBV;AAAA,E,aAgBgBD,U,WAhBhB;AAAA,E,aAoBAE,S,WApBA;AAAA,E,aAsCAD,K,WAtCA;AAAA,E,aAsCKC,S,WAtCL;AAAA,E,aA6CAC,U,WA7CA;AAAA,E,aA6CUD,S,WA7CV;AAAA,E,aAiDAE,a,WAjDA;AAAA,E,aAqDAH,K,WArDA;AAAA,E,aAqDIF,Y,WArDJ;AAAA,E,aAqDgBK,a,WArDhB;AAAA,E,aAyDAC,a,WAzDA;AAAA,E,aA+DAF,U,WA/DA;AAAA,E,aA+DUE,a,WA/DV;AAAA,E,aAgEAN,Y,WAhEA;AAAA,E,aAgEYM,a,WAhEZ;AAAA,E,aAoEAC,W,WApEA;AAAA,E,aAoEWD,a,WApEX;AAAA,E,aAwEAE,S,WAxEA;AAAA,E,aAgFAJ,U,WAhFA;AAAA,E,aAgFUI,S,WAhFV;AAAA;AAAA","file":"PullToRefresh.module.css.d.ts","sourceRoot":""}

package/src/components/PullToRefresh/PullToRefresh.tsx

@@ -33,11 +33,11 @@ function cancelEvent(event: CustomTouchEvent) {
 
 export interface PullToRefreshProps extends DOMProps, TouchProps, HasChildren {
   /**
-   * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)
+   * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным обработчиком).
    */
   onRefresh: AnyFunction;
   /**
-   * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`
+   * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`.
    */
   isFetching?: boolean;
   /** @ignore */

package/src/components/PullToRefresh/PullToRefreshSpinner.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import { classNames } from '@vkontakte/vkjs';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import { RootComponent } from '../RootComponent/RootComponent';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Radio.module.css"],"names":["host"],"mappings":"AAAA;AAAA,E,aAKiCA,M,WALjC;AAAA;AAAA","file":"Radio.module.css.d.ts","sourceRoot":""}

package/src/components/Radio/Radio.tsx

@@ -15,10 +15,16 @@ export interface RadioProps
       TappableProps,
       'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'
     > {
+  /**
+   * Дополнительное описание под основным текстом.
+   */
   description?: React.ReactNode;
+  /**
+   * Элемент после основного текста.
+   */
   titleAfter?: React.ReactNode;
   /**
-   * Позволяет передавать data-* аттрибуты элементу label
+   * Позволяет передавать data-* аттрибуты элементу label.
    **/
   labelProps?: HasDataAttribute;
 }

package/src/components/Radio/RadioInput/RadioInput.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./RadioInput.module.css"],"names":["icon","input","pin"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,O,WAPA;AAAA,E,aAOiBD,M,WAPjB;AAAA,E,aAWAA,M,WAXA;AAAA,E,aAWME,K,WAXN;AAAA,E,aAiBAD,O,WAjBA;AAAA,E,aAiBiBD,M,WAjBjB;AAAA,E,aAiBuBE,K,WAjBvB;AAAA;AAAA","file":"RadioInput.module.css.d.ts","sourceRoot":""}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./RadioGroup.module.css"],"names":["modeHorizontal","host"],"mappings":"AAAA;AAAA,E,aAAAA,gB,WAAA;AAAA,E,aAS+BC,M,WAT/B;AAAA;AAAA","file":"RadioGroup.module.css.d.ts","sourceRoot":""}

package/src/components/RadioGroup/RadioGroup.tsx

@@ -5,6 +5,9 @@ import { RootComponent } from '../RootComponent/RootComponent';
 import styles from './RadioGroup.module.css';
 
 export interface RadioGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+  /**
+   * Режим расположения элементов.
+   */
   mode?: 'vertical' | 'horizontal';
 }
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Removable.module.css"],"names":["content","withPadding","rtl","action","alignStart","disabled","ios","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,Y,WA/BA;AAAA,E,aA+BYD,Q,WA/BZ;AAAA,E,aAmCAE,U,WAnCA;AAAA,E,aA0CAC,K,WA1CA;AAAA,E,aA8CAC,Q,WA9CA;AAAA,E,aA6DAC,U,WA7DA;AAAA,E,aAqEAC,Q,WArEA;AAAA,E,aA8EAC,U,WA9EA;AAAA,E,aAyFAA,U,WAzFA;AAAA,E,aAiGAA,U,WAjGA;AAAA,E,aA0GAJ,K,WA1GA;AAAA,E,aA0GKN,S,WA1GL;AAAA,E,aA+GAW,Q,WA/GA;AAAA,E,aA+GQR,Q,WA/GR;AAAA,E,aA0H0CH,S,WA1H1C;AAAA,E,aA4HiDA,S,WA5HjD;AAAA,E,aAiIAY,Q,WAjIA;AAAA,E,aAsIoFA,Q,WAtIpF;AAAA,E,aAwI2FA,Q,WAxI3F;AAAA,E,aAkJIA,Q,WAlJJ;AAAA,E,aAqJIA,Q,WArJJ;AAAA,E,aA8JQA,Q,WA9JR;AAAA,E,aAiKQA,Q,WAjKR;AAAA;AAAA","file":"Removable.module.css.d.ts","sourceRoot":""}

package/src/components/Removable/Removable.tsx

@@ -21,27 +21,28 @@ export interface RemovableProps {
    */
   removePlaceholder?: React.ReactNode;
   /**
-   * Коллбэк срабатывает при клике на контрол удаления.
+   * Обработчик, срабатывающий при нажатии на контрол удаления.
    */
   onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;
   /**
-   * Передает атрибут `data-testid` для кнопки, которая активирует кнопку удаления (iOS only)
+   * Передает атрибут `data-testid` для кнопки, которая активирует кнопку удаления (iOS only).
    */
   toggleButtonTestId?: string;
   /**
-   * Передает атрибут `data-testid` для кнопки удаления
+   * Передает атрибут `data-testid` для кнопки удаления.
    */
   removeButtonTestId?: string;
   /**
-   * Ячейка превращается в неактивную
+   * Блокировка взаимодействия с компонентом.
    */
   disabled?: boolean;
 }
-
+/* eslint-disable jsdoc/require-jsdoc */
 interface RemovableIosOwnProps extends RemovableProps {
   removePlaceholderString?: string;
   children?: React.ReactNode | ((renderProps: RemovableIosRenderProps) => React.ReactNode);
 }
+/* eslint-enable jsdoc/require-jsdoc */
 
 /**
  * @see https://vkcom.github.io/VKUI/#/RemovableIos
@@ -137,8 +138,8 @@ const RemovableIos = ({
 
 interface RemovableIosRenderProps {
   /**
-   * Показывает состояние Removable на платформе iOS при клике на иконку удаления.
-   * Для имитации поведения на iOS при клике на иконку удаления самого удаление не происходит,
+   * Показывает состояние Removable на платформе iOS при нажатии на иконку удаления.
+   * Для имитации поведения на iOS при нажатии на иконку удаления самого удаление не происходит,
    * контент сдвигается влево и справа выезжает настоящая кнопка "Удалить".
    * Когда контент сдвинут `isRemoving = true`.
    */
@@ -158,9 +159,12 @@ interface RemovableOwnProps
    */
   indent?: boolean;
   /**
-   * Убирает базовые отступы для базовой платформы
+   * Убирает базовые отступы для базовой платформы.
    */
   noPadding?: boolean;
+  /**
+   * Содержимое. Можно передать функцию для отрисовки.
+   */
   children?: React.ReactNode | ((renderProps: RemovableIosRenderProps) => React.ReactNode);
 }