@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/components/SliderSwitch/SliderSwitch.js

@@ -1,209 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["name", "options", "activeValue", "onSwitch"];
-import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from "react";
-import { SliderSwitchButton } from "./SliderSwitchButton";
-import { classNames } from "../../lib/classNames";
-import { warnOnce } from "../../lib/warnOnce";
-var warn = warnOnce("SliderSwitch");
-/**
- * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`SegmentedControl`](https://vkcom.github.io/VKUI/#/SegmentedControl).
- * @see https://vkcom.github.io/VKUI/#/SliderSwitch
- */
-
-var SliderSwitch = /*#__PURE__*/function (_React$Component) {
-  _inherits(SliderSwitch, _React$Component);
-
-  var _super = _createSuper(SliderSwitch);
-
-  function SliderSwitch(props) {
-    var _props$activeValue;
-
-    var _this;
-
-    _classCallCheck(this, SliderSwitch);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "firstButton", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "secondButton", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "onSwitch", function (value) {
-      var onSwitch = _this.props.onSwitch;
-
-      _this.setState(function () {
-        return {
-          activeValue: value
-        };
-      }, function () {
-        onSwitch && onSwitch(value);
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleFirstClick", function () {
-      var options = _this.props.options;
-      var value = options[0].value;
-
-      _this.onSwitch(value);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleSecondClick", function () {
-      var options = _this.props.options;
-      var value = options[1].value;
-
-      _this.onSwitch(value);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleFirstHover", function () {
-      _this.setState(function () {
-        return {
-          hoveredOptionId: 0
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleSecondHover", function () {
-      _this.setState(function () {
-        return {
-          hoveredOptionId: 1
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "resetFocusedOption", function () {
-      _this.setState(function () {
-        return {
-          hoveredOptionId: -1
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "switchByKey", function (event) {
-      var _options$find;
-
-      if (event.key !== "Enter" && event.key !== "Spacebar" && event.key !== " ") {
-        return;
-      }
-
-      event.preventDefault();
-      var options = _this.props.options;
-      var activeValue = _this.state.activeValue;
-      var value = (_options$find = options.find(function (option) {
-        return option.value !== activeValue;
-      })) === null || _options$find === void 0 ? void 0 : _options$find.value;
-
-      if (value !== undefined) {
-        _this.onSwitch(value);
-      }
-
-      if (options[0].value === value) {
-        var _this$firstButton$cur;
-
-        (_this$firstButton$cur = _this.firstButton.current) === null || _this$firstButton$cur === void 0 ? void 0 : _this$firstButton$cur.focus();
-      } else {
-        var _this$secondButton$cu;
-
-        (_this$secondButton$cu = _this.secondButton.current) === null || _this$secondButton$cu === void 0 ? void 0 : _this$secondButton$cu.focus();
-      }
-    });
-
-    _this.state = {
-      activeValue: (_props$activeValue = props.activeValue) !== null && _props$activeValue !== void 0 ? _props$activeValue : "",
-      hoveredOptionId: -1
-    };
-    _this.firstButton = /*#__PURE__*/React.createRef();
-    _this.secondButton = /*#__PURE__*/React.createRef();
-    return _this;
-  }
-
-  _createClass(SliderSwitch, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (process.env.NODE_ENV === "development") {
-        warn("Этот компонент устарел и будет удален в 5.0.0. Используйте SegmentedControl.");
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          name = _this$props.name,
-          options = _this$props.options,
-          _activeValue = _this$props.activeValue,
-          onSwitch = _this$props.onSwitch,
-          restProps = _objectWithoutProperties(_this$props, _excluded);
-
-      var _this$state = this.state,
-          activeValue = _this$state.activeValue,
-          hoveredOptionId = _this$state.hoveredOptionId;
-
-      var _options = _slicedToArray(options, 2),
-          firstOption = _options[0],
-          secondOption = _options[1];
-
-      var firstActive = firstOption.value === activeValue;
-      var secondActive = secondOption.value === activeValue;
-      return createScopedElement("div", _extends({}, restProps, {
-        vkuiClass: "SliderSwitch",
-        onKeyDown: this.switchByKey,
-        onMouseLeave: this.resetFocusedOption
-      }), !firstActive && !secondActive && createScopedElement("div", {
-        vkuiClass: "SliderSwitch__border"
-      }), createScopedElement("div", {
-        vkuiClass: classNames("SliderSwitch__slider", firstActive && "SliderSwitch--firstActive", secondActive && "SliderSwitch--secondActive")
-      }), createScopedElement("input", {
-        type: "hidden",
-        name: name,
-        value: activeValue
-      }), createScopedElement(SliderSwitchButton, {
-        active: firstActive,
-        hovered: hoveredOptionId === 0,
-        "aria-pressed": firstActive,
-        onClick: this.handleFirstClick,
-        onMouseEnter: this.handleFirstHover,
-        getRootRef: this.firstButton
-      }, firstOption.name), createScopedElement(SliderSwitchButton, {
-        active: secondActive,
-        hovered: hoveredOptionId === 1,
-        onClick: this.handleSecondClick,
-        onMouseEnter: this.handleSecondHover,
-        getRootRef: this.secondButton
-      }, secondOption.name));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      if (nextProps.activeValue && nextProps.activeValue !== prevState.activeValue) {
-        return {
-          activeValue: nextProps.activeValue
-        };
-      }
-
-      return null;
-    }
-  }]);
-
-  return SliderSwitch;
-}(React.Component);
-
-_defineProperty(SliderSwitch, "defaultProps", {
-  options: [{
-    name: "",
-    value: ""
-  }, {
-    name: "",
-    value: ""
-  }]
-});
-
-export { SliderSwitch };
-//# sourceMappingURL=SliderSwitch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderSwitch.js","names":["React","SliderSwitchButton","classNames","warnOnce","warn","SliderSwitch","props","value","onSwitch","setState","activeValue","options","hoveredOptionId","event","key","preventDefault","state","find","option","undefined","firstButton","current","focus","secondButton","createRef","process","env","NODE_ENV","name","_activeValue","restProps","firstOption","secondOption","firstActive","secondActive","switchByKey","resetFocusedOption","handleFirstClick","handleFirstHover","handleSecondClick","handleSecondHover","nextProps","prevState","Component"],"sources":["../../../src/components/SliderSwitch/SliderSwitch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SliderSwitchButton } from \"./SliderSwitchButton\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasPlatform } from \"../../types\";\nimport \"./SliderSwitch.css\";\n\nexport interface SliderSwitchOptionInterface {\n  name: string;\n  value: string | number;\n}\n\nexport interface SliderSwitchProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasPlatform {\n  options: Array<{\n    name: string;\n    value: string | number;\n  }>;\n  activeValue?: SliderSwitchOptionInterface[\"value\"];\n  name?: string;\n  onSwitch?: (value: SliderSwitchOptionInterface[\"value\"]) => void;\n}\n\ninterface SliderSwitchState {\n  activeValue: SliderSwitchOptionInterface[\"value\"];\n  hoveredOptionId: number;\n}\n\nconst warn = warnOnce(\"SliderSwitch\");\n\n/**\n * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`SegmentedControl`](https://vkcom.github.io/VKUI/#/SegmentedControl).\n * @see https://vkcom.github.io/VKUI/#/SliderSwitch\n */\nclass SliderSwitch extends React.Component<\n  SliderSwitchProps,\n  SliderSwitchState\n> {\n  public constructor(props: SliderSwitchProps) {\n    super(props);\n\n    this.state = {\n      activeValue: props.activeValue ?? \"\",\n      hoveredOptionId: -1,\n    };\n\n    this.firstButton = React.createRef();\n    this.secondButton = React.createRef();\n  }\n\n  static defaultProps = {\n    options: [\n      { name: \"\", value: \"\" },\n      { name: \"\", value: \"\" },\n    ],\n  };\n\n  firstButton: React.RefObject<HTMLDivElement>;\n  secondButton: React.RefObject<HTMLDivElement>;\n\n  onSwitch = (value: SliderSwitchOptionInterface[\"value\"]) => {\n    const { onSwitch } = this.props;\n\n    this.setState(\n      () => ({\n        activeValue: value,\n      }),\n      () => {\n        onSwitch && onSwitch(value);\n      }\n    );\n  };\n\n  handleFirstClick = () => {\n    const { options } = this.props;\n    const { value } = options[0];\n\n    this.onSwitch(value);\n  };\n\n  handleSecondClick = () => {\n    const { options } = this.props;\n    const { value } = options[1];\n\n    this.onSwitch(value);\n  };\n\n  handleFirstHover = () => {\n    this.setState(() => ({\n      hoveredOptionId: 0,\n    }));\n  };\n\n  handleSecondHover = () => {\n    this.setState(() => ({\n      hoveredOptionId: 1,\n    }));\n  };\n\n  resetFocusedOption = () => {\n    this.setState(() => ({\n      hoveredOptionId: -1,\n    }));\n  };\n\n  switchByKey = (event: React.KeyboardEvent) => {\n    if (\n      event.key !== \"Enter\" &&\n      event.key !== \"Spacebar\" &&\n      event.key !== \" \"\n    ) {\n      return;\n    }\n    event.preventDefault();\n\n    const { options } = this.props;\n    const { activeValue } = this.state;\n    const value = options.find((option) => option.value !== activeValue)?.value;\n\n    if (value !== undefined) {\n      this.onSwitch(value);\n    }\n\n    if (options[0].value === value) {\n      this.firstButton.current?.focus();\n    } else {\n      this.secondButton.current?.focus();\n    }\n  };\n\n  static getDerivedStateFromProps(\n    nextProps: SliderSwitchProps,\n    prevState: SliderSwitchState\n  ) {\n    if (\n      nextProps.activeValue &&\n      nextProps.activeValue !== prevState.activeValue\n    ) {\n      return {\n        activeValue: nextProps.activeValue,\n      };\n    }\n\n    return null;\n  }\n\n  componentDidMount(): void {\n    if (process.env.NODE_ENV === \"development\") {\n      warn(\n        \"Этот компонент устарел и будет удален в 5.0.0. Используйте SegmentedControl.\"\n      );\n    }\n  }\n\n  public render() {\n    const {\n      name,\n      options,\n      activeValue: _activeValue,\n      onSwitch,\n      ...restProps\n    } = this.props;\n    const { activeValue, hoveredOptionId } = this.state;\n\n    const [firstOption, secondOption] = options;\n    const firstActive = firstOption.value === activeValue;\n    const secondActive = secondOption.value === activeValue;\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass=\"SliderSwitch\"\n        onKeyDown={this.switchByKey}\n        onMouseLeave={this.resetFocusedOption}\n      >\n        {!firstActive && !secondActive && (\n          <div vkuiClass=\"SliderSwitch__border\" />\n        )}\n        <div\n          vkuiClass={classNames(\n            \"SliderSwitch__slider\",\n            firstActive && \"SliderSwitch--firstActive\",\n            secondActive && \"SliderSwitch--secondActive\"\n          )}\n        />\n        <input type=\"hidden\" name={name} value={activeValue} />\n        <SliderSwitchButton\n          active={firstActive}\n          hovered={hoveredOptionId === 0}\n          aria-pressed={firstActive}\n          onClick={this.handleFirstClick}\n          onMouseEnter={this.handleFirstHover}\n          getRootRef={this.firstButton}\n        >\n          {firstOption.name}\n        </SliderSwitchButton>\n        <SliderSwitchButton\n          active={secondActive}\n          hovered={hoveredOptionId === 1}\n          onClick={this.handleSecondClick}\n          onMouseEnter={this.handleSecondHover}\n          getRootRef={this.secondButton}\n        >\n          {secondOption.name}\n        </SliderSwitchButton>\n      </div>\n    );\n  }\n}\n\nexport { SliderSwitch };\n"],"mappings":"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"}

package/dist/components/SliderSwitch/SliderSwitchButton.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { HasRootRef } from "../../types";
-import "./SliderSwitch.css";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {
-    active?: boolean;
-    hovered?: boolean;
-}
-/**
- * @deprecated Этот компонент устарел и будет удален в 5.0.0.
- */
-export declare const SliderSwitchButton: ({ active, hovered, children, getRootRef, ...restProps }: ButtonProps) => JSX.Element;

package/dist/components/SliderSwitch/SliderSwitchButton.js

@@ -1,49 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "hovered", "children", "getRootRef"];
-import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from "react";
-import { Tappable } from "../Tappable/Tappable";
-import { getClassName } from "../../helpers/getClassName";
-import { classNames } from "../../lib/classNames";
-import { usePlatform } from "../../hooks/usePlatform";
-import { Text } from "../Typography/Text/Text";
-
-/**
- * @deprecated Этот компонент устарел и будет удален в 5.0.0.
- */
-export var SliderSwitchButton = function SliderSwitchButton(_ref) {
-  var active = _ref.active,
-      hovered = _ref.hovered,
-      children = _ref.children,
-      getRootRef = _ref.getRootRef,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var platform = usePlatform();
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focus = _React$useState2[0],
-      setFocus = _React$useState2[1];
-
-  var toggleFocus = function toggleFocus() {
-    setFocus(!focus);
-  };
-
-  return createScopedElement(Tappable, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName("SliderSwitch__button", platform), active && "SliderSwitch__button--active", !active && hovered && "SliderSwitch__button--hover", active && hovered && "SliderSwitch__button--activeHover", focus && !hovered && "SliderSwitch__button--focus"),
-    Component: "button",
-    type: "button",
-    getRootRef: getRootRef,
-    "aria-pressed": active,
-    onFocus: toggleFocus,
-    onBlur: toggleFocus,
-    tabIndex: 0,
-    hasActive: false,
-    hoverMode: "opacity"
-  }), createScopedElement(Text, {
-    weight: "2"
-  }, children));
-};
-//# sourceMappingURL=SliderSwitchButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderSwitchButton.js","names":["React","Tappable","getClassName","classNames","usePlatform","Text","SliderSwitchButton","active","hovered","children","getRootRef","restProps","platform","useState","focus","setFocus","toggleFocus"],"sources":["../../../src/components/SliderSwitch/SliderSwitchButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./SliderSwitch.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  active?: boolean;\n  hovered?: boolean;\n}\n\n/**\n * @deprecated Этот компонент устарел и будет удален в 5.0.0.\n */\nexport const SliderSwitchButton = ({\n  active,\n  hovered,\n  children,\n  getRootRef,\n  ...restProps\n}: ButtonProps) => {\n  const platform = usePlatform();\n  const [focus, setFocus] = React.useState(false);\n\n  const toggleFocus = () => {\n    setFocus(!focus);\n  };\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"SliderSwitch__button\", platform),\n        active && \"SliderSwitch__button--active\",\n        !active && hovered && \"SliderSwitch__button--hover\",\n        active && hovered && \"SliderSwitch__button--activeHover\",\n        focus && !hovered && \"SliderSwitch__button--focus\"\n      )}\n      Component=\"button\"\n      type=\"button\"\n      getRootRef={getRootRef}\n      aria-pressed={active}\n      onFocus={toggleFocus}\n      onBlur={toggleFocus}\n      tabIndex={0}\n      hasActive={false}\n      hoverMode=\"opacity\"\n    >\n      <Text weight=\"2\">{children}</Text>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,SAASC,IAAT;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAMf;EAAA,IALjBC,MAKiB,QALjBA,MAKiB;EAAA,IAJjBC,OAIiB,QAJjBA,OAIiB;EAAA,IAHjBC,QAGiB,QAHjBA,QAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADdC,SACc;;EACjB,IAAMC,QAAQ,GAAGR,WAAW,EAA5B;;EACA,sBAA0BJ,KAAK,CAACa,QAAN,CAAe,KAAf,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBD,QAAQ,CAAC,CAACD,KAAF,CAAR;EACD,CAFD;;EAIA,OACE,oBAAC,QAAD,eACMH,SADN;IAEE,SAAS,EAAER,UAAU,CACnBD,YAAY,CAAC,sBAAD,EAAyBU,QAAzB,CADO,EAEnBL,MAAM,IAAI,8BAFS,EAGnB,CAACA,MAAD,IAAWC,OAAX,IAAsB,6BAHH,EAInBD,MAAM,IAAIC,OAAV,IAAqB,mCAJF,EAKnBM,KAAK,IAAI,CAACN,OAAV,IAAqB,6BALF,CAFvB;IASE,SAAS,EAAC,QATZ;IAUE,IAAI,EAAC,QAVP;IAWE,UAAU,EAAEE,UAXd;IAYE,gBAAcH,MAZhB;IAaE,OAAO,EAAES,WAbX;IAcE,MAAM,EAAEA,WAdV;IAeE,QAAQ,EAAE,CAfZ;IAgBE,SAAS,EAAE,KAhBb;IAiBE,SAAS,EAAC;EAjBZ,IAmBE,oBAAC,IAAD;IAAM,MAAM,EAAC;EAAb,GAAkBP,QAAlB,CAnBF,CADF;AAuBD,CArCM"}

package/dist/cssm/appearance/constants.d.ts

@@ -1 +0,0 @@
-export declare const tabbarHeight = 48;

package/dist/cssm/appearance/constants.js

@@ -1,2 +0,0 @@
-export var tabbarHeight = 48;
-//# sourceMappingURL=constants.js.map

package/dist/cssm/appearance/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","names":["tabbarHeight"],"sources":["../../../src/appearance/constants.ts"],"sourcesContent":["export const tabbarHeight = 48;\n"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAG,EAArB"}

package/dist/cssm/components/Avatar/Avatar.css

@@ -1,3 +0,0 @@
-.vkuiAvatar{background:currentColor;background-size:cover;box-sizing:border-box;color:rgba(0,28,61,.08);color:var(--placeholder_icon_background,var(--vkui--color_background));flex-shrink:0;position:relative}.vkuiAvatar--failed .vkuiAvatar__img{visibility:hidden}.vkuiAvatar__img{border:none;border-radius:inherit;display:block;height:100%;object-fit:cover;position:relative;width:100%}.vkuiAvatar--shadow:after,.vkuiAvatar__badge--shadow:before,.vkuiAvatar__children{border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.vkuiAvatar--shadow:after{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);box-shadow:inset 0 0 0 var(--thin-border) var(--image_border,var(--vkui--color_image_border_alpha));content:""}.vkuiAvatar__overlay{align-items:center;border:none;border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:1}.vkuiAvatar__overlay--light{background-color:hsla(0,0%,100%,.85);background-color:var(--vkui--color_avatar_overlay_inverse_alpha,hsla(0,0%,100%,.85));color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiAvatar__overlay--dark{background-color:rgba(0,0,0,.6);background-color:var(--vkui--color_avatar_overlay,rgba(0,0,0,.6));color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_icon_contrast))}.vkuiAvatar__overlay--visible{opacity:1}.vkuiAvatar__overlay--focus-visible{box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent,var(--vkui--color_stroke_accent));opacity:1}.vkuiAvatar__children{align-items:center;color:#99a2ad;color:var(--icon_secondary,var(--vkui--color_icon_secondary));display:flex;justify-content:center}.vkuiAvatar__badge{bottom:calc(14% - 1px);position:absolute;right:calc(14% - 1px);-webkit-transform:translate(50%,50%);transform:translate(50%,50%);z-index:1}.vkuiAvatar__badge--large{bottom:14%;right:14%}.vkuiAvatar__badge--shadow:before{border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1,0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06));content:""}.vkuiAvatar__badge-online{border-radius:50%}.vkuiAvatar__badge-online,.vkuiAvatar__badge-online-mobile{background-color:#fff;background-color:var(
-    --background_content,var(--vkui--color_background_content)
-  );color:#4bb34b;color:var(--button_commerce_background,var(--vkui--color_accent_green))}.vkuiAvatar__badge-online-mobile{border-radius:3px;padding:2px}.vkuiCellButton>.vkuiAvatar .vkuiIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiCellButton--danger>.vkuiAvatar .vkuiIcon{color:#e64646;color:var(--destructive,var(--vkui--color_icon_negative))}.vkuiPanelHeader__before .vkuiAvatar{margin-left:8px}.vkuiPanelHeader__after .vkuiAvatar{margin-right:8px}.vkuiSimpleCell>.vkuiAvatar{margin-right:12px}.vkuiSimpleCell>.vkuiAvatar--sz-28,.vkuiSimpleCell>.vkuiAvatar--sz-32{margin-bottom:10px;margin-top:10px}.vkuiSimpleCell>.vkuiAvatar--sz-40{margin-bottom:4px;margin-top:4px}.vkuiSimpleCell>.vkuiAvatar--sz-48,.vkuiSimpleCell>.vkuiAvatar--sz-72{margin-bottom:6px;margin-top:6px}.vkuiSimpleCell--ios>.vkuiAvatar--sz-28,.vkuiSimpleCell--ios>.vkuiAvatar--sz-32{margin-left:4px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-28,.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-32{margin-bottom:8px;margin-top:8px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-40{margin-bottom:2px;margin-top:2px}.vkuiSimpleCell--sizeY-compact>.vkuiAvatar--sz-48{margin-bottom:4px;margin-top:4px}

package/dist/cssm/components/Button/Button.css

@@ -1,53 +0,0 @@
-.vkuiButton{border:none;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;display:inline-block;margin:0;max-width:100%;min-height:28px;min-height:var(--vkui--size_button_small_height--compact,28px);min-width:80px;min-width:var(--vkui--size_button_minimum_width--regular,80px);padding:0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vkuiButton--loading{cursor:progress}.vkuiButton--singleIcon{min-width:28px;min-width:var(--vkui--size_button_small_height--compact,28px)}.vkuiButton--stretched{display:block;flex-basis:0;flex-grow:1;width:100%}.vkuiButton__in{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:inherit;text-align:center;width:100%}.vkuiButton--aln-left .vkuiButton__in{justify-content:flex-start;text-align:left}.vkuiButton--aln-right .vkuiButton__in{justify-content:flex-end;text-align:right}.vkuiButton[disabled]{opacity:.4;opacity:var(--vkui--opacity_disable,.4)}.vkuiButton--lvl-outline[disabled]:not(.vkuiButton--clr-overlay),.vkuiButton--lvl-primary[disabled]:not(.vkuiButton--clr-overlay):not(.vkuiButton--clr-negative):not(.vkuiButton--clr-positive),.vkuiButton--lvl-secondary[disabled]:not(.vkuiButton--clr-overlay),.vkuiButton--lvl-tertiary[disabled]:not(.vkuiButton--clr-overlay){opacity:.64}.vkuiButton__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiButton--sz-s .vkuiButton__content:first-child{padding-left:16px;padding-left:var(--vkui--size_button_base_small_padding_horizontal--regular,16px)}.vkuiButton--sz-s .vkuiButton__after,.vkuiButton--sz-s .vkuiButton__content:last-child{padding-right:16px;padding-right:var(
-    --vkui--size_button_base_small_padding_horizontal--regular,16px
-  )}.vkuiButton--sz-m .vkuiButton__content:first-child{padding-left:16px;padding-left:var(
-    --vkui--size_button_base_medium_padding_horizontal--regular,16px
-  )}.vkuiButton--sz-m .vkuiButton__after,.vkuiButton--sz-m .vkuiButton__content:last-child{padding-right:16px;padding-right:var(
-    --vkui--size_button_base_medium_padding_horizontal--regular,16px
-  )}.vkuiButton--sz-l .vkuiButton__content:first-child{padding-left:20px;padding-left:var(--vkui--size_button_base_large_padding_horizontal--regular,20px)}.vkuiButton--sz-l .vkuiButton__after,.vkuiButton--sz-l .vkuiButton__content:last-child{padding-right:20px;padding-right:var(
-    --vkui--size_button_base_large_padding_horizontal--regular,20px
-  )}.vkuiButton--sz-s .vkuiButton__before{padding-left:12px;padding-left:var(
-    --vkui--size_button_base_small_padding_horizontal_icon--regular,12px
-  )}.vkuiButton--sz-m .vkuiButton__before{padding-left:12px;padding-left:var(
-    --vkui--size_button_base_medium_padding_horizontal_icon--regular,12px
-  )}.vkuiButton--sz-l .vkuiButton__before{padding-left:16px;padding-left:var(
-    --vkui--size_button_base_large_padding_horizontal_icon--regular,16px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__content:first-child{padding-left:12px;padding-left:var(
-    --vkui--size_button_tertiary_small_padding_horizontal--regular,12px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__content:last-child{padding-right:12px;padding-right:var(
-    --vkui--size_button_tertiary_small_padding_horizontal--regular,12px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__content:first-child{padding-left:12px;padding-left:var(
-    --vkui--size_button_tertiary_medium_padding_horizontal--regular,12px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__content:last-child{padding-right:12px;padding-right:var(
-    --vkui--size_button_tertiary_medium_padding_horizontal--regular,12px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__content:first-child{padding-left:16px;padding-left:var(
-    --vkui--size_button_tertiary_large_padding_horizontal--regular,16px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__content:last-child{padding-right:16px;padding-right:var(
-    --vkui--size_button_tertiary_large_padding_horizontal--regular,16px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-s .vkuiButton__before{padding-left:8px;padding-left:var(
-    --vkui--size_button_tertiary_small_padding_horizontal_icon--regular,8px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-m .vkuiButton__before{padding-left:8px;padding-left:var(
-    --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular,8px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--sz-l .vkuiButton__before{padding-left:12px;padding-left:var(
-    --vkui--size_button_tertiary_large_padding_horizontal_icon--regular,12px
-  )}.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--lvl-tertiary.vkuiButton--singleIcon .vkuiButton__before,.vkuiButton--singleIcon .vkuiButton__after,.vkuiButton--singleIcon .vkuiButton__before{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.vkuiButton__spinner{bottom:0;left:0;position:absolute;right:0;top:0}.vkuiButton__spinner+.vkuiButton__in{visibility:hidden}.vkuiButton--lvl-primary.vkuiButton--clr-accent{background-color:#2d81e0;background-color:var(
-    --button_primary_background,var(--vkui--color_background_accent)
-  )}.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--hover{background-color:#2483e4;background-color:var(--vkui--color_background_accent--hover,#2483e4)}.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--active{background-color:#237edd;background-color:var(--vkui--color_background_accent--active,#237edd)}.vkuiButton--lvl-primary.vkuiButton--clr-positive{background-color:#4bb34b;background-color:var(
-    --button_commerce_background,var(--vkui--color_background_positive)
-  )}.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--hover{background-color:#48ac4a;background-color:var(--vkui--color_background_positive--hover,#48ac4a)}.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--active{background-color:#45a64a;background-color:var(--vkui--color_background_positive--active,#45a64a)}.vkuiButton--lvl-primary.vkuiButton--clr-negative{background-color:#e64646;background-color:var(--destructive,var(--vkui--color_background_negative))}.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--hover{background-color:#dd4446;background-color:var(--vkui--color_background_negative--hover,#dd4446)}.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--active{background-color:#d44245;background-color:var(--vkui--color_background_negative--active,#d44245)}.vkuiButton--lvl-primary.vkuiButton--clr-neutral{background-color:#f5f5f5;background-color:var(
-    --content_tint_background,var(--vkui--color_background_secondary)
-  )}.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover,#ebecee)}.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active,#e1e3e6)}.vkuiButton--lvl-secondary{background-color:rgba(0,28,61,.05);background-color:var(
-    --button_secondary_background,var(--vkui--color_background_secondary)
-  )}.vkuiButton--lvl-secondary.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover,#ebecee)}.vkuiButton--lvl-secondary.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active,#e1e3e6)}.vkuiButton--lvl-outline,.vkuiButton--lvl-tertiary{background-color:transparent;background-color:var(
-    --button_tertiary_background,var(--vkui--color_transparent)
-  )}.vkuiButton--lvl-outline.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--hover{background-color:rgba(0,16,61,.04);background-color:var(--vkui--color_transparent--hover,rgba(0,16,61,.04))}.vkuiButton--lvl-outline.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--active{background-color:rgba(0,16,61,.08);background-color:var(--vkui--color_transparent--active,rgba(0,16,61,.08))}.vkuiButton--lvl-primary.vkuiButton--clr-accent{color:#fff;color:var(--button_primary_foreground,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-negative{color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-positive{color:#fff;color:var(--button_commerce_foreground,var(--vkui--color_text_contrast))}.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--hover,.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--hover,.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover,#f5f5f7)}.vkuiButton--lvl-primary.vkuiButton--clr-accent.vkuiButton--active,.vkuiButton--lvl-primary.vkuiButton--clr-negative.vkuiButton--active,.vkuiButton--lvl-primary.vkuiButton--clr-positive.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active,#ebecef)}.vkuiButton--lvl-tertiary.vkuiButton--clr-accent{color:#2d81e0;color:var(--button_tertiary_foreground,var(--vkui--color_text_accent))}.vkuiButton--lvl-secondary.vkuiButton--clr-accent{color:#2688eb;color:var(--button_secondary_foreground,var(--vkui--color_text_accent))}.vkuiButton--lvl-outline.vkuiButton--clr-accent{color:#2688eb;color:var(--button_outline_foreground,var(--vkui--color_text_accent))}.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-accent.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-accent.vkuiButton--hover{color:#2483e4;color:var(--vkui--color_text_accent--hover,#2483e4)}.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-accent.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-accent.vkuiButton--active{color:#237edd;color:var(--vkui--color_text_accent--active,#237edd)}.vkuiButton--lvl-outline.vkuiButton--clr-positive,.vkuiButton--lvl-secondary.vkuiButton--clr-positive,.vkuiButton--lvl-tertiary.vkuiButton--clr-positive{color:#4bb34b;color:var(--button_commerce_background,var(--vkui--color_text_positive))}.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-positive.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-positive.vkuiButton--hover{color:#48ac4a;color:var(--vkui--color_text_positive--hover,#48ac4a)}.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-positive.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-positive.vkuiButton--active{color:#45a64a;color:var(--vkui--color_text_positive--active,#45a64a)}.vkuiButton--lvl-outline.vkuiButton--clr-negative,.vkuiButton--lvl-secondary.vkuiButton--clr-negative,.vkuiButton--lvl-tertiary.vkuiButton--clr-negative{color:#e64646;color:var(--destructive,var(--vkui--color_text_negative))}.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-negative.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-negative.vkuiButton--hover{color:#dd4446;color:var(--vkui--color_text_negative--hover,#dd4446)}.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-negative.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-negative.vkuiButton--active{color:#d44245;color:var(--vkui--color_text_negative--active,#d44245)}.vkuiButton--lvl-outline.vkuiButton--clr-neutral,.vkuiButton--lvl-primary.vkuiButton--clr-neutral,.vkuiButton--lvl-secondary.vkuiButton--clr-neutral,.vkuiButton--lvl-tertiary.vkuiButton--clr-neutral{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--hover,.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-neutral.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-neutral.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary--hover,#000102)}.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--active,.vkuiButton--lvl-primary.vkuiButton--clr-neutral.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-neutral.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-neutral.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary--active,#000105)}.vkuiButton--lvl-outline.vkuiButton--clr-accent{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--button_outline_border,var(--vkui--color_stroke_accent))}.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--hover{box-shadow:inset 0 0 0 1px #2483e4;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent--hover,#2483e4)}.vkuiButton--lvl-outline.vkuiButton--clr-accent.vkuiButton--active{box-shadow:inset 0 0 0 1px #237edd;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_accent--active,#237edd)}.vkuiButton--lvl-outline.vkuiButton--clr-positive{box-shadow:inset 0 0 0 1px #4bb34b;box-shadow:inset 0 0 0 1px var(--button_commerce_background,var(--vkui--color_stroke_positive))}.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--hover{box-shadow:inset 0 0 0 1px #48ac4a;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--hover,#48ac4a)}.vkuiButton--lvl-outline.vkuiButton--clr-positive.vkuiButton--active{box-shadow:inset 0 0 0 1px #45a64a;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_positive--active,#45a64a)}.vkuiButton--lvl-outline.vkuiButton--clr-negative{box-shadow:inset 0 0 0 1px #e64646;box-shadow:inset 0 0 0 1px var(--destructive,var(--vkui--color_stroke_negative))}.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--hover{box-shadow:inset 0 0 0 1px #dd4446;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--hover,#dd4446)}.vkuiButton--lvl-outline.vkuiButton--clr-negative.vkuiButton--active{box-shadow:inset 0 0 0 1px #d44245;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_negative--active,#d44245)}.vkuiButton--lvl-outline.vkuiButton--clr-neutral{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px var(--field_border,var(--vkui--color_field_border_alpha))}.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--hover{background-color:#ebecee;background-color:var(--vkui--color_background_secondary--hover,#ebecee);box-shadow:unset}.vkuiButton--lvl-outline.vkuiButton--clr-neutral.vkuiButton--active{background-color:#e1e3e6;background-color:var(--vkui--color_background_secondary--active,#e1e3e6);box-shadow:unset}.vkuiButton--lvl-primary.vkuiButton--clr-overlay{background-color:#fff;background-color:var(
-    --media_overlay_button_background,var(--vkui--color_background_contrast)
-  )}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{background-color:#f5f5f7;background-color:var(--vkui--color_background_contrast--hover,#f5f5f7)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{background-color:#ebecef;background-color:var(--vkui--color_background_contrast--active,#ebecef)}.vkuiButton--lvl-secondary.vkuiButton--clr-overlay{background-color:hsla(0,0%,100%,.2);background-color:var(
-    --vkui--color_background_contrast_secondary_alpha,hsla(0,0%,100%,.2)
-  )}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover{background-color:hsla(0,0%,100%,.24);background-color:var(
-    --vkui--color_background_contrast_secondary_alpha--hover,hsla(0,0%,100%,.24)
-  )}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active{background-color:hsla(0,0%,100%,.28);background-color:var(
-    --vkui--color_background_contrast_secondary_alpha--active,hsla(0,0%,100%,.28)
-  )}.vkuiButton--lvl-primary.vkuiButton--clr-overlay{color:#2c2d2e;color:var(
-    --media_overlay_button_foreground,var(--vkui--color_text_primary_invariably)
-  )}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--hover{color:#000102;color:var(--vkui--color_text_primary_invariably--hover,#000102)}.vkuiButton--lvl-primary.vkuiButton--clr-overlay.vkuiButton--active{color:#000105;color:var(--vkui--color_text_primary_invariably--active,#000105)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay{color:#fff;color:var(--white,var(--vkui--color_text_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--hover,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--hover{color:#f5f5f7;color:var(--vkui--color_text_contrast--hover,#f5f5f7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-secondary.vkuiButton--clr-overlay.vkuiButton--active,.vkuiButton--lvl-tertiary.vkuiButton--clr-overlay.vkuiButton--active{color:#ebecef;color:var(--vkui--color_text_contrast--active,#ebecef)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay{box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px var(--white,var(--vkui--color_stroke_contrast))}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--hover{box-shadow:inset 0 0 0 1px #f5f5f7;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--hover,#f5f5f7)}.vkuiButton--lvl-outline.vkuiButton--clr-overlay.vkuiButton--active{box-shadow:inset 0 0 0 1px #ebecef;box-shadow:inset 0 0 0 1px var(--vkui--color_stroke_contrast--active,#ebecef)}.vkuiButton__after:not(:first-child),.vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:6px}.vkuiButton--sz-l .vkuiButton__after:not(:first-child),.vkuiButton--sz-l .vkuiButton__before:not(:last-child)+.vkuiButton__content{margin-left:8px}.vkuiButton--sz-m{min-height:32px;min-height:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-m.vkuiButton--singleIcon{width:32px;width:var(--vkui--size_button_medium_height--compact,32px)}.vkuiButton--sz-l{min-height:36px;min-height:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_large_height--compact,36px)}.vkuiButton--sizeY-regular{min-height:30px;min-height:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--singleIcon{width:30px;width:var(--vkui--size_button_small_height--regular,30px)}.vkuiButton--sizeY-regular.vkuiButton--sz-m{min-height:36px;min-height:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:36px;width:var(--vkui--size_button_medium_height--regular,36px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l{min-height:44px;min-height:var(--vkui--size_button_large_height--regular,44px)}.vkuiButton--sizeY-regular.vkuiButton--sz-l.vkuiButton--singleIcon{width:44px;width:var(--vkui--size_button_large_height--regular,44px)}.vkuiBanner__actions>.vkuiButton{margin-bottom:6px;margin-right:16px;margin-top:12px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary{margin:4px 16px 2px calc(-1 * 12px);margin:4px 16px 2px calc(-1 * var(--vkui--size_button_tertiary_small_padding_horizontal--regular,12px))}.vkuiBanner__actions>.vkuiButton--sz-m.vkuiButton--lvl-tertiary{margin-left:calc(-1 * 12px);margin-left:calc(-1 * var(--vkui--size_button_tertiary_medium_padding_horizontal--regular,12px))}.vkuiBanner__actions>.vkuiButton--sz-l.vkuiButton--lvl-tertiary{margin-left:calc(-1 * 16px);margin-left:calc(-1 * var(--vkui--size_button_tertiary_large_padding_horizontal--regular,16px))}.vkuiBanner__actions>.vkuiButton--lvl-tertiary:first-child{margin-top:4px}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton:not(.vkuiButton--lvl-tertiary){margin-top:0}.vkuiBanner__actions>.vkuiButton:not(.vkuiButton--lvl-tertiary)+.vkuiButton--lvl-tertiary{margin-left:-12px;margin-top:2px}.vkuiBanner__actions>.vkuiButton--lvl-tertiary+.vkuiButton--lvl-tertiary{margin-top:2px}.vkuiModalCardBase__actions .vkuiButton{flex:1;margin-left:6px;margin-right:6px;width:0}.vkuiModalCardBase__actions--v .vkuiButton{margin-left:0;margin-right:0;width:100%}.vkuiModalCardBase__actions--v .vkuiButton+.vkuiButton{margin-top:12px}.vkuiRichCell__actions>.vkuiButton+.vkuiButton{margin-left:8px}

package/dist/cssm/components/ButtonGroup/ButtonGroup.css

@@ -1 +0,0 @@
-.vkuiButtonGroup{display:inline-flex;max-width:100%}.vkuiButtonGroup--stretched{display:flex;width:100%}.vkuiButtonGroup--mode-vertical{flex-direction:column}.vkuiButtonGroup--mode-horizontal{flex-direction:row}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-space>:not(:first-child){margin-top:1px;margin-top:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-s>:not(:first-child){margin-top:8px;margin-top:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-vertical.vkuiButtonGroup--gap-m>:not(:first-child){margin-top:12px;margin-top:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiButtonGroup--mode-horizontal>:not(.vkuiButtonGroup){min-width:0}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-space>:not(:last-child){margin-right:1px;margin-right:var(--vkui--size_button_group_gap_space--regular,1px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-s>:not(:last-child){margin-right:8px;margin-right:var(--vkui--size_button_group_gap_small--regular,8px)}.vkuiButtonGroup--mode-horizontal.vkuiButtonGroup--gap-m>:not(:last-child){margin-right:12px;margin-right:var(--vkui--size_button_group_gap_medium--regular,12px)}.vkuiButtonGroup--align-left{align-items:flex-start}.vkuiButtonGroup--align-center{align-items:center}.vkuiButtonGroup--align-right{align-items:flex-end}

package/dist/cssm/components/Dropdown/Dropdown.css

@@ -1 +0,0 @@
-.vkuiDropdown{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background:#fff;background:var(--modal_card_background,var(--vkui--color_background_modal));border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08));position:relative}.vkuiDropdown:before{bottom:calc(-1 * 8px);bottom:calc(-1 * var(--popover-safe-zone-padding));content:"";left:calc(-1 * 8px);left:calc(-1 * var(--popover-safe-zone-padding));position:absolute;right:calc(-1 * 8px);right:calc(-1 * var(--popover-safe-zone-padding));top:calc(-1 * 8px);top:calc(-1 * var(--popover-safe-zone-padding));z-index:-1}

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

@@ -1,52 +0,0 @@
-import * as React from "react";
-import { PopperCommonProps } from "../Popper/Popper";
-import "./Dropdown.css";
-export interface DropdownProps extends Omit<PopperCommonProps, "arrow" | "arrowClassName"> {
-    /**
-     * Механика вызова всплывающего окна.
-     *
-     * - `"click"` – показывается/скрывается только при нажатии.
-     * - `"hover"` – помимо нажатия, будет показываться/скрывается при наведении/отведении мыши.
-     *
-     * > ⚠️`"hover"` на тач-устройствах будет работать как `"click"`, с одним лишь нюансом, что не будет закрываться
-     * > при повторном нажатии на целевой элемент. Для закрытия необходимо нажать на область вне целевого элемента
-     * > и выпадающего окна.
-     */
-    action?: "click" | "hover";
-    /**
-     * Если передан, то всплывающее окно будет показан/скрыт в зависимости от значения свойства.
-     */
-    shown?: boolean;
-    /**
-     * Количество миллисекунд, после которых произойдёт показ всплывающего окна.
-     *
-     * > Используется только для `action="hover"` при наведении/отведении мыши.
-     */
-    showDelay?: number;
-    /**
-     * Количество миллисекунд, после которых произойдёт скрытие всплывающего окна.
-     *
-     * > Используется только для `action="hover"` при наведении/отведении мыши.
-     */
-    hideDelay?: number;
-    /**
-     * Содержимое всплывающего окна.
-     */
-    content?: React.ReactNode;
-    /**
-     * Целевой элемент. Всплывающее окно появится возле него.
-     *
-     * > ⚠️ Если это пользовательский компонент, то он должен предоставлять параметры либо `getRootRef`, либо `ref` для получения ссылки на DOM-узел.
-     */
-    children?: React.ReactElement;
-    /**
-     * Вызывается при каждом изменении видимости всплывающего окна.
-     */
-    onShownChange?(shown: boolean): void;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/Dropdown
- *
- * TODO v5.0.0 Переименовать в `Popover` (см. https://github.com/VKCOM/VKUI/issues/2523)
- */
-export declare const Dropdown: ({ action, shown: shownProp, showDelay, hideDelay, offsetDistance, content, children, style, getRef, onShownChange, ...restProps }: DropdownProps) => JSX.Element;

package/dist/cssm/components/Dropdown/Dropdown.js

@@ -1,150 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["action", "shown", "showDelay", "hideDelay", "offsetDistance", "content", "children", "style", "getRef", "onShownChange"];
-import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from "react";
-import { useDOM } from "../../lib/dom";
-import { Popper } from "../Popper/Popper";
-import { FocusTrap } from "../FocusTrap/FocusTrap";
-import { useTimeout } from "../../hooks/useTimeout";
-import { useExternRef } from "../../hooks/useExternRef";
-import { useEventListener } from "../../hooks/useEventListener";
-import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
-import { usePatchChildrenRef } from "../../hooks/usePatchChildrenRef";
-import "./Dropdown.css";
-
-/**
- * @see https://vkcom.github.io/VKUI/#/Dropdown
- *
- * TODO v5.0.0 Переименовать в `Popover` (см. https://github.com/VKCOM/VKUI/issues/2523)
- */
-export var Dropdown = function Dropdown(_ref) {
-  var _ref$action = _ref.action,
-      action = _ref$action === void 0 ? "click" : _ref$action,
-      shownProp = _ref.shown,
-      _ref$showDelay = _ref.showDelay,
-      showDelay = _ref$showDelay === void 0 ? 150 : _ref$showDelay,
-      _ref$hideDelay = _ref.hideDelay,
-      hideDelay = _ref$hideDelay === void 0 ? 150 : _ref$hideDelay,
-      _ref$offsetDistance = _ref.offsetDistance,
-      offsetDistance = _ref$offsetDistance === void 0 ? 8 : _ref$offsetDistance,
-      content = _ref.content,
-      children = _ref.children,
-      style = _ref.style,
-      getRef = _ref.getRef,
-      onShownChange = _ref.onShownChange,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var _useDOM = useDOM(),
-      document = _useDOM.document;
-
-  var hoverable = action === "hover";
-  var hovered = React.useRef(false);
-
-  var _React$useState = React.useState(shownProp || false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      computedShown = _React$useState2[0],
-      setComputedShown = _React$useState2[1];
-
-  var _React$useState3 = React.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      dropdownNode = _React$useState4[0],
-      setPopperNode = _React$useState4[1]; // Reason: Typescript ругается на CSS Custom Properties в объекте
-  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-
-
-  var styles = _objectSpread(_objectSpread({}, style), {}, {
-    "--popover-safe-zone-padding": "".concat(offsetDistance, "px")
-  });
-
-  var shown = typeof shownProp === "boolean" ? shownProp : computedShown;
-  var patchedPopperRef = useExternRef(setPopperNode, getRef);
-
-  var _usePatchChildrenRef = usePatchChildrenRef(children),
-      _usePatchChildrenRef2 = _slicedToArray(_usePatchChildrenRef, 2),
-      childRef = _usePatchChildrenRef2[0],
-      child = _usePatchChildrenRef2[1];
-
-  var setShown = function setShown(value) {
-    if (typeof shownProp !== "boolean") {
-      setComputedShown(value);
-    }
-
-    typeof onShownChange === "function" && onShownChange(value);
-  };
-
-  var showTimeout = useTimeout(function () {
-    return setShown(true);
-  }, showDelay);
-  var hideTimeout = useTimeout(function () {
-    return setShown(false);
-  }, hideDelay);
-
-  var handleTargetEnter = function handleTargetEnter() {
-    hovered.current = true;
-    hideTimeout.clear();
-    showTimeout.set();
-  };
-
-  var handleTargetClick = function handleTargetClick() {
-    if (hovered.current && shown) {
-      return;
-    }
-
-    setShown(!shown);
-  };
-
-  var handleTargetLeave = function handleTargetLeave() {
-    hovered.current = false;
-    showTimeout.clear();
-    hideTimeout.set();
-  };
-
-  var handleContentKeyDownEscape = function handleContentKeyDownEscape() {
-    setShown(false);
-  };
-
-  var handleOutsideClick = function handleOutsideClick(e) {
-    var _childRef$current;
-
-    if (dropdownNode && !((_childRef$current = childRef.current) !== null && _childRef$current !== void 0 && _childRef$current.contains(e.target)) && !dropdownNode.contains(e.target)) {
-      setShown(false);
-    }
-  };
-
-  useGlobalEventListener(document, "click", handleOutsideClick);
-  var targetEnterListener = useEventListener("mouseenter", handleTargetEnter);
-  var targetClickEvent = useEventListener("click", handleTargetClick);
-  var targetLeaveListener = useEventListener("mouseleave", handleTargetLeave);
-  React.useEffect(function () {
-    if (!childRef.current) {
-      return;
-    }
-
-    targetClickEvent.add(childRef.current);
-
-    if (hoverable) {
-      targetEnterListener.add(childRef.current);
-      targetLeaveListener.add(childRef.current);
-    }
-  }, [childRef, hoverable, targetClickEvent, targetEnterListener, targetLeaveListener]);
-  return createScopedElement(React.Fragment, null, child, shown && createScopedElement(Popper, _extends({}, restProps, {
-    vkuiClass: "Dropdown",
-    targetRef: childRef,
-    getRef: patchedPopperRef,
-    offsetDistance: offsetDistance,
-    style: styles,
-    renderContent: function renderContent(_ref2) {
-      var className = _ref2.className;
-      return createScopedElement(FocusTrap, {
-        vkuiClass: className,
-        onClose: handleContentKeyDownEscape
-      }, content);
-    },
-    onMouseOver: hoverable ? hideTimeout.clear : undefined,
-    onMouseOut: hoverable ? handleTargetLeave : undefined
-  })));
-};
-//# sourceMappingURL=Dropdown.js.map