npm - @vkontakte/vkui - Versions diffs - 5.0.2 → 5.1.0 - Mend

@vkontakte/vkui 5.0.2 → 5.1.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 (2369) hide show

package/dist/cjs/components/Tooltip/TooltipContainer.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export declare const tooltipContainerAttr = "data-tooltip-container";
 export declare const TooltipContainer: React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
     fixed?: boolean | undefined;

package/dist/cjs/components/Tooltip/TooltipContainer.js CHANGED Viewed

@@ -10,13 +10,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _excluded = ["fixed"];
-var tooltipContainerAttr = "data-tooltip-container";
+var tooltipContainerAttr = 'data-tooltip-container';
 exports.tooltipContainerAttr = tooltipContainerAttr;
 var TooltipContainer = /*#__PURE__*/React.forwardRef(function TooltipContainer(_ref, ref) {
   var _ref$fixed = _ref.fixed,
     fixed = _ref$fixed === void 0 ? false : _ref$fixed,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  props[tooltipContainerAttr] = fixed ? "fixed" : "true";
+  props[tooltipContainerAttr] = fixed ? 'fixed' : 'true';
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
     ref: ref
   }));

package/dist/cjs/components/Tooltip/TooltipContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipContainer.js","names":["tooltipContainerAttr","TooltipContainer","React","forwardRef","ref","fixed","props"],"sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const tooltipContainerAttr = \"data-tooltip-container\";\nexport const TooltipContainer = React.forwardRef<\n HTMLDivElement,\n React.HtmlHTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n>(function TooltipContainer({ fixed = false, ...props }, ref) {\n (props as any)[tooltipContainerAttr] = fixed ? \"fixed\" : \"true\";\n return <div {...props} ref={ref} />;\n});\n"],"mappings":";;;;;;;;;;AAAA;AAA+B;AAExB,IAAMA,oBAAoB,GAAG,wBAAwB;AAAC;AACtD,IAAMC,gBAAgB,gBAAGC,KAAK,CAACC,UAAU,CAG9C,SAASF,gBAAgB,OAA8BG,GAAG,EAAE;EAAA,sBAAhCC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAKC,KAAK;EAClDA,KAAK,CAASN,oBAAoB,CAAC,GAAGK,KAAK,GAAG,OAAO,GAAG,MAAM;EAC/D,oBAAO,sDAASC,KAAK;IAAE,GAAG,EAAEF;EAAI,GAAG;AACrC,CAAC,CAAC;AAAC"}
1	+ {"version":3,"file":"TooltipContainer.js","names":["tooltipContainerAttr","TooltipContainer","React","forwardRef","ref","fixed","props"],"sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const tooltipContainerAttr = 'data-tooltip-container';\nexport const TooltipContainer = React.forwardRef<\n HTMLDivElement,\n React.HtmlHTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n>(function TooltipContainer({ fixed = false, ...props }, ref) {\n (props as any)[tooltipContainerAttr] = fixed ? 'fixed' : 'true';\n return <div {...props} ref={ref} />;\n});\n"],"mappings":";;;;;;;;;;AAAA;AAA+B;AAExB,IAAMA,oBAAoB,GAAG,wBAAwB;AAAC;AACtD,IAAMC,gBAAgB,gBAAGC,KAAK,CAACC,UAAU,CAG9C,SAASF,gBAAgB,OAA8BG,GAAG,EAAE;EAAA,sBAAhCC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAKC,KAAK;EAClDA,KAAK,CAASN,oBAAoB,CAAC,GAAGK,KAAK,GAAG,OAAO,GAAG,MAAM;EAC/D,oBAAO,sDAASC,KAAK;IAAE,GAAG,EAAEF;EAAI,GAAG;AACrC,CAAC,CAAC;AAAC"}

package/dist/cjs/components/Touch/Touch.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { VKUITouchEvent } from "../../lib/touch";
-import { HasComponent, HasRootRef } from "../../types";
+import * as React from 'react';
+import { VKUITouchEvent } from '../../lib/touch';
+import { HasComponent, HasRootRef } from '../../types';
 export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах

package/dist/cjs/components/Touch/Touch.js CHANGED Viewed

@@ -38,7 +38,7 @@ var Touch = function Touch(_ref) {
     _ref$useCapture = _ref.useCapture,
     useCapture = _ref$useCapture === void 0 ? false : _ref$useCapture,
     _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? "div" : _ref$Component,
+    Component = _ref$Component === void 0 ? 'div' : _ref$Component,
     getRootRef = _ref.getRootRef,
     _ref$noSlideClick = _ref.noSlideClick,
     noSlideClick = _ref$noSlideClick === void 0 ? false : _ref$noSlideClick,
@@ -61,8 +61,8 @@ var Touch = function Touch(_ref) {
       }));
     });
   };
-  var enterHandler = (0, _useEventListener.useEventListener)(usePointerHover ? "pointerenter" : "mouseenter", onEnter);
-  var leaveHandler = (0, _useEventListener.useEventListener)(usePointerHover ? "pointerleave" : "mouseleave", onLeave);
+  var enterHandler = (0, _useEventListener.useEventListener)(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);
+  var leaveHandler = (0, _useEventListener.useEventListener)(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);
   var startHandler = (0, _useEventListener.useEventListener)(events[0], function (e) {
     gesture.current = initGesture((0, _touch.coordX)(e), (0, _touch.coordY)(e));
     handle(e, [onStart, onStartX, onStartY]);
@@ -183,7 +183,7 @@ var Touch = function Touch(_ref) {
    */
   var onDragStart = function onDragStart(e) {
     var target = e.target;
-    if (target.tagName === "A" || target.tagName === "IMG") {
+    if (target.tagName === 'A' || target.tagName === 'IMG') {
       e.preventDefault();
     }
   };
@@ -197,7 +197,7 @@ var Touch = function Touch(_ref) {
       return onClickCapture && onClickCapture(e);
     }
     // eslint-disable-next-line no-restricted-properties
-    if (e.target.closest("a")) {
+    if (e.target.closest('a')) {
       e.preventDefault();
     }
     if (noSlideClick) {

package/dist/cjs/components/Touch/Touch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Touch.js","names":["Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","useDOM","document","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","coordX","coordY","subscribe","touchEnabled","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","closest"],"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n getSupportedEvents,\n coordX,\n coordY,\n touchEnabled,\n VKUITouchEvent,\n} from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface TouchProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n /\n usePointerHover?: boolean;\n useCapture?: boolean;\n slideThreshold?: number;\n noSlideClick?: boolean;\n onEnter?: HoverHandler;\n onLeave?: HoverHandler;\n onStart?: TouchEventHandler;\n onStartX?: TouchEventHandler;\n onStartY?: TouchEventHandler;\n onMove?: TouchEventHandler;\n onMoveX?: TouchEventHandler;\n onMoveY?: TouchEventHandler;\n onEnd?: TouchEventHandler;\n onEndX?: TouchEventHandler;\n onEndY?: TouchEventHandler;\n stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n startX: number;\n startY: number;\n startT: Date;\n duration: number;\n isPressed: boolean;\n isY: boolean;\n isX: boolean;\n isSlideX: boolean;\n isSlideY: boolean;\n isSlide: boolean;\n shiftX: number;\n shiftY: number;\n shiftXAbs: number;\n shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/\n @see https://vkcom.github.io/VKUI/#/Touch\n /\nexport const Touch = ({\n onStart,\n onStartX,\n onStartY,\n onMove: _onMove,\n onMoveX,\n onMoveY,\n onLeave,\n onEnter,\n onEnd: _onEnd,\n onEndX,\n onEndY,\n onClickCapture,\n usePointerHover,\n slideThreshold = 5,\n useCapture = false,\n Component = \"div\",\n getRootRef,\n noSlideClick = false,\n stopPropagation = false,\n ...restProps\n}: TouchProps) => {\n const { document } = useDOM();\n const events = React.useMemo(getSupportedEvents, []);\n const didSlide = React.useRef(false);\n const gesture = React.useRef<Partial<Gesture> \| null>(null);\n const handle = (\n e: VKUITouchEvent,\n handlers: Array<TouchEventHandler \| undefined \| false>\n ) => {\n stopPropagation && e.stopPropagation();\n handlers.forEach((cb) => {\n const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n });\n };\n\n const enterHandler = useEventListener(\n usePointerHover ? \"pointerenter\" : \"mouseenter\",\n onEnter\n );\n const leaveHandler = useEventListener(\n usePointerHover ? \"pointerleave\" : \"mouseleave\",\n onLeave\n );\n const startHandler = useEventListener(\n events[0],\n (e: VKUITouchEvent) => {\n gesture.current = initGesture(coordX(e), coordY(e));\n\n handle(e, [onStart, onStartX, onStartY]);\n // 1 line, 2 bad specs, 2 workarounds:\n subscribe(\n touchEnabled()\n ? // Touch events fire on initial target, and won't bubble if its removed\n // see: #235, #1968, https://stackoverflow.com/a/45760014\n (e.target as HTMLElement)\n : // Mouse events fire on the element under pointer, so we lose move / end\n // if pointer goes outside container.\n // Can be fixed by PointerEvents' setPointerCapture later\n document\n );\n },\n { capture: useCapture, passive: false }\n );\n const containerRef = useExternRef(getRootRef);\n\n useIsomorphicLayoutEffect(() => {\n const el = containerRef.current;\n if (el) {\n enterHandler.add(el);\n leaveHandler.add(el);\n startHandler.add(el);\n }\n }, [Component]);\n\n function onMove(e: VKUITouchEvent) {\n const {\n isPressed,\n isX,\n isY,\n startX = 0,\n startY = 0,\n } = gesture.current ?? {};\n\n if (isPressed) {\n // смещения\n const shiftX = coordX(e) - startX;\n const shiftY = coordY(e) - startY;\n\n // абсолютные значения смещений\n const shiftXAbs = Math.abs(shiftX);\n const shiftYAbs = Math.abs(shiftY);\n\n // Если определяем мультитач, то прерываем жест\n if (!!e.touches && e.touches.length > 1) {\n return onEnd(e);\n }\n\n // если мы ещё не определились\n if (!isX && !isY) {\n const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n const willBeSlidedX = willBeX && (!!onMoveX \|\| !!_onMove);\n const willBeSlidedY = willBeY && (!!onMoveY \|\| !!_onMove);\n\n if (gesture.current) {\n Object.assign(gesture.current, {\n isY: willBeY,\n isX: willBeX,\n isSlideX: willBeSlidedX,\n isSlideY: willBeSlidedY,\n isSlide: willBeSlidedX \|\| willBeSlidedY,\n });\n }\n }\n\n if (gesture.current?.isSlide) {\n Object.assign(gesture.current, {\n shiftX,\n shiftY,\n shiftXAbs,\n shiftYAbs,\n });\n\n handle(e, [\n _onMove,\n gesture.current.isSlideX && onMoveX,\n gesture.current.isSlideY && onMoveY,\n ]);\n }\n }\n }\n\n function onEnd(e: VKUITouchEvent) {\n const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n if (isPressed) {\n handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n }\n\n didSlide.current = Boolean(isSlide);\n gesture.current = {};\n\n // Если это был тач-евент, симулируем отмену hover\n if (touchEnabled()) {\n onLeave && onLeave(e);\n }\n unsubscribe();\n }\n\n const listenerParams = { capture: useCapture, passive: false };\n const listeners = [\n useEventListener(events[1], onMove, listenerParams),\n useEventListener(events[2], onEnd, listenerParams),\n useEventListener(events[3], onEnd, listenerParams),\n ];\n function subscribe(el: HTMLElement \| Document \| null \| undefined) {\n if (el) {\n listeners.forEach((l) => l.add(el));\n }\n }\n function unsubscribe() {\n listeners.forEach((l) => l.remove());\n }\n\n /\n Обработчик событий dragstart\n * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n /\n const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n const target = e.target as HTMLElement;\n if (target.tagName === \"A\" \|\| target.tagName === \"IMG\") {\n e.preventDefault();\n }\n };\n\n /\n Обработчик клика по компоненту\n * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n */\n const postGestureClick: typeof onClickCapture = (e) => {\n if (!didSlide.current) {\n return onClickCapture && onClickCapture(e);\n }\n // eslint-disable-next-line no-restricted-properties\n if ((e.target as HTMLElement).closest(\"a\")) {\n e.preventDefault();\n }\n if (noSlideClick) {\n e.stopPropagation();\n } else {\n onClickCapture && onClickCapture(e);\n }\n didSlide.current = false;\n };\n\n return (\n <Component\n {...restProps}\n onDragStart={onDragStart}\n onClickCapture={postGestureClick}\n ref={containerRef}\n />\n );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n return {\n startX,\n startY,\n startT: new Date(),\n duration: 0,\n isPressed: true,\n isY: false,\n isX: false,\n isSlideX: false,\n isSlideY: false,\n isSlide: false,\n shiftX: 0,\n shiftY: 0,\n shiftXAbs: 0,\n shiftYAbs: 0,\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"Touch.js","names":["Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","useDOM","document","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","coordX","coordY","subscribe","touchEnabled","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","closest"],"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSupportedEvents, coordX, coordY, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { useDOM } from '../../lib/dom';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\n\nexport interface TouchProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n /\n usePointerHover?: boolean;\n useCapture?: boolean;\n slideThreshold?: number;\n noSlideClick?: boolean;\n onEnter?: HoverHandler;\n onLeave?: HoverHandler;\n onStart?: TouchEventHandler;\n onStartX?: TouchEventHandler;\n onStartY?: TouchEventHandler;\n onMove?: TouchEventHandler;\n onMoveX?: TouchEventHandler;\n onMoveY?: TouchEventHandler;\n onEnd?: TouchEventHandler;\n onEndX?: TouchEventHandler;\n onEndY?: TouchEventHandler;\n stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n startX: number;\n startY: number;\n startT: Date;\n duration: number;\n isPressed: boolean;\n isY: boolean;\n isX: boolean;\n isSlideX: boolean;\n isSlideY: boolean;\n isSlide: boolean;\n shiftX: number;\n shiftY: number;\n shiftXAbs: number;\n shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/\n @see https://vkcom.github.io/VKUI/#/Touch\n /\nexport const Touch = ({\n onStart,\n onStartX,\n onStartY,\n onMove: _onMove,\n onMoveX,\n onMoveY,\n onLeave,\n onEnter,\n onEnd: _onEnd,\n onEndX,\n onEndY,\n onClickCapture,\n usePointerHover,\n slideThreshold = 5,\n useCapture = false,\n Component = 'div',\n getRootRef,\n noSlideClick = false,\n stopPropagation = false,\n ...restProps\n}: TouchProps) => {\n const { document } = useDOM();\n const events = React.useMemo(getSupportedEvents, []);\n const didSlide = React.useRef(false);\n const gesture = React.useRef<Partial<Gesture> \| null>(null);\n const handle = (e: VKUITouchEvent, handlers: Array<TouchEventHandler \| undefined \| false>) => {\n stopPropagation && e.stopPropagation();\n handlers.forEach((cb) => {\n const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n });\n };\n\n const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\n const startHandler = useEventListener(\n events[0],\n (e: VKUITouchEvent) => {\n gesture.current = initGesture(coordX(e), coordY(e));\n\n handle(e, [onStart, onStartX, onStartY]);\n // 1 line, 2 bad specs, 2 workarounds:\n subscribe(\n touchEnabled()\n ? // Touch events fire on initial target, and won't bubble if its removed\n // see: #235, #1968, https://stackoverflow.com/a/45760014\n (e.target as HTMLElement)\n : // Mouse events fire on the element under pointer, so we lose move / end\n // if pointer goes outside container.\n // Can be fixed by PointerEvents' setPointerCapture later\n document,\n );\n },\n { capture: useCapture, passive: false },\n );\n const containerRef = useExternRef(getRootRef);\n\n useIsomorphicLayoutEffect(() => {\n const el = containerRef.current;\n if (el) {\n enterHandler.add(el);\n leaveHandler.add(el);\n startHandler.add(el);\n }\n }, [Component]);\n\n function onMove(e: VKUITouchEvent) {\n const { isPressed, isX, isY, startX = 0, startY = 0 } = gesture.current ?? {};\n\n if (isPressed) {\n // смещения\n const shiftX = coordX(e) - startX;\n const shiftY = coordY(e) - startY;\n\n // абсолютные значения смещений\n const shiftXAbs = Math.abs(shiftX);\n const shiftYAbs = Math.abs(shiftY);\n\n // Если определяем мультитач, то прерываем жест\n if (!!e.touches && e.touches.length > 1) {\n return onEnd(e);\n }\n\n // если мы ещё не определились\n if (!isX && !isY) {\n const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n const willBeSlidedX = willBeX && (!!onMoveX \|\| !!_onMove);\n const willBeSlidedY = willBeY && (!!onMoveY \|\| !!_onMove);\n\n if (gesture.current) {\n Object.assign(gesture.current, {\n isY: willBeY,\n isX: willBeX,\n isSlideX: willBeSlidedX,\n isSlideY: willBeSlidedY,\n isSlide: willBeSlidedX \|\| willBeSlidedY,\n });\n }\n }\n\n if (gesture.current?.isSlide) {\n Object.assign(gesture.current, {\n shiftX,\n shiftY,\n shiftXAbs,\n shiftYAbs,\n });\n\n handle(e, [\n _onMove,\n gesture.current.isSlideX && onMoveX,\n gesture.current.isSlideY && onMoveY,\n ]);\n }\n }\n }\n\n function onEnd(e: VKUITouchEvent) {\n const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n if (isPressed) {\n handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n }\n\n didSlide.current = Boolean(isSlide);\n gesture.current = {};\n\n // Если это был тач-евент, симулируем отмену hover\n if (touchEnabled()) {\n onLeave && onLeave(e);\n }\n unsubscribe();\n }\n\n const listenerParams = { capture: useCapture, passive: false };\n const listeners = [\n useEventListener(events[1], onMove, listenerParams),\n useEventListener(events[2], onEnd, listenerParams),\n useEventListener(events[3], onEnd, listenerParams),\n ];\n function subscribe(el: HTMLElement \| Document \| null \| undefined) {\n if (el) {\n listeners.forEach((l) => l.add(el));\n }\n }\n function unsubscribe() {\n listeners.forEach((l) => l.remove());\n }\n\n /\n Обработчик событий dragstart\n * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n /\n const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n const target = e.target as HTMLElement;\n if (target.tagName === 'A' \|\| target.tagName === 'IMG') {\n e.preventDefault();\n }\n };\n\n /\n Обработчик клика по компоненту\n * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n */\n const postGestureClick: typeof onClickCapture = (e) => {\n if (!didSlide.current) {\n return onClickCapture && onClickCapture(e);\n }\n // eslint-disable-next-line no-restricted-properties\n if ((e.target as HTMLElement).closest('a')) {\n e.preventDefault();\n }\n if (noSlideClick) {\n e.stopPropagation();\n } else {\n onClickCapture && onClickCapture(e);\n }\n didSlide.current = false;\n };\n\n return (\n <Component\n {...restProps}\n onDragStart={onDragStart}\n onClickCapture={postGestureClick}\n ref={containerRef}\n />\n );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n return {\n startX,\n startY,\n startT: new Date(),\n duration: 0,\n isPressed: true,\n isY: false,\n isX: false,\n isSlideX: false,\n isSlideY: false,\n isSlide: false,\n shiftX: 0,\n shiftY: 0,\n shiftXAbs: 0,\n shiftYAbs: 0,\n };\n}\n"],"mappings":"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"}

package/dist/cjs/components/Touch/TouchContext.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 /**
  * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
  * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов

package/dist/cjs/components/Touch/TouchContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TouchContext.js","names":["TouchRootContext","React","createContext"],"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from \"react\";\n\n/*\n Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> ~~=\n~~ React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAwC,~~gBAC5CC~~,KAAK,CAACC,aAAa,CAAU,KAAK,CAAC;;~~AAErC~~;AAAA,eACeF,gBAAgB;AAAA"}
1	+ {"version":3,"file":"TouchContext.js","names":["TouchRootContext","React","createContext"],"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/*\n Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAwC,gBAAGC,KAAK,CAACC,aAAa,CAAU,KAAK,CAAC;;AAEpF;AAAA,eACeF,gBAAgB;AAAA"}

package/dist/cjs/components/Typography/Caption/Caption.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { HasComponent } from "../../../types";
+import * as React from 'react';
+import { HasComponent } from '../../../types';
 export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
      */
-    weight?: "1" | "2" | "3";
-    level?: "1" | "2" | "3";
+    weight?: '1' | '2' | '3';
+    level?: '1' | '2' | '3';
     caps?: boolean;
 }
 /**

package/dist/cjs/components/Typography/Caption/Caption.js CHANGED Viewed

@@ -9,7 +9,7 @@ exports.Caption = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _excluded = ["className", "children", "weight", "level", "caps", "Component"];
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
@@ -19,13 +19,13 @@ var Caption = function Caption(_ref) {
     children = _ref.children,
     weight = _ref.weight,
     _ref$level = _ref.level,
-    level = _ref$level === void 0 ? "1" : _ref$level,
+    level = _ref$level === void 0 ? '1' : _ref$level,
     caps = _ref.caps,
     _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? "span" : _ref$Component,
+    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, restProps, {
-    className: (0, _classNames.classNamesString)(className, "vkuiCaption", styles["Caption--level-".concat(level)], caps && "vkuiCaption--caps", weight && styles["Caption--weight-".concat(weight)])
+    className: (0, _vkjs.classNames)(className, "vkuiCaption", styles["Caption--level-".concat(level)], caps && "vkuiCaption--caps", weight && styles["Caption--weight-".concat(weight)])
   }), children);
 };
 exports.Caption = Caption;

package/dist/cjs/components/Typography/Caption/Caption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Caption.js","names":["Caption","className","children","weight","level","caps","Component","restProps","~~classNamesString~~","styles"],"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { ~~classNamesString~~ } from ~~\"../../../lib~~/~~classNames\"~~;\nimport styles from \"./Caption.module.css\";\n\nexport interface CaptionProps\n extends React.AllHTMLAttributes<HTMLElement~~>,\n~~ HasComponent {\n /*\n Задаёт начертание шрифта отличное от стандартного.\n /\n weight?: \"1\" \| \"2\" \| \"3\";\n level?: \"1\" \| \"2\" \| \"3\";\n caps?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n className,\n children,\n weight,\n level = \"1\",\n caps,\n Component = \"span\",\n ...restProps\n}: CaptionProps) => {\n return (\n <Component\n {...restProps}\n className={~~classNamesString~~(\n className,\n styles[\"Caption\"],\n styles[`Caption--level-${level}`],\n caps && styles[\"Caption--caps\"],\n weight && styles[`Caption--weight-${weight}`]\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;~~AAA2D~~;~~AAc3D~~;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAQA;EAAA,IAPlBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,kBACNC,KAAK;IAALA,KAAK,2BAAG,GAAG;IACXC,IAAI,QAAJA,IAAI;IAAA,sBACJC,SAAS;IAATA,SAAS,+BAAG,MAAM;IACfC,SAAS;EAEZ,oBACE,oBAAC,SAAS,6BACJA,SAAS;IACb,SAAS,EAAE,IAAAC,~~4BAAgB~~,~~EACzBP~~,SAAS,iBAETQ,MAAM,0BAAmBL,KAAK,EAAG,EACjCC,IAAI,uBAA2B,EAC/BF,MAAM,IAAIM,MAAM,2BAAoBN,MAAM,EAAG;EAC7C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"Caption.js","names":["Caption","className","children","weight","level","caps","Component","restProps","classNames","styles"],"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../../types';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Caption.module.css';\n\nexport interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n /*\n Задаёт начертание шрифта отличное от стандартного.\n /\n weight?: '1' \| '2' \| '3';\n level?: '1' \| '2' \| '3';\n caps?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n className,\n children,\n weight,\n level = '1',\n caps,\n Component = 'span',\n ...restProps\n}: CaptionProps) => {\n return (\n <Component\n {...restProps}\n className={classNames(\n className,\n styles['Caption'],\n styles[`Caption--level-${level}`],\n caps && styles['Caption--caps'],\n weight && styles[`Caption--weight-${weight}`],\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AAA6C;AAY7C;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAQA;EAAA,IAPlBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,kBACNC,KAAK;IAALA,KAAK,2BAAG,GAAG;IACXC,IAAI,QAAJA,IAAI;IAAA,sBACJC,SAAS;IAATA,SAAS,+BAAG,MAAM;IACfC,SAAS;EAEZ,oBACE,oBAAC,SAAS,6BACJA,SAAS;IACb,SAAS,EAAE,IAAAC,gBAAU,EACnBP,SAAS,iBAETQ,MAAM,0BAAmBL,KAAK,EAAG,EACjCC,IAAI,uBAA2B,EAC/BF,MAAM,IAAIM,MAAM,2BAAoBN,MAAM,EAAG;EAC7C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/Typography/Footnote/Footnote.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { HasComponent } from "../../../types";
+import * as React from 'react';
+import { HasComponent } from '../../../types';
 export interface FootnoteProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
      */
-    weight?: "1" | "2" | "3";
+    weight?: '1' | '2' | '3';
     caps?: boolean;
 }
 /**

package/dist/cjs/components/Typography/Footnote/Footnote.js CHANGED Viewed

@@ -9,7 +9,7 @@ exports.Footnote = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _excluded = ["className", "children", "weight", "caps", "Component"];
 /**
  * @see https://vkcom.github.io/VKUI/#/Footnote
@@ -20,10 +20,10 @@ var Footnote = function Footnote(_ref) {
     weight = _ref.weight,
     caps = _ref.caps,
     _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? "span" : _ref$Component,
+    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, restProps, {
-    className: (0, _classNames.classNamesString)(className, "vkuiFootnote", caps && "vkuiFootnote--caps", weight && styles["Footnote--weight-".concat(weight)])
+    className: (0, _vkjs.classNames)(className, "vkuiFootnote", caps && "vkuiFootnote--caps", weight && styles["Footnote--weight-".concat(weight)])
   }), children);
 };
 exports.Footnote = Footnote;

package/dist/cjs/components/Typography/Footnote/Footnote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footnote.js","names":["Footnote","className","children","weight","caps","Component","restProps","~~classNamesString~~","styles"],"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { ~~classNamesString~~ } from ~~\"../../../lib~~/~~classNames\"~~;\nimport styles from \"./Footnote.module.css\";\n\nexport interface FootnoteProps\n extends React.AllHTMLAttributes<HTMLElement~~>,\n~~ HasComponent {\n /*\n Задаёт начертание шрифта отличное от стандартного.\n /\n weight?: \"1\" \| \"2\" \| \"3\";\n caps?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n className,\n children,\n weight,\n caps,\n Component = \"span\",\n ...restProps\n}: FootnoteProps) => {\n return (\n <Component\n {...restProps}\n className={~~classNamesString~~(\n className,\n styles[\"Footnote\"],\n caps && styles[\"Footnote--caps\"],\n weight && styles[`Footnote--weight-${weight}`]\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;~~AAA2D~~;~~AAa3D~~;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAOA;EAAA,IANnBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IAAA,sBACJC,SAAS;IAATA,SAAS,+BAAG,MAAM;IACfC,SAAS;EAEZ,oBACE,oBAAC,SAAS,6BACJA,SAAS;IACb,SAAS,EAAE,IAAAC,~~4BAAgB~~,~~EACzBN~~,SAAS,kBAETG,IAAI,wBAA4B,EAChCD,MAAM,IAAIK,MAAM,4BAAqBL,MAAM,EAAG;EAC9C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"Footnote.js","names":["Footnote","className","children","weight","caps","Component","restProps","classNames","styles"],"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../../types';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n /*\n Задаёт начертание шрифта отличное от стандартного.\n /\n weight?: '1' \| '2' \| '3';\n caps?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n className,\n children,\n weight,\n caps,\n Component = 'span',\n ...restProps\n}: FootnoteProps) => {\n return (\n <Component\n {...restProps}\n className={classNames(\n className,\n styles['Footnote'],\n caps && styles['Footnote--caps'],\n weight && styles[`Footnote--weight-${weight}`],\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AAA6C;AAW7C;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAOA;EAAA,IANnBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IAAA,sBACJC,SAAS;IAATA,SAAS,+BAAG,MAAM;IACfC,SAAS;EAEZ,oBACE,oBAAC,SAAS,6BACJA,SAAS;IACb,SAAS,EAAE,IAAAC,gBAAU,EACnBN,SAAS,kBAETG,IAAI,wBAA4B,EAChCD,MAAM,IAAIK,MAAM,4BAAqBL,MAAM,EAAG;EAC9C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/Typography/Headline/Headline.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { HasComponent, HasRootRef } from "../../../types";
+import * as React from 'react';
+import { HasComponent, HasRootRef } from '../../../types';
 export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
      */
-    weight?: "1" | "2" | "3";
-    level?: "1" | "2";
+    weight?: '1' | '2' | '3';
+    level?: '1' | '2';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline

package/dist/cjs/components/Typography/Headline/Headline.js CHANGED Viewed

@@ -10,11 +10,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _useAdaptivity2 = require("../../../hooks/useAdaptivity");
-var _classNames = require("../../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _warnOnce = require("../../../lib/warnOnce");
 var _getSizeYClassName = require("../../../helpers/getSizeYClassName");
 var _excluded = ["className", "children", "weight", "level", "Component", "getRootRef"];
-var warn = (0, _warnOnce.warnOnce)("Headline");
+var warn = (0, _warnOnce.warnOnce)('Headline');
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
@@ -23,21 +23,21 @@ var Headline = function Headline(_ref) {
   var className = _ref.className,
     children = _ref.children,
     _ref$weight = _ref.weight,
-    weight = _ref$weight === void 0 ? "3" : _ref$weight,
+    weight = _ref$weight === void 0 ? '3' : _ref$weight,
     _ref$level = _ref.level,
-    level = _ref$level === void 0 ? "1" : _ref$level,
+    level = _ref$level === void 0 ? '1' : _ref$level,
     _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? "h4" : _ref$Component,
+    Component = _ref$Component === void 0 ? 'h4' : _ref$Component,
     getRootRef = _ref.getRootRef,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
     sizeY = _useAdaptivity.sizeY;
-  if (process.env.NODE_ENV === "development" && typeof Component !== "string" && getRootRef) {
-    warn("getRootRef может использоваться только с элементами DOM", "error");
+  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {
+    warn('getRootRef может использоваться только с элементами DOM', 'error');
   }
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    className: (0, _classNames.classNamesString)(className, "vkuiHeadline", (0, _getSizeYClassName.getSizeYClassName)("vkuiHeadline", sizeY), styles["Headline--level-".concat(level)], styles["Headline--weight-".concat(weight)])
+    className: (0, _vkjs.classNames)(className, "vkuiHeadline", (0, _getSizeYClassName.getSizeYClassName)("vkuiHeadline", sizeY), styles["Headline--level-".concat(level)], styles["Headline--weight-".concat(weight)])
   }), children);
 };
 exports.Headline = Headline;

package/dist/cjs/components/Typography/Headline/Headline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Headline.js","names":["warn","warnOnce","Headline","className","children","weight","level","Component","getRootRef","restProps","useAdaptivity","sizeY","process","env","NODE_ENV","~~classNamesString~~","getSizeYClassName","styles"],"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { ~~classNamesString~~ } from ~~\"../../../lib~~/~~classNames\"~~;\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport styles from \"./Headline.module.css\";\n\nexport interface HeadlineProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Задаёт начертание шрифта отличное от стандартного.\n /\n weight?: \"1\" \| \"2\" \| \"3\";\n level?: \"1\" \| \"2\";\n}\n\nconst warn = warnOnce(\"Headline\");\n\n/\n @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n className,\n children,\n weight = \"3\",\n level = \"1\",\n Component = \"h4\",\n getRootRef,\n ...restProps\n}: HeadlineProps) => {\n const { sizeY } = useAdaptivity();\n\n if (\n process.env.NODE_ENV === \"development\" ~~&&\n~~ typeof Component !== \"string\" ~~&&\n~~ getRootRef\n ) {\n warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n }\n\n return (\n <Component\n {...restProps}\n ref={getRootRef}\n className={~~classNamesString~~(\n className,\n styles[\"Headline\"],\n getSizeYClassName(styles[\"Headline\"], sizeY),\n styles[`Headline--level-${level}`],\n styles[`Headline--weight-${weight}`]\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAuE;AAcvE,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,UAAU,CAAC;;AAEjC;AACA;AACA;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAQA;EAAA,IAPnBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IAAA,mBACRC,MAAM;IAANA,MAAM,4BAAG,GAAG;IAAA,kBACZC,KAAK;IAALA,KAAK,2BAAG,GAAG;IAAA,sBACXC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAChBC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,qBAAkB,IAAAC,6BAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EAEb,~~IACEC~~,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,~~IACtC~~,OAAOP,SAAS,KAAK,QAAQ,~~IAC7BC~~,UAAU,~~EACV~~;~~IACAR~~,IAAI,CAAC,yDAAyD,EAAE,OAAO,CAAC;EAC1E;EAEA,oBACE,oBAAC,SAAS,6BACJS,SAAS;IACb,GAAG,EAAED,UAAW;IAChB,SAAS,EAAE,IAAAO,~~4BAAgB~~,~~EACzBZ~~,SAAS,kBAET,IAAAa,oCAAiB,kBAAqBL,KAAK,CAAC,EAC5CM,MAAM,2BAAoBX,KAAK,EAAG,EAClCW,MAAM,4BAAqBZ,MAAM,EAAG;EACpC,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"Headline.js","names":["warn","warnOnce","Headline","className","children","weight","level","Component","getRootRef","restProps","useAdaptivity","sizeY","process","env","NODE_ENV","classNames","getSizeYClassName","styles"],"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { getSizeYClassName } from '../../../helpers/getSizeYClassName';\nimport styles from './Headline.module.css';\n\nexport interface HeadlineProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Задаёт начертание шрифта отличное от стандартного.\n /\n weight?: '1' \| '2' \| '3';\n level?: '1' \| '2';\n}\n\nconst warn = warnOnce('Headline');\n\n/\n @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n className,\n children,\n weight = '3',\n level = '1',\n Component = 'h4',\n getRootRef,\n ...restProps\n}: HeadlineProps) => {\n const { sizeY } = useAdaptivity();\n\n if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n warn('getRootRef может использоваться только с элементами DOM', 'error');\n }\n\n return (\n <Component\n {...restProps}\n ref={getRootRef}\n className={classNames(\n className,\n styles['Headline'],\n getSizeYClassName(styles['Headline'], sizeY),\n styles[`Headline--level-${level}`],\n styles[`Headline--weight-${weight}`],\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAuE;AAcvE,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,UAAU,CAAC;;AAEjC;AACA;AACA;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAQA;EAAA,IAPnBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IAAA,mBACRC,MAAM;IAANA,MAAM,4BAAG,GAAG;IAAA,kBACZC,KAAK;IAALA,KAAK,2BAAG,GAAG;IAAA,sBACXC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAChBC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,qBAAkB,IAAAC,6BAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EAEb,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAI,OAAOP,SAAS,KAAK,QAAQ,IAAIC,UAAU,EAAE;IACzFR,IAAI,CAAC,yDAAyD,EAAE,OAAO,CAAC;EAC1E;EAEA,oBACE,oBAAC,SAAS,6BACJS,SAAS;IACb,GAAG,EAAED,UAAW;IAChB,SAAS,EAAE,IAAAO,gBAAU,EACnBZ,SAAS,kBAET,IAAAa,oCAAiB,kBAAqBL,KAAK,CAAC,EAC5CM,MAAM,2BAAoBX,KAAK,EAAG,EAClCW,MAAM,4BAAqBZ,MAAM,EAAG;EACpC,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { HasComponent, HasRootRef } from "../../../types";
+import * as React from 'react';
+import { HasComponent, HasRootRef } from '../../../types';
 export interface ParagraphProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта, отличное от стандартного.
      */
-    weight?: "1" | "2" | "3";
+    weight?: '1' | '2' | '3';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Paragraph

package/dist/cjs/components/Typography/Paragraph/Paragraph.js CHANGED Viewed

@@ -9,10 +9,10 @@ exports.Paragraph = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _warnOnce = require("../../../lib/warnOnce");
 var _excluded = ["className", "Component", "getRootRef", "weight", "children"];
-var warn = (0, _warnOnce.warnOnce)("Paragraph");
+var warn = (0, _warnOnce.warnOnce)('Paragraph');
 /**
  * @see https://vkcom.github.io/VKUI/#/Paragraph
@@ -20,17 +20,17 @@ var warn = (0, _warnOnce.warnOnce)("Paragraph");
 var Paragraph = function Paragraph(_ref) {
   var className = _ref.className,
     _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? "span" : _ref$Component,
+    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
     getRootRef = _ref.getRootRef,
     weight = _ref.weight,
     children = _ref.children,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (process.env.NODE_ENV === "development" && typeof Component !== "string" && getRootRef) {
-    warn("getRootRef может использоваться только с элементами DOM", "error");
+  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {
+    warn('getRootRef может использоваться только с элементами DOM', 'error');
   }
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    className: (0, _classNames.classNamesString)(className, "vkuiParagraph", weight && styles["Paragraph--weight-".concat(weight)])
+    className: (0, _vkjs.classNames)(className, "vkuiParagraph", weight && styles["Paragraph--weight-".concat(weight)])
   }), children);
 };
 exports.Paragraph = Paragraph;

package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Paragraph.js","names":["warn","warnOnce","Paragraph","className","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV","~~classNamesString~~","styles"],"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ~~classNamesString~~ } from ~~\"../../../lib~~/~~classNames\"~~;\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport styles from \"./Paragraph.module.css\";\n\nexport interface ParagraphProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Задаёт начертание шрифта, отличное от стандартного.\n /\n weight?: \"1\" \| \"2\" \| \"3\";\n}\n\nconst warn = warnOnce(\"Paragraph\");\n\n/\n @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n className,\n Component = \"span\",\n getRootRef,\n weight,\n children,\n ...restProps\n}: ParagraphProps) => {\n if (\n process.env.NODE_ENV === \"development\" ~~&&\n~~ typeof Component !== \"string\" ~~&&\n~~ getRootRef\n ) {\n warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n }\n\n return (\n <Component\n {...restProps}\n ref={getRootRef}\n className={~~classNamesString~~(\n className,\n styles[\"Paragraph\"],\n weight && styles[`Paragraph--weight-${weight}`]\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAAiD;AAcjD,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,WAAW,CAAC;;AAElC;AACA;AACA;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAS,OAOA;EAAA,IANpBC,SAAS,QAATA,SAAS;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,~~IACEC~~,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,~~IACtC~~,OAAOP,SAAS,KAAK,QAAQ,~~IAC7BC~~,UAAU,~~EACV~~;~~IACAL~~,IAAI,CAAC,yDAAyD,EAAE,OAAO,CAAC;EAC1E;EAEA,oBACE,oBAAC,SAAS,6BACJQ,SAAS;IACb,GAAG,EAAEH,UAAW;IAChB,SAAS,EAAE,IAAAO,~~4BAAgB~~,~~EACzBT~~,SAAS,mBAETG,MAAM,IAAIO,MAAM,6BAAsBP,MAAM,EAAG;EAC/C,IAEDC,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"Paragraph.js","names":["warn","warnOnce","Paragraph","className","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV","classNames","styles"],"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport styles from './Paragraph.module.css';\n\nexport interface ParagraphProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Задаёт начертание шрифта, отличное от стандартного.\n /\n weight?: '1' \| '2' \| '3';\n}\n\nconst warn = warnOnce('Paragraph');\n\n/\n @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n className,\n Component = 'span',\n getRootRef,\n weight,\n children,\n ...restProps\n}: ParagraphProps) => {\n if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n warn('getRootRef может использоваться только с элементами DOM', 'error');\n }\n\n return (\n <Component\n {...restProps}\n ref={getRootRef}\n className={classNames(\n className,\n styles['Paragraph'],\n weight && styles[`Paragraph--weight-${weight}`],\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAAiD;AAcjD,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,WAAW,CAAC;;AAElC;AACA;AACA;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAS,OAOA;EAAA,IANpBC,SAAS,QAATA,SAAS;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAI,OAAOP,SAAS,KAAK,QAAQ,IAAIC,UAAU,EAAE;IACzFL,IAAI,CAAC,yDAAyD,EAAE,OAAO,CAAC;EAC1E;EAEA,oBACE,oBAAC,SAAS,6BACJQ,SAAS;IACb,GAAG,EAAEH,UAAW;IAChB,SAAS,EAAE,IAAAO,gBAAU,EACnBT,SAAS,mBAETG,MAAM,IAAIO,MAAM,6BAAsBP,MAAM,EAAG;EAC/C,IAEDC,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/Typography/Subhead/Subhead.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { HasComponent } from "../../../types";
+import * as React from 'react';
+import { HasComponent } from '../../../types';
 export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
      */
-    weight?: "1" | "2" | "3";
+    weight?: '1' | '2' | '3';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead

package/dist/cjs/components/Typography/Subhead/Subhead.js CHANGED Viewed

@@ -9,7 +9,7 @@ exports.Subhead = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity2 = require("../../../hooks/useAdaptivity");
 var _getSizeYClassName = require("../../../helpers/getSizeYClassName");
 var _excluded = ["className", "children", "weight", "Component"];
@@ -21,12 +21,12 @@ var Subhead = function Subhead(_ref) {
     children = _ref.children,
     weight = _ref.weight,
     _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? "h5" : _ref$Component,
+    Component = _ref$Component === void 0 ? 'h5' : _ref$Component,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
     sizeY = _useAdaptivity.sizeY;
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, restProps, {
-    className: (0, _classNames.classNamesString)(className, "vkuiSubhead", (0, _getSizeYClassName.getSizeYClassName)("vkuiSubhead", sizeY), weight && styles["Subhead--weight-".concat(weight)])
+    className: (0, _vkjs.classNames)(className, "vkuiSubhead", (0, _getSizeYClassName.getSizeYClassName)("vkuiSubhead", sizeY), weight && styles["Subhead--weight-".concat(weight)])
   }), children);
 };
 exports.Subhead = Subhead;

package/dist/cjs/components/Typography/Subhead/Subhead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Subhead.js","names":["Subhead","className","children","weight","Component","restProps","useAdaptivity","sizeY","~~classNamesString~~","getSizeYClassName","styles"],"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { ~~classNamesString~~ } from ~~\"../../../lib~~/~~classNames\"~~;\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport styles from \"./Subhead.module.css\";\n\nexport interface SubheadProps\n extends React.AllHTMLAttributes<HTMLElement~~>,\n~~ HasComponent {\n /*\n Задаёт начертание шрифта отличное от стандартного.\n /\n weight?: \"1\" \| \"2\" \| \"3\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n className,\n children,\n weight,\n Component = \"h5\",\n ...restProps\n}: SubheadProps) => {\n const { sizeY } = useAdaptivity();\n\n return (\n <Component\n {...restProps}\n className={~~classNamesString~~(\n className,\n styles[\"Subhead\"],\n getSizeYClassName(styles[\"Subhead\"], sizeY),\n weight && styles[`Subhead--weight-${weight}`]\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AACA;AAAuE;~~AAYvE~~;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAMA;EAAA,IALlBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,IAAI;IACbC,SAAS;EAEZ,qBAAkB,IAAAC,6BAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EAEb,oBACE,oBAAC,SAAS,6BACJF,SAAS;IACb,SAAS,EAAE,IAAAG,~~4BAAgB~~,~~EACzBP~~,SAAS,iBAET,IAAAQ,oCAAiB,iBAAoBF,KAAK,CAAC,EAC3CJ,MAAM,IAAIO,MAAM,2BAAoBP,MAAM,EAAG;EAC7C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"Subhead.js","names":["Subhead","className","children","weight","Component","restProps","useAdaptivity","sizeY","classNames","getSizeYClassName","styles"],"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../../types';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { getSizeYClassName } from '../../../helpers/getSizeYClassName';\nimport styles from './Subhead.module.css';\n\nexport interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n /*\n Задаёт начертание шрифта отличное от стандартного.\n /\n weight?: '1' \| '2' \| '3';\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n className,\n children,\n weight,\n Component = 'h5',\n ...restProps\n}: SubheadProps) => {\n const { sizeY } = useAdaptivity();\n\n return (\n <Component\n {...restProps}\n className={classNames(\n className,\n styles['Subhead'],\n getSizeYClassName(styles['Subhead'], sizeY),\n weight && styles[`Subhead--weight-${weight}`],\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AACA;AAAuE;AAUvE;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAMA;EAAA,IALlBC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,IAAI;IACbC,SAAS;EAEZ,qBAAkB,IAAAC,6BAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EAEb,oBACE,oBAAC,SAAS,6BACJF,SAAS;IACb,SAAS,EAAE,IAAAG,gBAAU,EACnBP,SAAS,iBAET,IAAAQ,oCAAiB,iBAAoBF,KAAK,CAAC,EAC3CJ,MAAM,IAAIO,MAAM,2BAAoBP,MAAM,EAAG;EAC7C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/Typography/Text/Text.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { HasComponent, HasRootRef } from "../../../types";
+import * as React from 'react';
+import { HasComponent, HasRootRef } from '../../../types';
 export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта, отличное от стандартного.
      */
-    weight?: "1" | "2" | "3";
+    weight?: '1' | '2' | '3';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Text

package/dist/cjs/components/Typography/Text/Text.js CHANGED Viewed

@@ -10,11 +10,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _useAdaptivity2 = require("../../../hooks/useAdaptivity");
-var _classNames = require("../../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _warnOnce = require("../../../lib/warnOnce");
 var _getSizeYClassName = require("../../../helpers/getSizeYClassName");
 var _excluded = ["className", "children", "weight", "Component", "getRootRef"];
-var warn = (0, _warnOnce.warnOnce)("Text");
+var warn = (0, _warnOnce.warnOnce)('Text');
 /**
  * @see https://vkcom.github.io/VKUI/#/Text
  */
@@ -23,17 +23,17 @@ var Text = function Text(_ref) {
     children = _ref.children,
     weight = _ref.weight,
     _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? "span" : _ref$Component,
+    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
     getRootRef = _ref.getRootRef,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (process.env.NODE_ENV === "development" && typeof Component !== "string" && getRootRef) {
-    warn("\u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E \"getRootRef\" \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0441 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430\u043C\u0438 DOM", "error");
+  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {
+    warn("\u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E \"getRootRef\" \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0441 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430\u043C\u0438 DOM", 'error');
   }
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
     sizeY = _useAdaptivity.sizeY;
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    className: (0, _classNames.classNamesString)(className, "vkuiText", (0, _getSizeYClassName.getSizeYClassName)("vkuiText", sizeY), weight && styles["Text--weight-".concat(weight)])
+    className: (0, _vkjs.classNames)(className, "vkuiText", (0, _getSizeYClassName.getSizeYClassName)("vkuiText", sizeY), weight && styles["Text--weight-".concat(weight)])
   }), children);
 };
 exports.Text = Text;

package/dist/cjs/components/Typography/Text/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","names":["warn","warnOnce","Text","className","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","useAdaptivity","sizeY","~~classNamesString~~","getSizeYClassName","styles"],"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { ~~classNamesString~~ } from ~~\"../../../lib~~/~~classNames\"~~;\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport styles from \"./Text.module.css\";\n\nexport interface TextProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Задаёт начертание шрифта, отличное от стандартного.\n /\n weight?: \"1\" \| \"2\" \| \"3\";\n}\n\nconst warn = warnOnce(\"Text\");\n/\n @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n className,\n children,\n weight,\n Component = \"span\",\n getRootRef,\n ...restProps\n}: TextProps) => {\n if (\n process.env.NODE_ENV === \"development\" ~~&&\n~~ typeof Component !== \"string\" ~~&&\n~~ getRootRef\n ) {\n warn(\n `Свойство \"getRootRef\" может использоваться только с компонентами DOM~~`,\n \"~~error~~\"\n~~ );\n }\n\n const { sizeY } = useAdaptivity();\n\n return (\n <Component\n {...restProps}\n ref={getRootRef}\n className={~~classNamesString~~(\n className,\n styles[\"Text\"],\n getSizeYClassName(styles[\"Text\"], sizeY),\n weight && styles[`Text--weight-${weight}`]\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAAuE;AAavE,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,MAAM,CAAC;AAC7B;AACA;AACA;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAOA;EAAA,IANfC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,~~IACEC~~,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,~~IACtC~~,OAAOL,SAAS,KAAK,QAAQ,~~IAC7BC~~,UAAU,~~EACV~~;~~IACAP~~,IAAI,~~iTAEF~~,OAAO,~~CACR~~;~~EACH~~;EAEA,qBAAkB,IAAAY,6BAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EAEb,oBACE,oBAAC,SAAS,6BACJL,SAAS;IACb,GAAG,EAAED,UAAW;IAChB,SAAS,EAAE,IAAAO,~~4BAAgB~~,~~EACzBX~~,SAAS,cAET,IAAAY,oCAAiB,cAAiBF,KAAK,CAAC,EACxCR,MAAM,IAAIW,MAAM,wBAAiBX,MAAM,EAAG;EAC1C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"Text.js","names":["warn","warnOnce","Text","className","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","useAdaptivity","sizeY","classNames","getSizeYClassName","styles"],"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { getSizeYClassName } from '../../../helpers/getSizeYClassName';\nimport styles from './Text.module.css';\n\nexport interface TextProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Задаёт начертание шрифта, отличное от стандартного.\n /\n weight?: '1' \| '2' \| '3';\n}\n\nconst warn = warnOnce('Text');\n/\n @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n className,\n children,\n weight,\n Component = 'span',\n getRootRef,\n ...restProps\n}: TextProps) => {\n if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n warn(`Свойство \"getRootRef\" может использоваться только с компонентами DOM`, 'error');\n }\n\n const { sizeY } = useAdaptivity();\n\n return (\n <Component\n {...restProps}\n ref={getRootRef}\n className={classNames(\n className,\n styles['Text'],\n getSizeYClassName(styles['Text'], sizeY),\n weight && styles[`Text--weight-${weight}`],\n )}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAAuE;AAavE,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,MAAM,CAAC;AAC7B;AACA;AACA;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAOA;EAAA,IANfC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAI,OAAOL,SAAS,KAAK,QAAQ,IAAIC,UAAU,EAAE;IACzFP,IAAI,iTAAyE,OAAO,CAAC;EACvF;EAEA,qBAAkB,IAAAY,6BAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EAEb,oBACE,oBAAC,SAAS,6BACJL,SAAS;IACb,GAAG,EAAED,UAAW;IAChB,SAAS,EAAE,IAAAO,gBAAU,EACnBX,SAAS,cAET,IAAAY,oCAAiB,cAAiBF,KAAK,CAAC,EACxCR,MAAM,IAAIW,MAAM,wBAAiBX,MAAM,EAAG;EAC1C,IAEDD,QAAQ,CACC;AAEhB,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/Typography/Title/Title.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { HasComponent } from "../../../types";
+import * as React from 'react';
+import { HasComponent } from '../../../types';
 export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
      */
-    weight?: "1" | "2" | "3";
-    level?: "1" | "2" | "3";
+    weight?: '1' | '2' | '3';
+    level?: '1' | '2' | '3';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Title