@invoicebox/ui 0.1.0-alpha.32 → 0.1.0-alpha.321

package/dist/components/form/_hooks/useElementWidth.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useElementWidth = void 0;
+var _react = require("react");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var useElementWidth = exports.useElementWidth = function useElementWidth() {
+  var ref = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  (0, _react.useLayoutEffect)(function () {
+    var element = ref.current;
+    if (!element) {
+      return;
+    }
+    var update = function update() {
+      return setWidth(element.getBoundingClientRect().width);
+    };
+    update();
+    var observer = new ResizeObserver(update);
+    observer.observe(element);
+    return function () {
+      return observer.disconnect();
+    };
+  }, []);
+  return {
+    ref: ref,
+    width: width
+  };
+};

package/dist/components/form/_hooks/useInputStyles.d.ts

@@ -0,0 +1,25 @@
+import { TSizes } from '../constants';
+type TParams = {
+    inFocus: boolean;
+    size?: TSizes;
+    isHaveValue: boolean;
+    useModernStyles?: boolean;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    conditionHideModernPlaceholder?: boolean;
+    paddingRight?: number;
+};
+export declare const useInputStyles: ({ inFocus, useModernStyles, label, size, placeholder, isHaveValue, required, conditionHideModernPlaceholder, paddingRight, }: TParams) => {
+    inputLabel: string | undefined;
+    paddingAndVariantOptions: {
+        paddingTop: number;
+        paddingBottom: number;
+        variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5Desktop" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
+    };
+    modernInputPlaceholder: string | undefined;
+    isHideModernPlaceholder: boolean;
+    modernPlaceholder: false | "" | import("react/jsx-runtime").JSX.Element | undefined;
+    fieldSize: TSizes;
+};
+export {};

package/dist/components/form/_hooks/useInputStyles.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInputStyles = void 0;
+var _constants = require("../constants");
+var _react = _interopRequireWildcard(require("react"));
+var _ModernPlaceholder = require("../ModernPlaceholder");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var useInputStyles = exports.useInputStyles = function useInputStyles(_ref) {
+  var inFocus = _ref.inFocus,
+    useModernStyles = _ref.useModernStyles,
+    label = _ref.label,
+    size = _ref.size,
+    placeholder = _ref.placeholder,
+    isHaveValue = _ref.isHaveValue,
+    required = _ref.required,
+    _ref$conditionHideMod = _ref.conditionHideModernPlaceholder,
+    conditionHideModernPlaceholder = _ref$conditionHideMod === void 0 ? false : _ref$conditionHideMod,
+    paddingRight = _ref.paddingRight;
+  var isHideModernPlaceholder = isHaveValue || inFocus || conditionHideModernPlaceholder;
+  var fieldSize = useModernStyles && !size ? 'L' : size || 'M';
+  var inputLabel = (0, _react.useMemo)(function () {
+    if (useModernStyles) {
+      return isHideModernPlaceholder ? label : undefined;
+    } else {
+      return label;
+    }
+  }, [useModernStyles, isHideModernPlaceholder, label]);
+  var paddingAndVariantOptions = (0, _react.useMemo)(function () {
+    if (useModernStyles) {
+      if (isHideModernPlaceholder) {
+        return _constants.MODERN_STYLE_SIZE_PARAMS_MAP[fieldSize];
+      } else {
+        return _objectSpread(_objectSpread({}, _constants.MODERN_STYLE_SIZE_PARAMS_MAP[fieldSize]), {}, {
+          paddingTop: _constants.MODERN_STYLE_SIZE_PARAMS_MAP[fieldSize].$placeholderPaddingTop,
+          paddingBottom: _constants.MODERN_STYLE_SIZE_PARAMS_MAP[fieldSize].$placeholderPaddingTop
+        });
+      }
+    } else {
+      return _constants.SIZE_PARAMS_MAP[fieldSize];
+    }
+  }, [useModernStyles, isHideModernPlaceholder, fieldSize]);
+  var modernInputPlaceholder = (0, _react.useMemo)(function () {
+    return placeholder || label;
+  }, [label, placeholder]);
+  var modernPlaceholder = useModernStyles && modernInputPlaceholder && /*#__PURE__*/_react["default"].createElement(_ModernPlaceholder.ModernPlaceholder, {
+    visible: !isHideModernPlaceholder,
+    paddingTop: _constants.MODERN_STYLE_SIZE_PARAMS_MAP[fieldSize].$placeholderPaddingTop,
+    paddingRight: paddingRight,
+    size: fieldSize,
+    required: required
+  }, modernInputPlaceholder);
+  return {
+    inputLabel: inputLabel,
+    paddingAndVariantOptions: paddingAndVariantOptions,
+    modernInputPlaceholder: modernInputPlaceholder,
+    isHideModernPlaceholder: isHideModernPlaceholder,
+    modernPlaceholder: modernPlaceholder,
+    fieldSize: fieldSize
+  };
+};

package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.d.ts

@@ -0,0 +1 @@
+export declare const Cross24Icon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Cross24Icon = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Cross24Icon = exports.Cross24Icon = function Cross24Icon() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M17 7L7 17M17 17L7 7",
+    stroke: "#353F47",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};

package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Cross24Icon } from './index';
+declare const meta: Meta<typeof Cross24Icon>;
+export default meta;
+export declare const Default: StoryObj<typeof Cross24Icon>;

package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _index = require("./index");
+var meta = {
+  title: 'form/common/DrawerHeader/components/Cross24Icon',
+  component: _index.Cross24Icon,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/form/common/DrawerHeader/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+export type TProps = {
+    onClose: () => void;
+    onSubmit?: () => void;
+    label: string;
+    isSubmitDisabled?: boolean;
+    closeLabel?: string;
+    submitLabel?: string;
+};
+export declare const DrawerHeader: FC<TProps>;

package/dist/components/form/common/DrawerHeader/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var S = _interopRequireWildcard(require("./styles"));
+var _Cross24Icon = require("./components/Cross24Icon");
+var _Typography = require("../../../common/Typography");
+var _palette = require("../../../../palette");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var DrawerHeader = exports.DrawerHeader = function DrawerHeader(_ref) {
+  var onClose = _ref.onClose,
+    label = _ref.label,
+    onSubmit = _ref.onSubmit,
+    isSubmitDisabled = _ref.isSubmitDisabled,
+    closeLabel = _ref.closeLabel,
+    submitLabel = _ref.submitLabel;
+  var palette = (0, _palette.useComponentPalette)('drawerHeader');
+  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
+    $borderColor: palette.border
+  }, closeLabel ? /*#__PURE__*/_react["default"].createElement(S.CancelButton, {
+    type: 'button',
+    onClick: onClose,
+    $color: palette.applyButton
+  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    variant: 'headline6'
+  }, closeLabel)) : /*#__PURE__*/_react["default"].createElement(S.CloseButton, {
+    type: 'button',
+    onClick: onClose
+  }, /*#__PURE__*/_react["default"].createElement(_Cross24Icon.Cross24Icon, null)), /*#__PURE__*/_react["default"].createElement(S.HeadLabel, {
+    $color: palette.headLabel,
+    variant: 'headline3',
+    $isCentered: !!closeLabel
+  }, label), onSubmit && /*#__PURE__*/_react["default"].createElement(S.ApplyButton, {
+    disabled: isSubmitDisabled,
+    onClick: onSubmit,
+    type: 'button',
+    $color: palette.applyButton
+  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    variant: 'headline6'
+  }, submitLabel || 'Готово')));
+};

package/dist/components/form/common/DrawerHeader/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DrawerHeader, TProps } from './index';
+declare const meta: Meta<typeof DrawerHeader>;
+export default meta;
+export declare const Default: StoryObj<TProps>;

package/dist/components/form/common/DrawerHeader/index.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _index = require("./index");
+var _addonActions = require("@storybook/addon-actions");
+var meta = {
+  title: 'form/common/DrawerHeader',
+  component: _index.DrawerHeader,
+  tags: ['autodocs'],
+  argTypes: {
+    onClose: (0, _addonActions.action)('onClose'),
+    onSubmit: (0, _addonActions.action)('onSubmit')
+  }
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  args: {
+    label: 'Label',
+    isSubmitDisabled: false
+  }
+};

package/dist/components/form/common/DrawerHeader/palette.d.ts

@@ -0,0 +1,7 @@
+import { TAbstractPalette } from '../../../../palette';
+export type TDrawerHeaderPalette = {
+    headLabel: string;
+    applyButton: string;
+    border: string;
+};
+export declare const generateDrawerHeaderPalette: (abstractPalette: TAbstractPalette) => TDrawerHeaderPalette;

package/dist/components/form/common/DrawerHeader/palette.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateDrawerHeaderPalette = void 0;
+var _hexToRgba = _interopRequireDefault(require("../../../../utils/hexToRgba"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var generateDrawerHeaderPalette = exports.generateDrawerHeaderPalette = function generateDrawerHeaderPalette(abstractPalette) {
+  return {
+    headLabel: abstractPalette.primary,
+    applyButton: (0, _hexToRgba["default"])(abstractPalette.primary, 0.5),
+    border: (0, _hexToRgba["default"])(abstractPalette.primary, 0.1)
+  };
+};

package/dist/components/form/common/DrawerHeader/styles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $borderColor: string;
+}>> & string;
+export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const CancelButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $color: string;
+}>> & string;
+export declare const HeadLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
+    $color: string;
+    $isCentered?: boolean | undefined;
+}>> & string & Omit<import("react").FC<import("../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ApplyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $color: string;
+}>> & string;

package/dist/components/form/common/DrawerHeader/styles.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.HeadLabel = exports.CloseButton = exports.CancelButton = exports.ApplyButton = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Typography = require("../../../common/Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Wrapper",
+  componentId: "sc-msbnr-0"
+})(["display:flex;gap:8px;align-items:center;border-bottom:1px solid ", ";padding:28px 16px 8px;"], function (_ref) {
+  var $borderColor = _ref.$borderColor;
+  return $borderColor;
+});
+var CloseButton = exports.CloseButton = _styledComponents["default"].button.withConfig({
+  displayName: "styles__CloseButton",
+  componentId: "sc-msbnr-1"
+})(["width:36px;height:36px;background:transparent;border:none;cursor:pointer;outline:none;color:inherit;"]);
+var CancelButton = exports.CancelButton = _styledComponents["default"].button.withConfig({
+  displayName: "styles__CancelButton",
+  componentId: "sc-msbnr-2"
+})(["background:transparent;border:none;cursor:pointer;outline:none;padding:0;white-space:nowrap;color:", ";"], function (_ref2) {
+  var $color = _ref2.$color;
+  return $color;
+});
+var HeadLabel = exports.HeadLabel = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
+  displayName: "styles__HeadLabel",
+  componentId: "sc-msbnr-3"
+})(["flex:1;", " color:", ";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"], function (_ref3) {
+  var $isCentered = _ref3.$isCentered;
+  return $isCentered && 'text-align: center;';
+}, function (_ref4) {
+  var $color = _ref4.$color;
+  return $color;
+});
+var ApplyButton = exports.ApplyButton = _styledComponents["default"].button.withConfig({
+  displayName: "styles__ApplyButton",
+  componentId: "sc-msbnr-4"
+})(["background:transparent;border:none;cursor:pointer;outline:none;color:", ";&:disabled{opacity:0.4;}"], function (_ref5) {
+  var $color = _ref5.$color;
+  return $color;
+});

package/dist/components/form/constants.d.ts

@@ -0,0 +1,15 @@
+import { typography } from '../common/Typography/typography';
+export type TSizes = 'L' | 'M' | 'XS';
+export declare const SIZE_PARAMS_MAP: Record<TSizes, {
+    paddingTop: number;
+    paddingBottom: number;
+    variant: keyof typeof typography;
+}>;
+export declare const MODERN_STYLE_SIZE_PARAMS_MAP: Record<TSizes, {
+    paddingTop: number;
+    paddingBottom: number;
+    variant: keyof typeof typography;
+    $labelVariant: keyof typeof typography;
+    $labelPaddingTop: number;
+    $placeholderPaddingTop: number;
+}>;

package/dist/components/form/constants.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZE_PARAMS_MAP = exports.MODERN_STYLE_SIZE_PARAMS_MAP = void 0;
+var SIZE_PARAMS_MAP = exports.SIZE_PARAMS_MAP = {
+  L: {
+    paddingTop: 16,
+    paddingBottom: 16,
+    variant: 'bodyMRegular'
+  },
+  M: {
+    paddingTop: 13,
+    paddingBottom: 13,
+    variant: 'bodyMRegular'
+  },
+  XS: {
+    paddingTop: 10,
+    paddingBottom: 10,
+    variant: 'labelsHintsRegular'
+  }
+};
+var MODERN_STYLE_SIZE_PARAMS_MAP = exports.MODERN_STYLE_SIZE_PARAMS_MAP = {
+  L: {
+    paddingTop: 24,
+    paddingBottom: 8,
+    variant: 'headline5Desktop',
+    $labelVariant: 'labelsHintsRegular',
+    $labelPaddingTop: 8,
+    $placeholderPaddingTop: 16
+  },
+  M: {
+    paddingTop: 20,
+    paddingBottom: 4,
+    variant: 'bodyL',
+    $labelVariant: 'labelsHintsRegular',
+    $labelPaddingTop: 4,
+    $placeholderPaddingTop: 12
+  },
+  XS: {
+    paddingTop: 6,
+    paddingBottom: 6,
+    variant: 'headline5Desktop',
+    $labelVariant: 'labelsHintsRegular',
+    $labelPaddingTop: -18,
+    $placeholderPaddingTop: 6
+  }
+};

package/dist/esm/breakpoints/index.js

@@ -0,0 +1,7 @@
+export var breakpoints = {
+  sm: '(max-width: 576px)',
+  md: '(max-width: 767px)',
+  ld: '(max-width: 992px)',
+  xl: '(max-width: 1200px)',
+  xxl: '(max-width: 1400px)'
+};

package/dist/esm/components/_helpers/StoryBorderWrapper/index.js

@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+export var StoryBorderWrapper = styled.div.withConfig({
+  displayName: "StoryBorderWrapper",
+  componentId: "sc-19oc2rg-0"
+})(["border:1px solid #26c6da;margin-left:20px;width:300px;"]);

package/dist/esm/components/_helpers/selectOptions.js

@@ -0,0 +1,37 @@
+export var selectOptions = [{
+  label: 'Option 1',
+  value: 'option-1'
+}, {
+  label: 'Option 2',
+  value: 'option-2'
+}, {
+  label: 'Option 3',
+  value: 'option-3'
+}, {
+  label: 'Option 4',
+  value: 'option-4'
+}, {
+  label: 'Option 5',
+  value: 'option-5'
+}, {
+  label: 'Option 6',
+  value: 'option-6'
+}, {
+  label: 'Option 7',
+  value: 'option-7'
+}, {
+  label: 'Option 8',
+  value: 'option-8'
+}, {
+  label: 'Option 9',
+  value: 'option-9'
+}, {
+  label: 'Option 10',
+  value: 'option-10'
+}, {
+  label: 'Option 11',
+  value: 'option-11'
+}, {
+  label: 'Option 12',
+  value: 'option-12'
+}];

package/dist/esm/components/common/AppCardLink/components/ApkRu.js

@@ -0,0 +1,99 @@
+import React from 'react';
+var ApkRu = function ApkRu(_ref) {
+  var height = _ref.height;
+  return /*#__PURE__*/React.createElement("svg", {
+    height: height,
+    viewBox: "0 0 82 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M78.963 0H3.03704C1.35973 0 0 1.34315 0 3V21C0 22.6569 1.35973 24 3.03704 24H78.963C80.6403 24 82 22.6569 82 21V3C82 1.34315 80.6403 0 78.963 0Z",
+    fill: "#353F47"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M78.963 0.48C79.6391 0.481584 80.287 0.747593 80.7651 1.21984C81.2432 1.69209 81.5125 2.33214 81.5141 3V21C81.5141 21.3309 81.4481 21.6586 81.3199 21.9644C81.1917 22.2701 81.0038 22.5479 80.7669 22.7819C80.53 23.0159 80.2487 23.2015 79.9392 23.3282C79.6297 23.4548 79.298 23.52 78.963 23.52H3.03704C2.36093 23.5184 1.71298 23.2524 1.2349 22.7802C0.756825 22.3079 0.487532 21.6679 0.485928 21V3C0.487532 2.33214 0.756825 1.69209 1.2349 1.21984C1.71298 0.747593 2.36093 0.481584 3.03704 0.48H78.963ZM78.963 0H3.03704C2.23156 0 1.45908 0.316071 0.88953 0.87868C0.319975 1.44129 0 2.20435 0 3V21C0 21.7957 0.319975 22.5587 0.88953 23.1213C1.45908 23.6839 2.23156 24 3.03704 24H78.963C79.7684 24 80.5409 23.6839 81.1105 23.1213C81.68 22.5587 82 21.7957 82 21V3C82 2.20435 81.68 1.44129 81.1105 0.87868C80.5409 0.316071 79.7684 0 78.963 0Z",
+    fill: "#A6A6A6"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.19542 14.054C7.19542 14.2718 7.10735 14.4808 6.95057 14.6348C6.79379 14.7889 6.58115 14.8754 6.35943 14.8754C6.13771 14.8754 5.92507 14.7889 5.76829 14.6348C5.61152 14.4808 5.52344 14.2718 5.52344 14.054V10.3576C5.52344 10.1397 5.61152 9.93077 5.76829 9.77672C5.92507 9.62268 6.13771 9.53613 6.35943 9.53613C6.58115 9.53613 6.79379 9.62268 6.95057 9.77672C7.10735 9.93077 7.19542 10.1397 7.19542 10.3576V14.054ZM18.8993 14.054C18.8993 14.2718 18.8112 14.4808 18.6545 14.6348C18.4977 14.7889 18.2851 14.8754 18.0633 14.8754C17.8416 14.8754 17.629 14.7889 17.4722 14.6348C17.3154 14.4808 17.2273 14.2718 17.2273 14.054V10.3576C17.2273 10.1397 17.3154 9.93077 17.4722 9.77672C17.629 9.62268 17.8416 9.53613 18.0633 9.53613C18.2851 9.53613 18.4977 9.62268 18.6545 9.77672C18.8112 9.93077 18.8993 10.1397 18.8993 10.3576V14.054ZM11.3754 18.5714C11.3754 18.7893 11.2873 18.9982 11.1305 19.1523C10.9738 19.3063 10.7611 19.3929 10.5394 19.3929C10.3177 19.3929 10.105 19.3063 9.94826 19.1523C9.79148 18.9982 9.7034 18.7893 9.7034 18.5714V14.875C9.7034 14.6572 9.79148 14.4482 9.94826 14.2942C10.105 14.1401 10.3177 14.0536 10.5394 14.0536C10.7611 14.0536 10.9738 14.1401 11.1305 14.2942C11.2873 14.4482 11.3754 14.6572 11.3754 14.875V18.5714ZM14.7194 18.5714C14.7194 18.7893 14.6313 18.9982 14.4745 19.1523C14.3177 19.3063 14.1051 19.3929 13.8834 19.3929C13.6616 19.3929 13.449 19.3063 13.2922 19.1523C13.1355 18.9982 13.0474 18.7893 13.0474 18.5714V14.875C13.0474 14.6572 13.1355 14.4482 13.2922 14.2942C13.449 14.1401 13.6616 14.0536 13.8834 14.0536C14.1051 14.0536 14.3177 14.1401 14.4745 14.2942C14.6313 14.4482 14.7194 14.6572 14.7194 14.875V18.5714Z",
+    fill: "#7CB342"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.03125 9.53602V15.6963C8.03125 15.9142 8.11933 16.1231 8.27611 16.2772C8.43289 16.4312 8.64552 16.5178 8.86724 16.5178H15.5552C15.7769 16.5178 15.9895 16.4312 16.1463 16.2772C16.3031 16.1231 16.3912 15.9142 16.3912 15.6963V9.53602H8.03125ZM12.2112 5.42847C9.70324 5.42847 8.17546 6.92552 8.03125 8.71418H16.3912C16.2466 6.92552 14.7192 5.42847 12.2112 5.42847ZM10.5392 7.72765C10.4284 7.72765 10.322 7.68437 10.2437 7.60735C10.1653 7.53033 10.1212 7.42586 10.1212 7.31693C10.1212 7.208 10.1653 7.10354 10.2437 7.02651C10.322 6.94949 10.4284 6.90622 10.5392 6.90622C10.6501 6.90622 10.7564 6.94949 10.8348 7.02651C10.9132 7.10354 10.9572 7.208 10.9572 7.31693C10.9572 7.42586 10.9132 7.53033 10.8348 7.60735C10.7564 7.68437 10.6501 7.72765 10.5392 7.72765ZM13.8832 7.72765C13.7723 7.72765 13.666 7.68437 13.5876 7.60735C13.5092 7.53033 13.4652 7.42586 13.4652 7.31693C13.4652 7.208 13.5092 7.10354 13.5876 7.02651C13.666 6.94949 13.7723 6.90622 13.8832 6.90622C13.9941 6.90622 14.1004 6.94949 14.1788 7.02651C14.2572 7.10354 14.3012 7.208 14.3012 7.31693C14.3012 7.42586 14.2572 7.53033 14.1788 7.60735C14.1004 7.68437 13.9941 7.72765 13.8832 7.72765Z",
+    fill: "#7CB342"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.70312 5.01782L10.2603 5.87293M14.7191 5.01782L14.0227 6.0442L14.7191 5.01782Z",
+    stroke: "#7CB342",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M25.4579 7.30126V6.93869H25.6581C25.7235 6.93869 25.7732 6.92326 25.8072 6.89241C25.8413 6.86155 25.874 6.81526 25.9054 6.75355L25.9878 6.57612L24.8533 4.54726H25.3401L26.188 6.13255L26.9064 4.54726H27.3735L26.243 6.95798C26.1802 7.08398 26.1108 7.17269 26.0349 7.22412C25.9617 7.27555 25.8609 7.30126 25.7327 7.30126H25.4579Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M27.4712 5.89726C27.4712 5.73012 27.5013 5.56684 27.5615 5.40741C27.6217 5.24541 27.7094 5.09884 27.8245 4.96769C27.9423 4.83398 28.0849 4.72855 28.2524 4.65141C28.4199 4.57169 28.6096 4.53184 28.8216 4.53184C29.0728 4.53184 29.29 4.58841 29.4732 4.70155C29.6564 4.81212 29.7925 4.95484 29.8815 5.12969L29.536 5.35726C29.4837 5.24669 29.417 5.15926 29.3358 5.09498C29.2573 5.03069 29.171 4.98569 29.0768 4.95998C28.9852 4.93426 28.8949 4.92141 28.8059 4.92141C28.6593 4.92141 28.5311 4.95098 28.4212 5.01012C28.3113 5.06669 28.2184 5.14255 28.1425 5.23769C28.0692 5.33284 28.0129 5.43955 27.9737 5.55784C27.937 5.67612 27.9187 5.79441 27.9187 5.91269C27.9187 6.04384 27.941 6.17112 27.9855 6.29455C28.0299 6.41541 28.0914 6.52341 28.17 6.61855C28.2511 6.71112 28.3466 6.78441 28.4565 6.83841C28.5664 6.89241 28.6868 6.91941 28.8177 6.91941C28.9067 6.91941 28.9996 6.90398 29.0964 6.87312C29.1932 6.84226 29.2822 6.79469 29.3633 6.73041C29.4471 6.66355 29.5125 6.57612 29.5596 6.46812L29.9247 6.67255C29.8671 6.80884 29.7768 6.92455 29.6538 7.01969C29.5334 7.11484 29.3973 7.18684 29.2456 7.23569C29.0964 7.28455 28.9485 7.30898 28.802 7.30898C28.6057 7.30898 28.4264 7.26912 28.2642 7.18941C28.1019 7.10712 27.9619 6.99912 27.8441 6.86541C27.7264 6.72912 27.6348 6.57741 27.5694 6.41026C27.5039 6.24055 27.4712 6.06955 27.4712 5.89726Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M32.3765 4.92912H31.4501V7.28584H31.0065V4.92912H30.0762V4.54726H32.3765V4.92912Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M33.2982 4.54726H33.7143L34.7977 7.28584H34.3345L34.0401 6.54141H32.9645L32.674 7.28584H32.2069L33.2982 4.54726ZM33.9537 6.22126L33.5062 5.02169L33.043 6.22126H33.9537Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M37.431 4.54726V7.28584H36.9874V6.07855H35.5821V7.28584H35.1424V4.54726H35.5821V5.69284H36.9874V4.54726H37.431Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M39.2178 7.30512C39.0162 7.30512 38.8344 7.26655 38.6721 7.18941C38.5098 7.11226 38.3698 7.00812 38.2521 6.87698C38.1343 6.74326 38.0427 6.59412 37.9773 6.42955C37.9145 6.26241 37.8831 6.09141 37.8831 5.91655C37.8831 5.73398 37.9171 5.56041 37.9851 5.39584C38.0532 5.22869 38.1474 5.08084 38.2678 4.95226C38.3882 4.82112 38.5295 4.71826 38.6917 4.64369C38.8566 4.56655 39.0346 4.52798 39.2256 4.52798C39.4245 4.52798 39.6051 4.56784 39.7673 4.64755C39.9322 4.72726 40.0722 4.83398 40.1874 4.96769C40.3051 5.10141 40.3954 5.25055 40.4582 5.41512C40.5236 5.57969 40.5564 5.74812 40.5564 5.92041C40.5564 6.10298 40.5223 6.27784 40.4543 6.44498C40.3889 6.60955 40.296 6.75741 40.1756 6.88855C40.0552 7.01712 39.9126 7.11869 39.7477 7.19326C39.5854 7.26784 39.4088 7.30512 39.2178 7.30512ZM38.3306 5.91655C38.3306 6.04512 38.3515 6.16984 38.3934 6.29069C38.4353 6.41155 38.4941 6.51955 38.57 6.61469C38.6486 6.70726 38.7428 6.78055 38.8527 6.83455C38.9626 6.88855 39.0856 6.91555 39.2217 6.91555C39.363 6.91555 39.4886 6.88726 39.5985 6.83069C39.7084 6.77412 39.8 6.69826 39.8733 6.60312C39.9492 6.50541 40.0068 6.39741 40.046 6.27912C40.0853 6.15826 40.1049 6.03741 40.1049 5.91655C40.1049 5.78798 40.084 5.66455 40.0421 5.54626C40.0029 5.42541 39.944 5.31869 39.8655 5.22612C39.787 5.13098 39.6927 5.05641 39.5828 5.00241C39.4755 4.94841 39.3551 4.92141 39.2217 4.92141C39.0804 4.92141 38.9547 4.94969 38.8448 5.00626C38.7349 5.06284 38.642 5.13869 38.5661 5.23384C38.4902 5.32898 38.4313 5.43569 38.3895 5.55398C38.3502 5.67226 38.3306 5.79312 38.3306 5.91655Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M43.202 6.57998C43.202 6.72655 43.1627 6.85255 43.0842 6.95798C43.0083 7.06341 42.905 7.14441 42.7741 7.20098C42.6432 7.25755 42.4993 7.28584 42.3423 7.28584H41.0115V4.54726H42.4483C42.5791 4.54726 42.6917 4.58198 42.7859 4.65141C42.8827 4.71826 42.956 4.80569 43.0057 4.91369C43.0581 5.01912 43.0842 5.12969 43.0842 5.24541C43.0842 5.37912 43.0489 5.50512 42.9782 5.62341C42.9102 5.73912 42.812 5.82526 42.6838 5.88184C42.8435 5.92812 42.9691 6.01298 43.0607 6.13641C43.1549 6.25726 43.202 6.40512 43.202 6.57998ZM42.7505 6.49898C42.7505 6.42184 42.7335 6.35241 42.6995 6.29069C42.6681 6.22641 42.6236 6.17498 42.566 6.13641C42.5111 6.09526 42.4457 6.07469 42.3698 6.07469H41.4512V6.91169H42.3423C42.4208 6.91169 42.4902 6.89369 42.5503 6.85769C42.6132 6.81912 42.6616 6.76898 42.6956 6.70726C42.7322 6.64298 42.7505 6.57355 42.7505 6.49898ZM41.4512 4.92141V5.72755H42.2599C42.3331 5.72755 42.3986 5.71084 42.4561 5.67741C42.5137 5.64141 42.5595 5.59384 42.5935 5.53469C42.6276 5.47298 42.6446 5.40355 42.6446 5.32641C42.6446 5.24669 42.6289 5.17726 42.5975 5.11812C42.566 5.05641 42.5229 5.00884 42.4679 4.97541C42.4156 4.93941 42.3541 4.92141 42.2834 4.92141H41.4512Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M44.8185 7.30512C44.617 7.30512 44.4351 7.26655 44.2729 7.18941C44.1106 7.11226 43.9706 7.00812 43.8529 6.87698C43.7351 6.74326 43.6435 6.59412 43.5781 6.42955C43.5153 6.26241 43.4839 6.09141 43.4839 5.91655C43.4839 5.73398 43.5179 5.56041 43.5859 5.39584C43.654 5.22869 43.7482 5.08084 43.8686 4.95226C43.9889 4.82112 44.1303 4.71826 44.2925 4.64369C44.4574 4.56655 44.6353 4.52798 44.8264 4.52798C45.0253 4.52798 45.2059 4.56784 45.3681 4.64755C45.533 4.72726 45.673 4.83398 45.7881 4.96769C45.9059 5.10141 45.9962 5.25055 46.059 5.41512C46.1244 5.57969 46.1571 5.74812 46.1571 5.92041C46.1571 6.10298 46.1231 6.27784 46.0551 6.44498C45.9897 6.60955 45.8967 6.75741 45.7764 6.88855C45.656 7.01712 45.5134 7.11869 45.3485 7.19326C45.1862 7.26784 45.0096 7.30512 44.8185 7.30512ZM43.9314 5.91655C43.9314 6.04512 43.9523 6.16984 43.9942 6.29069C44.036 6.41155 44.0949 6.51955 44.1708 6.61469C44.2493 6.70726 44.3435 6.78055 44.4535 6.83455C44.5634 6.88855 44.6864 6.91555 44.8225 6.91555C44.9638 6.91555 45.0894 6.88726 45.1993 6.83069C45.3092 6.77412 45.4008 6.69826 45.4741 6.60312C45.55 6.50541 45.6076 6.39741 45.6468 6.27912C45.6861 6.15826 45.7057 6.03741 45.7057 5.91655C45.7057 5.78798 45.6848 5.66455 45.6429 5.54626C45.6036 5.42541 45.5448 5.31869 45.4663 5.22612C45.3877 5.13098 45.2935 5.05641 45.1836 5.00241C45.0763 4.94841 44.9559 4.92141 44.8225 4.92141C44.6811 4.92141 44.5555 4.94969 44.4456 5.00626C44.3357 5.06284 44.2428 5.13869 44.1669 5.23384C44.091 5.32898 44.0321 5.43569 43.9902 5.55398C43.951 5.67226 43.9314 5.79312 43.9314 5.91655Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M48.1511 7.28584V6.17884C48.1119 6.19426 48.0608 6.21355 47.998 6.23669C47.9352 6.25726 47.8606 6.27526 47.7743 6.29069C47.6905 6.30612 47.5937 6.31384 47.4838 6.31384C47.1671 6.31384 46.9316 6.24441 46.7772 6.10555C46.6228 5.96669 46.5456 5.74555 46.5456 5.44212V4.54726H46.9735V5.39584C46.9735 5.57584 47.0193 5.70826 47.1109 5.79312C47.2025 5.87798 47.3569 5.92041 47.5741 5.92041C47.6761 5.92041 47.7795 5.90884 47.8842 5.88569C47.9915 5.86255 48.0805 5.83298 48.1511 5.79698V4.54726H48.5829V7.28584H48.1511Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M51.4962 4.54726V7.28584H51.0526V6.07855H49.6473V7.28584H49.2076V4.54726H49.6473V5.69284H51.0526V4.54726H51.4962Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M52.1249 7.28584V4.54726H52.5646V5.55784H53.1887C53.3929 5.55784 53.5643 5.59384 53.703 5.66584C53.8443 5.73526 53.9503 5.83426 54.021 5.96284C54.0942 6.09141 54.1309 6.24312 54.1309 6.41798C54.1309 6.58255 54.0955 6.73169 54.0249 6.86541C53.9542 6.99655 53.8509 7.09941 53.7148 7.17398C53.5787 7.24855 53.4125 7.28584 53.2162 7.28584H52.1249ZM52.5646 6.92712H53.1534C53.2764 6.92712 53.3772 6.90398 53.4557 6.85769C53.5342 6.81141 53.5905 6.74969 53.6245 6.67255C53.6611 6.59284 53.6794 6.50798 53.6794 6.41798C53.6794 6.33055 53.6624 6.24826 53.6284 6.17112C53.597 6.09398 53.542 6.03226 53.4635 5.98598C53.3876 5.93969 53.283 5.91655 53.1495 5.91655H52.5646V6.92712ZM54.5705 7.28584V4.55112H55.0141V7.28584H54.5705Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M55.6561 7.28584V4.54726H56.0957V6.67641L57.5835 4.54726H57.9957V7.28584H57.556V5.19141L56.084 7.28584H55.6561ZM56.8259 4.36212C56.6846 4.36212 56.5629 4.34026 56.4608 4.29655C56.3587 4.25026 56.2815 4.18855 56.2292 4.11141C56.1769 4.03169 56.1507 3.94426 56.1507 3.84912H56.4687C56.4687 3.91855 56.4948 3.98155 56.5472 4.03812C56.6021 4.09469 56.695 4.12298 56.8259 4.12298C56.9541 4.12298 57.0457 4.09726 57.1007 4.04584C57.1556 3.99441 57.1831 3.92884 57.1831 3.84912H57.5011C57.5011 3.94426 57.4749 4.03169 57.4226 4.11141C57.3702 4.18855 57.293 4.25026 57.191 4.29655C57.0915 4.34026 56.9698 4.36212 56.8259 4.36212Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M60.6992 7.28584V7.03512C60.5291 7.02741 60.3668 6.99398 60.2124 6.93484C60.0606 6.87569 59.9258 6.79341 59.8081 6.68798C59.6929 6.58255 59.6013 6.45784 59.5333 6.31384C59.4679 6.16726 59.4352 6.00655 59.4352 5.83169C59.4352 5.64655 59.4705 5.48198 59.5411 5.33798C59.6118 5.19141 59.706 5.06669 59.8238 4.96384C59.9416 4.85841 60.075 4.77741 60.2242 4.72084C60.376 4.66426 60.5343 4.63212 60.6992 4.62441V4.41612H61.1192V4.62441C61.2867 4.63212 61.4463 4.66555 61.5981 4.72469C61.7499 4.78384 61.8847 4.86484 62.0025 4.96769C62.1202 5.07055 62.2131 5.19526 62.2812 5.34184C62.3492 5.48841 62.3832 5.65169 62.3832 5.83169C62.3832 6.01169 62.3479 6.17498 62.2772 6.32155C62.2092 6.46555 62.1163 6.59026 61.9985 6.69569C61.8808 6.79855 61.746 6.87955 61.5942 6.93869C61.4424 6.99526 61.2841 7.02741 61.1192 7.03512V7.28584H60.6992ZM60.711 6.68412V4.97541C60.5592 4.98312 60.4192 5.02298 60.2909 5.09498C60.1653 5.16441 60.0646 5.26084 59.9887 5.38426C59.9154 5.50769 59.8787 5.65684 59.8787 5.83169C59.8787 5.96284 59.901 6.08112 59.9455 6.18655C59.9926 6.28941 60.0541 6.37684 60.13 6.44884C60.2085 6.51826 60.2975 6.57355 60.3969 6.61469C60.499 6.65584 60.6037 6.67898 60.711 6.68412ZM61.1114 6.68412C61.2605 6.67641 61.3979 6.63784 61.5235 6.56841C61.6492 6.49641 61.7499 6.39869 61.8258 6.27526C61.9017 6.14926 61.9397 6.00141 61.9397 5.83169C61.9397 5.70055 61.9174 5.58355 61.8729 5.48069C61.831 5.37784 61.7709 5.29041 61.6923 5.21841C61.6138 5.14384 61.5249 5.08598 61.4254 5.04484C61.326 5.00369 61.2213 4.98055 61.1114 4.97541V6.68412Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M63.5294 4.54726H63.9455L65.0289 7.28584H64.5657L64.2713 6.54141H63.1957L62.9052 7.28584H62.4381L63.5294 4.54726ZM64.1849 6.22126L63.7374 5.02169L63.2742 6.22126H64.1849Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M65.3932 7.28584V4.54726H65.8329V6.67641L67.3207 4.54726H67.7328V7.28584H67.2932V5.19141L65.8211 7.28584H65.3932ZM66.563 4.36212C66.4217 4.36212 66.3 4.34026 66.198 4.29655C66.0959 4.25026 66.0187 4.18855 65.9664 4.11141C65.914 4.03169 65.8878 3.94426 65.8878 3.84912H66.2058C66.2058 3.91855 66.232 3.98155 66.2843 4.03812C66.3393 4.09469 66.4322 4.12298 66.563 4.12298C66.6913 4.12298 66.7829 4.09726 66.8378 4.04584C66.8928 3.99441 66.9203 3.92884 66.9203 3.84912H67.2382C67.2382 3.94426 67.2121 4.03169 67.1597 4.11141C67.1074 4.18855 67.0302 4.25026 66.9281 4.29655C66.8287 4.34026 66.707 4.36212 66.563 4.36212Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M70.1888 7.28584V4.92912H69.2584L69.2427 5.43826C69.227 5.80598 69.1969 6.11069 69.1524 6.35241C69.1079 6.59155 69.0438 6.78055 68.9601 6.91941C68.8763 7.05569 68.7716 7.15341 68.646 7.21255C68.5204 7.26912 68.3699 7.29741 68.1946 7.29741V6.91941C68.2914 6.91941 68.3765 6.89755 68.4497 6.85384C68.523 6.80755 68.5845 6.72655 68.6342 6.61084C68.6866 6.49512 68.7271 6.33312 68.7559 6.12484C68.7873 5.91398 68.8083 5.64526 68.8187 5.31869L68.8462 4.54726H70.6323V7.28584H70.1888Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M25.7021 18.5007C25.4649 18.5007 25.2625 18.4218 25.095 18.2641C24.9275 18.0996 24.8438 17.8938 24.8438 17.647C24.8438 17.3933 24.924 17.1876 25.0845 17.0298C25.252 16.8721 25.4579 16.7933 25.7021 16.7933C25.9464 16.7933 26.1488 16.8721 26.3093 17.0298C26.4768 17.1876 26.5605 17.3933 26.5605 17.647C26.5605 17.8938 26.4768 18.0996 26.3093 18.2641C26.1418 18.4218 25.9394 18.5007 25.7021 18.5007Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M33.0648 16.7624H29.401L28.6787 18.4287H27.2759L30.5734 11.2287H31.9133L35.2212 18.4287H33.7976L33.0648 16.7624ZM32.6147 15.7133L31.2329 12.5658L29.8616 15.7133H32.6147Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M39.1679 11.2287C39.803 11.2287 40.3543 11.3316 40.8219 11.5373C41.2964 11.743 41.6593 12.0378 41.9106 12.4218C42.1618 12.8058 42.2874 13.2618 42.2874 13.7898C42.2874 14.311 42.1618 14.767 41.9106 15.1578C41.6593 15.5418 41.2964 15.8367 40.8219 16.0424C40.3543 16.2481 39.803 16.351 39.1679 16.351H37.514V18.4287H36.1531V11.2287H39.1679ZM39.1051 15.2196C39.6983 15.2196 40.1484 15.0961 40.4555 14.8493C40.7626 14.6024 40.9161 14.2493 40.9161 13.7898C40.9161 13.3304 40.7626 12.9773 40.4555 12.7304C40.1484 12.4836 39.6983 12.3601 39.1051 12.3601H37.514V15.2196H39.1051Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M46.1692 15.415L45.0072 16.5876V18.4287H43.6464V11.2287H45.0072V14.9213L48.6292 11.2287H50.1575L47.0799 14.4481L50.346 18.4287H48.7548L46.1692 15.415Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M55.5264 12.3498V14.5407H59.0647V15.6721H55.5264V18.4287H54.1656V11.2287H59.5148V12.3498H55.5264Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M60.8308 11.2287H62.1917V18.4287H60.8308V11.2287Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M64.1736 11.2287H65.5345V17.2973H69.3658V18.4287H64.1736V11.2287Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M75.9359 17.3076V18.4287H70.4402V11.2287H75.7894V12.3498H71.801V14.2218H75.3393V15.3224H71.801V17.3076H75.9359Z",
+    fill: "white"
+  }));
+};
+export default ApkRu;