@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cssm/components/Tooltip/Tooltip.js

@@ -3,12 +3,11 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["children", "isShown", "offsetX", "offsetY", "alignX", "alignY", "onClose", "cornerOffset", "cornerAbsoluteOffset", "mode", "appearance", "arrow", "placement"];
+var _excluded = ["children", "isShown", "offsetX", "offsetY", "alignX", "alignY", "onClose", "cornerOffset", "cornerAbsoluteOffset", "appearance", "arrow", "placement"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import ReactDOM from "react-dom";
 import { classNames } from "../../lib/classNames";
-import { getClassName } from "../../helpers/getClassName";
 import { Subhead } from "../Typography/Subhead/Subhead";
 import { useNavTransition } from "../NavTransitionContext/NavTransitionContext";
 import { PopperArrow } from "../PopperArrow/PopperArrow";
@@ -26,7 +25,6 @@ var isDOMTypeElement = function isDOMTypeElement(element) {
   return /*#__PURE__*/React.isValidElement(element) && typeof element.type === "string";
 };
 
-var baseClassName = getClassName("Tooltip");
 var warn = warnOnce("Tooltip");
 var IS_DEV = process.env.NODE_ENV === "development";
 var SimpleTooltip = /*#__PURE__*/React.forwardRef(function SimpleTooltip(_ref, ref) {
@@ -39,7 +37,7 @@ var SimpleTooltip = /*#__PURE__*/React.forwardRef(function SimpleTooltip(_ref, r
       style = _ref$style === void 0 ? {} : _ref$style,
       attributes = _ref.attributes;
   return createScopedElement("div", {
-    vkuiClass: classNames(baseClassName, "Tooltip--".concat(appearance))
+    vkuiClass: classNames("Tooltip", "Tooltip--appearance-".concat(appearance))
   }, createScopedElement("div", _extends({
     vkuiClass: "Tooltip__container",
     ref: ref,
@@ -80,19 +78,6 @@ function getPlacement(alignX, alignY) {
 function isVerticalPlacement(placement) {
   return placement.startsWith("top") || placement.startsWith("bottom");
 }
-/**
- * Вычисляем стиль подсказки: параметр appearance имеет приоритет, иначе мапим mode на подходящее значение из appearance
- * TODO: v5 избавиться от пропа mode и этого метода, для appearance по умолчанию сделать "accent"
- */
-
-
-function calculateAppearance(mode, appearance) {
-  if (appearance) {
-    return appearance;
-  }
-
-  return mode === "light" ? "white" : "accent";
-}
 /**
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  */
@@ -114,8 +99,6 @@ export var Tooltip = function Tooltip(_ref2) {
       _ref2$cornerOffset = _ref2.cornerOffset,
       cornerOffset = _ref2$cornerOffset === void 0 ? 0 : _ref2$cornerOffset,
       cornerAbsoluteOffset = _ref2.cornerAbsoluteOffset,
-      _ref2$mode = _ref2.mode,
-      mode = _ref2$mode === void 0 ? "accent" : _ref2$mode,
       appearance = _ref2.appearance,
       _ref2$arrow = _ref2.arrow,
       arrow = _ref2$arrow === void 0 ? true : _ref2$arrow,
@@ -240,11 +223,8 @@ export var Tooltip = function Tooltip(_ref2) {
   var childRef = /*#__PURE__*/React.isValidElement(children) && (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);
   var patchedRef = useExternRef(setTarget, childRef);
   var child = /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _defineProperty({}, isDOMTypeElement(children) ? "ref" : "getRootRef", patchedRef)) : children;
-
-  var _appearance = calculateAppearance(mode, appearance);
-
   return createScopedElement(React.Fragment, null, child, isShown && target != null && /*#__PURE__*/ReactDOM.createPortal(createScopedElement(SimpleTooltip, _extends({}, restProps, {
-    appearance: _appearance,
+    appearance: appearance,
     arrow: arrow,
     ref: function ref(el) {
       return setTooltipRef(el);

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","ReactDOM","classNames","getClassName","Subhead","useNavTransition","PopperArrow","usePopper","tooltipContainerAttr","useExternRef","useDOM","warnOnce","hasReactNode","prefixClass","useGlobalEventListener","isDOMTypeElement","element","isValidElement","type","baseClassName","warn","IS_DEV","process","env","NODE_ENV","SimpleTooltip","forwardRef","ref","appearance","header","text","arrow","style","attributes","container","mapAlignX","x","getPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","calculateAppearance","mode","Tooltip","children","isShown","_isShown","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","restProps","entering","useState","tooltipRef","setTooltipRef","target","setTarget","multiChildren","Children","count","primitiveChild","JSON","stringify","Boolean","tooltipContainer","useMemo","closest","strategy","position","Error","modifiers","name","options","offset","push","padding","enabled","phase","fn","state","modifiersData","undefined","y","_placement","styles","document","passive","childRef","props","getRootRef","patchedRef","child","cloneElement","_appearance","createPortal","el","popper"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { useNavTransition } from \"../NavTransitionContext/NavTransitionContext\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { Modifier, usePopper } from \"react-popper\";\nimport { Placement } from \"@popperjs/core\";\nimport { tooltipContainerAttr } from \"./TooltipContainer\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Tooltip.css\";\n\ninterface SimpleTooltipProps extends Partial<TooltipProps> {\n  target?: HTMLDivElement;\n  style?: {\n    arrow: React.CSSProperties;\n    container: React.CSSProperties;\n  };\n  attributes?: {\n    arrow: React.HTMLAttributes<HTMLDivElement> | null;\n    container: React.HTMLAttributes<HTMLDivElement> | null;\n  };\n}\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return React.isValidElement(element) && typeof element.type === \"string\";\n};\n\nconst baseClassName = getClassName(\"Tooltip\");\nconst warn = warnOnce(\"Tooltip\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nconst SimpleTooltip = React.forwardRef<HTMLDivElement, SimpleTooltipProps>(\n  function SimpleTooltip(\n    { appearance = \"accent\", header, text, arrow, style = {}, attributes },\n    ref\n  ) {\n    return (\n      <div vkuiClass={classNames(baseClassName, `Tooltip--${appearance}`)}>\n        <div\n          vkuiClass=\"Tooltip__container\"\n          ref={ref}\n          style={style.container}\n          {...attributes?.container}\n        >\n          {arrow && (\n            <PopperArrow\n              style={style.arrow}\n              attributes={attributes?.arrow}\n              arrowClassName={prefixClass(\"Tooltip__arrow\")}\n            />\n          )}\n          <div vkuiClass=\"Tooltip__content\">\n            {header && (\n              <Subhead weight=\"2\" vkuiClass=\"Tooltip__title\">\n                {header}\n              </Subhead>\n            )}\n            {text && <Subhead vkuiClass=\"Tooltip__text\">{text}</Subhead>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport interface TooltipProps {\n  /**\n   * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n   * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n   * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n   */\n  children:\n    | React.ReactElement<HasRootRef<any>>\n    | React.ReactElement<React.PropsWithRef<any>>;\n  /**\n   * @deprecated будет удалено в 5.0.0, устанавливать стиль следует через appearance\n   * Стиль отображения подсказки\n   */\n  mode?: \"accent\" | \"light\";\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n  /**\n   * Если передан `false`, то рисуется просто `children`.\n   */\n  isShown?: boolean;\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Положение по горизонтали (прижатие к левому или правому краю `children`).\n   * Если не задано, позиция по горизонтали определятся автоматически\n   */\n  alignX?: \"center\" | \"left\" | \"right\";\n  /**\n   * Положение по вертикали (расположение над или под `children`).\n   * Если не задано, позиция по вертикали определятся автоматически\n   */\n  alignY?: \"top\" | \"bottom\";\n  /**\n   * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n   */\n  offsetX?: number;\n  /**\n   * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n   */\n  offsetY?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Сдвиг стрелочки относительно центра дочернего элемента.\n   */\n  cornerOffset?: number;\n  /**\n   * Сдвиг стрелочки относительно ширины тултипа\n   */\n  cornerAbsoluteOffset?: number;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: () => void;\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n}\n\nfunction mapAlignX(x: TooltipProps[\"alignX\"]) {\n  switch (x) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"\";\n  }\n}\nfunction getPlacement(\n  alignX: TooltipProps[\"alignX\"],\n  alignY: TooltipProps[\"alignY\"]\n): Placement {\n  return [alignY || \"bottom\", mapAlignX(alignX || \"left\")]\n    .filter((p) => !!p)\n    .join(\"-\") as Placement;\n}\nfunction isVerticalPlacement(placement: Placement) {\n  return placement.startsWith(\"top\") || placement.startsWith(\"bottom\");\n}\n\n/**\n * Вычисляем стиль подсказки: параметр appearance имеет приоритет, иначе мапим mode на подходящее значение из appearance\n * TODO: v5 избавиться от пропа mode и этого метода, для appearance по умолчанию сделать \"accent\"\n */\nfunction calculateAppearance(\n  mode: TooltipProps[\"mode\"],\n  appearance: TooltipProps[\"appearance\"]\n): TooltipProps[\"appearance\"] {\n  if (appearance) {\n    return appearance;\n  }\n\n  return mode === \"light\" ? \"white\" : \"accent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  children,\n  isShown: _isShown = true,\n  offsetX = 0,\n  offsetY = 15,\n  alignX,\n  alignY,\n  onClose,\n  cornerOffset = 0,\n  cornerAbsoluteOffset,\n  mode = \"accent\",\n  appearance,\n  arrow = true,\n  placement,\n  ...restProps\n}: TooltipProps) => {\n  const { entering } = useNavTransition();\n  const isShown = _isShown && !entering;\n  const [tooltipRef, setTooltipRef] = React.useState<HTMLElement | null>(null);\n  const [target, setTarget] = React.useState<HTMLElement>();\n\n  if (IS_DEV) {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild =\n      hasReactNode(children) && typeof children !== \"object\";\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          \"children должен быть одним React элементом, получено\",\n          multiChildren && \"несколько\",\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(\" \"),\n        \"error\"\n      );\n  }\n\n  /* eslint-disable no-restricted-properties */\n  /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/\n  const tooltipContainer = React.useMemo(\n    () => target?.closest(`[${tooltipContainerAttr}]`) as HTMLDivElement,\n    [target]\n  );\n  const strategy = React.useMemo(\n    () => (target?.style.position === \"fixed\" ? \"fixed\" : \"absolute\"),\n    [target]\n  );\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/\n  /* eslint-enable no-restricted-properties */\n\n  if (IS_DEV && target && !tooltipContainer) {\n    throw new Error(\n      \"Use TooltipContainer for Tooltip outside Panel (see docs)\"\n    );\n  }\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      {\n        name: \"offset\",\n        options: {\n          offset: [offsetX, offsetY],\n        },\n      },\n      {\n        name: \"preventOverflow\",\n      },\n      {\n        name: \"flip\",\n      },\n    ];\n\n    if (arrow) {\n      modifiers.push({\n        name: \"arrow\",\n        options: {\n          padding: 14,\n        },\n      });\n      modifiers.push({\n        name: \"arrowOffset\",\n        enabled: true,\n        phase: \"main\",\n        fn({ state }) {\n          if (!state.modifiersData.arrow) {\n            return;\n          }\n          if (isVerticalPlacement(state.placement)) {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.x = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.x !== undefined) {\n                state.modifiersData.arrow.x += cornerOffset;\n              }\n            }\n          } else {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.y = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.y !== undefined) {\n                state.modifiersData.arrow.y += cornerOffset;\n              }\n            }\n          }\n        },\n      });\n    }\n\n    return modifiers;\n  }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);\n\n  const _placement = placement ?? getPlacement(alignX, alignY);\n  const { styles, attributes } = usePopper(target, tooltipRef, {\n    strategy,\n    placement: _placement,\n    modifiers,\n  });\n\n  const { document } = useDOM();\n  useGlobalEventListener(document, \"click\", isShown && onClose, {\n    passive: true,\n  });\n  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()\n\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);\n  const patchedRef = useExternRef(setTarget, childRef);\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children, {\n        [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n      })\n    : children;\n\n  const _appearance = calculateAppearance(mode, appearance);\n\n  return (\n    <React.Fragment>\n      {child}\n      {isShown &&\n        target != null &&\n        ReactDOM.createPortal(\n          <SimpleTooltip\n            {...restProps}\n            appearance={_appearance}\n            arrow={arrow}\n            ref={(el) => setTooltipRef(el)}\n            style={{ arrow: styles.arrow, container: styles.popper }}\n            attributes={{\n              arrow: attributes.arrow ?? null,\n              container: attributes.popper ?? null,\n            }}\n          />,\n          tooltipContainer\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React","ReactDOM","classNames","Subhead","useNavTransition","PopperArrow","usePopper","tooltipContainerAttr","useExternRef","useDOM","warnOnce","hasReactNode","prefixClass","useGlobalEventListener","isDOMTypeElement","element","isValidElement","type","warn","IS_DEV","process","env","NODE_ENV","SimpleTooltip","forwardRef","ref","appearance","header","text","arrow","style","attributes","container","mapAlignX","x","getPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","Tooltip","children","isShown","_isShown","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","restProps","entering","useState","tooltipRef","setTooltipRef","target","setTarget","multiChildren","Children","count","primitiveChild","JSON","stringify","Boolean","tooltipContainer","useMemo","closest","strategy","position","Error","modifiers","name","options","offset","push","padding","enabled","phase","fn","state","modifiersData","undefined","y","_placement","styles","document","passive","childRef","props","getRootRef","patchedRef","child","cloneElement","createPortal","el","popper"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { useNavTransition } from \"../NavTransitionContext/NavTransitionContext\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { Modifier, usePopper } from \"react-popper\";\nimport { Placement } from \"@popperjs/core\";\nimport { tooltipContainerAttr } from \"./TooltipContainer\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Tooltip.css\";\n\ninterface SimpleTooltipProps extends Partial<TooltipProps> {\n  target?: HTMLDivElement;\n  style?: {\n    arrow: React.CSSProperties;\n    container: React.CSSProperties;\n  };\n  attributes?: {\n    arrow: React.HTMLAttributes<HTMLDivElement> | null;\n    container: React.HTMLAttributes<HTMLDivElement> | null;\n  };\n}\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return React.isValidElement(element) && typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"Tooltip\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nconst SimpleTooltip = React.forwardRef<HTMLDivElement, SimpleTooltipProps>(\n  function SimpleTooltip(\n    { appearance = \"accent\", header, text, arrow, style = {}, attributes },\n    ref\n  ) {\n    return (\n      <div\n        vkuiClass={classNames(\"Tooltip\", `Tooltip--appearance-${appearance}`)}\n      >\n        <div\n          vkuiClass=\"Tooltip__container\"\n          ref={ref}\n          style={style.container}\n          {...attributes?.container}\n        >\n          {arrow && (\n            <PopperArrow\n              style={style.arrow}\n              attributes={attributes?.arrow}\n              arrowClassName={prefixClass(\"Tooltip__arrow\")}\n            />\n          )}\n          <div vkuiClass=\"Tooltip__content\">\n            {header && (\n              <Subhead weight=\"2\" vkuiClass=\"Tooltip__title\">\n                {header}\n              </Subhead>\n            )}\n            {text && <Subhead vkuiClass=\"Tooltip__text\">{text}</Subhead>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport interface TooltipProps {\n  /**\n   * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n   * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n   * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n   */\n  children: React.ReactElement<HasRootRef<any>> | React.ReactElement;\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n  /**\n   * Если передан `false`, то рисуется просто `children`.\n   */\n  isShown?: boolean;\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Положение по горизонтали (прижатие к левому или правому краю `children`).\n   * Если не задано, позиция по горизонтали определятся автоматически\n   */\n  alignX?: \"center\" | \"left\" | \"right\";\n  /**\n   * Положение по вертикали (расположение над или под `children`).\n   * Если не задано, позиция по вертикали определятся автоматически\n   */\n  alignY?: \"top\" | \"bottom\";\n  /**\n   * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n   */\n  offsetX?: number;\n  /**\n   * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n   */\n  offsetY?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Сдвиг стрелочки относительно центра дочернего элемента.\n   */\n  cornerOffset?: number;\n  /**\n   * Сдвиг стрелочки относительно ширины тултипа\n   */\n  cornerAbsoluteOffset?: number;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: () => void;\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n}\n\nfunction mapAlignX(x: TooltipProps[\"alignX\"]) {\n  switch (x) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"\";\n  }\n}\nfunction getPlacement(\n  alignX: TooltipProps[\"alignX\"],\n  alignY: TooltipProps[\"alignY\"]\n): Placement {\n  return [alignY || \"bottom\", mapAlignX(alignX || \"left\")]\n    .filter((p) => !!p)\n    .join(\"-\") as Placement;\n}\nfunction isVerticalPlacement(placement: Placement) {\n  return placement.startsWith(\"top\") || placement.startsWith(\"bottom\");\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  children,\n  isShown: _isShown = true,\n  offsetX = 0,\n  offsetY = 15,\n  alignX,\n  alignY,\n  onClose,\n  cornerOffset = 0,\n  cornerAbsoluteOffset,\n  appearance,\n  arrow = true,\n  placement,\n  ...restProps\n}: TooltipProps) => {\n  const { entering } = useNavTransition();\n  const isShown = _isShown && !entering;\n  const [tooltipRef, setTooltipRef] = React.useState<HTMLElement | null>(null);\n  const [target, setTarget] = React.useState<HTMLElement>();\n\n  if (IS_DEV) {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild =\n      hasReactNode(children) && typeof children !== \"object\";\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          \"children должен быть одним React элементом, получено\",\n          multiChildren && \"несколько\",\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(\" \"),\n        \"error\"\n      );\n  }\n\n  /* eslint-disable no-restricted-properties */\n  /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/\n  const tooltipContainer = React.useMemo(\n    () => target?.closest(`[${tooltipContainerAttr}]`) as HTMLDivElement,\n    [target]\n  );\n  const strategy = React.useMemo(\n    () => (target?.style.position === \"fixed\" ? \"fixed\" : \"absolute\"),\n    [target]\n  );\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/\n  /* eslint-enable no-restricted-properties */\n\n  if (IS_DEV && target && !tooltipContainer) {\n    throw new Error(\n      \"Use TooltipContainer for Tooltip outside Panel (see docs)\"\n    );\n  }\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      {\n        name: \"offset\",\n        options: {\n          offset: [offsetX, offsetY],\n        },\n      },\n      {\n        name: \"preventOverflow\",\n      },\n      {\n        name: \"flip\",\n      },\n    ];\n\n    if (arrow) {\n      modifiers.push({\n        name: \"arrow\",\n        options: {\n          padding: 14,\n        },\n      });\n      modifiers.push({\n        name: \"arrowOffset\",\n        enabled: true,\n        phase: \"main\",\n        fn({ state }) {\n          if (!state.modifiersData.arrow) {\n            return;\n          }\n          if (isVerticalPlacement(state.placement)) {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.x = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.x !== undefined) {\n                state.modifiersData.arrow.x += cornerOffset;\n              }\n            }\n          } else {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.y = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.y !== undefined) {\n                state.modifiersData.arrow.y += cornerOffset;\n              }\n            }\n          }\n        },\n      });\n    }\n\n    return modifiers;\n  }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);\n\n  const _placement = placement ?? getPlacement(alignX, alignY);\n  const { styles, attributes } = usePopper(target, tooltipRef, {\n    strategy,\n    placement: _placement,\n    modifiers,\n  });\n\n  const { document } = useDOM();\n  useGlobalEventListener(document, \"click\", isShown && onClose, {\n    passive: true,\n  });\n  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()\n\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);\n  const patchedRef = useExternRef(setTarget, childRef);\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children, {\n        [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n      })\n    : children;\n\n  return (\n    <React.Fragment>\n      {child}\n      {isShown &&\n        target != null &&\n        ReactDOM.createPortal(\n          <SimpleTooltip\n            {...restProps}\n            appearance={appearance}\n            arrow={arrow}\n            ref={(el) => setTooltipRef(el)}\n            style={{ arrow: styles.arrow, container: styles.popper }}\n            attributes={{\n              arrow: attributes.arrow ?? null,\n              container: attributes.popper ?? null,\n            }}\n          />,\n          tooltipContainer\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AACA,SAASC,gBAAT;AACA,SAASC,WAAT;AACA,SAAmBC,SAAnB,QAAoC,cAApC;AAEA,SAASC,oBAAT;AACA,SAASC,YAAT;AACA,SAASC,MAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,sBAAT;AAEA;;AAcA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,OADuB,EAEmB;EAC1C,OAAO,aAAAf,KAAK,CAACgB,cAAN,CAAqBD,OAArB,KAAiC,OAAOA,OAAO,CAACE,IAAf,KAAwB,QAAhE;AACD,CAJD;;AAMA,IAAMC,IAAI,GAAGR,QAAQ,CAAC,SAAD,CAArB;AACA,IAAMS,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA,IAAMC,aAAa,gBAAGvB,KAAK,CAACwB,UAAN,CACpB,SAASD,aAAT,OAEEE,GAFF,EAGE;EAAA,2BAFEC,UAEF;EAAA,IAFEA,UAEF,gCAFe,QAEf;EAAA,IAFyBC,MAEzB,QAFyBA,MAEzB;EAAA,IAFiCC,IAEjC,QAFiCA,IAEjC;EAAA,IAFuCC,KAEvC,QAFuCA,KAEvC;EAAA,sBAF8CC,KAE9C;EAAA,IAF8CA,KAE9C,2BAFsD,EAEtD;EAAA,IAF0DC,UAE1D,QAF0DA,UAE1D;EACA,OACE;IACE,SAAS,EAAE7B,UAAU,CAAC,SAAD,gCAAmCwB,UAAnC;EADvB,GAGE;IACE,SAAS,EAAC,oBADZ;IAEE,GAAG,EAAED,GAFP;IAGE,KAAK,EAAEK,KAAK,CAACE;EAHf,GAIMD,UAJN,aAIMA,UAJN,uBAIMA,UAAU,CAAEC,SAJlB,GAMGH,KAAK,IACJ,oBAAC,WAAD;IACE,KAAK,EAAEC,KAAK,CAACD,KADf;IAEE,UAAU,EAAEE,UAAF,aAAEA,UAAF,uBAAEA,UAAU,CAAEF,KAF1B;IAGE,cAAc,EAAEjB,WAAW,CAAC,gBAAD;EAH7B,EAPJ,EAaE;IAAK,SAAS,EAAC;EAAf,GACGe,MAAM,IACL,oBAAC,OAAD;IAAS,MAAM,EAAC,GAAhB;IAAoB,SAAS,EAAC;EAA9B,GACGA,MADH,CAFJ,EAMGC,IAAI,IAAI,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GAAoCA,IAApC,CANX,CAbF,CAHF,CADF;AA4BD,CAjCmB,CAAtB;;AAmGA,SAASK,SAAT,CAAmBC,CAAnB,EAA8C;EAC5C,QAAQA,CAAR;IACE,KAAK,MAAL;MACE,OAAO,OAAP;;IACF,KAAK,OAAL;MACE,OAAO,KAAP;;IACF;MACE,OAAO,EAAP;EANJ;AAQD;;AACD,SAASC,YAAT,CACEC,MADF,EAEEC,MAFF,EAGa;EACX,OAAO,CAACA,MAAM,IAAI,QAAX,EAAqBJ,SAAS,CAACG,MAAM,IAAI,MAAX,CAA9B,EACJE,MADI,CACG,UAACC,CAAD;IAAA,OAAO,CAAC,CAACA,CAAT;EAAA,CADH,EAEJC,IAFI,CAEC,GAFD,CAAP;AAGD;;AACD,SAASC,mBAAT,CAA6BC,SAA7B,EAAmD;EACjD,OAAOA,SAAS,CAACC,UAAV,CAAqB,KAArB,KAA+BD,SAAS,CAACC,UAAV,CAAqB,QAArB,CAAtC;AACD;AAED;AACA;AACA;;;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,QAcH;EAAA;;EAAA,IAblBC,QAakB,SAblBA,QAakB;EAAA,0BAZlBC,OAYkB;EAAA,IAZTC,QAYS,8BAZE,IAYF;EAAA,0BAXlBC,OAWkB;EAAA,IAXlBA,OAWkB,8BAXR,CAWQ;EAAA,0BAVlBC,OAUkB;EAAA,IAVlBA,OAUkB,8BAVR,EAUQ;EAAA,IATlBb,MASkB,SATlBA,MASkB;EAAA,IARlBC,MAQkB,SARlBA,MAQkB;EAAA,IAPlBa,OAOkB,SAPlBA,OAOkB;EAAA,+BANlBC,YAMkB;EAAA,IANlBA,YAMkB,mCANH,CAMG;EAAA,IALlBC,oBAKkB,SALlBA,oBAKkB;EAAA,IAJlB1B,UAIkB,SAJlBA,UAIkB;EAAA,wBAHlBG,KAGkB;EAAA,IAHlBA,KAGkB,4BAHV,IAGU;EAAA,IAFlBa,SAEkB,SAFlBA,SAEkB;EAAA,IADfW,SACe;;EAClB,wBAAqBjD,gBAAgB,EAArC;EAAA,IAAQkD,QAAR,qBAAQA,QAAR;;EACA,IAAMR,OAAO,GAAGC,QAAQ,IAAI,CAACO,QAA7B;;EACA,sBAAoCtD,KAAK,CAACuD,QAAN,CAAmC,IAAnC,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,uBAA4BzD,KAAK,CAACuD,QAAN,EAA5B;EAAA;EAAA,IAAOG,MAAP;EAAA,IAAeC,SAAf;;EAEA,IAAIxC,MAAJ,EAAY;IACV,IAAMyC,aAAa,GAAG5D,KAAK,CAAC6D,QAAN,CAAeC,KAAf,CAAqBjB,QAArB,IAAiC,CAAvD,CADU,CAEV;;IACA,IAAMkB,cAAc,GAClBpD,YAAY,CAACkC,QAAD,CAAZ,IAA0B,QAAOA,QAAP,MAAoB,QADhD;IAEA,CAACe,aAAa,IAAIG,cAAlB,KACE7C,IAAI,CACF,CACE,sDADF,EAEE0C,aAAa,IAAI,WAFnB,EAGEG,cAAc,IAAIC,IAAI,CAACC,SAAL,CAAepB,QAAf,CAHpB,EAKGP,MALH,CAKU4B,OALV,EAMG1B,IANH,CAMQ,GANR,CADE,EAQF,OARE,CADN;EAWD;EAED;;EACA;;;EACA,IAAM2B,gBAAgB,GAAGnE,KAAK,CAACoE,OAAN,CACvB;IAAA,OAAMV,MAAN,aAAMA,MAAN,uBAAMA,MAAM,CAAEW,OAAR,YAAoB9D,oBAApB,OAAN;EAAA,CADuB,EAEvB,CAACmD,MAAD,CAFuB,CAAzB;EAIA,IAAMY,QAAQ,GAAGtE,KAAK,CAACoE,OAAN,CACf;IAAA,OAAO,CAAAV,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAE5B,KAAR,CAAcyC,QAAd,MAA2B,OAA3B,GAAqC,OAArC,GAA+C,UAAtD;EAAA,CADe,EAEf,CAACb,MAAD,CAFe,CAAjB;EAIA;;EACA;;EAEA,IAAIvC,MAAM,IAAIuC,MAAV,IAAoB,CAACS,gBAAzB,EAA2C;IACzC,MAAM,IAAIK,KAAJ,CACJ,2DADI,CAAN;EAGD;;EAED,IAAMC,SAAS,GAAGzE,KAAK,CAACoE,OAAN,CAAc,YAAM;IACpC,IAAMK,SAAkC,GAAG,CACzC;MACEC,IAAI,EAAE,QADR;MAEEC,OAAO,EAAE;QACPC,MAAM,EAAE,CAAC5B,OAAD,EAAUC,OAAV;MADD;IAFX,CADyC,EAOzC;MACEyB,IAAI,EAAE;IADR,CAPyC,EAUzC;MACEA,IAAI,EAAE;IADR,CAVyC,CAA3C;;IAeA,IAAI7C,KAAJ,EAAW;MACT4C,SAAS,CAACI,IAAV,CAAe;QACbH,IAAI,EAAE,OADO;QAEbC,OAAO,EAAE;UACPG,OAAO,EAAE;QADF;MAFI,CAAf;MAMAL,SAAS,CAACI,IAAV,CAAe;QACbH,IAAI,EAAE,aADO;QAEbK,OAAO,EAAE,IAFI;QAGbC,KAAK,EAAE,MAHM;QAIbC,EAJa,qBAIC;UAAA,IAATC,KAAS,SAATA,KAAS;;UACZ,IAAI,CAACA,KAAK,CAACC,aAAN,CAAoBtD,KAAzB,EAAgC;YAC9B;UACD;;UACD,IAAIY,mBAAmB,CAACyC,KAAK,CAACxC,SAAP,CAAvB,EAA0C;YACxC,IAAIU,oBAAoB,KAAKgC,SAA7B,EAAwC;cACtCF,KAAK,CAACC,aAAN,CAAoBtD,KAApB,CAA0BK,CAA1B,GAA8BkB,oBAA9B;YACD,CAFD,MAEO;cAAA;;cACL,IAAI,0BAAA8B,KAAK,CAACC,aAAN,CAAoBtD,KAApB,gFAA2BK,CAA3B,MAAiCkD,SAArC,EAAgD;gBAC9CF,KAAK,CAACC,aAAN,CAAoBtD,KAApB,CAA0BK,CAA1B,IAA+BiB,YAA/B;cACD;YACF;UACF,CARD,MAQO;YACL,IAAIC,oBAAoB,KAAKgC,SAA7B,EAAwC;cACtCF,KAAK,CAACC,aAAN,CAAoBtD,KAApB,CAA0BwD,CAA1B,GAA8BjC,oBAA9B;YACD,CAFD,MAEO;cAAA;;cACL,IAAI,2BAAA8B,KAAK,CAACC,aAAN,CAAoBtD,KAApB,kFAA2BwD,CAA3B,MAAiCD,SAArC,EAAgD;gBAC9CF,KAAK,CAACC,aAAN,CAAoBtD,KAApB,CAA0BwD,CAA1B,IAA+BlC,YAA/B;cACD;YACF;UACF;QACF;MAzBY,CAAf;IA2BD;;IAED,OAAOsB,SAAP;EACD,CArDiB,EAqDf,CAAC5C,KAAD,EAAQuB,oBAAR,EAA8BD,YAA9B,EAA4CH,OAA5C,EAAqDC,OAArD,CArDe,CAAlB;;EAuDA,IAAMqC,UAAU,GAAG5C,SAAH,aAAGA,SAAH,cAAGA,SAAH,GAAgBP,YAAY,CAACC,MAAD,EAASC,MAAT,CAA5C;;EACA,iBAA+B/B,SAAS,CAACoD,MAAD,EAASF,UAAT,EAAqB;IAC3Dc,QAAQ,EAARA,QAD2D;IAE3D5B,SAAS,EAAE4C,UAFgD;IAG3Db,SAAS,EAATA;EAH2D,CAArB,CAAxC;EAAA,IAAQc,MAAR,cAAQA,MAAR;EAAA,IAAgBxD,UAAhB,cAAgBA,UAAhB;;EAMA,cAAqBtB,MAAM,EAA3B;EAAA,IAAQ+E,QAAR,WAAQA,QAAR;;EACA3E,sBAAsB,CAAC2E,QAAD,EAAW,OAAX,EAAoB1C,OAAO,IAAII,OAA/B,EAAwC;IAC5DuC,OAAO,EAAE;EADmD,CAAxC,CAAtB,CA1GkB,CA6GlB;;EAEA,IAAMC,QAAQ,GACZ,aAAA1F,KAAK,CAACgB,cAAN,CAAqB6B,QAArB,MACC/B,gBAAgB,CAAC+B,QAAD,CAAhB,GAA6BA,QAAQ,CAACpB,GAAtC,GAA4CoB,QAAQ,CAAC8C,KAAT,CAAeC,UAD5D,CADF;EAGA,IAAMC,UAAU,GAAGrF,YAAY,CAACmD,SAAD,EAAY+B,QAAZ,CAA/B;EACA,IAAMI,KAAK,GAAG,aAAA9F,KAAK,CAACgB,cAAN,CAAqB6B,QAArB,iBACV7C,KAAK,CAAC+F,YAAN,CAAmBlD,QAAnB,sBACG/B,gBAAgB,CAAC+B,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADxC,EACuDgD,UADvD,EADU,GAIVhD,QAJJ;EAMA,OACE,oBAAC,KAAD,CAAO,QAAP,QACGiD,KADH,EAEGhD,OAAO,IACNY,MAAM,IAAI,IADX,iBAECzD,QAAQ,CAAC+F,YAAT,CACE,oBAAC,aAAD,eACM3C,SADN;IAEE,UAAU,EAAE3B,UAFd;IAGE,KAAK,EAAEG,KAHT;IAIE,GAAG,EAAE,aAACoE,EAAD;MAAA,OAAQxC,aAAa,CAACwC,EAAD,CAArB;IAAA,CAJP;IAKE,KAAK,EAAE;MAAEpE,KAAK,EAAE0D,MAAM,CAAC1D,KAAhB;MAAuBG,SAAS,EAAEuD,MAAM,CAACW;IAAzC,CALT;IAME,UAAU,EAAE;MACVrE,KAAK,uBAAEE,UAAU,CAACF,KAAb,iEAAsB,IADjB;MAEVG,SAAS,wBAAED,UAAU,CAACmE,MAAb,mEAAuB;IAFtB;EANd,GADF,EAYE/B,gBAZF,CAJJ,CADF;AAqBD,CA5JM"}

package/dist/cssm/components/Touch/Touch.js

@@ -119,13 +119,16 @@ export var Touch = function Touch(_ref) {
         var willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;
         var willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);
         var willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);
-        Object.assign(gesture.current, {
-          isY: willBeY,
-          isX: willBeX,
-          isSlideX: willBeSlidedX,
-          isSlideY: willBeSlidedY,
-          isSlide: willBeSlidedX || willBeSlidedY
-        });
+
+        if (gesture.current) {
+          Object.assign(gesture.current, {
+            isY: willBeY,
+            isX: willBeX,
+            isSlideX: willBeSlidedX,
+            isSlideY: willBeSlidedY,
+            isSlide: willBeSlidedX || willBeSlidedY
+          });
+        }
       }
 
       if ((_gesture$current3 = gesture.current) !== null && _gesture$current3 !== void 0 && _gesture$current3.isSlide) {

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

@@ -1 +1 @@
-{"version":3,"file":"Touch.js","names":["React","getSupportedEvents","coordX","coordY","touchEnabled","useDOM","useExternRef","useEventListener","useIsomorphicLayoutEffect","Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","useMemo","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","subscribe","target","capture","passive","containerRef","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        Object.assign(gesture.current, {\n          isY: willBeY,\n          isX: willBeX,\n          isSlideX: willBeSlidedX,\n          isSlideY: willBeSlidedY,\n          isSlide: willBeSlidedX || willBeSlidedY,\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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"}
+{"version":3,"file":"Touch.js","names":["React","getSupportedEvents","coordX","coordY","touchEnabled","useDOM","useExternRef","useEventListener","useIsomorphicLayoutEffect","Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","useMemo","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","subscribe","target","capture","passive","containerRef","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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"}

package/dist/cssm/components/Typography/Caption/Caption.css

@@ -1 +1 @@
-.vkuiCaption{display:block;margin:0}.vkuiCaption--caps{text-transform:uppercase}.vkuiCaption--l-1{font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular,400);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px)}.vkuiCaption--l-1.vkuiCaption--caps{font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular,13px);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular,400);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular,16px)}.vkuiCaption--l-2{font-size:12px;font-size:var(--vkui--font_caption1--font_size--regular,12px);font-weight:400;font-weight:var(--vkui--font_caption1--font_weight--regular,400);line-height:14px;line-height:var(--vkui--font_caption1--line_height--regular,14px)}.vkuiCaption--l-2.vkuiCaption--caps{font-size:12px;font-size:var(--vkui--font_caption1_caps--font_size--regular,12px);font-weight:600;font-weight:var(--vkui--font_caption1_caps--font_weight--regular,600);line-height:14px;line-height:var(--vkui--font_caption1_caps--line_height--regular,14px)}.vkuiCaption--l-3{font-size:11px;font-size:var(--vkui--font_caption2--font_size--regular,11px);font-weight:400;font-weight:var(--vkui--font_caption2--font_weight--regular,400);line-height:14px;line-height:var(--vkui--font_caption2--line_height--regular,14px)}.vkuiCaption--l-3.vkuiCaption--caps{font-size:11px;font-size:var(--vkui--font_caption2_caps--font_size--regular,11px);font-weight:600;font-weight:var(--vkui--font_caption2_caps--font_weight--regular,600);line-height:14px;line-height:var(--vkui--font_caption2_caps--line_height--regular,14px)}.vkuiCaption--l-4{font-size:9px;font-size:var(--vkui--font_caption3--font_size--regular,9px);font-weight:400;font-weight:var(--vkui--font_caption3--font_weight--regular,400);line-height:12px;line-height:var(--vkui--font_caption3--line_height--regular,12px)}.vkuiCaption--l-4.vkuiCaption--caps{font-size:9px;font-size:var(--vkui--font_caption3_caps--font_size--regular,9px);font-weight:600;font-weight:var(--vkui--font_caption3_caps--font_weight--regular,600);line-height:12px;line-height:var(--vkui--font_caption3_caps--line_height--regular,12px)}.vkuiCaption.vkuiCaption--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiCaption.vkuiCaption--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiCaption.vkuiCaption--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiCaption--w-regular{font-weight:400}.vkuiCaption--w-medium{font-weight:500}.vkuiCaption--w-semibold{font-weight:600}.vkuiCaption--w-bold{font-weight:700}
+.vkuiCaption{display:block;margin:0}.vkuiCaption--caps{text-transform:uppercase}.vkuiCaption--level-1{font-family:var(--vkui--font_caption1--font_family--regular);font-size:var(--vkui--font_caption1--font_size--regular);font-weight:var(--vkui--font_caption1--font_weight--regular);line-height:var(--vkui--font_caption1--line_height--regular)}.vkuiCaption--level-1.vkuiCaption--caps{font-family:var(--vkui--font_caption1_caps--font_family--regular);font-size:var(--vkui--font_caption1_caps--font_size--regular);font-weight:var(--vkui--font_caption1_caps--font_weight--regular);line-height:var(--vkui--font_caption1_caps--line_height--regular)}.vkuiCaption--level-2{font-family:var(--vkui--font_caption2--font_family--regular);font-size:var(--vkui--font_caption2--font_size--regular);font-weight:var(--vkui--font_caption2--font_weight--regular);line-height:var(--vkui--font_caption2--line_height--regular)}.vkuiCaption--level-2.vkuiCaption--caps{font-family:var(--vkui--font_caption2_caps--font_family--regular);font-size:var(--vkui--font_caption2_caps--font_size--regular);font-weight:var(--vkui--font_caption2_caps--font_weight--regular);line-height:var(--vkui--font_caption2_caps--line_height--regular)}.vkuiCaption--level-3{font-family:var(--vkui--font_caption3--font_family--regular);font-size:var(--vkui--font_caption3--font_size--regular);font-weight:var(--vkui--font_caption3--font_weight--regular);line-height:var(--vkui--font_caption3--line_height--regular)}.vkuiCaption--level-3.vkuiCaption--caps{font-family:var(--vkui--font_caption3_caps--font_family--regular);font-size:var(--vkui--font_caption3_caps--font_size--regular);font-weight:var(--vkui--font_caption3_caps--font_weight--regular);line-height:var(--vkui--font_caption3_caps--line_height--regular)}.vkuiCaption.vkuiCaption--weight-1{font-weight:var(--vkui--font_weight_accent1)}.vkuiCaption.vkuiCaption--weight-2{font-weight:var(--vkui--font_weight_accent2)}.vkuiCaption.vkuiCaption--weight-3{font-weight:var(--vkui--font_weight_accent3)}

package/dist/cssm/components/Typography/Caption/Caption.d.ts

@@ -4,11 +4,9 @@ import "./Caption.css";
 export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
-    level?: "1" | "2" | "3" | "4";
+    weight?: "1" | "2" | "3";
+    level?: "1" | "2" | "3";
     caps?: boolean;
 }
 /**

package/dist/cssm/components/Typography/Caption/Caption.js

@@ -3,13 +3,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "weight", "level", "caps", "Component"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
 import { classNames } from "../../../lib/classNames";
-import { warnOnce } from "../../../lib/warnOnce";
 import "./Caption.css";
-var warn = warnOnce("Caption");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
  */
-
 export var Caption = function Caption(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -20,12 +18,8 @@ export var Caption = function Caption(_ref) {
       Component = _ref$Component === void 0 ? "span" : _ref$Component,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames("Caption", "Caption--l-".concat(level), caps && "Caption--caps", weight && "Caption--w-".concat(weight))
+    vkuiClass: classNames("Caption", "Caption--level-".concat(level), caps && "Caption--caps", weight && "Caption--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Caption.js.map

package/dist/cssm/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.js","names":["classNames","warnOnce","warn","Caption","children","weight","level","caps","Component","restProps","process","env","NODE_ENV","includes"],"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\" | \"4\";\n  caps?: boolean;\n}\n\nconst warn = warnOnce(\"Caption\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--l-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,QAAT;AACA;AAeA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,SAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA,IANlBC,QAMkB,QANlBA,QAMkB;EAAA,IALlBC,MAKkB,QALlBA,MAKkB;EAAA,sBAJlBC,KAIkB;EAAA,IAJlBA,KAIkB,2BAJV,GAIU;EAAA,IAHlBC,IAGkB,QAHlBA,IAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,MAEM;EAAA,IADfC,SACe;;EAClB,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEP,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDQ,QAAnD,CAA4DR,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;EAGH;;EAED,OACE,oBAAC,SAAD,eACMI,SADN;IAEE,SAAS,EAAET,UAAU,CACnB,SADmB,uBAELM,KAFK,GAGnBC,IAAI,IAAI,eAHW,EAInBF,MAAM,yBAAkBA,MAAlB,CAJa;EAFvB,IASGD,QATH,CADF;AAaD,CA/BM"}
+{"version":3,"file":"Caption.js","names":["classNames","Caption","children","weight","level","caps","Component","restProps"],"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Caption.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  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--level-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA;;AAaA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA,IANlBC,QAMkB,QANlBA,QAMkB;EAAA,IALlBC,MAKkB,QALlBA,MAKkB;EAAA,sBAJlBC,KAIkB;EAAA,IAJlBA,KAIkB,2BAJV,GAIU;EAAA,IAHlBC,IAGkB,QAHlBA,IAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,MAEM;EAAA,IADfC,SACe;;EAClB,OACE,oBAAC,SAAD,eACMA,SADN;IAEE,SAAS,EAAEP,UAAU,CACnB,SADmB,2BAEDI,KAFC,GAGnBC,IAAI,IAAI,eAHW,EAInBF,MAAM,8BAAuBA,MAAvB,CAJa;EAFvB,IASGD,QATH,CADF;AAaD,CArBM"}

package/dist/cssm/components/Typography/Footnote/Footnote.css

@@ -1 +1 @@
-.vkuiFootnote{display:block;font-size:13px;font-size:var(--vkui--font_footnote--font_size--regular,13px);font-weight:400;font-weight:var(--vkui--font_footnote--font_weight--regular,400);line-height:16px;line-height:var(--vkui--font_footnote--line_height--regular,16px);margin:0}.vkuiFootnote--caps{font-size:13px;font-size:var(--vkui--font_footnote_caps--font_size--regular,13px);font-weight:400;font-weight:var(--vkui--font_footnote_caps--font_weight--regular,400);line-height:16px;line-height:var(--vkui--font_footnote_caps--line_height--regular,16px);text-transform:uppercase}.vkuiFootnote--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiFootnote--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiFootnote--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}
+.vkuiFootnote{display:block;font-family:var(--vkui--font_footnote--font_family--regular);font-size:var(--vkui--font_footnote--font_size--regular);font-weight:var(--vkui--font_footnote--font_weight--regular);line-height:var(--vkui--font_footnote--line_height--regular);margin:0}.vkuiFootnote--caps{font-family:var(--vkui--font_footnote_caps--font_family--regular);font-size:var(--vkui--font_footnote_caps--font_size--regular);font-weight:var(--vkui--font_footnote_caps--font_weight--regular);line-height:var(--vkui--font_footnote_caps--line_height--regular);text-transform:uppercase}.vkuiFootnote--weight-1{font-weight:var(--vkui--font_weight_accent1)}.vkuiFootnote--weight-2{font-weight:var(--vkui--font_weight_accent2)}.vkuiFootnote--weight-3{font-weight:var(--vkui--font_weight_accent3)}

package/dist/cssm/components/Typography/Footnote/Footnote.js

@@ -17,7 +17,7 @@ export var Footnote = function Footnote(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames("Footnote", caps && "Footnote--caps", weight && "Footnote--w-".concat(weight))
+    vkuiClass: classNames("Footnote", caps && "Footnote--caps", weight && "Footnote--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Footnote.js.map

package/dist/cssm/components/Typography/Footnote/Footnote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footnote.js","names":["classNames","Footnote","children","weight","caps","Component","restProps"],"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Footnote.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  children,\n  weight,\n  caps,\n  Component = \"span\",\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Footnote\",\n        caps && \"Footnote--caps\",\n        weight && `Footnote--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA;;AAYA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAMH;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,IAGmB,QAHnBA,IAGmB;EAAA,0BAFnBC,SAEmB;EAAA,IAFnBA,SAEmB,+BAFP,MAEO;EAAA,IADhBC,SACgB;;EACnB,OACE,oBAAC,SAAD,eACMA,SADN;IAEE,SAAS,EAAEN,UAAU,CACnB,UADmB,EAEnBI,IAAI,IAAI,gBAFW,EAGnBD,MAAM,0BAAmBA,MAAnB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CAnBM"}
+{"version":3,"file":"Footnote.js","names":["classNames","Footnote","children","weight","caps","Component","restProps"],"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Footnote.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  children,\n  weight,\n  caps,\n  Component = \"span\",\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Footnote\",\n        caps && \"Footnote--caps\",\n        weight && `Footnote--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA;;AAYA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAMH;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,IAGmB,QAHnBA,IAGmB;EAAA,0BAFnBC,SAEmB;EAAA,IAFnBA,SAEmB,+BAFP,MAEO;EAAA,IADhBC,SACgB;;EACnB,OACE,oBAAC,SAAD,eACMA,SADN;IAEE,SAAS,EAAEN,UAAU,CACnB,UADmB,EAEnBI,IAAI,IAAI,gBAFW,EAGnBD,MAAM,+BAAwBA,MAAxB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CAnBM"}

package/dist/cssm/components/Typography/Headline/Headline.css

@@ -1 +1 @@
-.vkuiHeadline{display:block;margin:0}.vkuiHeadline--l-1{font-size:16px;font-size:var(--vkui--font_headline1--font_size--regular,16px);font-weight:500;font-weight:var(--vkui--font_headline1--font_weight--regular,500);line-height:20px;line-height:var(--vkui--font_headline1--line_height--regular,20px)}.vkuiHeadline--l-2{font-size:15px;font-size:var(--vkui--font_headline2--font_size--regular,15px);font-weight:500;font-weight:var(--vkui--font_headline2--font_weight--regular,500);line-height:20px;line-height:var(--vkui--font_headline2--line_height--regular,20px)}.vkuiHeadline--sizeY-compact.vkuiHeadline--l-1{font-size:15px;font-size:var(--vkui--font_headline1--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_headline1--line_height--compact,20px)}.vkuiHeadline--sizeY-compact.vkuiHeadline--l-2{font-size:14px;font-size:var(--vkui--font_headline2--font_size--compact,14px);line-height:20px;line-height:var(--vkui--font_headline2--line_height--compact,20px)}.vkuiHeadline--w-regular{font-weight:400}.vkuiHeadline--w-medium{font-weight:500}.vkuiHeadline--w-semibold{font-weight:600}.vkuiHeadline--android.vkuiHeadline--w-semibold{font-weight:500}.vkuiHeadline--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiHeadline--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiHeadline--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiPanelHeaderContent__children .vkuiHeadline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.vkuiHeadline{display:block;margin:0}.vkuiHeadline--level-1{font-family:var(--vkui--font_headline1--font_family--regular);font-size:var(--vkui--font_headline1--font_size--regular);font-weight:var(--vkui--font_headline1--font_weight--regular);line-height:var(--vkui--font_headline1--line_height--regular)}.vkuiHeadline--sizeY-compact.vkuiHeadline--level-1{font-size:var(--vkui--font_headline1--font_size--compact);line-height:var(--vkui--font_headline1--line_height--compact)}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiHeadline--sizeY-none.vkuiHeadline--level-1{font-size:var(--vkui--font_headline1--font_size--compact);line-height:var(--vkui--font_headline1--line_height--compact)}}.vkuiHeadline--level-2{font-family:var(--vkui--font_headline2--font_family--regular);font-size:var(--vkui--font_headline2--font_size--regular);font-weight:var(--vkui--font_headline2--font_weight--regular);line-height:var(--vkui--font_headline2--line_height--regular)}.vkuiHeadline--sizeY-compact.vkuiHeadline--level-2{font-size:var(--vkui--font_headline2--font_size--compact);line-height:var(--vkui--font_headline2--line_height--compact)}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiHeadline--sizeY-none.vkuiHeadline--level-2{font-size:var(--vkui--font_headline2--font_size--compact);line-height:var(--vkui--font_headline2--line_height--compact)}}.vkuiHeadline--weight-1{font-weight:var(--vkui--font_weight_accent1)}.vkuiHeadline--weight-2{font-weight:var(--vkui--font_weight_accent2)}.vkuiHeadline--weight-3{font-weight:var(--vkui--font_weight_accent3)}.vkuiPanelHeaderContent__children .vkuiHeadline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/cssm/components/Typography/Headline/Headline.d.ts

@@ -4,10 +4,8 @@ import "./Headline.css";
 export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "regular" | "medium" | "semibold" | "1" | "2" | "3";
+    weight?: "1" | "2" | "3";
     level?: "1" | "2";
 }
 /**

package/dist/cssm/components/Typography/Headline/Headline.js

@@ -2,11 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "weight", "level", "Component", "getRootRef"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
-import { usePlatform } from "../../../hooks/usePlatform";
 import { useAdaptivity } from "../../../hooks/useAdaptivity";
 import { classNames } from "../../../lib/classNames";
 import { warnOnce } from "../../../lib/warnOnce";
-import { getClassName } from "../../../helpers/getClassName";
+import { getSizeYClassName } from "../../../helpers/getSizeYClassName";
 import "./Headline.css";
 var warn = warnOnce("Headline");
 /**
@@ -20,12 +19,10 @@ export var Headline = function Headline(_ref) {
       _ref$level = _ref.level,
       level = _ref$level === void 0 ? "1" : _ref$level,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? "h3" : _ref$Component,
+      Component = _ref$Component === void 0 ? "h4" : _ref$Component,
       getRootRef = _ref.getRootRef,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var platform = usePlatform();
-
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
 
@@ -35,9 +32,7 @@ export var Headline = function Headline(_ref) {
 
   return createScopedElement(Component, _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames(getClassName("Headline", platform), // TODO: v5 remove
-    "Headline--sizeY-".concat(sizeY), // TODO: новая адаптивность
-    "Headline--l-".concat(level), "Headline--w-".concat(weight))
+    vkuiClass: classNames("Headline", getSizeYClassName("Headline", sizeY), "Headline--level-".concat(level), "Headline--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Headline.js.map

package/dist/cssm/components/Typography/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","names":["usePlatform","useAdaptivity","classNames","warnOnce","getClassName","warn","Headline","children","weight","level","Component","getRootRef","restProps","platform","sizeY","process","env","NODE_ENV"],"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"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  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\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      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA;AAeA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,UAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,uBALnBC,MAKmB;EAAA,IALnBA,MAKmB,4BALV,GAKU;EAAA,sBAJnBC,KAImB;EAAA,IAJnBA,KAImB,2BAJX,GAIW;EAAA,0BAHnBC,SAGmB;EAAA,IAHnBA,SAGmB,+BAHP,IAGO;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;;EACnB,IAAMC,QAAQ,GAAGb,WAAW,EAA5B;;EACA,qBAAkBC,aAAa,EAA/B;EAAA,IAAQa,KAAR,kBAAQA,KAAR;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAN,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMO,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAET,UAAU,CACnBE,YAAY,CAAC,UAAD,EAAaS,QAAb,CADO,EACiB;IADjB,0BAEAC,KAFA,GAES;IAFT,sBAGJL,KAHI,yBAIJD,MAJI;EAHvB,IAUGD,QAVH,CADF;AAcD,CAjCM"}
+{"version":3,"file":"Headline.js","names":["useAdaptivity","classNames","warnOnce","getSizeYClassName","warn","Headline","children","weight","level","Component","getRootRef","restProps","sizeY","process","env","NODE_ENV"],"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 \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Headline.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  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      vkuiClass={classNames(\n        \"Headline\",\n        getSizeYClassName(\"Headline\", sizeY),\n        `Headline--level-${level}`,\n        `Headline--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,aAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,iBAAT;AACA;AAaA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,UAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,uBALnBC,MAKmB;EAAA,IALnBA,MAKmB,4BALV,GAKU;EAAA,sBAJnBC,KAImB;EAAA,IAJnBA,KAImB,2BAJX,GAIW;EAAA,0BAHnBC,SAGmB;EAAA,IAHnBA,SAGmB,+BAHP,IAGO;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;;EACnB,qBAAkBX,aAAa,EAA/B;EAAA,IAAQY,KAAR,kBAAQA,KAAR;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAON,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAN,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMO,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAET,UAAU,CACnB,UADmB,EAEnBE,iBAAiB,CAAC,UAAD,EAAaS,KAAb,CAFE,4BAGAJ,KAHA,8BAICD,MAJD;EAHvB,IAUGD,QAVH,CADF;AAcD,CAhCM"}

package/dist/cssm/components/Typography/Paragraph/Paragraph.css

@@ -1 +1 @@
-.vkuiParagraph{font-size:15px;font-size:var(--vkui--font_paragraph--font_size--regular,15px);font-weight:400;font-weight:var(--vkui--font_paragraph--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_paragraph--line_height--regular,20px)}.vkuiParagraph--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiParagraph--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiParagraph--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}
+.vkuiParagraph{font-family:var(--vkui--font_paragraph--font_family--regular);font-size:var(--vkui--font_paragraph--font_size--regular);font-weight:var(--vkui--font_paragraph--font_weight--regular);line-height:var(--vkui--font_paragraph--line_height--regular)}.vkuiParagraph--weight-1{font-weight:var(--vkui--font_weight_accent1)}.vkuiParagraph--weight-2{font-weight:var(--vkui--font_weight_accent2)}.vkuiParagraph--weight-3{font-weight:var(--vkui--font_weight_accent3)}

package/dist/cssm/components/Typography/Paragraph/Paragraph.js

@@ -24,7 +24,7 @@ export var Paragraph = function Paragraph(_ref) {
 
   return createScopedElement(Component, _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames("Paragraph", weight && "Paragraph--w-".concat(weight))
+    vkuiClass: classNames("Paragraph", weight && "Paragraph--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Paragraph.js.map

package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","names":["classNames","warnOnce","warn","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV"],"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.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  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      vkuiClass={classNames(\"Paragraph\", weight && `Paragraph--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AAEA;AAYA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,WAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,OAMH;EAAA,0BALpBC,SAKoB;EAAA,IALpBA,SAKoB,+BALR,MAKQ;EAAA,IAJpBC,UAIoB,QAJpBA,UAIoB;EAAA,IAHpBC,MAGoB,QAHpBA,MAGoB;EAAA,IAFpBC,QAEoB,QAFpBA,QAEoB;EAAA,IADjBC,SACiB;;EACpB,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAH,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMM,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAEL,UAAU,CAAC,WAAD,EAAcM,MAAM,2BAAoBA,MAApB,CAApB;EAHvB,IAKGC,QALH,CADF;AASD,CAxBM"}
+{"version":3,"file":"Paragraph.js","names":["classNames","warnOnce","warn","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV"],"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.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  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      vkuiClass={classNames(\n        \"Paragraph\",\n        weight && `Paragraph--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AAEA;AAYA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,WAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,OAMH;EAAA,0BALpBC,SAKoB;EAAA,IALpBA,SAKoB,+BALR,MAKQ;EAAA,IAJpBC,UAIoB,QAJpBA,UAIoB;EAAA,IAHpBC,MAGoB,QAHpBA,MAGoB;EAAA,IAFpBC,QAEoB,QAFpBA,QAEoB;EAAA,IADjBC,SACiB;;EACpB,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAH,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMM,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAEL,UAAU,CACnB,WADmB,EAEnBM,MAAM,gCAAyBA,MAAzB,CAFa;EAHvB,IAQGC,QARH,CADF;AAYD,CA3BM"}

package/dist/cssm/components/Typography/Subhead/Subhead.css

@@ -1 +1 @@
-.vkuiSubhead{font-size:14px;font-size:var(--vkui--font_subhead--font_size--regular,14px);font-weight:400;font-weight:var(--vkui--font_subhead--font_weight--regular,400);line-height:18px;line-height:var(--vkui--font_subhead--line_height--regular,18px);margin:0}.vkuiSubhead--sizeY-compact{font-size:13px;font-size:var(--vkui--font_subhead--font_size--compact,13px);line-height:16px;line-height:var(--vkui--font_subhead--line_height--compact,16px)}.vkuiSubhead--w-regular{font-weight:400}.vkuiSubhead--w-medium{font-weight:500}.vkuiSubhead--w-semibold{font-weight:600}.vkuiSubhead--w-bold{font-weight:700}.vkuiSubhead--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiSubhead--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiSubhead--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}
+.vkuiSubhead{font-family:var(--vkui--font_subhead--font_family--regular);font-size:var(--vkui--font_subhead--font_size--regular);font-weight:var(--vkui--font_subhead--font_weight--regular);line-height:var(--vkui--font_subhead--line_height--regular);margin:0}.vkuiSubhead--sizeY-compact{font-size:var(--vkui--font_subhead--font_size--compact);line-height:var(--vkui--font_subhead--line_height--compact)}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiSubhead--sizeY-none{font-size:var(--vkui--font_subhead--font_size--compact);line-height:var(--vkui--font_subhead--line_height--compact)}}.vkuiSubhead--weight-1{font-weight:var(--vkui--font_weight_accent1)}.vkuiSubhead--weight-2{font-weight:var(--vkui--font_weight_accent2)}.vkuiSubhead--weight-3{font-weight:var(--vkui--font_weight_accent3)}

package/dist/cssm/components/Typography/Subhead/Subhead.d.ts

@@ -4,10 +4,8 @@ import "./Subhead.css";
 export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
+    weight?: "1" | "2" | "3";
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead

package/dist/cssm/components/Typography/Subhead/Subhead.js

@@ -3,14 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "weight", "Component"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
 import { classNames } from "../../../lib/classNames";
-import { warnOnce } from "../../../lib/warnOnce";
 import { useAdaptivity } from "../../../hooks/useAdaptivity";
+import { getSizeYClassName } from "../../../helpers/getSizeYClassName";
 import "./Subhead.css";
-var warn = warnOnce("Subhead");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
-
 export var Subhead = function Subhead(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -21,12 +20,8 @@ export var Subhead = function Subhead(_ref) {
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
 
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames("Subhead", "Subhead--sizeY-".concat(sizeY), weight && "Subhead--w-".concat(weight))
+    vkuiClass: classNames("Subhead", getSizeYClassName("Subhead", sizeY), weight && "Subhead--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Subhead.js.map

package/dist/cssm/components/Typography/Subhead/Subhead.js.map

@@ -1 +1 @@
-{"version":3,"file":"Subhead.js","names":["classNames","warnOnce","useAdaptivity","warn","Subhead","children","weight","Component","restProps","sizeY","process","env","NODE_ENV","includes"],"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Subhead\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        `Subhead--sizeY-${sizeY}`,\n        weight && `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AACA;AAaA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,SAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,IAJlBC,QAIkB,QAJlBA,QAIkB;EAAA,IAHlBC,MAGkB,QAHlBA,MAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,IAEM;EAAA,IADfC,SACe;;EAClB,qBAAkBN,aAAa,EAA/B;EAAA,IAAQO,KAAR,kBAAQA,KAAR;;EAEA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;EAGH;;EAED,OACE,oBAAC,SAAD,eACME,SADN;IAEE,SAAS,EAAER,UAAU,CACnB,SADmB,2BAEDS,KAFC,GAGnBH,MAAM,yBAAkBA,MAAlB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CA9BM"}
+{"version":3,"file":"Subhead.js","names":["classNames","useAdaptivity","getSizeYClassName","Subhead","children","weight","Component","restProps","sizeY"],"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Subhead.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  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        getSizeYClassName(\"Subhead\", sizeY),\n        weight && `Subhead--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,aAAT;AACA,SAASC,iBAAT;AACA;;AAWA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,IAJlBC,QAIkB,QAJlBA,QAIkB;EAAA,IAHlBC,MAGkB,QAHlBA,MAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,IAEM;EAAA,IADfC,SACe;;EAClB,qBAAkBN,aAAa,EAA/B;EAAA,IAAQO,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,SAAD,eACMD,SADN;IAEE,SAAS,EAAEP,UAAU,CACnB,SADmB,EAEnBE,iBAAiB,CAAC,SAAD,EAAYM,KAAZ,CAFE,EAGnBH,MAAM,8BAAuBA,MAAvB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CApBM"}

package/dist/cssm/components/Typography/Text/Text.css

@@ -1 +1 @@
-.vkuiText{display:block;font-size:16px;font-size:var(--vkui--font_text--font_size--regular,16px);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular,400);line-height:20px;line-height:var(--vkui--font_text--line_height--regular,20px);margin:0}.vkuiText--sizeY-compact{font-size:15px;font-size:var(--vkui--font_text--font_size--compact,15px);line-height:20px;line-height:var(--vkui--font_text--line_height--compact,20px)}.vkuiText--w-regular{font-weight:400}.vkuiText--w-medium{font-weight:500}.vkuiText--w-1,.vkuiText--w-semibold{font-weight:600}.vkuiText--w-1{font-weight:var(--vkui--font_weight_accent1,600)}.vkuiText--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiText--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}.vkuiPanelHeaderContent__children .vkuiText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.vkuiText{display:block;font-family:var(--vkui--font_text--font_family--regular);font-size:var(--vkui--font_text--font_size--regular);font-weight:var(--vkui--font_text--font_weight--regular);line-height:var(--vkui--font_text--line_height--regular);margin:0}.vkuiText--sizeY-compact{font-size:var(--vkui--font_text--font_size--compact);line-height:var(--vkui--font_text--line_height--compact)}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiText--sizeY-none{font-size:var(--vkui--font_text--font_size--compact);line-height:var(--vkui--font_text--line_height--compact)}}.vkuiText--weight-1{font-weight:var(--vkui--font_weight_accent1)}.vkuiText--weight-2{font-weight:var(--vkui--font_weight_accent2)}.vkuiText--weight-3{font-weight:var(--vkui--font_weight_accent3)}.vkuiPanelHeaderContent__children .vkuiText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}