npm - @vkontakte/vkui - Versions diffs - 4.33.4 → 4.34.0 - Mend

@vkontakte/vkui 4.33.4 → 4.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1594) hide show

package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","classNames","now","performance","Date","roundUpElementScrollLeft","el","Math","ceil","scrollLeft","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","endLeft","startTime","scroll","time","elapsed","min","value","currentLeft","max","requestAnimationFrame","shift","length","HorizontalScrollComponent","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","scrollTo","useCallback","current","push","firstElementChild","scrollWidth","scrollToLeft","i","scrollToRight","onscroll","scrollEvent","useEffect","add","HorizontalScroll"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n scrollElement: HTMLElement \| null;\n scrollAnimationDuration: number;\n animationQueue: VoidFunction[];\n getScrollPosition: (currentPosition: number) => number;\n onScrollToRightBorder: VoidFunction;\n onScrollEnd: VoidFunction;\n onScrollStart: VoidFunction;\n /*\n Начальная ширина прокрутки.\n * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n /\n initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n HasRef<HTMLDivElement> {\n /\n Функция для расчета величины прокрутки при клике на левую стрелку.\n /\n getScrollToLeft?: ScrollPositionHandler;\n /\n Функция для расчета величины прокрутки при клике на правую стрелку.\n /\n getScrollToRight?: ScrollPositionHandler;\n showArrows?: boolean \| \"always\";\n scrollAnimationDuration?: number;\n}\n\n/\n timing method\n /\nfunction now() {\n return performance && performance.now ? performance.now() : Date.now();\n}\n\n/\n Округляем el.scrollLeft\n * https://github.com/VKCOM/VKUI/pull/2445\n /\nconst roundUpElementScrollLeft = (el: HTMLElement) => Math.ceil(el.scrollLeft);\n\n/\n Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n /\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue,\n onScrollToRightBorder,\n onScrollEnd,\n onScrollStart,\n initialScrollWidth,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n if (!scrollElement \|\| !getScrollPosition) {\n return;\n }\n\n /\n максимальное значение сдвига влево\n /\n const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n let startLeft = roundUpElementScrollLeft(scrollElement);\n let endLeft = getScrollPosition(startLeft);\n\n onScrollStart();\n\n if (endLeft >= maxLeft) {\n onScrollToRightBorder();\n endLeft = maxLeft;\n }\n\n const startTime = now();\n\n (function scroll() {\n if (!scrollElement) {\n onScrollEnd();\n return;\n }\n\n const time = now();\n const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n const value = easeInOutSine(elapsed);\n\n const currentLeft = startLeft + (endLeft - startLeft) value;\n scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n if (\n roundUpElementScrollLeft(scrollElement) !== Math.max(0, endLeft) &&\n elapsed !== 1\n ) {\n requestAnimationFrame(scroll);\n return;\n }\n\n onScrollEnd();\n animationQueue.shift();\n if (animationQueue.length > 0) {\n animationQueue[0]();\n }\n })();\n}\n\nconst HorizontalScrollComponent: React.FC<HorizontalScrollProps> = ({\n children,\n getScrollToLeft,\n getScrollToRight,\n showArrows = true,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n hasMouse,\n getRef,\n ...restProps\n}) => {\n const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n const isCustomScrollingRef = React.useRef(false);\n\n const scrollerRef = useExternRef(getRef);\n\n const animationQueue = React.useRef<VoidFunction[]>([]);\n\n const scrollTo = React.useCallback(\n (getScrollPosition: ScrollPositionHandler) => {\n const scrollElement = scrollerRef.current;\n\n animationQueue.current.push(() =>\n doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue: animationQueue.current,\n onScrollToRightBorder: () => setCanScrollRight(false),\n onScrollEnd: () => (isCustomScrollingRef.current = false),\n onScrollStart: () => (isCustomScrollingRef.current = true),\n initialScrollWidth:\n scrollElement?.firstElementChild?.scrollWidth \|\| 0,\n scrollAnimationDuration,\n })\n );\n if (animationQueue.current.length === 1) {\n animationQueue.current[0]();\n }\n },\n [scrollAnimationDuration, scrollerRef]\n );\n\n const scrollToLeft = React.useCallback(() => {\n const getScrollPosition =\n getScrollToLeft ?? ((i: number) => i - scrollerRef.current!.offsetWidth);\n scrollTo(getScrollPosition);\n }, [getScrollToLeft, scrollTo, scrollerRef]);\n\n const scrollToRight = React.useCallback(() => {\n const getScrollPosition =\n getScrollToRight ?? ((i: number) => i + scrollerRef.current!.offsetWidth);\n scrollTo(getScrollPosition);\n }, [getScrollToRight, scrollTo, scrollerRef]);\n\n const onscroll = React.useCallback(() => {\n if (\n showArrows &&\n hasMouse &&\n scrollerRef.current &&\n !isCustomScrollingRef.current\n ) {\n const scrollElement = scrollerRef.current;\n\n setCanScrollLeft(scrollElement.scrollLeft > 0);\n setCanScrollRight(\n roundUpElementScrollLeft(scrollElement) + scrollElement.offsetWidth <\n scrollElement.scrollWidth\n );\n }\n }, [hasMouse, scrollerRef, showArrows]);\n\n const scrollEvent = useEventListener(\"scroll\", onscroll);\n React.useEffect(() => {\n if (scrollerRef.current) {\n scrollEvent.add(scrollerRef.current);\n }\n }, [scrollEvent, scrollerRef]);\n React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"HorizontalScroll\", {\n [\"HorizontalScroll--withConstArrows\"]: showArrows === \"always\",\n })}\n >\n {showArrows && hasMouse && canScrollLeft && (\n <HorizontalScrollArrow direction=\"left\" onClick={scrollToLeft} />\n )}\n {showArrows && hasMouse && canScrollRight && (\n <HorizontalScrollArrow direction=\"right\" onClick={scrollToRight} />\n )}\n <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n </div>\n </div>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/HorizontalScroll\n */\nexport const HorizontalScroll = withAdaptivity(HorizontalScrollComponent, {\n hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}
1	+ {"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","classNames","now","performance","Date","roundUpElementScrollLeft","el","Math","ceil","scrollLeft","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","endLeft","startTime","scroll","time","elapsed","min","value","currentLeft","max","requestAnimationFrame","shift","length","HorizontalScrollComponent","children","getScrollToLeft","getScrollToRight","showArrows","arrowSize","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","scrollTo","useCallback","current","push","firstElementChild","scrollWidth","scrollToLeft","i","scrollToRight","onscroll","scrollEvent","useEffect","add","HorizontalScroll"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { HorizontalScrollArrow } from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n scrollElement: HTMLElement \| null;\n scrollAnimationDuration: number;\n animationQueue: VoidFunction[];\n getScrollPosition: (currentPosition: number) => number;\n onScrollToRightBorder: VoidFunction;\n onScrollEnd: VoidFunction;\n onScrollStart: VoidFunction;\n /*\n Начальная ширина прокрутки.\n * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n /\n initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n HasRef<HTMLDivElement> {\n /\n Функция для расчета величины прокрутки при клике на левую стрелку.\n /\n getScrollToLeft?: ScrollPositionHandler;\n /\n Функция для расчета величины прокрутки при клике на правую стрелку.\n /\n getScrollToRight?: ScrollPositionHandler;\n arrowSize?: \"m\" \| \"l\";\n showArrows?: boolean \| \"always\";\n scrollAnimationDuration?: number;\n}\n\n/\n timing method\n /\nfunction now() {\n return performance && performance.now ? performance.now() : Date.now();\n}\n\n/\n Округляем el.scrollLeft\n * https://github.com/VKCOM/VKUI/pull/2445\n /\nconst roundUpElementScrollLeft = (el: HTMLElement) => Math.ceil(el.scrollLeft);\n\n/\n Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n /\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue,\n onScrollToRightBorder,\n onScrollEnd,\n onScrollStart,\n initialScrollWidth,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n if (!scrollElement \|\| !getScrollPosition) {\n return;\n }\n\n /\n максимальное значение сдвига влево\n /\n const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n let startLeft = roundUpElementScrollLeft(scrollElement);\n let endLeft = getScrollPosition(startLeft);\n\n onScrollStart();\n\n if (endLeft >= maxLeft) {\n onScrollToRightBorder();\n endLeft = maxLeft;\n }\n\n const startTime = now();\n\n (function scroll() {\n if (!scrollElement) {\n onScrollEnd();\n return;\n }\n\n const time = now();\n const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n const value = easeInOutSine(elapsed);\n\n const currentLeft = startLeft + (endLeft - startLeft) value;\n scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n if (\n roundUpElementScrollLeft(scrollElement) !== Math.max(0, endLeft) &&\n elapsed !== 1\n ) {\n requestAnimationFrame(scroll);\n return;\n }\n\n onScrollEnd();\n animationQueue.shift();\n if (animationQueue.length > 0) {\n animationQueue[0]();\n }\n })();\n}\n\nconst HorizontalScrollComponent = ({\n children,\n getScrollToLeft,\n getScrollToRight,\n showArrows = true,\n arrowSize = \"l\",\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n hasMouse,\n getRef,\n ...restProps\n}: HorizontalScrollProps) => {\n const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n const isCustomScrollingRef = React.useRef(false);\n\n const scrollerRef = useExternRef(getRef);\n\n const animationQueue = React.useRef<VoidFunction[]>([]);\n\n const scrollTo = React.useCallback(\n (getScrollPosition: ScrollPositionHandler) => {\n const scrollElement = scrollerRef.current;\n\n animationQueue.current.push(() =>\n doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue: animationQueue.current,\n onScrollToRightBorder: () => setCanScrollRight(false),\n onScrollEnd: () => (isCustomScrollingRef.current = false),\n onScrollStart: () => (isCustomScrollingRef.current = true),\n initialScrollWidth:\n scrollElement?.firstElementChild?.scrollWidth \|\| 0,\n scrollAnimationDuration,\n })\n );\n if (animationQueue.current.length === 1) {\n animationQueue.current[0]();\n }\n },\n [scrollAnimationDuration, scrollerRef]\n );\n\n const scrollToLeft = React.useCallback(() => {\n const getScrollPosition =\n getScrollToLeft ?? ((i: number) => i - scrollerRef.current!.offsetWidth);\n scrollTo(getScrollPosition);\n }, [getScrollToLeft, scrollTo, scrollerRef]);\n\n const scrollToRight = React.useCallback(() => {\n const getScrollPosition =\n getScrollToRight ?? ((i: number) => i + scrollerRef.current!.offsetWidth);\n scrollTo(getScrollPosition);\n }, [getScrollToRight, scrollTo, scrollerRef]);\n\n const onscroll = React.useCallback(() => {\n if (\n showArrows &&\n hasMouse &&\n scrollerRef.current &&\n !isCustomScrollingRef.current\n ) {\n const scrollElement = scrollerRef.current;\n\n setCanScrollLeft(scrollElement.scrollLeft > 0);\n setCanScrollRight(\n roundUpElementScrollLeft(scrollElement) + scrollElement.offsetWidth <\n scrollElement.scrollWidth\n );\n }\n }, [hasMouse, scrollerRef, showArrows]);\n\n const scrollEvent = useEventListener(\"scroll\", onscroll);\n React.useEffect(() => {\n if (scrollerRef.current) {\n scrollEvent.add(scrollerRef.current);\n }\n }, [scrollEvent, scrollerRef]);\n React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"HorizontalScroll\",\n showArrows === \"always\" && \"HorizontalScroll--withConstArrows\"\n )}\n >\n {showArrows && hasMouse && canScrollLeft && (\n <HorizontalScrollArrow\n size={arrowSize}\n direction=\"left\"\n vkuiClass=\"HorizontalScroll__arrowLeft\"\n onClick={scrollToLeft}\n />\n )}\n {showArrows && hasMouse && canScrollRight && (\n <HorizontalScrollArrow\n size={arrowSize}\n direction=\"right\"\n vkuiClass=\"HorizontalScroll__arrowRight\"\n onClick={scrollToRight}\n />\n )}\n <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n </div>\n </div>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/HorizontalScroll\n */\nexport const HorizontalScroll = withAdaptivity(HorizontalScrollComponent, {\n hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}

package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.css CHANGED Viewed

@@ -1,6 +1,3 @@
-.vkuiHorizontalScrollArrow{position:absolute;cursor:pointer;-webkit-user-select:auto;user-select:auto;top:0;height:100%;padding:0;opacity:0;z-index:3;border:0;background-color:transparent;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);display:flex;flex-direction:column;justify-content:center}.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow,.vkuiGallery:hover .vkuiHorizontalScrollArrow{opacity:.72}.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover,.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow{opacity:1}.vkuiHorizontalScrollArrow__icon{background-color:#fff;background-color:var(--modal_card_background,
+.vkuiHorizontalScrollArrow{position:absolute;cursor:pointer;-webkit-user-select:auto;user-select:auto;top:0;height:100%;padding:0;opacity:0;z-index:3;border:0;background-color:transparent;transition:opacity .15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--android-easing);display:flex;flex-direction:column;justify-content:center}.vkuiHorizontalScrollArrow__icon{background-color:#fff;background-color:var(--modal_card_background,
     var(--vkui--color_background_modal)
-  );color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary));width:40px;height:40px;border-radius:24px;box-shadow:0 0 2px rgba(0,0,0,.08),0 0 16px rgba(0,0,0,.12);box-shadow:var(--vkui--elevation3,
-    0 0 2px rgba(0, 0, 0, 0.08),
-    0 0 16px rgba(0, 0, 0, 0.12)
-  );display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--left .vkuiHorizontalScrollArrow__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular, 16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}
+  );color:#99a2ad;color:var(--icon_secondary, var(--vkui--color_icon_secondary));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));display:flex;align-items:center;justify-content:center}.vkuiHorizontalScrollArrow--m .vkuiHorizontalScrollArrow__icon{width:28px;height:28px;border-radius:14px}.vkuiHorizontalScrollArrow--l .vkuiHorizontalScrollArrow__icon{width:40px;height:40px;border-radius:24px}.vkuiHorizontalScrollArrow--left{padding-left:16px;padding-left:var(--vkui--size_base_padding_horizontal--regular, 16px);left:0}.vkuiHorizontalScrollArrow--right{padding-right:16px;padding-right:var(--vkui--size_base_padding_horizontal--regular, 16px);right:0}.vkuiHorizontalScrollArrow--ios .vkuiHorizontalScrollArrow{transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:var(--ios-easing)}.vkuiGallery:hover .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,0.64)}.vkuiGallery:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll:hover .vkuiHorizontalScrollArrow:hover,.vkuiHorizontalScroll--withConstArrows .vkuiHorizontalScrollArrow,.vkuiHorizontalScroll--withConstArrows:hover .vkuiHorizontalScrollArrow{opacity:1}

package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import * as React from "react";
+/// <reference types="react" />
 import "./HorizontalScrollArrow.css";
 export interface HorizontalScrollArrowProps {
-    onClick: () => void;
     direction: "left" | "right";
+    size?: "m" | "l";
+    onClick(): void;
 }
-declare const HorizontalScrollArrow: React.FC<HorizontalScrollArrowProps>;
-export default HorizontalScrollArrow;
+export declare const HorizontalScrollArrow: ({ size, direction, onClick, ...restProps }: HorizontalScrollArrowProps) => JSX.Element;

package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js CHANGED Viewed

@@ -1,23 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "direction", "onClick"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { Icon24Chevron } from "@vkontakte/icons";
+import { Icon24Chevron, Icon24ChevronLeft, Icon16Chevron, Icon16ChevronLeft } from "@vkontakte/icons";
 import { classNames } from "../../lib/classNames";
+import { usePlatform } from "../../hooks/usePlatform";
+import { IOS } from "../../lib/platform";
 import { Tappable } from "../Tappable/Tappable";
 import "./HorizontalScrollArrow.css";
+export var HorizontalScrollArrow = function HorizontalScrollArrow(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "l" : _ref$size,
+      direction = _ref.direction,
+      onClick = _ref.onClick,
+      restProps = _objectWithoutProperties(_ref, _excluded);
-var HorizontalScrollArrow = function HorizontalScrollArrow(_ref) {
-  var onClick = _ref.onClick,
-      direction = _ref.direction;
-  return createScopedElement(Tappable, {
+  var platform = usePlatform();
+  var ArrowIcon;
+  if (size === "m") {
+    ArrowIcon = direction === "left" ? Icon16ChevronLeft : Icon16Chevron;
+  } else {
+    ArrowIcon = direction === "left" ? Icon24ChevronLeft : Icon24Chevron;
+  }
+  return createScopedElement(Tappable, _extends({}, restProps, {
     Component: "button",
     hasHover: false,
     hasActive: false,
-    vkuiClass: classNames("HorizontalScrollArrow", "HorizontalScrollArrow--".concat(direction)),
+    vkuiClass: classNames("HorizontalScrollArrow", "HorizontalScrollArrow--".concat(size), "HorizontalScrollArrow--".concat(direction), platform === IOS && "HorizontalScrollArrow--ios"),
     onClick: onClick
-  }, createScopedElement("span", {
+  }), createScopedElement("span", {
     vkuiClass: "HorizontalScrollArrow__icon"
-  }, createScopedElement(Icon24Chevron, null)));
-}; // eslint-disable-next-line import/no-default-export
-export default HorizontalScrollArrow;
+  }, createScopedElement(ArrowIcon, null)));
+};
 //# sourceMappingURL=HorizontalScrollArrow.js.map

package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","classNames","Tappable","HorizontalScrollArrow","~~onClick~~","direction"],"mappings":";AACA,~~SAASA~~,~~aAAT~~,~~QAA8B~~,~~kBAA9B~~;~~AACA~~,SAASC,UAAT;AACA,SAASC,QAAT;AACA~~;;AAOA~~,IAAMC,~~qBAA2D~~,GAAG,~~SAA9DA~~,~~qBAA8D~~,~~OAGlC~~;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,~~MADhCC~~,~~SACgC~~,~~QADhCA~~,~~SACgC~~;~~AAChC~~,SACE,oBAAC,QAAD;~~AACE~~,IAAA,SAAS,EAAC,~~QADZ~~;~~AAEE~~,IAAA,QAAQ,EAAE,~~KAFZ~~;~~AAGE~~,IAAA,SAAS,EAAE,~~KAHb~~;~~AAIE~~,IAAA,SAAS,~~EAAEJ~~,UAAU,CACnB,uBADmB,~~mCAEOI~~,~~SAFP~~,~~EAJvB~~;~~AAQE~~,IAAA,OAAO,~~EAAED~~;~~AARX~~,~~KAUE~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,~~aAAD~~,OADF,~~CAVF~~,CADF;~~AAgBD~~,~~CApBD,C,CAsBA;;;AACA,eAAeD,qBAAf~~","sourcesContent":["import * as React from \"react\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n ~~onClick~~: () => ~~void~~;\n ~~direction:~~ \"~~left~~\" \| \"~~right~~\";\n}\n\~~nconst~~ HorizontalScrollArrow: ~~React.FC<HorizontalScrollArrowProps>~~ = ({\n ~~onClick~~,\n direction,\n}: HorizontalScrollArrowProps) => {\n return (\n <Tappable\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n \"HorizontalScrollArrow\",\n `HorizontalScrollArrow--${direction}`\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <~~Icon24Chevron~~ />\n </span>\n </Tappable>\n );\n};\n~~\n// eslint-disable-next-line import/no-default-export\nexport default HorizontalScrollArrow;\n~~"],"file":"HorizontalScrollArrow.js"}
1	+ {"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","Icon24ChevronLeft","Icon16Chevron","Icon16ChevronLeft","classNames","usePlatform","IOS","Tappable","HorizontalScrollArrow","size","direction","onClick","restProps","platform","ArrowIcon"],"mappings":";;;;AACA,SACEA,aADF,EAEEC,iBAFF,EAGEC,aAHF,EAIEC,iBAJF,QAKO,kBALP;AAMA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,GAAT;AACA,SAASC,QAAT;AACA;AAQA,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,OAKH;AAAA,uBAJhCC,IAIgC;AAAA,MAJhCA,IAIgC,0BAJzB,GAIyB;AAAA,MAHhCC,SAGgC,QAHhCA,SAGgC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MAD7BC,SAC6B;;AAChC,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AACA,MAAIS,SAAJ;;AAEA,MAAIL,IAAI,KAAK,GAAb,EAAkB;AAChBK,IAAAA,SAAS,GAAGJ,SAAS,KAAK,MAAd,GAAuBP,iBAAvB,GAA2CD,aAAvD;AACD,GAFD,MAEO;AACLY,IAAAA,SAAS,GAAGJ,SAAS,KAAK,MAAd,GAAuBT,iBAAvB,GAA2CD,aAAvD;AACD;;AAED,SACE,oBAAC,QAAD,eACMY,SADN;AAEE,IAAA,SAAS,EAAC,QAFZ;AAGE,IAAA,QAAQ,EAAE,KAHZ;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAER,UAAU,CACnB,uBADmB,mCAEOK,IAFP,oCAGOC,SAHP,GAInBG,QAAQ,KAAKP,GAAb,IAAoB,4BAJD,CALvB;AAWE,IAAA,OAAO,EAAEK;AAXX,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,SAAD,OADF,CAbF,CADF;AAmBD,CAlCM","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Chevron,\n Icon24ChevronLeft,\n Icon16Chevron,\n Icon16ChevronLeft,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n direction: \"left\" \| \"right\";\n size?: \"m\" \| \"l\";\n onClick(): void;\n}\n\nexport const HorizontalScrollArrow = ({\n size = \"l\",\n direction,\n onClick,\n ...restProps\n}: HorizontalScrollArrowProps) => {\n const platform = usePlatform();\n let ArrowIcon: React.ComponentType<unknown>;\n\n if (size === \"m\") {\n ArrowIcon = direction === \"left\" ? Icon16ChevronLeft : Icon16Chevron;\n } else {\n ArrowIcon = direction === \"left\" ? Icon24ChevronLeft : Icon24Chevron;\n }\n\n return (\n <Tappable\n {...restProps}\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n \"HorizontalScrollArrow\",\n `HorizontalScrollArrow--${size}`,\n `HorizontalScrollArrow--${direction}`,\n platform === IOS && \"HorizontalScrollArrow--ios\"\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <ArrowIcon />\n </span>\n </Tappable>\n );\n};\n"],"file":"HorizontalScrollArrow.js"}

package/dist/cssm/components/HoverPopper/HoverPopper.d.ts CHANGED Viewed

@@ -26,4 +26,4 @@ export interface HoverPopperProps extends PopperCommonProps {
      */
     children?: React.ReactElement;
 }
-export declare const HoverPopper: React.FC<HoverPopperProps>;
+export declare const HoverPopper: ({ getRef, content, children, onShownChange, shown: _shown, showDelay, hideDelay, ...restProps }: HoverPopperProps) => JSX.Element;

package/dist/cssm/components/HoverPopper/HoverPopper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/HoverPopper/HoverPopper.tsx"],"names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,~~WAAuC~~,GAAG,~~SAA1CA~~,~~WAA0C~~,~~OAS/B~~;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,4BAHtBC,SAGsB;AAAA,MAHtBA,SAGsB,+BAHV,GAGU;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;AAC/BO,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAF6B,EAE3BN,SAF2B,CAA9B;AAIA,MAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAF6B,EAE3BL,SAF2B,CAA9B;;AAIA,6BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;AAAA;AAAA,MAAOc,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;AACA,MAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;AAEAvB,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIkB,QAAQ,CAACQ,OAAb,EAAsB;AACpBF,MAAAA,mBAAmB,CAACG,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACAD,MAAAA,mBAAmB,CAACE,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACD;AACF,GALwB,EAKtB,EALsB,CAAzB;AAOA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;AAEE,IAAA,WAAW,EAAEO,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAErB,MAJV;AAKE,IAAA,SAAS,EAAEgB;AALb,MAOGf,OAPH,CAHJ,CADF;AAgBD,CAnEM","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper: ~~React.FC<HoverPopperProps>~~ = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay = 150,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n if (childRef.current) {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"file":"HoverPopper.js"}
1	+ {"version":3,"sources":["../../../../src/components/HoverPopper/HoverPopper.tsx"],"names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OASH;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,4BAHtBC,SAGsB;AAAA,MAHtBA,SAGsB,+BAHV,GAGU;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;AAC/BO,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAF6B,EAE3BN,SAF2B,CAA9B;AAIA,MAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAF6B,EAE3BL,SAF2B,CAA9B;;AAIA,6BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;AAAA;AAAA,MAAOc,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;AACA,MAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;AAEAvB,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIkB,QAAQ,CAACQ,OAAb,EAAsB;AACpBF,MAAAA,mBAAmB,CAACG,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACAD,MAAAA,mBAAmB,CAACE,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACD;AACF,GALwB,EAKtB,EALsB,CAAzB;AAOA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;AAEE,IAAA,WAAW,EAAEO,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAErB,MAJV;AAKE,IAAA,SAAS,EAAEgB;AALb,MAOGf,OAPH,CAHJ,CADF;AAgBD,CAnEM","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay = 150,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n if (childRef.current) {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"file":"HoverPopper.js"}

package/dist/cssm/components/IconButton/IconButton.d.ts CHANGED Viewed

@@ -11,4 +11,4 @@ export interface IconButtonProps extends TappableProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/IconButton
  */
-export declare const IconButton: React.FC<Pick<IconButtonProps, "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" | "icon" | "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"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const IconButton: React.ComponentType<Pick<IconButtonProps, "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" | "icon" | "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"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cssm/components/InfoRow/InfoRow.d.ts CHANGED Viewed

@@ -6,4 +6,4 @@ export interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/InfoRow
  */
-export declare const InfoRow: React.FunctionComponent<InfoRowProps>;
+export declare const InfoRow: ({ header, children, ...restProps }: InfoRowProps) => JSX.Element;

package/dist/cssm/components/InfoRow/InfoRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"names":["Subhead","Headline","hasReactNode","InfoRow","header","children","restProps"],"mappings":";;;;AACA,SAASA,OAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA;;AAMA;AACA;AACA;AACA,OAAO,IAAMC,~~OAA8C~~,GAAG,~~SAAjDA~~,~~OAAiD~~;AAAA,~~MAC5DC~~,~~MAD4D~~,~~QAC5DA~~,~~MAD4D~~;AAAA,~~MAE5DC~~,~~QAF4D~~,~~QAE5DA~~,~~QAF4D~~;AAAA,~~MAGzDC~~,~~SAHyD~~;;AAAA,~~SAK5D~~,oBAAC,QAAD,eAAcA,SAAd;AAAyB,IAAA,SAAS,EAAC,SAAnC;AAA6C,IAAA,MAAM,EAAC;AAApD,MACGJ,YAAY,CAACE,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CAFJ,EAMGC,QANH,~~CAL4D~~;AAAA,~~CAAvD~~","sourcesContent":["import * as React from \"react\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n header: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow: ~~React.FunctionComponent<InfoRowProps>~~ = ({\n header~~,\n~~ children~~,\n~~ ...restProps\n}: InfoRowProps) => (\n <Headline {...restProps} vkuiClass=\"InfoRow\" weight=\"3\">\n {hasReactNode(header) && (\n <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\">\n {header}\n </Subhead>\n )}\n {children}\n </Headline>\n);\n"],"file":"InfoRow.js"}
1	+ {"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"names":["Subhead","Headline","hasReactNode","InfoRow","header","children","restProps"],"mappings":";;;;AACA,SAASA,OAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA;;AAMA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,QAAX,QAAWA,QAAX;AAAA,MAAwBC,SAAxB;;AAAA,SACrB,oBAAC,QAAD,eAAcA,SAAd;AAAyB,IAAA,SAAS,EAAC,SAAnC;AAA6C,IAAA,MAAM,EAAC;AAApD,MACGJ,YAAY,CAACE,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CAFJ,EAMGC,QANH,CADqB;AAAA,CAAhB","sourcesContent":["import * as React from \"react\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n header: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, ...restProps }: InfoRowProps) => (\n <Headline {...restProps} vkuiClass=\"InfoRow\" weight=\"3\">\n {hasReactNode(header) && (\n <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\">\n {header}\n </Subhead>\n )}\n {children}\n </Headline>\n);\n"],"file":"InfoRow.js"}

package/dist/cssm/components/Input/Input.d.ts CHANGED Viewed

@@ -8,4 +8,4 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>,
 /**
  * @see https://vkcom.github.io/VKUI/#/Input
  */
-export declare const Input: React.FC<Pick<InputProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "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" | "align" | "getRootRef" | "getRef" | "before"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Input: React.ComponentType<Pick<InputProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "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" | "align" | "getRootRef" | "getRef" | "before"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cssm/components/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["getClassName","classNames","FormField","withAdaptivity","usePlatform","InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","restProps","platform","disabled","Input"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,WAAT;AACA;;AAUA,IAAMC,~~cAAmD~~,GAAG,~~SAAtDA~~,~~cAAsD~~,~~OAW1C~~;AAAA,uBAVhBC,IAUgB;AAAA,MAVhBA,IAUgB,0BAVT,MAUS;AAAA,MAThBC,KASgB,QAThBA,KASgB;AAAA,MARhBC,MAQgB,QARhBA,MAQgB;AAAA,MAPhBC,SAOgB,QAPhBA,SAOgB;AAAA,MANhBC,UAMgB,QANhBA,UAMgB;AAAA,MALhBC,KAKgB,QALhBA,KAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,MAGgB,QAHhBA,MAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGZ,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUgB,QAAV,CADO,EAEnB,CAAC,CAACT,KAAF,qBAAqBA,KAArB,CAFmB,yBAGHI,KAHG,EADvB;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,SAAS,EAAEH,SAPb;AAQE,IAAA,UAAU,EAAEC,UARd;AASE,IAAA,MAAM,EAAEG,MATV;AAUE,IAAA,KAAK,EAAEC,KAVT;AAWE,IAAA,QAAQ,EAAEC,SAAS,CAACE;AAXtB,KAaE,0CAAWF,SAAX;AAAsB,IAAA,IAAI,EAAET,IAA5B;AAAkC,IAAA,SAAS,EAAC,WAA5C;AAAwD,IAAA,GAAG,EAAEE;AAA7D,KAbF,CADF;AAiBD,CA9BD;AAgCA;AACA;AACA;;;AACA,OAAO,IAAMU,KAAK,GAAGf,cAAc,CAACE,cAAD,EAAiB;AAClDM,EAAAA,KAAK,EAAE;AAD2C,CAAjB,CAA5B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Input.css\";\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n AdaptivityProps,\n FormFieldProps {}\n\nconst InputComponent: ~~React.FunctionComponent<InputProps>~~ = ({\n type = \"text\",\n align,\n getRef,\n className,\n getRootRef,\n sizeY,\n style,\n before,\n after,\n ...restProps\n}: InputProps) => {\n const platform = usePlatform();\n return (\n <FormField\n vkuiClass={classNames(\n getClassName(\"Input\", platform),\n !!align && `Input--${align}`,\n `Input--sizeY-${sizeY}`\n )}\n style={style}\n className={className}\n getRootRef={getRootRef}\n before={before}\n after={after}\n disabled={restProps.disabled}\n >\n <input {...restProps} type={type} vkuiClass=\"Input__el\" ref={getRef} />\n </FormField>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = withAdaptivity(InputComponent, {\n sizeY: true,\n});\n"],"file":"Input.js"}
1	+ {"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["getClassName","classNames","FormField","withAdaptivity","usePlatform","InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","restProps","platform","disabled","Input"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,WAAT;AACA;;AAUA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAWL;AAAA,uBAVhBC,IAUgB;AAAA,MAVhBA,IAUgB,0BAVT,MAUS;AAAA,MAThBC,KASgB,QAThBA,KASgB;AAAA,MARhBC,MAQgB,QARhBA,MAQgB;AAAA,MAPhBC,SAOgB,QAPhBA,SAOgB;AAAA,MANhBC,UAMgB,QANhBA,UAMgB;AAAA,MALhBC,KAKgB,QALhBA,KAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,MAGgB,QAHhBA,MAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGZ,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUgB,QAAV,CADO,EAEnB,CAAC,CAACT,KAAF,qBAAqBA,KAArB,CAFmB,yBAGHI,KAHG,EADvB;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,SAAS,EAAEH,SAPb;AAQE,IAAA,UAAU,EAAEC,UARd;AASE,IAAA,MAAM,EAAEG,MATV;AAUE,IAAA,KAAK,EAAEC,KAVT;AAWE,IAAA,QAAQ,EAAEC,SAAS,CAACE;AAXtB,KAaE,0CAAWF,SAAX;AAAsB,IAAA,IAAI,EAAET,IAA5B;AAAkC,IAAA,SAAS,EAAC,WAA5C;AAAwD,IAAA,GAAG,EAAEE;AAA7D,KAbF,CADF;AAiBD,CA9BD;AAgCA;AACA;AACA;;;AACA,OAAO,IAAMU,KAAK,GAAGf,cAAc,CAACE,cAAD,EAAiB;AAClDM,EAAAA,KAAK,EAAE;AAD2C,CAAjB,CAA5B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Input.css\";\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n AdaptivityProps,\n FormFieldProps {}\n\nconst InputComponent = ({\n type = \"text\",\n align,\n getRef,\n className,\n getRootRef,\n sizeY,\n style,\n before,\n after,\n ...restProps\n}: InputProps) => {\n const platform = usePlatform();\n return (\n <FormField\n vkuiClass={classNames(\n getClassName(\"Input\", platform),\n !!align && `Input--${align}`,\n `Input--sizeY-${sizeY}`\n )}\n style={style}\n className={className}\n getRootRef={getRootRef}\n before={before}\n after={after}\n disabled={restProps.disabled}\n >\n <input {...restProps} type={type} vkuiClass=\"Input__el\" ref={getRef} />\n </FormField>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = withAdaptivity(InputComponent, {\n sizeY: true,\n});\n"],"file":"Input.js"}

package/dist/cssm/components/InputLike/InputLike.d.ts CHANGED Viewed

@@ -7,4 +7,7 @@ export interface InputLikeProps extends React.HTMLAttributes<HTMLSpanElement>, H
     value?: string;
     onElementSelect?(index: number): void;
 }
-export declare const InputLike: React.FC<InputLikeProps>;
+export declare const InputLike: {
+    ({ value, length, index, onElementSelect, onClick, onFocus, getRootRef, ...props }: InputLikeProps): JSX.Element;
+    displayName: string;
+};

package/dist/cssm/components/InputLike/InputLike.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/InputLike/InputLike.tsx"],"names":["React","callMultiple","stopPropagation","classNames","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","useCallback","event","slice","displayName"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,eAAT;AACA,SAASC,UAAT;AAEA;AAWA,IAAMC,WAAW,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAApB;;AAEA,SAASC,eAAT,CAAyBC,MAAzB,EAAyC;AACvC,MAAMC,MAAM,GAAG,EAAf;;AACA,OAAK,IAAIC,MAAK,GAAG,CAAjB,EAAoBA,MAAK,GAAGF,MAA5B,EAAoCE,MAAK,IAAI,CAA7C,EAAgD;AAC9CD,IAAAA,MAAM,CAACE,IAAP,CACE;AAAM,MAAA,GAAG,EAAED,MAAX;AAAkB,MAAA,SAAS,EAAC;AAA5B,OACGN,WADH,CADF;AAKD;;AACD,SAAOK,MAAP;AACD;;AAED,OAAO,IAAMG,~~SAAmC~~,GAAG,~~SAAtCA~~,~~SAAsC~~,~~OAS7C~~;AAAA;;AAAA,~~MARJC~~,~~KAQI~~,~~QARJA~~,~~KAQI~~;AAAA,~~MAPJL~~,~~MAOI~~,~~QAPJA~~,~~MAOI~~;AAAA,~~MANJE~~,~~KAMI~~,~~QANJA~~,~~KAMI~~;AAAA,~~MALJI~~,~~eAKI~~,~~QALJA~~,~~eAKI~~;AAAA,~~MAJJC~~,~~OAII~~,~~QAJJA~~,~~OAII~~;AAAA,~~MAHJC~~,~~OAGI~~,~~QAHJA~~,~~OAGI~~;AAAA,~~MAFJC~~,~~UAEI~~,~~QAFJA~~,~~UAEI~~;AAAA,~~MADDC~~,~~KACC~~;;~~AACJ~~,MAAMC,mBAAmB,GAAGnB,KAAK,CAACoB,WAAN,CAC1B,UAACC,KAAD,EAA0D;AACxDnB,IAAAA,eAAe,CAACmB,KAAD,CAAf;AACAP,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGJ,KAAH,CAAf;AACD,GAJyB,EAK1B,CAACA,KAAD,EAAQI,eAAR,CAL0B,CAA5B;AAQA,SACE;AACE,IAAA,SAAS,EAAEX,UAAU,CACnB,WADmB,EAEnB,CAAAU,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEL,MAAP,MAAkBA,MAAlB,qBAFmB,CADvB;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,GAAG,EAAES,UANP;AAOE,IAAA,OAAO,EAAEhB,YAAY,CAACc,OAAD,EAAUI,mBAAV,CAPvB;AAQE,IAAA,OAAO,EAAElB,YAAY,CAACC,eAAD,EAAkBc,OAAlB;AARvB,KASME,KATN,GAWGL,KAXH,aAWGA,KAXH,uBAWGA,KAAK,CAAES,KAAP,CAAa,CAAb,EAAgBd,MAAM,GAAG,CAAzB,CAXH,EAYG,CAAAK,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAES,KAAP,CAAad,MAAM,GAAG,CAAtB,MACC;AAAM,IAAA,GAAG,EAAEE,KAAX;AAAkB,IAAA,SAAS,EAAC;AAA5B,KACGG,KAAK,CAACS,KAAN,CAAYd,MAAM,GAAG,CAArB,CADH,CAbJ,EAiBGD,eAAe,CAACC,MAAM,qBAAIK,KAAJ,aAAIA,KAAJ,uBAAIA,KAAK,CAAEL,MAAX,yDAAqB,CAArB,CAAP,CAjBlB,CADF;AAqBD,CAvCM;AAyCPI,SAAS,CAACW,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from \"react\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { stopPropagation } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport \"./InputLike.css\";\n\nexport interface InputLikeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n HasRootRef<HTMLSpanElement> {\n length: number;\n index: number;\n value?: string;\n onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n const result = [];\n for (let index = 0; index < length; index += 1) {\n result.push(\n <span key={index} vkuiClass=\"InputLike__mask\">\n {MASK_SYMBOL}\n </span>\n );\n }\n return result;\n}\n\nexport const InputLike: ~~React.FC<InputLikeProps>~~ = ({\n value,\n length,\n index,\n onElementSelect,\n onClick,\n onFocus,\n getRootRef,\n ...props\n}) => {\n const handleElementSelect = React.useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n stopPropagation(event);\n onElementSelect?.(index);\n },\n [index, onElementSelect]\n );\n\n return (\n <span\n vkuiClass={classNames(\n \"InputLike\",\n value?.length === length && `InputLike--full`\n )}\n tabIndex={0}\n ref={getRootRef}\n onClick={callMultiple(onClick, handleElementSelect)}\n onFocus={callMultiple(stopPropagation, onFocus)}\n {...props}\n >\n {value?.slice(0, length - 1)}\n {value?.slice(length - 1) && (\n <span key={index} vkuiClass=\"InputLike__last_character\">\n {value.slice(length - 1)}\n </span>\n )}\n {getMaskElements(length - (value?.length ?? 0))}\n </span>\n );\n};\n\nInputLike.displayName = \"InputLike\";\n"],"file":"InputLike.js"}
1	+ {"version":3,"sources":["../../../../src/components/InputLike/InputLike.tsx"],"names":["React","callMultiple","stopPropagation","classNames","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","useCallback","event","slice","displayName"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,eAAT;AACA,SAASC,UAAT;AAEA;AAWA,IAAMC,WAAW,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAApB;;AAEA,SAASC,eAAT,CAAyBC,MAAzB,EAAyC;AACvC,MAAMC,MAAM,GAAG,EAAf;;AACA,OAAK,IAAIC,MAAK,GAAG,CAAjB,EAAoBA,MAAK,GAAGF,MAA5B,EAAoCE,MAAK,IAAI,CAA7C,EAAgD;AAC9CD,IAAAA,MAAM,CAACE,IAAP,CACE;AAAM,MAAA,GAAG,EAAED,MAAX;AAAkB,MAAA,SAAS,EAAC;AAA5B,OACGN,WADH,CADF;AAKD;;AACD,SAAOK,MAAP;AACD;;AAED,OAAO,IAAMG,SAAS,GAAG,SAAZA,SAAY,OASH;AAAA;;AAAA,MARpBC,KAQoB,QARpBA,KAQoB;AAAA,MAPpBL,MAOoB,QAPpBA,MAOoB;AAAA,MANpBE,KAMoB,QANpBA,KAMoB;AAAA,MALpBI,eAKoB,QALpBA,eAKoB;AAAA,MAJpBC,OAIoB,QAJpBA,OAIoB;AAAA,MAHpBC,OAGoB,QAHpBA,OAGoB;AAAA,MAFpBC,UAEoB,QAFpBA,UAEoB;AAAA,MADjBC,KACiB;;AACpB,MAAMC,mBAAmB,GAAGnB,KAAK,CAACoB,WAAN,CAC1B,UAACC,KAAD,EAA0D;AACxDnB,IAAAA,eAAe,CAACmB,KAAD,CAAf;AACAP,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGJ,KAAH,CAAf;AACD,GAJyB,EAK1B,CAACA,KAAD,EAAQI,eAAR,CAL0B,CAA5B;AAQA,SACE;AACE,IAAA,SAAS,EAAEX,UAAU,CACnB,WADmB,EAEnB,CAAAU,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEL,MAAP,MAAkBA,MAAlB,qBAFmB,CADvB;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,GAAG,EAAES,UANP;AAOE,IAAA,OAAO,EAAEhB,YAAY,CAACc,OAAD,EAAUI,mBAAV,CAPvB;AAQE,IAAA,OAAO,EAAElB,YAAY,CAACC,eAAD,EAAkBc,OAAlB;AARvB,KASME,KATN,GAWGL,KAXH,aAWGA,KAXH,uBAWGA,KAAK,CAAES,KAAP,CAAa,CAAb,EAAgBd,MAAM,GAAG,CAAzB,CAXH,EAYG,CAAAK,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAES,KAAP,CAAad,MAAM,GAAG,CAAtB,MACC;AAAM,IAAA,GAAG,EAAEE,KAAX;AAAkB,IAAA,SAAS,EAAC;AAA5B,KACGG,KAAK,CAACS,KAAN,CAAYd,MAAM,GAAG,CAArB,CADH,CAbJ,EAiBGD,eAAe,CAACC,MAAM,qBAAIK,KAAJ,aAAIA,KAAJ,uBAAIA,KAAK,CAAEL,MAAX,yDAAqB,CAArB,CAAP,CAjBlB,CADF;AAqBD,CAvCM;AAyCPI,SAAS,CAACW,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from \"react\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { stopPropagation } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport \"./InputLike.css\";\n\nexport interface InputLikeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n HasRootRef<HTMLSpanElement> {\n length: number;\n index: number;\n value?: string;\n onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n const result = [];\n for (let index = 0; index < length; index += 1) {\n result.push(\n <span key={index} vkuiClass=\"InputLike__mask\">\n {MASK_SYMBOL}\n </span>\n );\n }\n return result;\n}\n\nexport const InputLike = ({\n value,\n length,\n index,\n onElementSelect,\n onClick,\n onFocus,\n getRootRef,\n ...props\n}: InputLikeProps) => {\n const handleElementSelect = React.useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n stopPropagation(event);\n onElementSelect?.(index);\n },\n [index, onElementSelect]\n );\n\n return (\n <span\n vkuiClass={classNames(\n \"InputLike\",\n value?.length === length && `InputLike--full`\n )}\n tabIndex={0}\n ref={getRootRef}\n onClick={callMultiple(onClick, handleElementSelect)}\n onFocus={callMultiple(stopPropagation, onFocus)}\n {...props}\n >\n {value?.slice(0, length - 1)}\n {value?.slice(length - 1) && (\n <span key={index} vkuiClass=\"InputLike__last_character\">\n {value.slice(length - 1)}\n </span>\n )}\n {getMaskElements(length - (value?.length ?? 0))}\n </span>\n );\n};\n\nInputLike.displayName = \"InputLike\";\n"],"file":"InputLike.js"}

package/dist/cssm/components/InputLike/InputLikeDivider.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import * as React from "react";
 import "./InputLikeDivider.css";
-export declare const InputLikeDivider: React.FC<React.InputHTMLAttributes<HTMLSpanElement>>;
+export declare const InputLikeDivider: ({ children, ...props }: React.InputHTMLAttributes<HTMLSpanElement>) => JSX.Element;

package/dist/cssm/components/InputLike/InputLikeDivider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"names":["InputLikeDivider","children","props"],"mappings":";;;;AACA;AAEA,OAAO,IAAMA,~~gBAEZ~~,GAAG,~~SAFSA~~,~~gBAET~~,~~OAA4B~~;AAAA,~~MAAzBC~~,~~QAAyB~~,~~QAAzBA~~,~~QAAyB~~;AAAA,~~MAAZC~~,~~KAAY~~;;~~AAC9B~~,SACE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,GACGD,QADH,CADF;AAKD,~~CARM~~","sourcesContent":["import * as React from \"react\";\nimport \"./InputLikeDivider.css\";\n\nexport const InputLikeDivider: ~~React.FC<\~~n React.InputHTMLAttributes<HTMLSpanElement~~>\n~~> ~~= ({ children, ...props }~~) => {\n return (\n <span vkuiClass=\"InputLikeDivider\" {...props}>\n {children}\n </span>\n );\n};\n"],"file":"InputLikeDivider.js"}
1	+ {"version":3,"sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"names":["InputLikeDivider","children","props"],"mappings":";;;;AACA;AAEA,OAAO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGkB;AAAA,MAFhDC,QAEgD,QAFhDA,QAEgD;AAAA,MAD7CC,KAC6C;;AAChD,SACE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,GACGD,QADH,CADF;AAKD,CATM","sourcesContent":["import * as React from \"react\";\nimport \"./InputLikeDivider.css\";\n\nexport const InputLikeDivider = ({\n children,\n ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n return (\n <span vkuiClass=\"InputLikeDivider\" {...props}>\n {children}\n </span>\n );\n};\n"],"file":"InputLikeDivider.js"}

package/dist/cssm/components/Link/Link.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiLink{color:#2688eb;color:var(--accent);text-decoration:none;border:0;background:0 0;margin:0;padding:0;cursor:pointer;font-size:inherit;display:inline;border-radius:0}.vkuiLink .vkuiIcon{margin-left:4px;display:inline-block;vertical-align:middle}
1	+ .vkuiLink{color:#2688eb;color:var(--accent, var(--vkui--color_text_link));text-decoration:none;border:0;background:0 0;margin:0;padding:0;cursor:pointer;font-size:inherit;display:inline;border-radius:0}@media (hover:hover){.vkuiLink:hover{text-decoration:underline}}.vkuiLink--focus-visible{outline:2px solid #2688eb!important;outline:2px solid var(--accent, var(--vkui--color_stroke_accent))!important}.vkuiLink--has-visited:visited{color:#4986cc;color:var(--vkui--color_text_link_visited,#4986CC)}.vkuiLink .vkuiIcon{margin-left:4px;display:inline-block;vertical-align:middle}

package/dist/cssm/components/Link/Link.d.ts CHANGED Viewed

@@ -1,8 +1,13 @@
-import * as React from "react";
+/// <reference types="react" />
 import { TappableProps } from "../Tappable/Tappable";
 import "./Link.css";
-export declare type LinkProps = TappableProps;
+export interface LinkProps extends TappableProps {
+    /**
+     * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет
+     */
+    hasVisited?: boolean;
+}
 /**
  * @see https://vkcom.github.io/VKUI/#/Link
  */
-export declare const Link: React.FC<LinkProps>;
+export declare const Link: ({ hasVisited, children, ...restProps }: LinkProps) => JSX.Element;

package/dist/cssm/components/Link/Link.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
+var _excluded = ["hasVisited", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { getClassName } from "../../helpers/getClassName";
-import { usePlatform } from "../../hooks/usePlatform";
+import { classNames } from "../../lib/classNames";
 import { Tappable } from "../Tappable/Tappable";
 import "./Link.css";
@@ -11,17 +10,17 @@ import "./Link.css";
  * @see https://vkcom.github.io/VKUI/#/Link
  */
 export var Link = function Link(_ref) {
-  var children = _ref.children,
+  var hasVisited = _ref.hasVisited,
+      children = _ref.children,
       restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
   return createScopedElement(Tappable, _extends({
     Component: restProps.href ? "a" : "button"
   }, restProps, {
-    vkuiClass: getClassName("Link", platform),
-    hasActive: false,
-    hoverMode: "opacity",
-    focusVisibleMode: "outside"
+    vkuiClass: classNames("Link", hasVisited && "Link--has-visited"),
+    hasHover: false,
+    activeMode: "opacity",
+    focusVisibleMode: "Link--focus-visible"
   }), children);
 };
 //# sourceMappingURL=Link.js.map

package/dist/cssm/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"names":["~~getClassName~~","~~usePlatform~~","~~Tappable~~","~~Link~~","children","restProps","~~platform","~~href"],"mappings":";;;;~~AACA~~,SAASA,~~YAAT~~;AACA,~~SAASC,WAAT;AACA,~~SAAwBC,QAAxB;AACA;;~~AAIA~~;AACA;AACA;AACA,OAAO,IAAMC,~~IAAyB~~,GAAG,~~SAA5BA~~,~~IAA4B~~,~~OAGxB~~;AAAA,~~MAFfC~~,~~QAEe~~,~~QAFfA~~,~~QAEe~~;AAAA,~~MADZC~~,~~SACY;;AACf~~,~~MAAMC~~,~~QAAQ~~,~~GAAGL~~,~~WAAW~~,~~EAA5B;AAEA,~~SACE,oBAAC,QAAD;AACE,IAAA,SAAS,~~EAAEI~~,SAAS,~~CAACE~~,IAAV,GAAiB,GAAjB,GAAuB;AADpC,~~KAEMF~~,SAFN;AAGE,IAAA,SAAS,EAAEL,~~YAAY~~,CAAC,MAAD,~~EAASM~~,~~QAAT~~,~~CAHzB~~;AAIE,IAAA,~~SAAS~~,EAAE,~~KAJb~~;AAKE,IAAA,~~SAAS~~,EAAC,~~SALZ~~;AAME,IAAA,gBAAgB,EAAC;AANnB,~~MAQGF~~,QARH,CADF;AAYD,~~CAlBM~~","sourcesContent":["import * as React from \"react\";\nimport { ~~getClassName~~ } from \"../../~~helpers~~/~~getClassName~~\";\nimport { ~~usePlatform } from \"../../hooks/usePlatform\";\nimport {~~ TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport ~~type~~ LinkProps = TappableProps;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link: ~~React.FC<LinkProps>~~ = ({\n children~~,\n~~ ...restProps\n}: LinkProps) => {\n ~~const platform = usePlatform();\n\n~~ return (\n <Tappable\n Component={restProps.href ? \"a\" : \"button\"}\n {...restProps}\n vkuiClass={~~getClassName~~(\"Link\", ~~platform~~)}\n ~~hasActive~~={false}\n ~~hoverMode~~=\"opacity\"\n focusVisibleMode=\"~~outside~~\"\n >\n {children}\n </Tappable>\n );\n};\n"],"file":"Link.js"}
1	+ {"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"names":["classNames","Tappable","Link","hasVisited","children","restProps","href"],"mappings":";;;;AAAA,SAASA,UAAT;AACA,SAAwBC,QAAxB;AACA;;AASA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAAuD;AAAA,MAApDC,UAAoD,QAApDA,UAAoD;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;;AACzE,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEA,SAAS,CAACC,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMD,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,CAAC,MAAD,EAASG,UAAU,IAAI,mBAAvB,CAHvB;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,SALb;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGC,QARH,CADF;AAYD,CAbM","sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport interface LinkProps extends TappableProps {\n /*\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n /\n hasVisited?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({ hasVisited, children, ...restProps }: LinkProps) => {\n return (\n <Tappable\n Component={restProps.href ? \"a\" : \"button\"}\n {...restProps}\n vkuiClass={classNames(\"Link\", hasVisited && \"Link--has-visited\")}\n hasHover={false}\n activeMode=\"opacity\"\n focusVisibleMode=\"Link--focus-visible\"\n >\n {children}\n </Tappable>\n );\n};\n"],"file":"Link.js"}

package/dist/cssm/components/List/List.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ import "./List.css";
 /**
  * @see https://vkcom.github.io/VKUI/#/List
  */
-export declare const List: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
+export declare const List: ({ children, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;

package/dist/cssm/components/List/List.js CHANGED Viewed

@@ -5,8 +5,6 @@ var _excluded = ["children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
-import { getClassName } from "../../helpers/getClassName";
-import { usePlatform } from "../../hooks/usePlatform";
 import { ListContext } from "./ListContext";
 import "./List.css";
 /**
@@ -17,8 +15,6 @@ export var List = function List(_ref) {
   var children = _ref.children,
       restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isDragging = _React$useState2[0],
@@ -27,10 +23,7 @@ export var List = function List(_ref) {
   return createScopedElement("div", _extends({
     role: "list"
   }, restProps, {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: classNames(getClassName("List", platform), {
-      "List--dragging": isDragging
-    })
+    vkuiClass: classNames("List", isDragging && "List--dragging")
   }), createScopedElement(ListContext.Provider, {
     value: React.useMemo(function () {
       return {

package/dist/cssm/components/List/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/List/List.tsx"],"names":["React","classNames","~~getClassName","usePlatform","~~ListContext","List","children","restProps","~~platform","~~useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,~~YAAT;AACA,SAASC,~~WAAT;AACA~~,SAASC,WAAT~~;~~AACA;~~AAEA;AACA;AACA;;AACA,OAAO,IAAMC,~~IAEZ~~,GAAG,~~SAFSA~~,~~IAET~~,~~OAAsE~~;AAAA,~~MAAnEC~~,~~QAAmE~~,~~QAAnEA~~,~~QAAmE~~;AAAA,~~MAAtDC~~,~~SAAsD~~;;~~AACxE~~,~~MAAMC~~,~~QAAQ,GAAGL,WAAW,EAA5B;;AACA,wBAAiCH,~~KAAK,~~CAACS~~,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,~~KAEMJ~~,SAFN;AAGE~~;AACA~~,IAAA,SAAS,~~EAAEN~~,UAAU,~~CAACC,YAAY,~~CAAC,MAAD,EAASM,~~QAAT~~,~~CAAb~~,~~EAAiC~~;~~AACpD~~,~~wBAAkBE;AADkC~~,~~KAAjC;AAJvB,MAQE,~~oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,~~EAAEV~~,KAAK,~~CAACY~~,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,~~KACGL~~,QADH,~~CARF~~,CADF;~~AAcD~~,~~CApBM~~","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ~~getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {~~ ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List: ~~React.FunctionComponent<\n React.HTMLAttributes<HTMLDivElement>\n>~~ = ({ children, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => {\n const ~~platform = usePlatform();\n const~~ [isDragging, toggleDrag] = React.useState(false);\n\n return (\n <div\n role=\"list\"\n {...restProps}\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(~~getClassName(~~\"List\", ~~platform),~~ {\~~n \~~"List--dragging\"~~: isDragging,\n }~~)}\n >\n <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n {children}\n </ListContext.Provider>\n </div>\n );\n};\n"],"file":"List.js"}
1	+ {"version":3,"sources":["../../../../src/components/List/List.tsx"],"names":["React","classNames","ListContext","List","children","restProps","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAGwB;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,wBAAiCL,KAAK,CAACM,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAEJ,UAAU,CAAC,MAAD,EAASM,UAAU,IAAI,gBAAvB;AAHvB,MAKE,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEP,KAAK,CAACS,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGJ,QADH,CALF,CADF;AAWD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({\n children,\n ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n const [isDragging, toggleDrag] = React.useState(false);\n\n return (\n <div\n role=\"list\"\n {...restProps}\n vkuiClass={classNames(\"List\", isDragging && \"List--dragging\")}\n >\n <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n {children}\n </ListContext.Provider>\n </div>\n );\n};\n"],"file":"List.js"}

package/dist/cssm/components/MiniInfoCell/MiniInfoCell.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiMiniInfoCell{display:flex;padding:6px ~~12px~~}.vkuiMiniInfoCell--lvl-primary{color:#000;color:var(--text_primary)}.vkuiMiniInfoCell--lvl-secondary{color:#6d7885;color:var(--text_subhead)}.vkuiMiniInfoCell__icon{margin-right:12px;color:#99a2ad;color:var(--icon_outline_secondary)}.vkuiMiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiMiniInfoCell--wr-short .vkuiMiniInfoCell__content{white-space:initial;display:-webkit-box;max-height:60px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.vkuiMiniInfoCell--wr-full .vkuiMiniInfoCell__content{overflow:inherit;white-space:initial}.vkuiMiniInfoCell__after{margin-left:12px;margin-top:-2px;margin-bottom:-2px}.vkuiMiniInfoCell--md-add,.vkuiMiniInfoCell--md-add .vkuiMiniInfoCell__icon{color:#2688eb;color:var(--accent)}.vkuiMiniInfoCell--md-more,.vkuiMiniInfoCell--md-more .vkuiMiniInfoCell__icon{color:#2d81e0;color:var(--link_alternate)}.vkuiMiniInfoCell--md-more{padding-top:10px;padding-bottom:10px}~~.vkuiMiniInfoCell--android{padding-left:16px;padding-right:16px}~~
1	+ .vkuiMiniInfoCell{display:flex;padding:6px 16px;padding:6px var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiMiniInfoCell--lvl-primary{color:#000;color:var(--text_primary, var(--vkui--color_text_primary))}.vkuiMiniInfoCell--lvl-secondary{color:#6d7885;color:var(--text_subhead, var(--vkui--color_text_subhead))}.vkuiMiniInfoCell__icon{margin-right:12px;color:#99a2ad;color:var(--icon_outline_secondary, var(--vkui--color_icon_medium))}.vkuiMiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiMiniInfoCell--wr-short .vkuiMiniInfoCell__content{white-space:initial;display:-webkit-box;max-height:60px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.vkuiMiniInfoCell--wr-full .vkuiMiniInfoCell__content{overflow:inherit;white-space:initial}.vkuiMiniInfoCell__after{margin-left:12px;margin-top:-2px;margin-bottom:-2px}.vkuiMiniInfoCell--md-add,.vkuiMiniInfoCell--md-add .vkuiMiniInfoCell__icon{color:#2688eb;color:var(--accent, var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more,.vkuiMiniInfoCell--md-more .vkuiMiniInfoCell__icon{color:#2d81e0;color:var(--link_alternate, var(--vkui--color_icon_accent))}.vkuiMiniInfoCell--md-more{padding-top:10px;padding-bottom:10px}

package/dist/cssm/components/MiniInfoCell/MiniInfoCell.d.ts CHANGED Viewed

@@ -39,4 +39,4 @@ export interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement>
 /**
  * @see https://vkcom.github.io/VKUI/#/MiniInfoCell
  */
-export declare const MiniInfoCell: React.FC<MiniInfoCellProps>;
+export declare const MiniInfoCell: ({ before, after, mode, textWrap, textLevel, children, ...restProps }: MiniInfoCellProps) => JSX.Element;