@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/components/Radio/Radio.js

@@ -1,17 +1,16 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["children", "description", "style", "className", "getRootRef", "sizeY"];
+var _excluded = ["children", "description", "style", "className", "getRootRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { ACTIVE_EFFECT_DELAY, Tappable } from "../Tappable/Tappable";
 import { classNames } from "../../lib/classNames";
-import { IOS, VKCOM } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
-import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
 import { hasReactNode } from "../../lib/utils";
 import { VisuallyHiddenInput } from "../VisuallyHiddenInput/VisuallyHiddenInput";
-import { Caption } from "../Typography/Caption/Caption";
-import { Headline } from "../Typography/Headline/Headline";
-import { Text } from "../Typography/Text/Text";
+import { Footnote } from "../Typography/Footnote/Footnote";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 
 var RadioIcon = function RadioIcon(props) {
   return createScopedElement("svg", _extends({
@@ -34,23 +33,28 @@ var RadioIcon = function RadioIcon(props) {
   }));
 };
 
-var RadioComponent = function RadioComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/Radio
+ */
+export var Radio = function Radio(_ref) {
   var children = _ref.children,
       description = _ref.description,
       style = _ref.style,
       className = _ref.className,
       getRootRef = _ref.getRootRef,
-      sizeY = _ref.sizeY,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
-  var RadioTypography = platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;
+
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
   return createScopedElement(Tappable, {
     Component: "label",
     style: style,
     className: className,
-    vkuiClass: classNames("Radio", "Radio--sizeY-".concat(sizeY)),
-    activeEffectDelay: platform === IOS ? 100 : ACTIVE_EFFECT_DELAY,
+    vkuiClass: classNames("Radio", getSizeYClassName("Radio", sizeY)),
+    activeEffectDelay: platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY,
     disabled: restProps.disabled,
     getRootRef: getRootRef
   }, createScopedElement(VisuallyHiddenInput, _extends({}, restProps, {
@@ -60,22 +64,12 @@ var RadioComponent = function RadioComponent(_ref) {
     vkuiClass: "Radio__container"
   }, createScopedElement(RadioIcon, {
     vkuiClass: "Radio__icon"
-  }), createScopedElement(RadioTypography, {
-    vkuiClass: "Radio__content",
-    Component: "div"
+  }), createScopedElement("div", {
+    vkuiClass: "Radio__content"
   }, createScopedElement("div", {
     vkuiClass: "Radio__children"
-  }, children), hasReactNode(description) && createScopedElement(Caption, {
+  }, children), hasReactNode(description) && createScopedElement(Footnote, {
     vkuiClass: "Radio__description"
   }, description))));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/Radio
- */
-
-
-export var Radio = withAdaptivity(RadioComponent, {
-  sizeY: true
-});
-Radio.displayName = "Radio";
 //# sourceMappingURL=Radio.js.map

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["ACTIVE_EFFECT_DELAY","Tappable","classNames","IOS","VKCOM","usePlatform","withAdaptivity","SizeType","hasReactNode","VisuallyHiddenInput","Caption","Headline","Text","RadioIcon","props","RadioComponent","children","description","style","className","getRootRef","sizeY","restProps","platform","RadioTypography","COMPACT","disabled","Radio","displayName"],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"11\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"7.5\"\n        vkuiClass=\"Radio__pin\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport interface RadioProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    AdaptivityProps {\n  description?: React.ReactNode;\n}\n\nconst RadioComponent = ({\n  children,\n  description,\n  style,\n  className,\n  getRootRef,\n  sizeY,\n  ...restProps\n}: RadioProps) => {\n  const platform = usePlatform();\n\n  const RadioTypography =\n    platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={className}\n      vkuiClass={classNames(\"Radio\", `Radio--sizeY-${sizeY}`)}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"Radio__input\"\n        type=\"radio\"\n      />\n      <div vkuiClass=\"Radio__container\">\n        <RadioIcon vkuiClass=\"Radio__icon\" />\n        <RadioTypography vkuiClass=\"Radio__content\" Component=\"div\">\n          <div vkuiClass=\"Radio__children\">{children}</div>\n          {hasReactNode(description) && (\n            <Caption vkuiClass=\"Radio__description\">{description}</Caption>\n          )}\n        </RadioTypography>\n      </div>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = withAdaptivity(RadioComponent, {\n  sizeY: true,\n});\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;AACA,SAASA,mBAAT,EAA8BC,QAA9B;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,KAAd;AAEA,SAASC,WAAT;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,SAASC,YAAT;AACA,SAASC,mBAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,IAAT;;AAGA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;EAC1D,OACE;IACE,KAAK,EAAC,4BADR;IAEE,OAAO,EAAC,WAFV;IAGE;EAHF,GAIMA,KAJN,GAME;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,MAAM,EAAC,cAJT;IAKE,WAAW,EAAC,GALd;IAME,IAAI,EAAC;EANP,EANF,EAcE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,KAHJ;IAIE,SAAS,EAAC,YAJZ;IAKE,IAAI,EAAC;EALP,EAdF,CADF;AAwBD,CAzBD;;AAmCA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAQL;EAAA,IAPhBC,QAOgB,QAPhBA,QAOgB;EAAA,IANhBC,WAMgB,QANhBA,WAMgB;EAAA,IALhBC,KAKgB,QALhBA,KAKgB;EAAA,IAJhBC,SAIgB,QAJhBA,SAIgB;EAAA,IAHhBC,UAGgB,QAHhBA,UAGgB;EAAA,IAFhBC,KAEgB,QAFhBA,KAEgB;EAAA,IADbC,SACa;;EAChB,IAAMC,QAAQ,GAAGlB,WAAW,EAA5B;EAEA,IAAMmB,eAAe,GACnBD,QAAQ,KAAKnB,KAAb,IAAsBiB,KAAK,KAAKd,QAAQ,CAACkB,OAAzC,GAAmDb,IAAnD,GAA0DD,QAD5D;EAGA,OACE,oBAAC,QAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEO,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAEjB,UAAU,CAAC,OAAD,yBAA0BmB,KAA1B,EAJvB;IAKE,iBAAiB,EAAEE,QAAQ,KAAKpB,GAAb,GAAmB,GAAnB,GAAyBH,mBAL9C;IAME,QAAQ,EAAEsB,SAAS,CAACI,QANtB;IAOE,UAAU,EAAEN;EAPd,GASE,oBAAC,mBAAD,eACME,SADN;IAEE,SAAS,EAAC,cAFZ;IAGE,IAAI,EAAC;EAHP,GATF,EAcE;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,SAAD;IAAW,SAAS,EAAC;EAArB,EADF,EAEE,oBAAC,eAAD;IAAiB,SAAS,EAAC,gBAA3B;IAA4C,SAAS,EAAC;EAAtD,GACE;IAAK,SAAS,EAAC;EAAf,GAAkCN,QAAlC,CADF,EAEGR,YAAY,CAACS,WAAD,CAAZ,IACC,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GAAyCA,WAAzC,CAHJ,CAFF,CAdF,CADF;AA0BD,CAxCD;AA0CA;AACA;AACA;;;AACA,OAAO,IAAMU,KAAK,GAAGrB,cAAc,CAACS,cAAD,EAAiB;EAClDM,KAAK,EAAE;AAD2C,CAAjB,CAA5B;AAIPM,KAAK,CAACC,WAAN,GAAoB,OAApB"}
+{"version":3,"file":"Radio.js","names":["ACTIVE_EFFECT_DELAY","Tappable","classNames","Platform","usePlatform","hasReactNode","VisuallyHiddenInput","Footnote","getSizeYClassName","useAdaptivity","RadioIcon","props","Radio","children","description","style","className","getRootRef","restProps","platform","sizeY","IOS","disabled"],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"11\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"7.5\"\n        vkuiClass=\"Radio__pin\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport interface RadioProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement> {\n  description?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = ({\n  children,\n  description,\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: RadioProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={className}\n      vkuiClass={classNames(\"Radio\", getSizeYClassName(\"Radio\", sizeY))}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"Radio__input\"\n        type=\"radio\"\n      />\n      <div vkuiClass=\"Radio__container\">\n        <RadioIcon vkuiClass=\"Radio__icon\" />\n        <div vkuiClass=\"Radio__content\">\n          <div vkuiClass=\"Radio__children\">{children}</div>\n          {hasReactNode(description) && (\n            <Footnote vkuiClass=\"Radio__description\">{description}</Footnote>\n          )}\n        </div>\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,mBAAT,EAA8BC,QAA9B;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AAEA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,mBAAT;AACA,SAASC,QAAT;AACA,SAASC,iBAAT;AACA,SAASC,aAAT;;AAGA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;EAC1D,OACE;IACE,KAAK,EAAC,4BADR;IAEE,OAAO,EAAC,WAFV;IAGE;EAHF,GAIMA,KAJN,GAME;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,MAAM,EAAC,cAJT;IAKE,WAAW,EAAC,GALd;IAME,IAAI,EAAC;EANP,EANF,EAcE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,KAHJ;IAIE,SAAS,EAAC,YAJZ;IAKE,IAAI,EAAC;EALP,EAdF,CADF;AAwBD,CAzBD;;AAkCA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAOH;EAAA,IANhBC,QAMgB,QANhBA,QAMgB;EAAA,IALhBC,WAKgB,QALhBA,WAKgB;EAAA,IAJhBC,KAIgB,QAJhBA,KAIgB;EAAA,IAHhBC,SAGgB,QAHhBA,SAGgB;EAAA,IAFhBC,UAEgB,QAFhBA,UAEgB;EAAA,IADbC,SACa;;EAChB,IAAMC,QAAQ,GAAGf,WAAW,EAA5B;;EACA,qBAAkBK,aAAa,EAA/B;EAAA,IAAQW,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,QAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEL,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAEd,UAAU,CAAC,OAAD,EAAUM,iBAAiB,CAAC,OAAD,EAAUY,KAAV,CAA3B,CAJvB;IAKE,iBAAiB,EAAED,QAAQ,KAAKhB,QAAQ,CAACkB,GAAtB,GAA4B,GAA5B,GAAkCrB,mBALvD;IAME,QAAQ,EAAEkB,SAAS,CAACI,QANtB;IAOE,UAAU,EAAEL;EAPd,GASE,oBAAC,mBAAD,eACMC,SADN;IAEE,SAAS,EAAC,cAFZ;IAGE,IAAI,EAAC;EAHP,GATF,EAcE;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,SAAD;IAAW,SAAS,EAAC;EAArB,EADF,EAEE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GAAkCL,QAAlC,CADF,EAEGR,YAAY,CAACS,WAAD,CAAZ,IACC,oBAAC,QAAD;IAAU,SAAS,EAAC;EAApB,GAA0CA,WAA1C,CAHJ,CAFF,CAdF,CADF;AA0BD,CArCM"}

package/dist/components/RadioGroup/RadioGroup.js

@@ -14,7 +14,7 @@ export var RadioGroup = function RadioGroup(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   return createScopedElement("div", _extends({
-    vkuiClass: classNames("RadioGroup", "RadioGroup--".concat(mode))
+    vkuiClass: classNames("RadioGroup", "RadioGroup--mode-".concat(mode))
   }, restProps), children);
 };
 //# sourceMappingURL=RadioGroup.js.map

package/dist/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["classNames","RadioGroup","mode","children","restProps"],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n  mode = \"vertical\",\n  children,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    vkuiClass={classNames(\"RadioGroup\", `RadioGroup--${mode}`)}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;AACA,SAASA,UAAT;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,qBACxBC,IADwB;EAAA,IACxBA,IADwB,0BACjB,UADiB;EAAA,IAExBC,QAFwB,QAExBA,QAFwB;EAAA,IAGrBC,SAHqB;;EAAA,OAKxB;IACE,SAAS,EAAEJ,UAAU,CAAC,YAAD,wBAA8BE,IAA9B;EADvB,GAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB"}
+{"version":3,"file":"RadioGroup.js","names":["classNames","RadioGroup","mode","children","restProps"],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n  mode = \"vertical\",\n  children,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    vkuiClass={classNames(\"RadioGroup\", `RadioGroup--mode-${mode}`)}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;AACA,SAASA,UAAT;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,qBACxBC,IADwB;EAAA,IACxBA,IADwB,0BACjB,UADiB;EAAA,IAExBC,QAFwB,QAExBA,QAFwB;EAAA,IAGrBC,SAHqB;;EAAA,OAKxB;IACE,SAAS,EAAEJ,UAAU,CAAC,YAAD,6BAAmCE,IAAnC;EADvB,GAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB"}

package/dist/components/RangeSlider/UniversalSlider.d.ts

@@ -1,10 +1,9 @@
 import * as React from "react";
 import { TouchEvent } from "../Touch/Touch";
 import { HasRootRef } from "../../types";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "../Slider/Slider.css";
 export declare type UniversalValue = [number | null, number];
-export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange">, AdaptivityProps {
+export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange"> {
     min?: number;
     max?: number;
     step?: number;
@@ -13,4 +12,4 @@ export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>,
     disabled?: boolean;
     onChange?(value: Value, e: TouchEvent): void;
 }
-export declare const UniversalSlider: React.FC<Pick<UniversalSliderProps<UniversalValue>, "max" | "disabled" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "min" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "step" | "getRootRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const UniversalSlider: ({ min, max, step, value, defaultValue, onChange, getRootRef, disabled, ...restProps }: UniversalSliderProps<UniversalValue>) => JSX.Element;

package/dist/components/RangeSlider/UniversalSlider.js

@@ -1,16 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "sizeY", "disabled"];
+var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "disabled"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { Touch } from "../Touch/Touch";
 import { classNames } from "../../lib/classNames";
 import { rescale } from "../../helpers/math";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { useExternRef } from "../../hooks/useExternRef";
-
-var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
+export var UniversalSlider = function UniversalSlider(_ref) {
   var _ref$min = _ref.min,
       min = _ref$min === void 0 ? 0 : _ref$min,
       _ref$max = _ref.max,
@@ -21,7 +21,6 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
       defaultValue = _ref.defaultValue,
       onChange = _ref.onChange,
       getRootRef = _ref.getRootRef,
-      sizeY = _ref.sizeY,
       disabled = _ref.disabled,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -39,6 +38,9 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
   var thumbStart = React.useRef(null);
   var thumbEnd = React.useRef(null);
 
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
   var offsetToValue = function offsetToValue(absolute) {
     return rescale(absolute, [0, gesture.containerWidth], [min, max], {
       step: step
@@ -128,7 +130,7 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
     onMove: onMove,
     onEnd: onEnd
   }, {
-    vkuiClass: classNames("Slider", "Slider--sizeY-".concat(sizeY), disabled && "Slider--disabled")
+    vkuiClass: classNames("Slider", getSizeYClassName("Slider", sizeY), disabled && "Slider--disabled")
   }), createScopedElement("div", {
     ref: container,
     vkuiClass: "Slider__in"
@@ -143,9 +145,4 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
     ref: thumbEnd
   }))));
 };
-
-export var UniversalSlider = withAdaptivity(UniversalSliderDumb, {
-  sizeY: true
-});
-UniversalSlider.displayName = "UniversalSlider";
 //# sourceMappingURL=UniversalSlider.js.map

package/dist/components/RangeSlider/UniversalSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UniversalSlider.js","names":["React","Touch","classNames","rescale","withAdaptivity","useExternRef","UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","start","end","isRange","gesture","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider","displayName"],"sources":["../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"value\" | \"defaultValue\" | \"onChange\"\n    >,\n    AdaptivityProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb = ({\n  min = 0,\n  max = 100,\n  step,\n  value = [0, 0],\n  defaultValue,\n  onChange,\n  getRootRef,\n  sizeY,\n  disabled,\n  ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | \"start\" | \"end\",\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>(null);\n  const thumbEnd = React.useRef<HTMLDivElement>(null);\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === \"start\") {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = \"end\";\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === \"end\") {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = \"start\";\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget | null) => {\n    if (target === thumbStart.current) {\n      return \"start\";\n    }\n    if (target === thumbEnd.current) {\n      return \"end\";\n    }\n    return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n      ? \"start\"\n      : \"end\";\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current?.getBoundingClientRect();\n    gesture.containerWidth = boundingRect?.width ?? 0;\n\n    const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange?.(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n  const draggerStyle = isRange\n    ? {\n        width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n        left: `${toPercent(start ?? 0)}%`,\n      }\n    : {\n        width: `${toPercent(end)}%`,\n      };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(\",\") : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        \"Slider\",\n        `Slider--sizeY-${sizeY}`,\n        disabled && \"Slider--disabled\"\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && (\n            <span\n              vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n  sizeY: true,\n});\n\nUniversalSlider.displayName = \"UniversalSlider\";\n"],"mappings":"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"}
+{"version":3,"file":"UniversalSlider.js","names":["React","Touch","classNames","rescale","useExternRef","useAdaptivity","getSizeYClassName","UniversalSlider","min","max","step","value","defaultValue","onChange","getRootRef","disabled","restProps","start","end","isRange","gesture","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","sizeY","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join"],"sources":["../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"value\" | \"defaultValue\" | \"onChange\"\n    > {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nexport const UniversalSlider = ({\n  min = 0,\n  max = 100,\n  step,\n  value = [0, 0],\n  defaultValue,\n  onChange,\n  getRootRef,\n  disabled,\n  ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | \"start\" | \"end\",\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>(null);\n  const thumbEnd = React.useRef<HTMLDivElement>(null);\n  const { sizeY } = useAdaptivity();\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === \"start\") {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = \"end\";\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === \"end\") {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = \"start\";\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget | null) => {\n    if (target === thumbStart.current) {\n      return \"start\";\n    }\n    if (target === thumbEnd.current) {\n      return \"end\";\n    }\n    return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n      ? \"start\"\n      : \"end\";\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current?.getBoundingClientRect();\n    gesture.containerWidth = boundingRect?.width ?? 0;\n\n    const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange?.(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n  const draggerStyle = isRange\n    ? {\n        width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n        left: `${toPercent(start ?? 0)}%`,\n      }\n    : {\n        width: `${toPercent(end)}%`,\n      };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(\",\") : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        \"Slider\",\n        getSizeYClassName(\"Slider\", sizeY),\n        disabled && \"Slider--disabled\"\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && (\n            <span\n              vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Removable/Removable.js

@@ -10,11 +10,12 @@ import { useExternRef } from "../../hooks/useExternRef";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { useDOM } from "../../lib/dom";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { Icon24Cancel } from "@vkontakte/icons";
 import { IconButton } from "../IconButton/IconButton";
 import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
 import { Tappable } from "../Tappable/Tappable";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 
 /**
  * @see https://vkcom.github.io/VKUI/#/RemovableIos
@@ -127,8 +128,8 @@ export var Removable = function Removable(_ref2) {
   var removePlaceholderString = getTitleFromChildren(removePlaceholder);
   return createScopedElement("div", _extends({}, restProps, {
     ref: ref,
-    vkuiClass: classNames("Removable", platform === IOS && "Removable--ios", "Removable--".concat(align), "Removable--sizeY-".concat(sizeY))
-  }), platform !== IOS && createScopedElement("div", {
+    vkuiClass: classNames("Removable", platform === Platform.IOS && "Removable--ios", "Removable--align-".concat(align), getSizeYClassName("Removable", sizeY))
+  }), platform !== Platform.IOS && createScopedElement("div", {
     vkuiClass: "Removable__content"
   }, children, createScopedElement(IconButton, {
     activeMode: "opacity",
@@ -141,7 +142,7 @@ export var Removable = function Removable(_ref2) {
   })), createScopedElement("span", {
     vkuiClass: "Removable__offset",
     "aria-hidden": true
-  })), platform === IOS && createScopedElement(RemovableIos, {
+  })), platform === Platform.IOS && createScopedElement(RemovableIos, {
     onRemove: onRemoveClick,
     removePlaceholder: removePlaceholder,
     removePlaceholderString: removePlaceholderString

package/dist/components/Removable/Removable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Removable.js","names":["React","classNames","getTitleFromChildren","noop","useExternRef","usePlatform","useAdaptivity","useDOM","IOS","Icon24Cancel","IconButton","useGlobalEventListener","Tappable","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","removeButtonRef","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","align","restProps","platform","sizeY","ref","onRemoveClick","preventDefault"],"sources":["../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n  /**\n   * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n   */\n  removePlaceholder?: React.ReactNode;\n  /**\n   * Коллбэк срабатывает при клике на контрол удаления.\n   */\n  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n  removePlaceholderString?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n  onRemove,\n  removePlaceholder,\n  removePlaceholderString,\n  children,\n}: RemovableIosOwnProps) => {\n  const { window } = useDOM();\n\n  const removeButtonRef = React.useRef<HTMLElement>(null);\n  const disabledRef = React.useRef(true);\n  const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n  useGlobalEventListener(\n    window,\n    \"click\",\n    () => {\n      if (removeOffset > 0) {\n        updateRemoveOffset(0);\n      }\n    },\n    { capture: true }\n  );\n\n  const onRemoveTransitionEnd = () => {\n    if (removeOffset > 0) {\n      removeButtonRef?.current?.focus();\n    } else {\n      disabledRef.current = true;\n    }\n  };\n\n  const onRemoveActivateClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!removeButtonRef.current) {\n      return;\n    }\n    const { offsetWidth } = removeButtonRef.current;\n    disabledRef.current = false;\n    updateRemoveOffset(offsetWidth);\n  };\n\n  return (\n    <div\n      vkuiClass=\"Removable__content\"\n      style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n      onTransitionEnd={onRemoveTransitionEnd}\n    >\n      <IconButton\n        hasActive={false}\n        hasHover={false}\n        aria-label={removePlaceholderString}\n        vkuiClass=\"Removable__action Removable__toggle\"\n        onClick={onRemoveActivateClick}\n        disabled={removeOffset > 0}\n      >\n        <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n      </IconButton>\n      {children}\n\n      <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n      <Tappable\n        Component=\"button\"\n        hasActive={false}\n        hasHover={false}\n        disabled={disabledRef.current}\n        getRootRef={removeButtonRef}\n        vkuiClass=\"Removable__remove\"\n        onClick={onRemove}\n      >\n        <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n      </Tappable>\n    </div>\n  );\n};\n\ninterface RemovableOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Расположение кнопки удаления.\n   */\n  align?: \"start\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n  getRootRef,\n  children,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  align = \"center\",\n  ...restProps\n}: RemovableOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  const ref = useExternRef(getRootRef);\n\n  const onRemoveClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onRemove(e);\n  };\n\n  const removePlaceholderString: string =\n    getTitleFromChildren(removePlaceholder);\n\n  return (\n    <div\n      {...restProps}\n      ref={ref}\n      vkuiClass={classNames(\n        \"Removable\",\n        platform === IOS && \"Removable--ios\",\n        `Removable--${align}`,\n        `Removable--sizeY-${sizeY}`\n      )}\n    >\n      {platform !== IOS && (\n        <div vkuiClass=\"Removable__content\">\n          {children}\n\n          <IconButton\n            activeMode=\"opacity\"\n            hoverMode=\"opacity\"\n            vkuiClass=\"Removable__action\"\n            onClick={onRemoveClick}\n            aria-label={removePlaceholderString}\n          >\n            <Icon24Cancel role=\"presentation\" />\n          </IconButton>\n\n          <span vkuiClass=\"Removable__offset\" aria-hidden />\n        </div>\n      )}\n\n      {platform === IOS && (\n        <RemovableIos\n          onRemove={onRemoveClick}\n          removePlaceholder={removePlaceholder}\n          removePlaceholderString={removePlaceholderString}\n        >\n          {children}\n        </RemovableIos>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Removable.js","names":["React","classNames","getTitleFromChildren","noop","useExternRef","usePlatform","useAdaptivity","useDOM","Platform","Icon24Cancel","IconButton","useGlobalEventListener","Tappable","getSizeYClassName","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","removeButtonRef","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","align","restProps","platform","sizeY","ref","onRemoveClick","preventDefault","IOS"],"sources":["../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Platform } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n  /**\n   * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n   */\n  removePlaceholder?: React.ReactNode;\n  /**\n   * Коллбэк срабатывает при клике на контрол удаления.\n   */\n  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n  removePlaceholderString?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n  onRemove,\n  removePlaceholder,\n  removePlaceholderString,\n  children,\n}: RemovableIosOwnProps) => {\n  const { window } = useDOM();\n\n  const removeButtonRef = React.useRef<HTMLElement>(null);\n  const disabledRef = React.useRef(true);\n  const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n  useGlobalEventListener(\n    window,\n    \"click\",\n    () => {\n      if (removeOffset > 0) {\n        updateRemoveOffset(0);\n      }\n    },\n    { capture: true }\n  );\n\n  const onRemoveTransitionEnd = () => {\n    if (removeOffset > 0) {\n      removeButtonRef?.current?.focus();\n    } else {\n      disabledRef.current = true;\n    }\n  };\n\n  const onRemoveActivateClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!removeButtonRef.current) {\n      return;\n    }\n    const { offsetWidth } = removeButtonRef.current;\n    disabledRef.current = false;\n    updateRemoveOffset(offsetWidth);\n  };\n\n  return (\n    <div\n      vkuiClass=\"Removable__content\"\n      style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n      onTransitionEnd={onRemoveTransitionEnd}\n    >\n      <IconButton\n        hasActive={false}\n        hasHover={false}\n        aria-label={removePlaceholderString}\n        vkuiClass=\"Removable__action Removable__toggle\"\n        onClick={onRemoveActivateClick}\n        disabled={removeOffset > 0}\n      >\n        <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n      </IconButton>\n      {children}\n\n      <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n      <Tappable\n        Component=\"button\"\n        hasActive={false}\n        hasHover={false}\n        disabled={disabledRef.current}\n        getRootRef={removeButtonRef}\n        vkuiClass=\"Removable__remove\"\n        onClick={onRemove}\n      >\n        <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n      </Tappable>\n    </div>\n  );\n};\n\ninterface RemovableOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Расположение кнопки удаления.\n   */\n  align?: \"start\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n  getRootRef,\n  children,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  align = \"center\",\n  ...restProps\n}: RemovableOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  const ref = useExternRef(getRootRef);\n\n  const onRemoveClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onRemove(e);\n  };\n\n  const removePlaceholderString: string =\n    getTitleFromChildren(removePlaceholder);\n\n  return (\n    <div\n      {...restProps}\n      ref={ref}\n      vkuiClass={classNames(\n        \"Removable\",\n        platform === Platform.IOS && \"Removable--ios\",\n        `Removable--align-${align}`,\n        getSizeYClassName(\"Removable\", sizeY)\n      )}\n    >\n      {platform !== Platform.IOS && (\n        <div vkuiClass=\"Removable__content\">\n          {children}\n\n          <IconButton\n            activeMode=\"opacity\"\n            hoverMode=\"opacity\"\n            vkuiClass=\"Removable__action\"\n            onClick={onRemoveClick}\n            aria-label={removePlaceholderString}\n          >\n            <Icon24Cancel role=\"presentation\" />\n          </IconButton>\n\n          <span vkuiClass=\"Removable__offset\" aria-hidden />\n        </div>\n      )}\n\n      {platform === Platform.IOS && (\n        <RemovableIos\n          onRemove={onRemoveClick}\n          removePlaceholder={removePlaceholder}\n          removePlaceholderString={removePlaceholderString}\n        >\n          {children}\n        </RemovableIos>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/RichCell/RichCell.d.ts

@@ -15,7 +15,7 @@ export interface RichCellProps extends TappableProps {
      */
     caption?: React.ReactNode;
     /**
-     * Контейнер для контента под `caption`. Например `<UsersStack size="s" />`.
+     * Контейнер для контента под `caption`. Например `<UsersStack size="m" />`.
      */
     bottom?: React.ReactNode;
     /**
@@ -53,4 +53,4 @@ export interface RichCellProps extends TappableProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/RichCell
  */
-export declare const RichCell: React.FC<Pick<RichCellProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "bottom" | "media" | "hidden" | "caption" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "text" | "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" | "before" | "actions" | "multiline" | "subhead" | "afterCaption"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const RichCell: ({ subhead, children, text, caption, before, after, afterCaption, bottom, actions, multiline, ...restProps }: RichCellProps) => JSX.Element;

package/dist/components/RichCell/RichCell.js

@@ -1,13 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["subhead", "children", "text", "caption", "before", "after", "afterCaption", "bottom", "actions", "multiline", "sizeY"];
+var _excluded = ["subhead", "children", "text", "caption", "before", "after", "afterCaption", "bottom", "actions", "multiline"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
 import { Tappable } from "../Tappable/Tappable";
 import { Subhead } from "../Typography/Subhead/Subhead";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 
-var RichCellComponent = function RichCellComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/RichCell
+ */
+export var RichCell = function RichCell(_ref) {
   var subhead = _ref.subhead,
       children = _ref.children,
       text = _ref.text,
@@ -18,11 +22,13 @@ var RichCellComponent = function RichCellComponent(_ref) {
       bottom = _ref.bottom,
       actions = _ref.actions,
       multiline = _ref.multiline,
-      sizeY = _ref.sizeY,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
   return createScopedElement(Tappable, _extends({}, restProps, {
-    vkuiClass: classNames("RichCell", !multiline && "RichCell--text-ellipsis", "RichCell--sizeY-".concat(sizeY))
+    vkuiClass: classNames("RichCell", !multiline && "RichCell--text-ellipsis", getSizeYClassName("RichCell", sizeY))
   }), before && createScopedElement("div", {
     vkuiClass: "RichCell__before"
   }, before), createScopedElement("div", {
@@ -53,13 +59,4 @@ var RichCellComponent = function RichCellComponent(_ref) {
     vkuiClass: "RichCell__actions"
   }, actions)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/RichCell
- */
-
-
-export var RichCell = withAdaptivity(RichCellComponent, {
-  sizeY: true
-});
-RichCell.displayName = "RichCell";
 //# sourceMappingURL=RichCell.js.map

package/dist/components/RichCell/RichCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichCell.js","names":["classNames","Tappable","Subhead","withAdaptivity","RichCellComponent","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","sizeY","restProps","RichCell","displayName"],"sources":["../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n  /**\n   * Контейнер для текста над `children`.\n   */\n  subhead?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  text?: React.ReactNode;\n  /**\n   * Контейнер для текста под `text`.\n   */\n  caption?: React.ReactNode;\n  /**\n   * Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`.\n   */\n  bottom?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `mode=\"primary\" size=\"s\"`\n   * - `mode=\"secondary\" size=\"s\"`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `mode=\"horizontal\" gap=\"s\" stretched`\n   */\n  actions?: React.ReactNode;\n  /**\n   * `<Avatar size={40|48|72} />`.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 24 или текст.\n   */\n  after?: React.ReactNode;\n  /**\n   * Текст под `after`.\n   */\n  afterCaption?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия.\n   */\n  disabled?: boolean;\n  /**\n   * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n   */\n  multiline?: boolean;\n}\n\nconst RichCellComponent = ({\n  subhead,\n  children,\n  text,\n  caption,\n  before,\n  after,\n  afterCaption,\n  bottom,\n  actions,\n  multiline,\n  sizeY,\n  ...restProps\n}: RichCellProps) => {\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        \"RichCell\",\n        !multiline && \"RichCell--text-ellipsis\",\n        `RichCell--sizeY-${sizeY}`\n      )}\n    >\n      {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n      <div vkuiClass=\"RichCell__in\">\n        <div vkuiClass=\"RichCell__content\">\n          <div vkuiClass=\"RichCell__content-before\">\n            {subhead && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n                {subhead}\n              </Subhead>\n            )}\n            <div vkuiClass=\"RichCell__children\">{children}</div>\n            {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n            {caption && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n                {caption}\n              </Subhead>\n            )}\n          </div>\n          {(after || afterCaption) && (\n            <div vkuiClass=\"RichCell__content-after\">\n              {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n              {afterCaption && (\n                <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n              )}\n            </div>\n          )}\n        </div>\n        {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n        {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n      </div>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = withAdaptivity(RichCellComponent, { sizeY: true });\n\nRichCell.displayName = \"RichCell\";\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAAwBC,QAAxB;AACA,SAASC,OAAT;AACA,SAASC,cAAT;;AAqDA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;EAAA,IAZnBC,OAYmB,QAZnBA,OAYmB;EAAA,IAXnBC,QAWmB,QAXnBA,QAWmB;EAAA,IAVnBC,IAUmB,QAVnBA,IAUmB;EAAA,IATnBC,OASmB,QATnBA,OASmB;EAAA,IARnBC,MAQmB,QARnBA,MAQmB;EAAA,IAPnBC,KAOmB,QAPnBA,KAOmB;EAAA,IANnBC,YAMmB,QANnBA,YAMmB;EAAA,IALnBC,MAKmB,QALnBA,MAKmB;EAAA,IAJnBC,OAImB,QAJnBA,OAImB;EAAA,IAHnBC,SAGmB,QAHnBA,SAGmB;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;;EACnB,OACE,oBAAC,QAAD,eACMA,SADN;IAEE,SAAS,EAAEhB,UAAU,CACnB,UADmB,EAEnB,CAACc,SAAD,IAAc,yBAFK,4BAGAC,KAHA;EAFvB,IAQGN,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CARb,EASE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CAFJ,EAME;IAAK,SAAS,EAAC;EAAf,GAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;IAAK,SAAS,EAAC;EAAf,GAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;IAAK,SAAS,EAAC;EAAf,GACGD,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;IAAK,SAAS,EAAC;EAAf,GAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;IAAK,SAAS,EAAC;EAAf,GAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAtDD;AAwDA;AACA;AACA;;;AACA,OAAO,IAAMI,QAAQ,GAAGd,cAAc,CAACC,iBAAD,EAAoB;EAAEW,KAAK,EAAE;AAAT,CAApB,CAA/B;AAEPE,QAAQ,CAACC,WAAT,GAAuB,UAAvB"}
+{"version":3,"file":"RichCell.js","names":["classNames","Tappable","Subhead","getSizeYClassName","useAdaptivity","RichCell","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","restProps","sizeY"],"sources":["../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n  /**\n   * Контейнер для текста над `children`.\n   */\n  subhead?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  text?: React.ReactNode;\n  /**\n   * Контейнер для текста под `text`.\n   */\n  caption?: React.ReactNode;\n  /**\n   * Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n   */\n  bottom?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `mode=\"primary\" size=\"s\"`\n   * - `mode=\"secondary\" size=\"s\"`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `mode=\"horizontal\" gap=\"s\" stretched`\n   */\n  actions?: React.ReactNode;\n  /**\n   * `<Avatar size={40|48|72} />`.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 24 или текст.\n   */\n  after?: React.ReactNode;\n  /**\n   * Текст под `after`.\n   */\n  afterCaption?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия.\n   */\n  disabled?: boolean;\n  /**\n   * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n   */\n  multiline?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = ({\n  subhead,\n  children,\n  text,\n  caption,\n  before,\n  after,\n  afterCaption,\n  bottom,\n  actions,\n  multiline,\n  ...restProps\n}: RichCellProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        \"RichCell\",\n        !multiline && \"RichCell--text-ellipsis\",\n        getSizeYClassName(\"RichCell\", sizeY)\n      )}\n    >\n      {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n      <div vkuiClass=\"RichCell__in\">\n        <div vkuiClass=\"RichCell__content\">\n          <div vkuiClass=\"RichCell__content-before\">\n            {subhead && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n                {subhead}\n              </Subhead>\n            )}\n            <div vkuiClass=\"RichCell__children\">{children}</div>\n            {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n            {caption && (\n              <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n                {caption}\n              </Subhead>\n            )}\n          </div>\n          {(after || afterCaption) && (\n            <div vkuiClass=\"RichCell__content-after\">\n              {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n              {afterCaption && (\n                <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n              )}\n            </div>\n          )}\n        </div>\n        {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n        {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAAwBC,QAAxB;AACA,SAASC,OAAT;AACA,SAASC,iBAAT;AACA,SAASC,aAAT;;AAqDA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAYH;EAAA,IAXnBC,OAWmB,QAXnBA,OAWmB;EAAA,IAVnBC,QAUmB,QAVnBA,QAUmB;EAAA,IATnBC,IASmB,QATnBA,IASmB;EAAA,IARnBC,OAQmB,QARnBA,OAQmB;EAAA,IAPnBC,MAOmB,QAPnBA,MAOmB;EAAA,IANnBC,KAMmB,QANnBA,KAMmB;EAAA,IALnBC,YAKmB,QALnBA,YAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,OAGmB,QAHnBA,OAGmB;EAAA,IAFnBC,SAEmB,QAFnBA,SAEmB;EAAA,IADhBC,SACgB;;EACnB,qBAAkBZ,aAAa,EAA/B;EAAA,IAAQa,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,QAAD,eACMD,SADN;IAEE,SAAS,EAAEhB,UAAU,CACnB,UADmB,EAEnB,CAACe,SAAD,IAAc,yBAFK,EAGnBZ,iBAAiB,CAAC,UAAD,EAAac,KAAb,CAHE;EAFvB,IAQGP,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CARb,EASE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CAFJ,EAME;IAAK,SAAS,EAAC;EAAf,GAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;IAAK,SAAS,EAAC;EAAf,GAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;IAAK,SAAS,EAAC;EAAf,GACGD,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;IAAK,SAAS,EAAC;EAAf,GAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;IAAK,SAAS,EAAC;EAAf,GAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAvDM"}

package/dist/components/RichTooltip/RichTooltip.js

@@ -18,7 +18,7 @@ export var RichTooltip = function RichTooltip(_ref) {
       popperProps = _objectWithoutProperties(_ref, _excluded);
 
   return createScopedElement(HoverPopper, _extends({
-    vkuiClass: classNames("RichTooltip", "RichTooltip--".concat(appearance)),
+    vkuiClass: classNames("RichTooltip", "RichTooltip--appearance-".concat(appearance)),
     arrow: arrow,
     arrowClassName: prefixClass("RichTooltip__arrow")
   }, popperProps), children);

package/dist/components/RichTooltip/RichTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTooltip.js","names":["HoverPopper","classNames","prefixClass","RichTooltip","children","arrow","appearance","popperProps"],"sources":["../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n  extends Omit<HoverPopperProps, \"arrowClassName\"> {\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n  children,\n  arrow = true,\n  appearance = \"neutral\",\n  ...popperProps\n}: RichTooltipProps) => {\n  return (\n    <HoverPopper\n      vkuiClass={classNames(\"RichTooltip\", `RichTooltip--${appearance}`)}\n      arrow={arrow}\n      arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n      {...popperProps}\n    >\n      {children}\n    </HoverPopper>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;;AAWA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,sBAHtBC,KAGsB;EAAA,IAHtBA,KAGsB,2BAHd,IAGc;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,SAES;EAAA,IADnBC,WACmB;;EACtB,OACE,oBAAC,WAAD;IACE,SAAS,EAAEN,UAAU,CAAC,aAAD,yBAAgCK,UAAhC,EADvB;IAEE,KAAK,EAAED,KAFT;IAGE,cAAc,EAAEH,WAAW,CAAC,oBAAD;EAH7B,GAIMK,WAJN,GAMGH,QANH,CADF;AAUD,CAhBM"}
+{"version":3,"file":"RichTooltip.js","names":["HoverPopper","classNames","prefixClass","RichTooltip","children","arrow","appearance","popperProps"],"sources":["../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n  extends Omit<HoverPopperProps, \"arrowClassName\"> {\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n  children,\n  arrow = true,\n  appearance = \"neutral\",\n  ...popperProps\n}: RichTooltipProps) => {\n  return (\n    <HoverPopper\n      vkuiClass={classNames(\n        \"RichTooltip\",\n        `RichTooltip--appearance-${appearance}`\n      )}\n      arrow={arrow}\n      arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n      {...popperProps}\n    >\n      {children}\n    </HoverPopper>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;;AAWA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,sBAHtBC,KAGsB;EAAA,IAHtBA,KAGsB,2BAHd,IAGc;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,SAES;EAAA,IADnBC,WACmB;;EACtB,OACE,oBAAC,WAAD;IACE,SAAS,EAAEN,UAAU,CACnB,aADmB,oCAEQK,UAFR,EADvB;IAKE,KAAK,EAAED,KALT;IAME,cAAc,EAAEH,WAAW,CAAC,oBAAD;EAN7B,GAOMK,WAPN,GASGH,QATH,CADF;AAaD,CAnBM"}

package/dist/components/Root/Root.d.ts

@@ -8,18 +8,6 @@ export interface RootProps extends React.HTMLAttributes<HTMLDivElement>, NavIdPr
         from: string;
         to: string;
     }): void;
-    /**
-     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
-     *
-     * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
-     */
-    popout?: React.ReactNode;
-    /**
-     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
-     *
-     * Свойство для отрисовки `ModalRoot`.
-     */
-    modal?: React.ReactNode;
 }
 export interface RootState {
     activeView: string;
@@ -30,4 +18,4 @@ export interface RootState {
 /**
  * @see https://vkcom.github.io/VKUI/#/Root
  */
-export declare const Root: ({ popout, modal, children, activeView: _activeView, onTransition, nav, ...restProps }: RootProps) => JSX.Element;
+export declare const Root: ({ children, activeView: _activeView, onTransition, nav, ...restProps }: RootProps) => JSX.Element;