@vkontakte/vkui 4.33.4 → 4.34.2

package/VKUI_TOKENS_MIGRATION_GUIDE.md

@@ -1,76 +0,0 @@
-# Гайд по переводу компонента на vkui-tokens
-
-## Текущее положение дел
-
-Обычно стили компонента выглядят так:
-
-```css
-/* Button.css */
-
-.Button {
-  background: var(--button_primary_background); /* Кроссплатформенные стили */
-}
-
-.Button--ios {
-  border-radius: 10px; /* Стили для vk ios */
-}
-
-.Button--android {
-  border-radius: 8px; /* Стили для vk android */
-}
-
-.Button--vkcom {
-  border-radius: 4px; /* Стили для vkcom */
-}
-```
-
-`--button_primary_background` — токен из [Appearance](https://github.com/VKCOM/Appearance).
-
-## Внедрение vkui-tokens
-
-### Промежуточный вариант
-
-Промежуточный вариант позволяет пользователям использовать либо Appearance, либо vkui-tokens.
-
-```css
-/* Button.css */
-
-.Button {
-  background-color: var(
-    --button_primary_background,
-    var(--vkui--color_background_accent)
-  );
-  border-radius: var(--vkui--size_border_radius--regular);
-}
-```
-
-Если создаётся новый компонент, то там Appearance можно уже не использовать:
-
-```css
-/* Button.css */
-
-.Button {
-  background-color: var(--vkui--color_background_accent);
-  border-radius: var(--vkui--size_border_radius--regular);
-}
-```
-
-#### Чеклист перевода компонента на vkui-tokens
-
-- В стилях компонента не осталось платформенных селекторов типа `.Button--ios`, `.Button--vkcom`, `.Button--android`
-- Если в стилях встречаются токены из Appearance, то их нужно не удалять, а дополнять фоллбэком на соответствующий токен из vkui-tokens
-- В tsx компонента не осталось логики, которая зависит от платформы
-- Компонент добавлен в `src/tokenized/index.ts` (в `src/index.ts` он так же должен быть)
-
-### После отказа от Appearance
-
-В следующей мажорной версии мы откажемся от Appearance. После отказа останутся только токены из vkui-tokens:
-
-```css
-/* Button.css */
-
-.Button {
-  background-color: var(--vkui--color_background_accent);
-  border-radius: var(--vkui--size_border_radius--regular);
-}
-```

package/dist/cjs/appearance/constants.d.ts

@@ -1 +0,0 @@
-export declare const tabbarHeight = 48;

package/dist/cjs/components/ActionSheet/ActionSheet.d.ts

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { PopupDirection, ToggleRef } from "./types";
-import "./ActionSheet.css";
-export interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {
-    header?: React.ReactNode;
-    text?: React.ReactNode;
-    /**
-     * Закрыть попап по клику снаружи. В v5 будет обязательным.
-     */
-    onClose?: VoidFunction;
-    /**
-     * Элемент, рядом с которым вылезает попап на десктопе.
-     * Лучше передавать RefObject c current.
-     * В v5 будет обязательным.
-     */
-    toggleRef?: ToggleRef;
-    /**
-     * Направление на десктопе
-     */
-    popupDirection?: PopupDirection;
-    /**
-     * Только iOS. В v5 будет обязательным.
-     */
-    iosCloseItem?: React.ReactNode;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/ActionSheet
- */
-export declare const ActionSheet: React.FC<ActionSheetProps>;

package/dist/cjs/components/ActionSheet/ActionSheetContext.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-export declare type ActionType<T> = (event: React.MouseEvent<T>) => void;
-export declare type ItemClickHandler<T extends Element = Element> = (action: ActionType<T> | undefined, immediateAction: ActionType<T> | undefined, autoclose: boolean) => (event: React.MouseEvent) => void;
-export declare type ActionSheetContextType<T extends Element = Element> = {
-    onItemClick?: ItemClickHandler<T>;
-    isDesktop?: boolean;
-};
-export declare const ActionSheetContext: React.Context<ActionSheetContextType<any>>;

package/dist/cjs/components/ActionSheet/ActionSheetDropdown.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { SharedDropdownProps } from "./types";
-import "./ActionSheet.css";
-export declare const ActionSheetDropdown: React.FC<SharedDropdownProps>;

package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import { SharedDropdownProps } from "./types";
-import "./ActionSheet.css";
-export declare const ActionSheetDropdownDesktop: React.FC<SharedDropdownProps>;

package/dist/cjs/components/ActionSheet/types.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { FocusTrapProps } from "../FocusTrap/FocusTrap";
-export declare type PopupDirection = "top" | "bottom" | ((elRef: React.RefObject<HTMLDivElement>) => "top" | "bottom");
-export declare type ToggleRef = Element | null | undefined | React.RefObject<Element>;
-export interface SharedDropdownProps extends React.AllHTMLAttributes<HTMLElement>, FocusTrapProps {
-    closing: boolean;
-    toggleRef: ToggleRef;
-    popupDirection: PopupDirection;
-}

package/dist/cjs/components/ActionSheetItem/ActionSheetItem.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
-import "./ActionSheetItem.css";
-export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement>, Pick<React.InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value">, AdaptivityProps {
-    mode?: "default" | "destructive" | "cancel";
-    before?: React.ReactNode;
-    meta?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    autoclose?: boolean;
-    selectable?: boolean;
-    disabled?: boolean;
-    /**
-     * Если autoclose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.
-     * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.
-     * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.
-     */
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onImmediateClick?: React.MouseEventHandler<HTMLElement>;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
- */
-export declare const ActionSheetItem: React.FC<Pick<ActionSheetItemProps, "disabled" | "media" | "hidden" | "dir" | "meta" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "target" | "type" | "role" | "tabIndex" | "href" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "referrerPolicy" | "rel" | "value" | "download" | "ping" | "checked" | "before" | "autoclose" | "subtitle" | "selectable" | "onImmediateClick"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.d.ts

@@ -1,46 +0,0 @@
-import * as React from "react";
-export declare enum SizeType {
-    COMPACT = "compact",
-    REGULAR = "regular"
-}
-export declare enum ViewWidth {
-    SMALL_MOBILE = 1,
-    MOBILE = 2,
-    SMALL_TABLET = 3,
-    TABLET = 4,
-    DESKTOP = 5
-}
-export declare enum ViewHeight {
-    EXTRA_SMALL = 1,
-    SMALL = 2,
-    MEDIUM = 3
-}
-export interface SizeProps {
-    sizeX?: SizeType;
-    sizeY?: SizeType;
-}
-export interface AdaptivityProps extends SizeProps {
-    /**
-     * @ignore
-     */
-    viewWidth?: ViewWidth;
-    /**
-     * @ignore
-     */
-    viewHeight?: ViewHeight;
-    /**
-     * @ignore
-     */
-    hasMouse?: boolean;
-    /**
-     * @ignore
-     */
-    deviceHasHover?: boolean;
-}
-export interface AdaptivityContextInterface extends SizeProps {
-    viewWidth: ViewWidth;
-    viewHeight: ViewHeight;
-    hasMouse: boolean;
-    deviceHasHover: boolean;
-}
-export declare const AdaptivityContext: React.Context<AdaptivityContextInterface>;

package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { AdaptivityProps } from "./AdaptivityContext";
-export declare const DESKTOP_SIZE = 1280;
-export declare const TABLET_SIZE = 1024;
-export declare const SMALL_TABLET_SIZE = 768;
-export declare const MOBILE_SIZE = 320;
-export declare const MOBILE_LANDSCAPE_HEIGHT = 414;
-export declare const MEDIUM_HEIGHT = 720;
-/**
- * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
- */
-declare const AdaptivityProvider: React.FC<AdaptivityProps>;
-export { AdaptivityProvider };

package/dist/cjs/components/Alert/Alert.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { ButtonProps } from "../Button/Button";
-import "./Alert.css";
-export declare type AlertActionInterface = AlertAction & React.AnchorHTMLAttributes<HTMLElement>;
-export interface AlertAction extends Pick<ButtonProps, "Component" | "href"> {
-    title: string;
-    action?: VoidFunction;
-    autoclose?: boolean;
-    mode: "cancel" | "destructive" | "default";
-}
-export interface AlertProps extends React.HTMLAttributes<HTMLElement> {
-    actionsLayout?: "vertical" | "horizontal";
-    actions?: AlertAction[];
-    header?: React.ReactNode;
-    text?: React.ReactNode;
-    onClose?: VoidFunction;
-    /**
-     * `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.
-     */
-    dismissLabel?: string;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/Alert
- */
-export declare const Alert: React.FC<AlertProps>;

package/dist/cjs/components/AppRoot/AppRoot.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
-import "./AppRoot.css";
-export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement>, Pick<AdaptivityProps, "sizeX" | "hasMouse"> {
-    /** @deprecated Use mode="embedded" */
-    embedded?: boolean;
-    /** Режим встраивания */
-    mode?: "partial" | "embedded" | "full";
-    window?: Window;
-    /** Убирает классы без префикса (.Button) */
-    noLegacyClasses?: boolean;
-    scroll?: "global" | "contain";
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/AppRoot
- */
-export declare const AppRoot: React.FC<Pick<AppRootProps, "window" | "hidden" | "dir" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "embedded" | "noLegacyClasses"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/AppRoot/AppRootContext.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-export interface AppRootContextInterface {
-    appRoot?: React.RefObject<HTMLDivElement>;
-    portalRoot?: HTMLDivElement | null;
-    embedded?: boolean;
-    mode?: "partial" | "embedded" | "full";
-    keyboardInput?: boolean;
-}
-export declare const AppRootContext: React.Context<AppRootContextInterface>;

package/dist/cjs/components/AppRoot/AppRootPortal.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-export declare const AppRootPortal: React.FC<React.PropsWithChildren<{
-    className?: string;
-    forcePortal?: boolean;
-}>>;

package/dist/cjs/components/AppRoot/ScrollContext.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-export interface ScrollContextInterface {
-    getScroll(): {
-        x: number;
-        y: number;
-    };
-    scrollTo(x?: number, y?: number): void;
-    isScrollLock: boolean;
-    enableScrollLock(): void;
-    disableScrollLock(): void;
-    beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;
-}
-export declare const ScrollContext: React.Context<ScrollContextInterface>;
-export declare const useScroll: () => ScrollContextInterface;
-export interface ScrollControllerProps {
-    elRef: React.RefObject<HTMLElement>;
-}
-export declare const GlobalScrollController: React.FC<ScrollControllerProps>;
-export declare const ElementScrollController: React.FC<ScrollControllerProps>;
-/**
- * Вызывает функцию effect, до блокировки прокрутки
- * @param effect функция, которая может возвращать функцию очистки
- * @param deps effect обновится только при изменении значений в списке.
- */
-export declare const useScrollLockEffect: (effect: React.EffectCallback, deps: React.DependencyList) => void;
-export declare const useScrollLock: (enabled?: boolean) => void;

package/dist/cjs/components/AppearanceProvider/AppearanceProvider.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { AppearanceType } from "@vkontakte/vk-bridge";
-export interface AppearanceProviderProps {
-    appearance?: AppearanceType;
-}
-export declare const generateVKUITokensClassName: (platform: string, appearance: string) => string;
-/**
- * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
- */
-export declare const AppearanceProvider: React.FC<AppearanceProviderProps>;

package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import { AppearanceType } from "@vkontakte/vk-bridge";
-export declare const AppearanceProviderContext: React.Context<AppearanceType>;

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

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { HasRef, HasRootRef } from "../../types";
-import "./Avatar.css";
-export interface AvatarProps extends React.ImgHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLImageElement> {
-    /**
-     * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24
-     */
-    size?: number;
-    mode?: "default" | "image" | "app";
-    shadow?: boolean;
-    badge?: "online" | "online-mobile" | JSX.Element;
-    overlayIcon?: JSX.Element;
-    overlayMode?: "dark" | "light";
-    /**
-     * Поведение показа overlay: "hover" - при наведении, "always" - всегда
-     */
-    overlayAction?: "hover" | "always";
-}
-export declare const AVATAR_DEFAULT_SIZE = 48;
-export declare const AVATAR_DEFAULT_SHADOW = true;
-/**
- * @see https://vkcom.github.io/VKUI/#/Avatar
- */
-export declare const Avatar: React.FC<AvatarProps>;

package/dist/cjs/components/Badge/Badge.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import "./Badge.css";
-export interface BadgeProps extends React.HTMLAttributes<HTMLElement> {
-    mode: "new" | "prominent";
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/Badge
- */
-export declare const Badge: React.FC<BadgeProps>;

package/dist/cjs/components/Banner/Banner.d.ts

@@ -1,67 +0,0 @@
-import * as React from "react";
-import "./Banner.css";
-export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Тип баннера.
-     */
-    mode?: "tint" | "image";
-    size?: "s" | "m";
-    /**
-     * Тип действия в правой части баннера.
-     *
-     * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.
-     * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.
-     */
-    asideMode?: "dismiss" | "expand";
-    /**
-     * Срабатывает при клике на иконку крестика при `asideMode="dismiss"`.
-     */
-    onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * `aria-label` для кнопки при `asideMode="dismiss". Необходим, чтобы кнопка была доступной.
-     */
-    dismissLabel?: string;
-    /**
-     * Содержимое, отображаемое в левой части баннера.
-     */
-    before?: React.ReactNode;
-    /**
-     * Заголовок. <br />
-     * При использовании этого свойства рекомендуется не указывать `text`.
-     */
-    header?: React.ReactNode;
-    /**
-     * Подзаголовок. <br />
-     * При использовании этого свойства рекомендуется не указывать `text`.
-     */
-    subheader?: React.ReactNode;
-    /**
-     * Текст баннера. <br />
-     * Это свойство следует использовать без указания `header` и `subheader`.
-     */
-    text?: React.ReactNode;
-    /**
-     * При использовании `mode="image"`.
-     *
-     * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.
-     * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.
-     */
-    imageTheme?: "light" | "dark";
-    /**
-     * При использовании `mode="image"`.
-     *
-     * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.
-     */
-    background?: React.ReactNode;
-    /**
-     * Кнопки, отображаемые в баннере.
-     *
-     * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode="primary" />` или `<Button mode="tertiary" hasHover={false} />`.
-     * - В режиме `image` с тёмным фоном – `<Button mode="overlay_primary" />`.
-     */
-    actions?: React.ReactNode;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/Banner
- */
-export declare const Banner: ({ mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions, onDismiss, dismissLabel, ...restProps }: BannerProps) => JSX.Element;

package/dist/cjs/components/BaseGallery/BaseGallery.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseGalleryProps } from "./types";
-import "./BaseGallery.css";
-export declare const BaseGallery: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, onEnd: onEndProp, align, showArrows, getRef, ...restProps }: BaseGalleryProps) => JSX.Element;

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

@@ -1,12 +0,0 @@
-import { LayoutState } from "./types";
-import { HasAlign } from "../../types";
-interface CalcMin extends Partial<LayoutState> {
-    isCenterWithCustomWidth: boolean;
-    align: HasAlign["align"];
-}
-export declare const calcMin: ({ containerWidth, layerWidth, slides, viewporOffsettWidth, align, isCenterWithCustomWidth, }: CalcMin) => number | undefined;
-interface CalcMax extends Partial<LayoutState> {
-    isCenterWithCustomWidth: boolean;
-}
-export declare const calcMax: ({ slides, viewporOffsettWidth, isCenterWithCustomWidth, }: CalcMax) => number;
-export {};

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

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { HasAlign, HasRef, HasRootRef } from "../../types";
-import { TouchEventHandler } from "../Touch/Touch";
-export interface GallerySlidesState {
-    coordX: number;
-    width: number;
-}
-export interface ShiftingState {
-    deltaX: number;
-    shiftX: number;
-    animation?: boolean;
-    dragging: boolean;
-}
-export interface LayoutState {
-    containerWidth: number;
-    viewporOffsettWidth: number;
-    layerWidth: number;
-    min?: number;
-    max: number;
-    slides: GallerySlidesState[];
-    isFullyVisible: boolean;
-}
-export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onDragStart" | "onDragEnd">, HasAlign, HasRootRef<HTMLDivElement>, HasRef<HTMLElement> {
-    slideWidth?: string | number;
-    slideIndex?: number;
-    onDragStart?: TouchEventHandler;
-    onDragEnd?: TouchEventHandler;
-    onChange?(current: number): void;
-    onEnd?({ targetIndex }: {
-        targetIndex: number;
-    }): void;
-    /**
-     * Будет вызвано при клике на кнопку-стрелку влево
-     */
-    onPrevClick?(): void;
-    /**
-     * Будет вызвано при клике на кнопку-стрелку вправо
-     */
-    onNextClick?(): void;
-    bullets?: "dark" | "light" | false;
-    isDraggable?: boolean;
-    showArrows?: boolean;
-}

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

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { TappableProps } from "../Tappable/Tappable";
-import { HasAlign } from "../../types";
-import "./Button.css";
-export interface VKUIButtonProps extends HasAlign {
-    /**
-     Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0
-     */
-    mode?: "primary" | "secondary" | "tertiary" | "outline" | "commerce" | "destructive" | "overlay_primary" | "overlay_secondary" | "overlay_outline";
-    appearance?: "accent" | "positive" | "negative" | "neutral" | "overlay";
-    size?: "s" | "m" | "l";
-    stretched?: boolean;
-    before?: React.ReactNode;
-    after?: React.ReactNode;
-    loading?: boolean;
-}
-export interface ButtonProps extends Omit<TappableProps, "size">, VKUIButtonProps {
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/Button
- */
-export declare const Button: React.FC<Pick<ButtonProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "loading" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "appearance" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "before" | "stretched"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -1,23 +0,0 @@
-import * as React from "react";
-import type { HasRootRef } from "../../types";
-import "./ButtonGroup.css";
-export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
-    /**
-     * Задает расположение элементов внутри группы, вертикальное или горизонтальное.
-     */
-    mode?: "vertical" | "horizontal";
-    /**
-     * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.
-     */
-    gap?: "none" | "space" | "s" | "m";
-    /**
-     * Растягивает компонент на всю ширину контейнера.
-     *
-     * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.
-     */
-    stretched?: boolean;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/ButtonGroup
- */
-export declare const ButtonGroup: React.FC<ButtonGroupProps>;

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

@@ -1,33 +0,0 @@
-import * as React from "react";
-import { CalendarHeaderProps } from "../CalendarHeader/CalendarHeader";
-import { CalendarTimeProps } from "../CalendarTime/CalendarTime";
-import { HasRootRef } from "../../types";
-import "./Calendar.css";
-export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, Pick<CalendarTimeProps, "changeHoursAriaLabel" | "changeMinutesAriaLabel">, Pick<CalendarHeaderProps, "prevMonthAriaLabel" | "nextMonthAriaLabel" | "changeMonthAriaLabel" | "changeYearAriaLabel" | "onNextMonth" | "onPrevMonth" | "prevMonthIcon" | "nextMonthIcon">, HasRootRef<HTMLDivElement> {
-    value?: Date;
-    disablePast?: boolean;
-    disableFuture?: boolean;
-    enableTime?: boolean;
-    disablePickers?: boolean;
-    doneButtonText?: string;
-    changeDayAriaLabel?: string;
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    showNeighboringMonth?: boolean;
-    size?: "s" | "m";
-    onChange?(value?: Date): void;
-    shouldDisableDate?(value: Date): boolean;
-    onClose?(): void;
-    /**
-     * Дата отображаемого месяца.
-     * При использовании обновление даты должно происходить вне компонента.
-     */
-    viewDate?: Date;
-    /**
-     * Изменение даты в шапке календаря.
-     */
-    onHeaderChange?(value: Date): void;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/Calendar
- */
-export declare const Calendar: React.FC<CalendarProps>;