@vkontakte/vkui 4.32.0 → 4.33.2

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

@@ -13,5 +13,4 @@ export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement>
     onIconClick?: (e: VKUITouchEvent) => void;
     defaultValue?: string;
 }
-declare const _default: React.FC<Pick<SearchProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "icon" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "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" | "list" | "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" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRef" | "before" | "onIconClick">>;
-export default _default;
+export declare const Search: React.FC<Pick<SearchProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "icon" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "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" | "list" | "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" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRef" | "before" | "onIconClick">>;

package/dist/cssm/components/Search/Search.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["platform", "children"],
-    _excluded2 = ["before", "className", "defaultValue", "placeholder", "after", "getRef", "platform", "icon", "onIconClick", "style"];
+    _excluded2 = ["before", "className", "defaultValue", "placeholder", "after", "getRef", "platform", "icon", "onIconClick", "style", "autoComplete"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
@@ -46,18 +46,26 @@ var SearchPlaceholderTypography = function SearchPlaceholderTypography(_ref) {
 /**
  * @see https://vkcom.github.io/VKUI/#/Search
  */
-var Search = function Search(_ref2) {
-  var before = _ref2.before,
+var SearchComponent = function SearchComponent(_ref2) {
+  var _ref2$before = _ref2.before,
+      before = _ref2$before === void 0 ? createScopedElement(Icon16SearchOutline, {
+    "aria-hidden": true
+  }) : _ref2$before,
       className = _ref2.className,
-      defaultValue = _ref2.defaultValue,
-      placeholder = _ref2.placeholder,
-      after = _ref2.after,
+      _ref2$defaultValue = _ref2.defaultValue,
+      defaultValue = _ref2$defaultValue === void 0 ? "" : _ref2$defaultValue,
+      _ref2$placeholder = _ref2.placeholder,
+      placeholder = _ref2$placeholder === void 0 ? "Поиск" : _ref2$placeholder,
+      _ref2$after = _ref2.after,
+      after = _ref2$after === void 0 ? "Отмена" : _ref2$after,
       getRef = _ref2.getRef,
       platform = _ref2.platform,
       icon = _ref2.icon,
       _ref2$onIconClick = _ref2.onIconClick,
       onIconClick = _ref2$onIconClick === void 0 ? noop : _ref2$onIconClick,
       style = _ref2.style,
+      _ref2$autoComplete = _ref2.autoComplete,
+      autoComplete = _ref2$autoComplete === void 0 ? "off" : _ref2$autoComplete,
       inputProps = _objectWithoutProperties(_ref2, _excluded2);
 
   var inputRef = useExternRef(getRef);
@@ -124,6 +132,7 @@ var Search = function Search(_ref2) {
   }, createScopedElement("input", _extends({
     type: "search"
   }, inputProps, {
+    autoComplete: autoComplete,
     ref: inputRef,
     vkuiClass: "Search__input",
     onFocus: onFocus,
@@ -160,13 +169,6 @@ var Search = function Search(_ref2) {
   }));
 };
 
-Search.defaultProps = {
-  autoComplete: "off",
-  defaultValue: "",
-  placeholder: "Поиск",
-  after: "Отмена",
-  before: createScopedElement(Icon16SearchOutline, null)
-}; // eslint-disable-next-line import/no-default-export
-
-export default withPlatform(Search);
+export var Search = withPlatform(SearchComponent);
+Search.displayName = "Search";
 //# sourceMappingURL=Search.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Search/Search.tsx"],"names":["React","classNames","withPlatform","getClassName","Icon16SearchOutline","Icon16Clear","Icon24Cancel","IOS","VKCOM","ANDROID","Touch","noop","Text","Title","Headline","Separator","useExternRef","useEnsuredControl","SearchPlaceholderTypography","platform","children","restProps","Search","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","style","inputProps","inputRef","useState","isFocused","setFocused","value","onChange","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","defaultProps","autoComplete"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport {\n  Icon16SearchOutline,\n  Icon16Clear,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n  extends HasPlatform,\n    React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography: React.FC<\n  SearchPlaceholderTypographyProps\n> = ({ platform, children, ...restProps }) => {\n  switch (platform) {\n    case IOS:\n      return (\n        <Title {...restProps} level=\"3\" weight=\"3\">\n          {children}\n        </Title>\n      );\n    case VKCOM:\n      return <Text {...restProps}>{children}</Text>;\n    case ANDROID:\n    default:\n      return (\n        <Headline {...restProps} weight=\"3\">\n          {children}\n        </Headline>\n      );\n  }\n};\n\nexport interface SearchProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasPlatform {\n  /**\n   * iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n   */\n  after?: React.ReactNode;\n  before?: React.ReactNode;\n  icon?: React.ReactNode;\n  onIconClick?: (e: VKUITouchEvent) => void;\n  defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Search\n */\nconst Search: React.FC<SearchProps> = ({\n  before,\n  className,\n  defaultValue,\n  placeholder,\n  after,\n  getRef,\n  platform,\n  icon,\n  onIconClick = noop,\n  style,\n  ...inputProps\n}) => {\n  const inputRef = useExternRef(getRef);\n  const [isFocused, setFocused] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n\n  const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(true);\n    inputProps.onFocus && inputProps.onFocus(e);\n  };\n\n  const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(false);\n    inputProps.onBlur && inputProps.onBlur(e);\n  };\n\n  const onCancel = React.useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      \"value\"\n    )?.set;\n    nativeInputValueSetter?.call(inputRef.current, \"\");\n\n    const ev2 = new Event(\"input\", { bubbles: true });\n    inputRef.current?.dispatchEvent(ev2);\n  }, [inputRef]);\n\n  const onIconClickStart = React.useCallback(\n    (e: TouchEvent) => onIconClick(e.originalEvent),\n    [onIconClick]\n  );\n\n  const onIconCancelClickStart = React.useCallback(\n    (e: TouchEvent) => {\n      e.originalEvent.preventDefault();\n      inputRef.current?.focus();\n      onCancel();\n    },\n    [inputRef, onCancel]\n  );\n\n  return (\n    <div\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"Search\", platform), {\n        \"Search--focused\": isFocused,\n        \"Search--has-value\": !!value,\n        \"Search--has-after\": !!after,\n        \"Search--has-icon\": !!icon,\n      })}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"Search__in\">\n        <div vkuiClass=\"Search__width\" />\n        <label vkuiClass=\"Search__control\">\n          <input\n            type=\"search\"\n            {...inputProps}\n            ref={inputRef}\n            vkuiClass=\"Search__input\"\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onChange={onChange}\n            value={value}\n          />\n          {platform === IOS && after && (\n            <div vkuiClass=\"Search__after-width\">{after}</div>\n          )}\n          <div vkuiClass=\"Search__placeholder\">\n            <div vkuiClass=\"Search__placeholder-in\">\n              {before}\n              <SearchPlaceholderTypography\n                vkuiClass=\"Search__placeholder-text\"\n                platform={platform}\n              >\n                {placeholder}\n              </SearchPlaceholderTypography>\n            </div>\n            {isFocused && platform === IOS && after && (\n              <div vkuiClass=\"Search__after-width\">{after}</div>\n            )}\n          </div>\n        </label>\n        <div vkuiClass=\"Search__after\" onClick={onCancel}>\n          <div vkuiClass=\"Search__icons\">\n            {icon && (\n              <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n                {icon}\n              </Touch>\n            )}\n            {!!value && (\n              <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n                {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n              </Touch>\n            )}\n          </div>\n          {platform === IOS && after && (\n            <div vkuiClass=\"Search__after-in\">{after}</div>\n          )}\n        </div>\n      </div>\n      {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n    </div>\n  );\n};\n\nSearch.defaultProps = {\n  autoComplete: \"off\",\n  defaultValue: \"\",\n  placeholder: \"Поиск\",\n  after: \"Отмена\",\n  before: <Icon16SearchOutline />,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(Search);\n"],"file":"Search.js"}
+{"version":3,"sources":["../../../../src/components/Search/Search.tsx"],"names":["React","classNames","withPlatform","getClassName","Icon16SearchOutline","Icon16Clear","Icon24Cancel","IOS","VKCOM","ANDROID","Touch","noop","Text","Title","Headline","Separator","useExternRef","useEnsuredControl","SearchPlaceholderTypography","platform","children","restProps","SearchComponent","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","style","autoComplete","inputProps","inputRef","useState","isFocused","setFocused","value","onChange","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","Search","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport {\n  Icon16SearchOutline,\n  Icon16Clear,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n  extends HasPlatform,\n    React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography: React.FC<\n  SearchPlaceholderTypographyProps\n> = ({ platform, children, ...restProps }) => {\n  switch (platform) {\n    case IOS:\n      return (\n        <Title {...restProps} level=\"3\" weight=\"3\">\n          {children}\n        </Title>\n      );\n    case VKCOM:\n      return <Text {...restProps}>{children}</Text>;\n    case ANDROID:\n    default:\n      return (\n        <Headline {...restProps} weight=\"3\">\n          {children}\n        </Headline>\n      );\n  }\n};\n\nexport interface SearchProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasPlatform {\n  /**\n   * iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n   */\n  after?: React.ReactNode;\n  before?: React.ReactNode;\n  icon?: React.ReactNode;\n  onIconClick?: (e: VKUITouchEvent) => void;\n  defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Search\n */\nconst SearchComponent: React.FC<SearchProps> = ({\n  before = <Icon16SearchOutline aria-hidden />,\n  className,\n  defaultValue = \"\",\n  placeholder = \"Поиск\",\n  after = \"Отмена\",\n  getRef,\n  platform,\n  icon,\n  onIconClick = noop,\n  style,\n  autoComplete = \"off\",\n  ...inputProps\n}) => {\n  const inputRef = useExternRef(getRef);\n  const [isFocused, setFocused] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n\n  const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(true);\n    inputProps.onFocus && inputProps.onFocus(e);\n  };\n\n  const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(false);\n    inputProps.onBlur && inputProps.onBlur(e);\n  };\n\n  const onCancel = React.useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      \"value\"\n    )?.set;\n    nativeInputValueSetter?.call(inputRef.current, \"\");\n\n    const ev2 = new Event(\"input\", { bubbles: true });\n    inputRef.current?.dispatchEvent(ev2);\n  }, [inputRef]);\n\n  const onIconClickStart = React.useCallback(\n    (e: TouchEvent) => onIconClick(e.originalEvent),\n    [onIconClick]\n  );\n\n  const onIconCancelClickStart = React.useCallback(\n    (e: TouchEvent) => {\n      e.originalEvent.preventDefault();\n      inputRef.current?.focus();\n      onCancel();\n    },\n    [inputRef, onCancel]\n  );\n\n  return (\n    <div\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"Search\", platform), {\n        \"Search--focused\": isFocused,\n        \"Search--has-value\": !!value,\n        \"Search--has-after\": !!after,\n        \"Search--has-icon\": !!icon,\n      })}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"Search__in\">\n        <div vkuiClass=\"Search__width\" />\n        <label vkuiClass=\"Search__control\">\n          <input\n            type=\"search\"\n            {...inputProps}\n            autoComplete={autoComplete}\n            ref={inputRef}\n            vkuiClass=\"Search__input\"\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onChange={onChange}\n            value={value}\n          />\n          {platform === IOS && after && (\n            <div vkuiClass=\"Search__after-width\">{after}</div>\n          )}\n          <div vkuiClass=\"Search__placeholder\">\n            <div vkuiClass=\"Search__placeholder-in\">\n              {before}\n              <SearchPlaceholderTypography\n                vkuiClass=\"Search__placeholder-text\"\n                platform={platform}\n              >\n                {placeholder}\n              </SearchPlaceholderTypography>\n            </div>\n            {isFocused && platform === IOS && after && (\n              <div vkuiClass=\"Search__after-width\">{after}</div>\n            )}\n          </div>\n        </label>\n        <div vkuiClass=\"Search__after\" onClick={onCancel}>\n          <div vkuiClass=\"Search__icons\">\n            {icon && (\n              <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n                {icon}\n              </Touch>\n            )}\n            {!!value && (\n              <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n                {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n              </Touch>\n            )}\n          </div>\n          {platform === IOS && after && (\n            <div vkuiClass=\"Search__after-in\">{after}</div>\n          )}\n        </div>\n      </div>\n      {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n    </div>\n  );\n};\n\nexport const Search = withPlatform(SearchComponent);\n\nSearch.displayName = \"Search\";\n"],"file":"Search.js"}

package/dist/cssm/components/SimpleCell/SimpleCell.css

@@ -1 +1 @@
-.vkuiSimpleCell{display:flex;align-items:center;min-height:48px;white-space:nowrap;text-decoration:none;color:#000;color:var(--text_primary);padding-left:16px;padding-right:16px}.vkuiSimpleCell--mult{white-space:normal}.vkuiSimpleCell--mult .vkuiSimpleCell__description,.vkuiSimpleCell--mult .vkuiSimpleCell__children{text-overflow:initial}.vkuiSimpleCell__main{max-width:100%;flex-grow:1;min-width:0;overflow:hidden}.vkuiSimpleCell>.vkuiIcon{padding-top:10px;padding-bottom:10px;padding-right:12px;flex-shrink:0;color:#2688eb;color:var(--accent)}.vkuiSimpleCell>.vkuiIcon--28{padding-right:16px}.vkuiSimpleCell__description{color:#818c99;color:var(--text_secondary);text-overflow:ellipsis;overflow:hidden;margin-top:3px;display:block}.vkuiSimpleCell>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:2px}.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content{display:flex;align-content:flex-start;align-items:center;justify-content:flex-start;max-width:100%}.vkuiSimpleCell__children{color:inherit;text-overflow:ellipsis;overflow:hidden;display:block}.vkuiSimpleCell__badge{display:inline-block;flex-grow:0;flex-shrink:0;margin-left:4px;color:#5c9ce6;color:var(--blue_200)}.vkuiSimpleCell__badge .vkuiBadge{margin-top:2px;margin-left:3px}.vkuiSimpleCell--mult .vkuiSimpleCell__badge{vertical-align:top}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiIcon{-webkit-transform:translateY(2px);transform:translateY(2px)}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiBadge{margin-top:8px}.vkuiSimpleCell__indicator{color:#818c99;color:var(--text_secondary);min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:4px}.vkuiSimpleCell__after{flex-shrink:0;display:flex;align-items:center;color:#2688eb;color:var(--accent)}.vkuiSimpleCell__after>.vkuiIcon{padding-left:8px}.vkuiSimpleCell__after>.vkuiIcon:last-child{padding-right:2px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28~*{margin-right:-8px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24~*{margin-right:-10px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-14px}.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8,.vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8~*{margin-right:-12px}.vkuiSimpleCell--ios{padding-left:12px;padding-right:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__main,.vkuiSimpleCell--ios .vkuiSimpleCell__indicator{padding-top:9px;padding-bottom:11px}.vkuiSimpleCell--ios>.vkuiIcon--28{padding-left:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24{color:#b8c1cc;color:var(--icon_tertiary);padding-right:4px;padding-left:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-12px}.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-14px}.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__main .vkuiSimpleCell__children,.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__indicator{font-size:16px;line-height:20px}.vkuiSimpleCell--android .vkuiSimpleCell__main,.vkuiSimpleCell--android .vkuiSimpleCell__indicator,.vkuiSimpleCell--vkcom .vkuiSimpleCell__main,.vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator{padding-top:11px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact{min-height:44px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator{padding-top:10px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:1px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--28~*{margin-right:-6px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--24~*{margin-right:-8px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--16~*{margin-right:-12px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__after .vkuiIconButton .vkuiIcon--w-8~*{margin-right:-10px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__badge .vkuiBadge{-webkit-transform:translateY(.5px);transform:translateY(.5px)}.vkuiFormItem>.vkuiSimpleCell{margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}
+.vkuiSimpleCell{display:flex;align-items:center;min-height:48px;white-space:nowrap;text-decoration:none;color:#000;color:var(--text_primary);padding-left:16px;padding-right:16px}.vkuiSimpleCell--mult{white-space:normal}.vkuiSimpleCell--mult .vkuiSimpleCell__description,.vkuiSimpleCell--mult .vkuiSimpleCell__children{text-overflow:initial}.vkuiSimpleCell__main{max-width:100%;flex-grow:1;min-width:0;overflow:hidden}.vkuiSimpleCell>.vkuiIcon{padding-top:10px;padding-bottom:10px;padding-right:12px;flex-shrink:0;color:#2688eb;color:var(--accent)}.vkuiSimpleCell>.vkuiIcon--28{padding-right:16px}.vkuiSimpleCell__description{color:#818c99;color:var(--text_secondary);text-overflow:ellipsis;overflow:hidden;margin-top:3px;display:block}.vkuiSimpleCell>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:2px}.vkuiSimpleCell:not(.vkuiSimpleCell--mult) .vkuiSimpleCell__content{display:flex;align-content:flex-start;align-items:center;justify-content:flex-start;max-width:100%}.vkuiSimpleCell__children{color:inherit;text-overflow:ellipsis;overflow:hidden;display:block}.vkuiSimpleCell__badge{display:inline-block;flex-grow:0;flex-shrink:0;margin-left:4px;color:#5c9ce6;color:var(--blue_200)}.vkuiSimpleCell__badge .vkuiBadge{margin-top:2px;margin-left:3px}.vkuiSimpleCell--mult .vkuiSimpleCell__badge{vertical-align:top}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiIcon{-webkit-transform:translateY(2px);transform:translateY(2px)}.vkuiSimpleCell--mult .vkuiSimpleCell__badge .vkuiBadge{margin-top:8px}.vkuiSimpleCell__indicator{color:#818c99;color:var(--text_secondary);min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:4px}.vkuiSimpleCell__after{flex-shrink:0;display:flex;align-items:center;color:#2688eb;color:var(--accent)}.vkuiSimpleCell__after>.vkuiIcon{padding-left:8px}.vkuiSimpleCell__after>.vkuiIcon:last-child{padding-right:2px}.vkuiSimpleCell__after .vkuiIconButton{margin-right:-12px}.vkuiSimpleCell--ios{padding-left:12px;padding-right:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__main,.vkuiSimpleCell--ios .vkuiSimpleCell__indicator{padding-top:9px;padding-bottom:11px}.vkuiSimpleCell--ios>.vkuiIcon--28{padding-left:4px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIcon--chevron_24{color:#b8c1cc;color:var(--icon_tertiary);padding-right:4px;padding-left:12px}.vkuiSimpleCell--ios .vkuiSimpleCell__after .vkuiIconButton{margin-right:-9px}.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__main .vkuiSimpleCell__children,.vkuiSimpleCell--ios.vkuiSimpleCell--sizeY-regular>.vkuiAvatar:not(.vkuiAvatar--sz-32)~.vkuiSimpleCell__indicator{font-size:16px;line-height:20px}.vkuiSimpleCell--android .vkuiSimpleCell__main,.vkuiSimpleCell--android .vkuiSimpleCell__indicator,.vkuiSimpleCell--vkcom .vkuiSimpleCell__main,.vkuiSimpleCell--vkcom .vkuiSimpleCell__indicator{padding-top:11px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact{min-height:44px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__main,.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__indicator{padding-top:10px;padding-bottom:10px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32~.vkuiSimpleCell__main .vkuiSimpleCell__description,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28~.vkuiSimpleCell__main .vkuiSimpleCell__description{margin-top:1px}.vkuiSimpleCell--sizeY-compact .vkuiSimpleCell__badge .vkuiBadge{-webkit-transform:translateY(.5px);transform:translateY(.5px)}.vkuiFormItem>.vkuiSimpleCell{margin:0 calc(-1*16px);margin:0 calc(-1*var(--vkui--size_base_padding_horizontal--regular,16px))}

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

@@ -35,5 +35,7 @@ export interface SimpleCellOwnProps extends HasComponent {
 }
 export interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {
 }
-declare const _default: React.FC<Pick<SimpleCellProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "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" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "expandable" | "before" | "indicator" | "badge" | "description" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
-export default _default;
+/**
+ * @see https://vkcom.github.io/VKUI/#/SimpleCell
+ */
+export declare const SimpleCell: React.FC<Pick<SimpleCellProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "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" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "expandable" | "before" | "indicator" | "badge" | "description" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cssm/components/SimpleCell/SimpleCell.js

@@ -4,7 +4,7 @@ var _excluded = ["badge", "before", "indicator", "children", "after", "descripti
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
-import Tappable from "../Tappable/Tappable";
+import { Tappable } from "../Tappable/Tappable";
 import { Icon24Chevron } from "@vkontakte/icons";
 import { ANDROID, IOS } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -38,12 +38,8 @@ var SimpleCellTypography = function SimpleCellTypography(props) {
     }, props));
   }
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/SimpleCell
- */
-
 
-var SimpleCell = function SimpleCell(_ref) {
+var SimpleCellComponent = function SimpleCellComponent(_ref) {
   var badge = _ref.badge,
       before = _ref.before,
       indicator = _ref.indicator,
@@ -80,10 +76,13 @@ var SimpleCell = function SimpleCell(_ref) {
   }, indicator), hasAfter && createScopedElement("div", {
     vkuiClass: "SimpleCell__after"
   }, after, expandable && platform === IOS && createScopedElement(Icon24Chevron, null)));
-}; // eslint-disable-next-line import/no-default-export
+};
+/**
+ * @see https://vkcom.github.io/VKUI/#/SimpleCell
+ */
 
 
-export default withAdaptivity(SimpleCell, {
+export var SimpleCell = withAdaptivity(SimpleCellComponent, {
   sizeY: true
 });
 //# sourceMappingURL=SimpleCell.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"names":["classNames","getClassName","Tappable","Icon24Chevron","ANDROID","IOS","usePlatform","hasReactNode","useAdaptivity","withAdaptivity","SizeType","Title","Text","Subhead","Headline","SimpleCellTypography","props","sizeY","platform","COMPACT","SimpleCell","badge","before","indicator","children","after","description","expandable","multiline","restProps","hasAfter"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { ANDROID, IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { withAdaptivity, SizeType } from \"../../hoc/withAdaptivity\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport \"./SimpleCell.css\";\n\nexport interface SimpleCellOwnProps extends HasComponent {\n  /**\n   * Иконка 28 или `<Avatar size={28|32|40|48|72} />`\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n   */\n  badge?: React.ReactNode;\n  /**\n   * Контейнер для текста справа от `children`.\n   */\n  indicator?: React.ReactNode;\n  /**\n   * Иконка 24|28 или `<Switch />`. Располагается справа от `indicator`.\n   */\n  after?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  description?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия\n   */\n  disabled?: boolean;\n  /**\n   * В iOS добавляет chevron справа. Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n  multiline?: boolean;\n}\n\nexport interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {}\n\ntype SimpleCellTypographyProps = React.HTMLAttributes<HTMLDivElement> &\n  HasComponent;\n\nconst SimpleCellTypography: React.FC<SimpleCellTypographyProps> = (\n  props: SimpleCellTypographyProps\n) => {\n  const { sizeY } = useAdaptivity();\n  const platform = usePlatform();\n\n  if (sizeY === SizeType.COMPACT) {\n    return <Text {...props} />;\n  } else if (platform === ANDROID) {\n    return <Headline Component=\"span\" weight=\"3\" {...props} />;\n  } else {\n    return <Title Component=\"span\" level=\"3\" weight=\"3\" {...props} />;\n  }\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SimpleCell\n */\nconst SimpleCell: React.FC<SimpleCellProps> = ({\n  badge,\n  before,\n  indicator,\n  children,\n  after,\n  description,\n  expandable,\n  multiline,\n  sizeY,\n  ...restProps\n}: SimpleCellProps) => {\n  const platform = usePlatform();\n  const hasAfter = hasReactNode(after) || (expandable && platform === IOS);\n\n  return (\n    <Tappable\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"SimpleCell\", platform),\n        {\n          \"SimpleCell--exp\": expandable,\n          \"SimpleCell--mult\": multiline,\n        },\n        `SimpleCell--sizeY-${sizeY}`\n      )}\n    >\n      {before}\n      <div vkuiClass=\"SimpleCell__main\">\n        <div vkuiClass=\"SimpleCell__content\">\n          <SimpleCellTypography vkuiClass=\"SimpleCell__children\">\n            {children}\n          </SimpleCellTypography>\n          {hasReactNode(badge) && (\n            <span vkuiClass=\"SimpleCell__badge\">{badge}</span>\n          )}\n        </div>\n        {description && (\n          <Subhead Component=\"span\" vkuiClass=\"SimpleCell__description\">\n            {description}\n          </Subhead>\n        )}\n      </div>\n      {hasReactNode(indicator) && (\n        <SimpleCellTypography\n          Component=\"span\"\n          vkuiClass=\"SimpleCell__indicator\"\n        >\n          {indicator}\n        </SimpleCellTypography>\n      )}\n      {hasAfter && (\n        <div vkuiClass=\"SimpleCell__after\">\n          {after}\n          {expandable && platform === IOS && <Icon24Chevron />}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(SimpleCell, { sizeY: true });\n"],"file":"SimpleCell.js"}
+{"version":3,"sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"names":["classNames","getClassName","Tappable","Icon24Chevron","ANDROID","IOS","usePlatform","hasReactNode","useAdaptivity","withAdaptivity","SizeType","Title","Text","Subhead","Headline","SimpleCellTypography","props","sizeY","platform","COMPACT","SimpleCellComponent","badge","before","indicator","children","after","description","expandable","multiline","restProps","hasAfter","SimpleCell"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { ANDROID, IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { withAdaptivity, SizeType } from \"../../hoc/withAdaptivity\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport \"./SimpleCell.css\";\n\nexport interface SimpleCellOwnProps extends HasComponent {\n  /**\n   * Иконка 28 или `<Avatar size={28|32|40|48|72} />`\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n   */\n  badge?: React.ReactNode;\n  /**\n   * Контейнер для текста справа от `children`.\n   */\n  indicator?: React.ReactNode;\n  /**\n   * Иконка 24|28 или `<Switch />`. Располагается справа от `indicator`.\n   */\n  after?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  description?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия\n   */\n  disabled?: boolean;\n  /**\n   * В iOS добавляет chevron справа. Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n  multiline?: boolean;\n}\n\nexport interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {}\n\ntype SimpleCellTypographyProps = React.HTMLAttributes<HTMLDivElement> &\n  HasComponent;\n\nconst SimpleCellTypography: React.FC<SimpleCellTypographyProps> = (\n  props: SimpleCellTypographyProps\n) => {\n  const { sizeY } = useAdaptivity();\n  const platform = usePlatform();\n\n  if (sizeY === SizeType.COMPACT) {\n    return <Text {...props} />;\n  } else if (platform === ANDROID) {\n    return <Headline Component=\"span\" weight=\"3\" {...props} />;\n  } else {\n    return <Title Component=\"span\" level=\"3\" weight=\"3\" {...props} />;\n  }\n};\n\nconst SimpleCellComponent: React.FC<SimpleCellProps> = ({\n  badge,\n  before,\n  indicator,\n  children,\n  after,\n  description,\n  expandable,\n  multiline,\n  sizeY,\n  ...restProps\n}: SimpleCellProps) => {\n  const platform = usePlatform();\n  const hasAfter = hasReactNode(after) || (expandable && platform === IOS);\n\n  return (\n    <Tappable\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"SimpleCell\", platform),\n        {\n          \"SimpleCell--exp\": expandable,\n          \"SimpleCell--mult\": multiline,\n        },\n        `SimpleCell--sizeY-${sizeY}`\n      )}\n    >\n      {before}\n      <div vkuiClass=\"SimpleCell__main\">\n        <div vkuiClass=\"SimpleCell__content\">\n          <SimpleCellTypography vkuiClass=\"SimpleCell__children\">\n            {children}\n          </SimpleCellTypography>\n          {hasReactNode(badge) && (\n            <span vkuiClass=\"SimpleCell__badge\">{badge}</span>\n          )}\n        </div>\n        {description && (\n          <Subhead Component=\"span\" vkuiClass=\"SimpleCell__description\">\n            {description}\n          </Subhead>\n        )}\n      </div>\n      {hasReactNode(indicator) && (\n        <SimpleCellTypography\n          Component=\"span\"\n          vkuiClass=\"SimpleCell__indicator\"\n        >\n          {indicator}\n        </SimpleCellTypography>\n      )}\n      {hasAfter && (\n        <div vkuiClass=\"SimpleCell__after\">\n          {after}\n          {expandable && platform === IOS && <Icon24Chevron />}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SimpleCell\n */\nexport const SimpleCell = withAdaptivity(SimpleCellComponent, { sizeY: true });\n"],"file":"SimpleCell.js"}

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

@@ -6,6 +6,7 @@ export interface SimpleCheckboxProps extends React.InputHTMLAttributes<HTMLInput
     defaultIndeterminate?: boolean;
 }
 /**
+ * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`Checkbox`](#/Checkbox).
  * @see https://vkcom.github.io/VKUI/#/SimpleCheckbox
  */
 export declare const SimpleCheckbox: React.FC<SimpleCheckboxProps>;

package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "style", "getRootRef", "getRef", "indeterminate", "defaultIndeterminate", "onChange"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import Tappable, { ACTIVE_EFFECT_DELAY } from "../Tappable/Tappable";
+import { ACTIVE_EFFECT_DELAY, Tappable } from "../Tappable/Tappable";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { IOS, VKCOM } from "../../lib/platform";
@@ -18,6 +18,7 @@ var warn = warnOnce("SimpleCheckbox");
 var IS_DEV = process.env.NODE_ENV === "development";
 
 /**
+ * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`Checkbox`](#/Checkbox).
  * @see https://vkcom.github.io/VKUI/#/SimpleCheckbox
  */
 export var SimpleCheckbox = function SimpleCheckbox(props) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SimpleCheckbox/SimpleCheckbox.tsx"],"names":["React","Tappable","ACTIVE_EFFECT_DELAY","getClassName","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","useAdaptivity","useExternRef","SizeType","warnOnce","warn","IS_DEV","process","env","NODE_ENV","SimpleCheckbox","props","className","style","getRootRef","getRef","indeterminate","defaultIndeterminate","onChange","restProps","sizeY","platform","inputRef","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","defaultChecked","disabled","COMPACT"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Tappable, { ACTIVE_EFFECT_DELAY } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n  Icon20CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\n\nimport \"./SimpleCheckbox.css\";\n\nconst warn = warnOnce(\"SimpleCheckbox\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport interface SimpleCheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SimpleCheckbox\n */\nexport const SimpleCheckbox: React.FC<SimpleCheckboxProps> = (\n  props: SimpleCheckboxProps\n) => {\n  const {\n    className,\n    style,\n    getRootRef,\n    getRef,\n    indeterminate,\n    defaultIndeterminate,\n    onChange,\n    ...restProps\n  } = props;\n  const { sizeY } = useAdaptivity();\n  const platform = usePlatform();\n  const inputRef = useExternRef(getRef);\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: SimpleCheckboxProps[\"onChange\"] = React.useCallback(\n    (event) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (IS_DEV) {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        getClassName(\"SimpleCheckbox\", platform),\n        `SimpleCheckbox--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeMode={platform === VKCOM ? \"SimpleCheckbox--active\" : \"background\"}\n      hoverMode={platform === VKCOM ? \"SimpleCheckbox--hover\" : \"background\"}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <input\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        vkuiClass=\"SimpleCheckbox__input\"\n        ref={inputRef}\n      />\n      <div vkuiClass=\"SimpleCheckbox__container\">\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--on\">\n          {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n            <Icon20CheckBoxOn />\n          ) : (\n            <Icon24CheckBoxOn />\n          )}\n        </div>\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--off\">\n          {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n            <Icon20CheckBoxOff />\n          ) : (\n            <Icon24CheckBoxOff />\n          )}\n        </div>\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--indeterminate\">\n          <Icon20CheckBoxIndetermanate\n            width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n            height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n          />\n        </div>\n      </div>\n      {platform === VKCOM && (\n        <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__activeShadow\" />\n      )}\n      {platform === VKCOM && (\n        <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__hoverShadow\" />\n      )}\n    </Tappable>\n  );\n};\n"],"file":"SimpleCheckbox.js"}
+{"version":3,"sources":["../../../../src/components/SimpleCheckbox/SimpleCheckbox.tsx"],"names":["React","ACTIVE_EFFECT_DELAY","Tappable","getClassName","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","useAdaptivity","useExternRef","SizeType","warnOnce","warn","IS_DEV","process","env","NODE_ENV","SimpleCheckbox","props","className","style","getRootRef","getRef","indeterminate","defaultIndeterminate","onChange","restProps","sizeY","platform","inputRef","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","defaultChecked","disabled","COMPACT"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n  Icon20CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\n\nimport \"./SimpleCheckbox.css\";\n\nconst warn = warnOnce(\"SimpleCheckbox\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport interface SimpleCheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\n/**\n * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`Checkbox`](#/Checkbox).\n * @see https://vkcom.github.io/VKUI/#/SimpleCheckbox\n */\nexport const SimpleCheckbox: React.FC<SimpleCheckboxProps> = (\n  props: SimpleCheckboxProps\n) => {\n  const {\n    className,\n    style,\n    getRootRef,\n    getRef,\n    indeterminate,\n    defaultIndeterminate,\n    onChange,\n    ...restProps\n  } = props;\n  const { sizeY } = useAdaptivity();\n  const platform = usePlatform();\n  const inputRef = useExternRef(getRef);\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: SimpleCheckboxProps[\"onChange\"] = React.useCallback(\n    (event) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (IS_DEV) {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        getClassName(\"SimpleCheckbox\", platform),\n        `SimpleCheckbox--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeMode={platform === VKCOM ? \"SimpleCheckbox--active\" : \"background\"}\n      hoverMode={platform === VKCOM ? \"SimpleCheckbox--hover\" : \"background\"}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <input\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        vkuiClass=\"SimpleCheckbox__input\"\n        ref={inputRef}\n      />\n      <div vkuiClass=\"SimpleCheckbox__container\">\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--on\">\n          {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n            <Icon20CheckBoxOn />\n          ) : (\n            <Icon24CheckBoxOn />\n          )}\n        </div>\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--off\">\n          {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n            <Icon20CheckBoxOff />\n          ) : (\n            <Icon24CheckBoxOff />\n          )}\n        </div>\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--indeterminate\">\n          <Icon20CheckBoxIndetermanate\n            width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n            height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n          />\n        </div>\n      </div>\n      {platform === VKCOM && (\n        <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__activeShadow\" />\n      )}\n      {platform === VKCOM && (\n        <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__hoverShadow\" />\n      )}\n    </Tappable>\n  );\n};\n"],"file":"SimpleCheckbox.js"}

package/dist/cssm/components/Slider/Slider.css

@@ -1 +1,3 @@
-.vkuiSlider{position:relative;z-index:0;height:28px;padding:0 14px}.vkuiSlider::before{position:absolute;left:0;width:100%;background-color:rgba(0,28,61,.08);background-color:var(--placeholder_icon_background);content:"";z-index:-1;top:13px;height:2px;border-radius:1px}.vkuiSlider__in{height:100%;position:relative}.vkuiSlider__dragger{position:absolute;left:0;width:0;height:0;top:13px}.vkuiSlider__dragger::before{position:absolute;top:0;width:calc(100% + 28px);background:#2688eb;background:var(--accent);content:"";left:-14px;height:2px;border-radius:1px}.vkuiSlider__thumb{position:absolute;top:-13px;width:28px;height:28px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;border-radius:14px;background:#fff;background:var(--white);box-shadow:0 3px 8px rgba(0,0,0,.15)}.vkuiSlider__thumb--start{left:-14px}.vkuiSlider__thumb--end{right:-14px}.vkuiSlider--disabled{opacity:.4}.vkuiSlider--sizeY-compact{height:24px;padding:0 12px}.vkuiSlider--sizeY-compact::before{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger::before{width:calc(100% + 24px);left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb{top:-11px;width:24px;height:24px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--start{left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--end{right:-12px}.vkuiSlider--vkcom{height:20px;padding:0 10px}.vkuiSlider--vkcom::before{top:8px;height:4px;border-radius:2px}.vkuiSlider--vkcom .vkuiSlider__dragger{top:8px}.vkuiSlider--vkcom .vkuiSlider__dragger::before{width:calc(100% + 20px);background:#2688eb;background:var(--accent);left:-10px;height:4px;border-radius:2px}.vkuiSlider--vkcom .vkuiSlider__thumb{top:-8px;width:20px;height:20px;border-radius:10px;border:1px solid #e1e3e6;border:1px solid var(--input_border);box-shadow:0 0 2px #d7d8d9,0 2px 4px #d7d8d9;box-shadow:0 0 2px var(--separator_common),0 2px 4px var(--separator_common);box-sizing:border-box}.vkuiSlider--vkcom .vkuiSlider__thumb--start{left:-10px}.vkuiSlider--vkcom .vkuiSlider__thumb--end{right:-10px}
+.vkuiSlider{position:relative;z-index:0;height:28px;padding:0 14px}.vkuiSlider::before{position:absolute;left:0;width:100%;background-color:rgba(0,28,61,.08);background-color:var(--placeholder_icon_background,
+    var(--vkui--color_track_background)
+  );content:"";z-index:-1;top:13px;height:2px;border-radius:1px}.vkuiSlider__in{height:100%;position:relative}.vkuiSlider__dragger{position:absolute;left:0;width:0;height:0;top:13px}.vkuiSlider__dragger::before{position:absolute;top:0;width:calc(100% + 28px);background:#2688eb;background:var(--accent, var(--vkui--color_background_accent));content:"";left:-14px;height:2px;border-radius:1px}.vkuiSlider__thumb{position:absolute;top:-13px;width:28px;height:28px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;border-radius:14px;background:#fff;background:var(--vkui--color_background_contrast,#FFFFFF);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0px 0px 2px rgba(0, 0, 0, 0.08) , 0px 4px 16px rgba(0, 0, 0, 0.08));border:.5px solid rgba(0,0,0,.12);border:.5px solid var(--vkui--color_separator_primary_alpha,rgba(0, 0, 0, 0.12))}.vkuiSlider__thumb--start{left:-14px}.vkuiSlider__thumb--end{right:-14px}.vkuiSlider--disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiSlider--sizeY-compact{height:24px;padding:0 12px}.vkuiSlider--sizeY-compact::before{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger::before{width:calc(100% + 24px);left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb{top:-11px;width:24px;height:24px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--start{left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--end{right:-12px}

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

@@ -4,5 +4,4 @@ export declare type SliderProps = UniversalSliderProps<number>;
 /**
  * @see https://vkcom.github.io/VKUI/#/Slider
  */
-declare const Slider: ({ onChange, defaultValue, min, max, value, ...props }: SliderProps) => JSX.Element;
-export default Slider;
+export declare const Slider: ({ onChange, defaultValue, min, max, value, ...props }: SliderProps) => JSX.Element;

package/dist/cssm/components/Slider/Slider.js

@@ -10,7 +10,7 @@ import { UniversalSlider } from "../RangeSlider/UniversalSlider";
 /**
  * @see https://vkcom.github.io/VKUI/#/Slider
  */
-var Slider = function Slider(_ref) {
+export var Slider = function Slider(_ref) {
   var onChange = _ref.onChange,
       defaultValue = _ref.defaultValue,
       _ref$min = _ref.min,
@@ -47,8 +47,5 @@ var Slider = function Slider(_ref) {
     min: min,
     max: max
   }));
-}; // eslint-disable-next-line import/no-default-export
-
-
-export default Slider;
+};
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"names":["React","clamp","UniversalSlider","Slider","onChange","defaultValue","min","max","value","props","isControlled","useState","localValue","setValue","_value","handleChange","useCallback","nextValue","event","disabled","rangeValue","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT;AACA,SACEC,eADF;;AAQA;AACA;AACA;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAOI;AAAA,MANjBC,QAMiB,QANjBA,QAMiB;AAAA,MALjBC,YAKiB,QALjBA,YAKiB;AAAA,sBAJjBC,GAIiB;AAAA,MAJjBA,GAIiB,yBAJX,CAIW;AAAA,sBAHjBC,GAGiB;AAAA,MAHjBA,GAGiB,yBAHX,GAGW;AAAA,wBAFjBC,KAEiB;AAAA,MAFjBA,KAEiB,2BAFT,CAES;AAAA,MADdC,KACc;;AACjB,MAAMC,YAAY,GAAGF,KAAK,IAAI,IAA9B;;AAEA,wBAA+BR,KAAK,CAACW,QAAN,CAC7BN,YAAY,IAAI,IAAhB,GAAuBC,GAAvB,GAA6BD,YADA,CAA/B;AAAA;AAAA,MAAOO,UAAP;AAAA,MAAmBC,QAAnB;;AAGA,MAAMC,MAAM,GAAGb,KAAK,CAACS,YAAY,GAAGF,KAAH,GAAWI,UAAxB,EAAoCN,GAApC,EAAyCC,GAAzC,CAApB;;AAEA,MAAMQ,YAA8D,GAClEf,KAAK,CAACgB,WAAN,CACE,UAACC,SAAD,EAAYC,KAAZ,EAAsB;AACpB,QAAIT,KAAK,CAACU,QAAN,IAAkBL,MAAM,KAAKG,SAAS,CAAC,CAAD,CAA1C,EAA+C;AAC7C;AACD;;AACD,KAACP,YAAD,IAAiBG,QAAQ,CAACI,SAAS,CAAC,CAAD,CAAV,CAAzB;AACAb,IAAAA,QAAQ,IAAIA,QAAQ,CAACa,SAAS,CAAC,CAAD,CAAV,EAAeC,KAAf,CAApB;AACD,GAPH,EAQE,CAACT,KAAK,CAACU,QAAP,EAAiBL,MAAjB,EAAyBJ,YAAzB,EAAuCN,QAAvC,CARF,CADF;AAYA,MAAMgB,UAA0B,GAAGpB,KAAK,CAACqB,OAAN,CACjC;AAAA,WAAM,CAAC,IAAD,EAAOP,MAAP,CAAN;AAAA,GADiC,EAEjC,CAACA,MAAD,CAFiC,CAAnC;AAIA,SACE,oBAAC,eAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAEW,UAFT;AAGE,IAAA,QAAQ,EAAEL,YAHZ;AAIE,IAAA,GAAG,EAAET,GAJP;AAKE,IAAA,GAAG,EAAEC;AALP,KADF;AASD,CAxCD,C,CA0CA;;;AACA,eAAeJ,MAAf","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport {\n  UniversalSlider,\n  UniversalSliderProps,\n  UniversalValue,\n} from \"../RangeSlider/UniversalSlider\";\n\nexport type SliderProps = UniversalSliderProps<number>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Slider\n */\nconst Slider = ({\n  onChange,\n  defaultValue,\n  min = 0,\n  max = 100,\n  value = 0,\n  ...props\n}: SliderProps) => {\n  const isControlled = value != null;\n\n  const [localValue, setValue] = React.useState(\n    defaultValue == null ? min : defaultValue\n  );\n  const _value = clamp(isControlled ? value : localValue, min, max);\n\n  const handleChange: UniversalSliderProps<UniversalValue>[\"onChange\"] =\n    React.useCallback(\n      (nextValue, event) => {\n        if (props.disabled || _value === nextValue[1]) {\n          return;\n        }\n        !isControlled && setValue(nextValue[1]);\n        onChange && onChange(nextValue[1], event);\n      },\n      [props.disabled, _value, isControlled, onChange]\n    );\n\n  const rangeValue: [null, number] = React.useMemo(\n    () => [null, _value],\n    [_value]\n  );\n  return (\n    <UniversalSlider\n      {...props}\n      value={rangeValue}\n      onChange={handleChange}\n      min={min}\n      max={max}\n    />\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Slider;\n"],"file":"Slider.js"}
+{"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"names":["React","clamp","UniversalSlider","Slider","onChange","defaultValue","min","max","value","props","isControlled","useState","localValue","setValue","_value","handleChange","useCallback","nextValue","event","disabled","rangeValue","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT;AACA,SACEC,eADF;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAOH;AAAA,MANjBC,QAMiB,QANjBA,QAMiB;AAAA,MALjBC,YAKiB,QALjBA,YAKiB;AAAA,sBAJjBC,GAIiB;AAAA,MAJjBA,GAIiB,yBAJX,CAIW;AAAA,sBAHjBC,GAGiB;AAAA,MAHjBA,GAGiB,yBAHX,GAGW;AAAA,wBAFjBC,KAEiB;AAAA,MAFjBA,KAEiB,2BAFT,CAES;AAAA,MADdC,KACc;;AACjB,MAAMC,YAAY,GAAGF,KAAK,IAAI,IAA9B;;AAEA,wBAA+BR,KAAK,CAACW,QAAN,CAC7BN,YAAY,IAAI,IAAhB,GAAuBC,GAAvB,GAA6BD,YADA,CAA/B;AAAA;AAAA,MAAOO,UAAP;AAAA,MAAmBC,QAAnB;;AAGA,MAAMC,MAAM,GAAGb,KAAK,CAACS,YAAY,GAAGF,KAAH,GAAWI,UAAxB,EAAoCN,GAApC,EAAyCC,GAAzC,CAApB;;AAEA,MAAMQ,YAA8D,GAClEf,KAAK,CAACgB,WAAN,CACE,UAACC,SAAD,EAAYC,KAAZ,EAAsB;AACpB,QAAIT,KAAK,CAACU,QAAN,IAAkBL,MAAM,KAAKG,SAAS,CAAC,CAAD,CAA1C,EAA+C;AAC7C;AACD;;AACD,KAACP,YAAD,IAAiBG,QAAQ,CAACI,SAAS,CAAC,CAAD,CAAV,CAAzB;AACAb,IAAAA,QAAQ,IAAIA,QAAQ,CAACa,SAAS,CAAC,CAAD,CAAV,EAAeC,KAAf,CAApB;AACD,GAPH,EAQE,CAACT,KAAK,CAACU,QAAP,EAAiBL,MAAjB,EAAyBJ,YAAzB,EAAuCN,QAAvC,CARF,CADF;AAYA,MAAMgB,UAA0B,GAAGpB,KAAK,CAACqB,OAAN,CACjC;AAAA,WAAM,CAAC,IAAD,EAAOP,MAAP,CAAN;AAAA,GADiC,EAEjC,CAACA,MAAD,CAFiC,CAAnC;AAIA,SACE,oBAAC,eAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAEW,UAFT;AAGE,IAAA,QAAQ,EAAEL,YAHZ;AAIE,IAAA,GAAG,EAAET,GAJP;AAKE,IAAA,GAAG,EAAEC;AALP,KADF;AASD,CAxCM","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport {\n  UniversalSlider,\n  UniversalSliderProps,\n  UniversalValue,\n} from \"../RangeSlider/UniversalSlider\";\n\nexport type SliderProps = UniversalSliderProps<number>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Slider\n */\nexport const Slider = ({\n  onChange,\n  defaultValue,\n  min = 0,\n  max = 100,\n  value = 0,\n  ...props\n}: SliderProps) => {\n  const isControlled = value != null;\n\n  const [localValue, setValue] = React.useState(\n    defaultValue == null ? min : defaultValue\n  );\n  const _value = clamp(isControlled ? value : localValue, min, max);\n\n  const handleChange: UniversalSliderProps<UniversalValue>[\"onChange\"] =\n    React.useCallback(\n      (nextValue, event) => {\n        if (props.disabled || _value === nextValue[1]) {\n          return;\n        }\n        !isControlled && setValue(nextValue[1]);\n        onChange && onChange(nextValue[1], event);\n      },\n      [props.disabled, _value, isControlled, onChange]\n    );\n\n  const rangeValue: [null, number] = React.useMemo(\n    () => [null, _value],\n    [_value]\n  );\n  return (\n    <UniversalSlider\n      {...props}\n      value={rangeValue}\n      onChange={handleChange}\n      min={min}\n      max={max}\n    />\n  );\n};\n"],"file":"Slider.js"}

package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["active", "hovered", "children", "getRootRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import Tappable from "../Tappable/Tappable";
+import { Tappable } from "../Tappable/Tappable";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";

package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SliderSwitch/SliderSwitchButton.tsx"],"names":["React","Tappable","getClassName","classNames","usePlatform","Text","SliderSwitchButton","props","active","hovered","children","getRootRef","restProps","platform","useState","focus","setFocus","toggleFocus"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,SAASC,IAAT;AACA;;AASA;AACA;AACA;AACA,OAAO,IAAMC,kBAAwD,GAAG,SAA3DA,kBAA2D,CACtEC,KADsE,EAEnE;AAAA;;AACH,MAAQC,MAAR,GAAgED,KAAhE,CAAQC,MAAR;AAAA,MAAgBC,OAAhB,GAAgEF,KAAhE,CAAgBE,OAAhB;AAAA,MAAyBC,QAAzB,GAAgEH,KAAhE,CAAyBG,QAAzB;AAAA,MAAmCC,UAAnC,GAAgEJ,KAAhE,CAAmCI,UAAnC;AAAA,MAAkDC,SAAlD,4BAAgEL,KAAhE;;AACA,MAAMM,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BJ,KAAK,CAACc,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFD;;AAIA,SACE,oBAAC,QAAD,eACMH,SADN;AAEE;AACA,IAAA,SAAS,EAAET,UAAU,CAACD,YAAY,CAAC,sBAAD,EAAyBW,QAAzB,CAAb,kDAClB,8BADkB,EACeL,MADf,gCAElB,6BAFkB,EAEc,CAACA,MAAD,IAAWC,OAFzB,gCAGlB,mCAHkB,EAGoBD,MAAM,IAAIC,OAH9B,gCAIlB,6BAJkB,EAIcM,KAAK,IAAI,CAACN,OAJxB,gBAHvB;AASE,IAAA,SAAS,EAAC,QATZ;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,UAAU,EAAEE,UAXd;AAYE,oBAAcH,MAZhB;AAaE,IAAA,OAAO,EAAES,WAbX;AAcE,IAAA,MAAM,EAAEA,WAdV;AAeE,IAAA,QAAQ,EAAE,CAfZ;AAgBE,IAAA,SAAS,EAAE,KAhBb;AAiBE,IAAA,SAAS,EAAC;AAjBZ,MAmBE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAAkBP,QAAlB,CAnBF,CADF;AAuBD,CAlCM","sourcesContent":["import * as React from \"react\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./SliderSwitch.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  active?: boolean;\n  hovered?: boolean;\n}\n\n/**\n * @deprecated Этот компонент устарел и будет удален в 5.0.0.\n */\nexport const SliderSwitchButton: React.FunctionComponent<ButtonProps> = (\n  props: ButtonProps\n) => {\n  const { active, hovered, children, getRootRef, ...restProps } = props;\n  const platform = usePlatform();\n  const [focus, setFocus] = React.useState(false);\n\n  const toggleFocus = () => {\n    setFocus(!focus);\n  };\n\n  return (\n    <Tappable\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"SliderSwitch__button\", platform), {\n        [\"SliderSwitch__button--active\"]: active,\n        [\"SliderSwitch__button--hover\"]: !active && hovered,\n        [\"SliderSwitch__button--activeHover\"]: active && hovered,\n        [\"SliderSwitch__button--focus\"]: focus && !hovered,\n      })}\n      Component=\"button\"\n      type=\"button\"\n      getRootRef={getRootRef}\n      aria-pressed={active}\n      onFocus={toggleFocus}\n      onBlur={toggleFocus}\n      tabIndex={0}\n      hasActive={false}\n      hoverMode=\"opacity\"\n    >\n      <Text weight=\"2\">{children}</Text>\n    </Tappable>\n  );\n};\n"],"file":"SliderSwitchButton.js"}
+{"version":3,"sources":["../../../../src/components/SliderSwitch/SliderSwitchButton.tsx"],"names":["React","Tappable","getClassName","classNames","usePlatform","Text","SliderSwitchButton","props","active","hovered","children","getRootRef","restProps","platform","useState","focus","setFocus","toggleFocus"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,SAASC,IAAT;AACA;;AASA;AACA;AACA;AACA,OAAO,IAAMC,kBAAwD,GAAG,SAA3DA,kBAA2D,CACtEC,KADsE,EAEnE;AAAA;;AACH,MAAQC,MAAR,GAAgED,KAAhE,CAAQC,MAAR;AAAA,MAAgBC,OAAhB,GAAgEF,KAAhE,CAAgBE,OAAhB;AAAA,MAAyBC,QAAzB,GAAgEH,KAAhE,CAAyBG,QAAzB;AAAA,MAAmCC,UAAnC,GAAgEJ,KAAhE,CAAmCI,UAAnC;AAAA,MAAkDC,SAAlD,4BAAgEL,KAAhE;;AACA,MAAMM,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BJ,KAAK,CAACc,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFD;;AAIA,SACE,oBAAC,QAAD,eACMH,SADN;AAEE;AACA,IAAA,SAAS,EAAET,UAAU,CAACD,YAAY,CAAC,sBAAD,EAAyBW,QAAzB,CAAb,kDAClB,8BADkB,EACeL,MADf,gCAElB,6BAFkB,EAEc,CAACA,MAAD,IAAWC,OAFzB,gCAGlB,mCAHkB,EAGoBD,MAAM,IAAIC,OAH9B,gCAIlB,6BAJkB,EAIcM,KAAK,IAAI,CAACN,OAJxB,gBAHvB;AASE,IAAA,SAAS,EAAC,QATZ;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,UAAU,EAAEE,UAXd;AAYE,oBAAcH,MAZhB;AAaE,IAAA,OAAO,EAAES,WAbX;AAcE,IAAA,MAAM,EAAEA,WAdV;AAeE,IAAA,QAAQ,EAAE,CAfZ;AAgBE,IAAA,SAAS,EAAE,KAhBb;AAiBE,IAAA,SAAS,EAAC;AAjBZ,MAmBE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAAkBP,QAAlB,CAnBF,CADF;AAuBD,CAlCM","sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./SliderSwitch.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  active?: boolean;\n  hovered?: boolean;\n}\n\n/**\n * @deprecated Этот компонент устарел и будет удален в 5.0.0.\n */\nexport const SliderSwitchButton: React.FunctionComponent<ButtonProps> = (\n  props: ButtonProps\n) => {\n  const { active, hovered, children, getRootRef, ...restProps } = props;\n  const platform = usePlatform();\n  const [focus, setFocus] = React.useState(false);\n\n  const toggleFocus = () => {\n    setFocus(!focus);\n  };\n\n  return (\n    <Tappable\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"SliderSwitch__button\", platform), {\n        [\"SliderSwitch__button--active\"]: active,\n        [\"SliderSwitch__button--hover\"]: !active && hovered,\n        [\"SliderSwitch__button--activeHover\"]: active && hovered,\n        [\"SliderSwitch__button--focus\"]: focus && !hovered,\n      })}\n      Component=\"button\"\n      type=\"button\"\n      getRootRef={getRootRef}\n      aria-pressed={active}\n      onFocus={toggleFocus}\n      onBlur={toggleFocus}\n      tabIndex={0}\n      hasActive={false}\n      hoverMode=\"opacity\"\n    >\n      <Text weight=\"2\">{children}</Text>\n    </Tappable>\n  );\n};\n"],"file":"SliderSwitchButton.js"}

package/dist/cssm/components/Snackbar/Snackbar.css

@@ -1 +1 @@
-.vkuiSnackbar{-webkit-user-select:none;user-select:none;z-index:101;position:fixed;bottom:0;left:auto;width:100%;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__in{padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{box-sizing:border-box;padding:12px 16px;min-height:56px;display:flex;align-items:center;background:#fff;background:var(--modal_card_background);box-shadow:0 0 24px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.08)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-right:-4px;margin-left:12px}.vkuiSnackbar__content{flex:1;display:flex;align-items:center;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{flex-direction:column;align-items:flex-start}.vkuiSnackbar__content-text{flex:1;color:#000;color:var(--text_primary);width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:-16px;position:relative;top:2px}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-top:2px;margin-bottom:-6px;margin-left:-16px}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__in,.vkuiSnackbar--ios .vkuiSnackbar__body{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__body{border-radius:10px}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__body{transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__body{border-radius:8px}.vkuiSnackbar--desktop{max-width:328px;left:0;bottom:0}.vkuiSnackbar--desktop .vkuiSnackbar__in{padding:12px;-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
+.vkuiSnackbar{-webkit-user-select:none;user-select:none;z-index:101;position:fixed;bottom:0;left:auto;width:100%;padding-left:0;padding-left:var(--safe-area-inset-left);padding-right:0;padding-right:var(--safe-area-inset-right);padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiEpic .vkuiSnackbar{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--tabbar_height) + var(--safe-area-inset-bottom))}.vkuiSnackbar__in{padding:8px}.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}.vkuiSnackbar__body{box-sizing:border-box;padding:12px 16px;min-height:56px;display:flex;align-items:center;background:#fff;background:var(--modal_card_background);box-shadow:0 0 24px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.08)}.vkuiSnackbar__before{margin-left:-4px;margin-right:12px}.vkuiSnackbar__after{margin-right:-4px;margin-left:12px}.vkuiSnackbar__content{flex:1;display:flex;align-items:center;overflow:hidden}.vkuiSnackbar--l-vertical .vkuiSnackbar__content{flex-direction:column;align-items:flex-start}.vkuiSnackbar__content-text{flex:1;color:#000;color:var(--text_primary);width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vkuiSnackbar--l-horizontal .vkuiSnackbar__action{margin-right:calc(-1*12px);margin-right:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px));position:relative;top:2px}.vkuiSnackbar--l-vertical .vkuiSnackbar__action{margin-top:2px;margin-bottom:-6px;margin-left:calc(-1*12px);margin-left:calc(-1*var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiModalRoot .vkuiSnackbar{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom)}.vkuiSnackbar--ios .vkuiSnackbar__in,.vkuiSnackbar--ios .vkuiSnackbar__body{transition:-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1);transition:transform 400ms cubic-bezier(.36,.66,.04,1),-webkit-transform 400ms cubic-bezier(.36,.66,.04,1);transition:-webkit-transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing);transition:transform 400ms var(--ios-easing),-webkit-transform 400ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--ios-easing)}.vkuiSnackbar--ios .vkuiSnackbar__body{border-radius:10px}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__body{transition:-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1);transition:transform 320ms cubic-bezier(.4,0,.2,1),-webkit-transform 320ms cubic-bezier(.4,0,.2,1);transition:-webkit-transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing);transition:transform 320ms var(--android-easing),-webkit-transform 320ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__in,.vkuiSnackbar--vkcom .vkuiSnackbar__in{-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);animation:vkui-animation-snackbar-intro-vertical 340ms cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing);animation:vkui-animation-snackbar-intro-vertical 340ms var(--android-easing)}.vkuiSnackbar--android .vkuiSnackbar__body,.vkuiSnackbar--vkcom .vkuiSnackbar__body{border-radius:8px}.vkuiSnackbar--desktop{max-width:328px;left:0;bottom:0}.vkuiSnackbar--desktop .vkuiSnackbar__in{padding:12px;-webkit-animation-name:vkui-animation-snackbar-intro-horizontal;animation-name:vkui-animation-snackbar-intro-horizontal}.vkuiSnackbar--desktop.vkuiSnackbar--closing .vkuiSnackbar__in{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}.vkuiSnackbar--touched .vkuiSnackbar__body{transition:none}@-webkit-keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-vertical{0%{-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes vkui-animation-snackbar-intro-horizontal{0%{-webkit-transform:translate3d(-140%,0,0);transform:translate3d(-140%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

package/dist/cssm/components/Spacing/Spacing.css

@@ -1 +1 @@
-.vkuiSpacing{color:#d7d8d9;color:var(--separator_common);position:relative;box-sizing:border-box;display:flex;flex-flow:column;justify-content:center}.vkuiSpacing--separator{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiSpacing--separator-center{justify-content:center}.vkuiSpacing--separator-bottom{flex-direction:column-reverse}.vkuiSpacing--separator::after{content:"";display:block;height:1px;background:currentColor;-webkit-transform-origin:center top;transform-origin:center top}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiSpacing--separator::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiSpacing--separator::after{-webkit-transform:scaleY(.32);transform:scaleY(.32)}}
+.vkuiSpacing{color:#d7d8d9;color:var(--separator_common, var(--vkui--color_separator_primary));position:relative;box-sizing:border-box;display:flex;flex-flow:column;justify-content:center}.vkuiSpacing--separator{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular,16px);padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiSpacing--separator-center{justify-content:center}.vkuiSpacing--separator-bottom{flex-direction:column-reverse}.vkuiSpacing--separator::after{content:"";display:block;height:1px;background:currentColor;-webkit-transform-origin:center top;transform-origin:center top}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiSpacing--separator::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiSpacing--separator::after{-webkit-transform:scaleY(.32);transform:scaleY(.32)}}

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

@@ -15,8 +15,9 @@ export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
      * - separator='bottom'
      */
     separator?: boolean | "top" | "bottom" | "center";
+    children?: React.ReactNode;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Spacing
  */
-export declare const Spacing: React.FC<SpacingProps>;
+export declare const Spacing: ({ size, separator, style, ...restProps }: SpacingProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["classNames","Spacing","size","separator","style","restProps","styles","height"],"mappings":";;;;;AACA,SAASA,UAAT;AACA;;AAmBA;AACA;AACA;AACA,OAAO,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAK3B;AAAA,uBAJlBC,IAIkB;AAAA,MAJlBA,IAIkB,0BAJX,CAIW;AAAA,MAHlBC,SAGkB,QAHlBA,SAGkB;AAAA,MAFlBC,KAEkB,QAFlBA,KAEkB;AAAA,MADfC,SACe;;AAClB,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEL;AADE,KAEPE,KAFO,CAAZ;;AAKA,SACE,wCACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAEL,UAAU,CACnB,SADmB,EAEnB,CAAC,CAACG,SAAF,IAAe,oBAFI,EAGnB,CAACA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAArC,KACE,2BAJiB,EAKnBA,SAAS,KAAK,KAAd,IAAuB,wBALJ,EAMnBA,SAAS,KAAK,QAAd,IAA0B,2BANP,CAHvB;AAWE,IAAA,KAAK,EAAEG;AAXT,KADF;AAeD,CA1BM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Высота спэйсинга\n   */\n  size?: number;\n  /**\n   * @deprecated Это свойство устарело и будет удалено в 5.0.0. Используйте [`Separator`](#/Separator) вместе с Spacing.\n   * Настройка положения сепаратора:\n   *\n   * - separator=false (default) - без сепаратора\n   * - separator=true | separator='center' - сепаратор располагается по середине\n   * - separator='top'\n   * - separator='bottom'\n   */\n  separator?: boolean | \"top\" | \"bottom\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Spacing\n */\nexport const Spacing: React.FC<SpacingProps> = ({\n  size = 8,\n  separator,\n  style,\n  ...restProps\n}: SpacingProps) => {\n  const styles = {\n    height: size,\n    ...style,\n  };\n\n  return (\n    <div\n      {...restProps}\n      aria-hidden=\"true\"\n      vkuiClass={classNames(\n        \"Spacing\",\n        !!separator && \"Spacing--separator\",\n        (separator === true || separator === \"center\") &&\n          \"Spacing--separator-center\",\n        separator === \"top\" && \"Spacing--separator-top\",\n        separator === \"bottom\" && \"Spacing--separator-bottom\"\n      )}\n      style={styles}\n    />\n  );\n};\n"],"file":"Spacing.js"}
+{"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["classNames","Spacing","size","separator","style","restProps","styles","height"],"mappings":";;;;;AACA,SAASA,UAAT;AACA;;AAoBA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;AAAA,uBAJlBC,IAIkB;AAAA,MAJlBA,IAIkB,0BAJX,CAIW;AAAA,MAHlBC,SAGkB,QAHlBA,SAGkB;AAAA,MAFlBC,KAEkB,QAFlBA,KAEkB;AAAA,MADfC,SACe;;AAClB,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEL;AADE,KAEPE,KAFO,CAAZ;;AAKA,SACE,wCACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAEL,UAAU,CACnB,SADmB,EAEnB,CAAC,CAACG,SAAF,IAAe,oBAFI,EAGnB,CAACA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAArC,KACE,2BAJiB,EAKnBA,SAAS,KAAK,KAAd,IAAuB,wBALJ,EAMnBA,SAAS,KAAK,QAAd,IAA0B,2BANP,CAHvB;AAWE,IAAA,KAAK,EAAEG;AAXT,KADF;AAeD,CA1BM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Высота спэйсинга\n   */\n  size?: number;\n  /**\n   * @deprecated Это свойство устарело и будет удалено в 5.0.0. Используйте [`Separator`](#/Separator) вместе с Spacing.\n   * Настройка положения сепаратора:\n   *\n   * - separator=false (default) - без сепаратора\n   * - separator=true | separator='center' - сепаратор располагается по середине\n   * - separator='top'\n   * - separator='bottom'\n   */\n  separator?: boolean | \"top\" | \"bottom\" | \"center\";\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Spacing\n */\nexport const Spacing = ({\n  size = 8,\n  separator,\n  style,\n  ...restProps\n}: SpacingProps) => {\n  const styles = {\n    height: size,\n    ...style,\n  };\n\n  return (\n    <div\n      {...restProps}\n      aria-hidden=\"true\"\n      vkuiClass={classNames(\n        \"Spacing\",\n        !!separator && \"Spacing--separator\",\n        (separator === true || separator === \"center\") &&\n          \"Spacing--separator-center\",\n        separator === \"top\" && \"Spacing--separator-top\",\n        separator === \"bottom\" && \"Spacing--separator-bottom\"\n      )}\n      style={styles}\n    />\n  );\n};\n"],"file":"Spacing.js"}

package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js

@@ -6,7 +6,7 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
 import { getTitleFromChildren, hasReactNode } from "../../lib/utils";
-import Tappable from "../Tappable/Tappable";
+import { Tappable } from "../Tappable/Tappable";
 import { Icon16Dropdown } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
 import { Caption } from "../Typography/Caption/Caption";