@invoicebox/ui 0.1.0-alpha.28 → 0.1.0-alpha.282

package/dist/components/common/AppCardLink/components/RuStoreRu.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var RuStoreRu = function RuStoreRu(_ref) {
+  var height = _ref.height;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    height: height,
+    viewBox: "0 0 70 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M67.4074 0H2.59259C1.16074 0 0 1.34315 0 3V21C0 22.6569 1.16074 24 2.59259 24H67.4074C68.8393 24 70 22.6569 70 21V3C70 1.34315 68.8393 0 67.4074 0Z",
+    fill: "#353F47"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M67.4074 0.48C67.9846 0.481584 68.5377 0.747593 68.9458 1.21984C69.3539 1.69209 69.5838 2.33214 69.5852 3V21C69.5852 21.3309 69.5289 21.6586 69.4194 21.9644C69.31 22.2701 69.1496 22.5479 68.9473 22.7819C68.7451 23.0159 68.505 23.2015 68.2408 23.3282C67.9766 23.4548 67.6934 23.52 67.4074 23.52H2.59259C2.01543 23.5184 1.4623 23.2524 1.05419 22.7802C0.64607 22.3079 0.416186 21.6679 0.414816 21V3C0.416186 2.33214 0.64607 1.69209 1.05419 1.21984C1.4623 0.747593 2.01543 0.481584 2.59259 0.48H67.4074ZM67.4074 0H2.59259C1.90499 0 1.24556 0.316071 0.759355 0.87868C0.273149 1.44129 0 2.20435 0 3V21C0 21.7957 0.273149 22.5587 0.759355 23.1213C1.24556 23.6839 1.90499 24 2.59259 24H67.4074C68.095 24 68.7544 23.6839 69.2406 23.1213C69.7269 22.5587 70 21.7957 70 21V3C70 2.20435 69.7269 1.44129 69.2406 0.87868C68.7544 0.316071 68.095 0 67.4074 0Z",
+    fill: "#A6A6A6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M28.11 16.3196C29.16 16.0496 29.85 15.2396 29.85 14.1796C29.85 12.8696 28.81 11.9496 27.35 11.9496H24.75V18.9996H25.95V16.4096H26.8L28.66 18.9996H30.07L28.11 16.3196ZM27.35 13.0496C28.1 13.0496 28.62 13.5096 28.62 14.1796C28.62 14.8496 28.1 15.3096 27.35 15.3096H25.95V13.0496H27.35Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M32.7707 19.0996C33.4007 19.0996 33.9807 18.7696 34.3107 18.2196L34.5407 18.9996H35.4007V13.7996H34.2507V16.8096C34.2507 17.5496 33.7607 18.0696 33.0907 18.0696C32.4307 18.0696 31.9707 17.5496 31.9707 16.8096V13.7996H30.8207V16.9396C30.8207 18.1896 31.6607 19.0996 32.7707 19.0996Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M39.0708 19.0996C40.4008 19.0996 41.5008 18.3396 41.5008 17.0796C41.5008 15.6696 40.3508 15.2596 39.3608 14.9196C38.5908 14.6596 37.9208 14.4196 37.9208 13.7896C37.9208 13.2396 38.4308 12.9496 39.0308 12.9496C39.6608 12.9496 40.1108 13.2796 40.3608 13.8396L41.5008 13.6496C41.1408 12.5496 40.2308 11.8496 38.9908 11.8496C37.7108 11.8496 36.6908 12.5896 36.6908 13.8496C36.6908 15.2696 37.8408 15.6596 38.8308 15.9896C39.5908 16.2396 40.2708 16.4796 40.2708 17.1196C40.2708 17.6796 39.7608 17.9996 39.0808 17.9996C38.3008 17.9996 37.8808 17.6296 37.5108 16.9596L36.3508 17.1596C36.6908 18.3496 37.7708 19.0996 39.0708 19.0996Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M44.6292 17.9996C44.2392 17.9996 44.0492 17.8096 44.0492 17.4196V14.7996H45.5992V13.7996H44.0492V12.2996H43.1892L42.8992 13.7996H42.0492V14.7996H42.8992V17.4196C42.8992 18.4396 43.4892 18.9996 44.6292 18.9996H45.5992L45.6992 17.9996H44.6292Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M48.9855 19.0996C50.6155 19.0996 51.7655 17.9796 51.7655 16.3996C51.7655 14.8196 50.6155 13.6996 48.9855 13.6996C47.3555 13.6996 46.2055 14.8196 46.2055 16.3996C46.2055 17.9796 47.3555 19.0996 48.9855 19.0996ZM48.9855 18.0496C48.0455 18.0496 47.4055 17.3796 47.4055 16.3996C47.4055 15.4196 48.0455 14.7496 48.9855 14.7496C49.9255 14.7496 50.5655 15.4196 50.5655 16.3996C50.5655 17.3796 49.9255 18.0496 48.9855 18.0496Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M53.9152 18.9996V15.9296C53.9152 15.2696 54.2352 14.8996 54.9352 14.8996H55.5952L55.4952 13.7996H55.2752C54.6652 13.7996 54.1952 13.9696 53.8452 14.5496L53.6252 13.7996H52.7652V18.9996H53.9152Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M61.2539 16.3396C61.2539 14.8396 60.1339 13.6996 58.5539 13.6996C56.9739 13.6996 55.8539 14.8296 55.8539 16.3996C55.8539 17.9696 56.9739 19.0996 58.5539 19.0996C59.6339 19.0996 60.6539 18.5896 61.0439 17.5996L59.9639 17.4196C59.7139 17.7896 59.2339 18.0496 58.6239 18.0496C57.7439 18.0496 57.1639 17.5096 57.0539 16.7096H61.2339C61.2439 16.5996 61.2539 16.4796 61.2539 16.3396ZM58.5539 14.6996C59.2739 14.6996 59.8139 15.1596 60.0039 15.8096H57.1239C57.3139 15.1396 57.8539 14.6996 58.5539 14.6996Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M25.0352 8.88961V7.52461H25.1252C25.2418 7.52461 25.3352 7.49628 25.4052 7.43961C25.4752 7.38294 25.5335 7.26961 25.5802 7.09961C25.6302 6.92628 25.6685 6.67128 25.6952 6.33461L25.8402 4.47461H28.0602V7.52461H28.5752V8.88961H28.0602V7.99961H25.5502V8.88961H25.0352ZM27.5452 7.52461V4.94961H26.3152L26.2102 6.35961C26.1702 6.92294 26.0668 7.31128 25.9002 7.52461H27.5452Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M30.2123 8.04961C29.9489 8.04961 29.7139 7.99294 29.5073 7.87961C29.3006 7.76628 29.1389 7.60794 29.0223 7.40461C28.9056 7.20128 28.8473 6.96961 28.8473 6.70961C28.8473 6.44961 28.9056 6.21794 29.0223 6.01461C29.1389 5.81128 29.3006 5.65294 29.5073 5.53961C29.7139 5.42294 29.9489 5.36461 30.2123 5.36461C30.4756 5.36461 30.7106 5.42294 30.9173 5.53961C31.1239 5.65294 31.2856 5.81128 31.4023 6.01461C31.5189 6.21794 31.5773 6.44961 31.5773 6.70961C31.5773 6.96961 31.5189 7.20128 31.4023 7.40461C31.2856 7.60794 31.1239 7.76628 30.9173 7.87961C30.7106 7.99294 30.4756 8.04961 30.2123 8.04961ZM30.2123 7.59961C30.4656 7.59961 30.6706 7.51794 30.8273 7.35461C30.9873 7.19128 31.0673 6.97628 31.0673 6.70961C31.0673 6.44294 30.9873 6.22794 30.8273 6.06461C30.6706 5.89794 30.4656 5.81461 30.2123 5.81461C29.9589 5.81461 29.7539 5.89794 29.5973 6.06461C29.4406 6.22794 29.3623 6.44294 29.3623 6.70961C29.3623 6.97294 29.4406 7.18794 29.5973 7.35461C29.7539 7.51794 29.9589 7.59961 30.2123 7.59961Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M33.2927 8.04961C33.0361 8.04961 32.8044 7.99294 32.5977 7.87961C32.3944 7.76294 32.2361 7.60294 32.1227 7.39961C32.0094 7.19628 31.9527 6.96628 31.9527 6.70961C31.9527 6.44961 32.0094 6.21794 32.1227 6.01461C32.2361 5.81128 32.3944 5.65294 32.5977 5.53961C32.8011 5.42294 33.0327 5.36461 33.2927 5.36461C33.5694 5.36461 33.8161 5.43128 34.0327 5.56461C34.2527 5.69794 34.4094 5.88961 34.5027 6.13961L34.0427 6.21461C33.9827 6.09461 33.8877 5.99794 33.7577 5.92461C33.6311 5.85128 33.4861 5.81461 33.3227 5.81461C33.0694 5.81461 32.8627 5.89794 32.7027 6.06461C32.5461 6.23128 32.4677 6.44628 32.4677 6.70961C32.4677 6.97294 32.5461 7.18794 32.7027 7.35461C32.8627 7.51794 33.0694 7.59961 33.3227 7.59961C33.4927 7.59961 33.6427 7.56128 33.7727 7.48461C33.9061 7.40794 34.0027 7.30628 34.0627 7.17961L34.5227 7.25461C34.4294 7.50794 34.2694 7.70461 34.0427 7.84461C33.8194 7.98128 33.5694 8.04961 33.2927 8.04961Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M36.0356 7.99961H35.5456V5.86461H34.6506V5.41461H36.9306V5.86461H36.0356V7.99961Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M39.2455 5.41461H39.7505L38.6705 8.38961C38.5905 8.61294 38.4855 8.77461 38.3555 8.87461C38.2255 8.97461 38.0521 9.02461 37.8355 9.02461H37.4505L37.4055 8.57461H37.8655C37.9621 8.57461 38.0371 8.55294 38.0905 8.50961C38.1438 8.46961 38.1888 8.39794 38.2255 8.29461L38.2805 8.14461L37.1305 5.41461H37.6555L38.4755 7.40961H38.5455L39.2455 5.41461Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M40.6836 7.99961H40.1936V5.41461H42.3936V7.99961H41.9036V5.86461H40.6836V7.99961Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M44.8045 6.46961V5.41461H45.2945V7.99961H44.8045V6.91961H43.5595V7.99961H43.0695V5.41461H43.5595V6.46961H44.8045Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M47.1849 8.04961C46.9216 8.04961 46.6866 7.99294 46.4799 7.87961C46.2733 7.76628 46.1116 7.60794 45.9949 7.40461C45.8783 7.20128 45.8199 6.96961 45.8199 6.70961C45.8199 6.44961 45.8783 6.21794 45.9949 6.01461C46.1116 5.81128 46.2733 5.65294 46.4799 5.53961C46.6866 5.42294 46.9216 5.36461 47.1849 5.36461C47.4483 5.36461 47.6833 5.42294 47.8899 5.53961C48.0966 5.65294 48.2583 5.81128 48.3749 6.01461C48.4916 6.21794 48.5499 6.44961 48.5499 6.70961C48.5499 6.96961 48.4916 7.20128 48.3749 7.40461C48.2583 7.60794 48.0966 7.76628 47.8899 7.87961C47.6833 7.99294 47.4483 8.04961 47.1849 8.04961ZM47.1849 7.59961C47.4383 7.59961 47.6433 7.51794 47.7999 7.35461C47.9599 7.19128 48.0399 6.97628 48.0399 6.70961C48.0399 6.44294 47.9599 6.22794 47.7999 6.06461C47.6433 5.89794 47.4383 5.81461 47.1849 5.81461C46.9316 5.81461 46.7266 5.89794 46.5699 6.06461C46.4133 6.22794 46.3349 6.44294 46.3349 6.70961C46.3349 6.97294 46.4133 7.18794 46.5699 7.35461C46.7266 7.51794 46.9316 7.59961 47.1849 7.59961Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M51.9916 6.64461C52.1249 6.69461 52.2316 6.77628 52.3116 6.88961C52.3949 6.99961 52.4366 7.12961 52.4366 7.27961C52.4366 7.41628 52.3966 7.53961 52.3166 7.64961C52.2399 7.75961 52.1316 7.84628 51.9916 7.90961C51.8516 7.96961 51.6916 7.99961 51.5116 7.99961H50.2766V5.41461H51.4666C51.6366 5.41461 51.7882 5.44461 51.9216 5.50461C52.0549 5.56461 52.1582 5.64628 52.2316 5.74961C52.3082 5.85294 52.3466 5.97128 52.3466 6.10461C52.3466 6.23128 52.3149 6.34128 52.2516 6.43461C52.1916 6.52461 52.1049 6.59461 51.9916 6.64461ZM50.7666 5.82961V6.46461H51.4666C51.5799 6.46461 51.6732 6.43628 51.7466 6.37961C51.8199 6.31961 51.8566 6.24294 51.8566 6.14961C51.8566 6.05628 51.8199 5.97961 51.7466 5.91961C51.6732 5.85961 51.5799 5.82961 51.4666 5.82961H50.7666ZM51.5116 7.58461C51.6416 7.58461 51.7466 7.55128 51.8266 7.48461C51.9066 7.41794 51.9466 7.33128 51.9466 7.22461C51.9466 7.11794 51.9066 7.03128 51.8266 6.96461C51.7466 6.89794 51.6416 6.86461 51.5116 6.86461H50.7666V7.58461H51.5116Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#clip0_185_58821)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.68 20C9.05962 20 7.24942 20 6.12471 18.8753C5 17.7506 5 15.9404 5 12.32L5 11.68C5 8.05956 5 6.24936 6.12471 5.12465C7.24942 4 9.05962 4 12.68 4H12.68L13.32 4C16.9404 4 18.7506 4 19.8753 5.12464C21 6.24934 21 8.05956 21 11.68V12.32C21 15.9404 21 17.7506 19.8753 18.8753C18.7506 20 16.9404 20 13.32 20H12.68Z",
+    fill: "#0077FF"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M14.2529 13.8596C13.8218 13.7519 13.5195 13.3663 13.5195 12.924V7.71347C13.5195 7.21112 13.9942 6.8427 14.4839 6.96501L17.5846 7.73959C18.0157 7.84727 18.3179 8.23288 18.3179 8.67516V13.8857C18.3179 14.388 17.8433 14.7565 17.3536 14.6342L14.2529 13.8596Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M8.41694 16.26C7.98585 16.1523 7.68359 15.7667 7.68359 15.3244V10.1139C7.68359 9.61151 8.15827 9.24309 8.6479 9.3654L11.7486 10.14C12.1797 10.2477 12.482 10.6333 12.482 11.0755V16.2861C12.482 16.7884 12.0073 17.1569 11.5177 17.0345L8.41694 16.26Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M11.3349 15.0607C10.9038 14.9531 10.6016 14.5674 10.6016 14.1252V8.91466C10.6016 8.41231 11.0763 8.04387 11.5659 8.16618L14.6666 8.94076C15.0977 9.04846 15.4 9.43407 15.4 9.87635V15.0869C15.4 15.5892 14.9253 15.9576 14.4356 15.8353L11.3349 15.0607Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M13.3652 15.5677C13.2295 15.5331 13.1328 15.4131 13.1281 15.273L12.9932 11.2938C12.9542 10.7671 12.5632 10.3483 12.1547 10.2249C12.1317 10.218 12.1073 10.2273 12.0937 10.2471C12.0799 10.2671 12.0852 10.2949 12.1045 10.3098C12.2053 10.3879 12.483 10.6427 12.483 11.0823L12.4822 15.3439L13.3652 15.5677Z",
+    fill: "#2B71F6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M16.2832 14.367C16.1476 14.333 16.0508 14.2133 16.0461 14.0735L15.9111 10.0946C15.8721 9.56791 15.4812 9.14906 15.0726 9.02571C15.0497 9.01878 15.0252 9.02811 15.0116 9.04784C14.9978 9.06789 15.0032 9.09566 15.0224 9.11057C15.1233 9.18866 15.401 9.44351 15.401 9.88308L15.4002 14.1462L16.2832 14.367Z",
+    fill: "#2B71F6"
+  })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "clip0_185_58821"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "16",
+    height: "16",
+    fill: "white",
+    transform: "translate(5 4)"
+  }))));
+};
+var _default = exports["default"] = RuStoreRu;

package/dist/components/common/AppCardLink/constants.d.ts

@@ -0,0 +1,4 @@
+export type TAppCardProps = {
+    height: number;
+};
+export type TAppCardVariant = 'apk' | 'appGallery' | 'googlePlay' | 'ruStore';

package/dist/components/common/AppCardLink/constants.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/common/AppCardLink/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { TAppCardVariant } from './constants';
+export type TProps = {
+    height: number;
+    variant: TAppCardVariant;
+    href: string;
+};
+export declare const AppCardLink: FC<TProps>;

package/dist/components/common/AppCardLink/index.js

@@ -0,0 +1,34 @@
+"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.AppCardLink = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GooglePlayRu = _interopRequireDefault(require("./components/GooglePlayRu"));
+var _ApkRu = _interopRequireDefault(require("./components/ApkRu"));
+var _RuStoreRu = _interopRequireDefault(require("./components/RuStoreRu"));
+var _AppGalleryRu = _interopRequireDefault(require("./components/AppGalleryRu"));
+var S = _interopRequireWildcard(require("./styles"));
+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 AppCardLink = exports.AppCardLink = function AppCardLink(_ref) {
+  var height = _ref.height,
+    variant = _ref.variant,
+    href = _ref.href;
+  var appCardMap = {
+    googlePlay: _GooglePlayRu["default"],
+    apk: _ApkRu["default"],
+    ruStore: _RuStoreRu["default"],
+    appGallery: _AppGalleryRu["default"]
+  };
+  var AppCardComponent = appCardMap[variant];
+  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
+    href: href,
+    target: '_blank'
+  }, /*#__PURE__*/_react["default"].createElement(AppCardComponent, {
+    height: height
+  }));
+};

package/dist/components/common/AppCardLink/index.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { TProps } from '.';
+declare const meta: {
+    title: string;
+    component: import("react").FC<TProps>;
+    tags: string[];
+};
+export default meta;
+export declare const Default: StoryObj<TProps>;

package/dist/components/common/AppCardLink/index.stories.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/AppCardLink',
+  component: _.AppCardLink,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  args: {
+    height: 24,
+    variant: 'apk',
+    href: 'https://www.invoicebox.ru/ru/'
+  }
+};

package/dist/components/common/AppCardLink/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;

package/dist/components/common/AppCardLink/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Wrapper = exports.Wrapper = _styledComponents["default"].a.withConfig({
+  displayName: "styles__Wrapper",
+  componentId: "sc-1qvkuej-0"
+})([""]);

package/dist/components/common/Arrow/components/StyledSvg/index.d.ts

@@ -1,11 +1,8 @@
 /// <reference types="react" />
-export declare const StyledSvg: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../Svg").TProps, {
+export declare const StyledSvg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Svg").TProps, {
     $isOpen: boolean;
-    $isLight: boolean;
-    $openLightColor: string;
-    $closeLightColor: string;
-    $openUsualColor: string;
-    $closeUsualColor: string;
+    $openColor: string;
+    $closeColor: string;
     $padding: number;
     $defaultRotate: number;
-}>> & Omit<import("react").FC<import("../Svg").TProps>, keyof import("react").Component<any, {}, any>>;
+}>> & string & Omit<import("react").FC<import("../Svg").TProps>, keyof import("react").Component<any, {}, any>>;

package/dist/components/common/Arrow/components/StyledSvg/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledSvg = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Svg = require("../Svg");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var StyledSvg = exports.StyledSvg = (0, _styledComponents["default"])(_Svg.Svg).withConfig({
   displayName: "StyledSvg",
   componentId: "sc-8dnufv-0"
@@ -18,14 +18,8 @@ var StyledSvg = exports.StyledSvg = (0, _styledComponents["default"])(_Svg.Svg).
   var $padding = _ref2.$padding;
   return $padding;
 }, function (_ref3) {
-  var $isLight = _ref3.$isLight,
-    $isOpen = _ref3.$isOpen,
-    $openLightColor = _ref3.$openLightColor,
-    $closeLightColor = _ref3.$closeLightColor,
-    $openUsualColor = _ref3.$openUsualColor,
-    $closeUsualColor = _ref3.$closeUsualColor;
-  if ($isLight && $isOpen) return $openLightColor;
-  if ($isLight && !$isOpen) return $closeLightColor;
-  if (!$isLight && $isOpen) return $openUsualColor;
-  if (!$isLight && !$isOpen) return $closeUsualColor;
+  var $isOpen = _ref3.$isOpen,
+    $openColor = _ref3.$openColor,
+    $closeColor = _ref3.$closeColor;
+  return $isOpen ? $openColor : $closeColor;
 });

package/dist/components/common/Arrow/components/StyledSvg/index.stories.js

@@ -17,11 +17,8 @@ var _default = exports["default"] = meta;
 var Default = exports.Default = {
   args: {
     $isOpen: false,
-    $isLight: false,
-    $openLightColor: '#cfc',
-    $closeLightColor: '#cac',
-    $openUsualColor: '#05b',
-    $closeUsualColor: '#00b',
+    $openColor: '#05b',
+    $closeColor: '#00b',
     size: 10,
     $padding: 7,
     $defaultRotate: 0

package/dist/components/common/Arrow/components/Svg/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Svg = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var Svg = exports.Svg = function Svg(_ref) {
   var className = _ref.className,
     size = _ref.size;

package/dist/components/common/Arrow/index.d.ts

@@ -2,7 +2,6 @@ import { FC } from 'react';
 import { TArrowPalette } from './palette';
 export type TProps = {
     isOpen: boolean;
-    isLight?: boolean;
     innerSize?: number;
     outterSize?: number;
     defaultRotate?: number;

package/dist/components/common/Arrow/index.js

@@ -7,11 +7,9 @@ exports.Arrow = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _StyledSvg = require("./components/StyledSvg");
 var _palette = require("../../../palette");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var Arrow = exports.Arrow = function Arrow(_ref) {
   var isOpen = _ref.isOpen,
-    _ref$isLight = _ref.isLight,
-    isLight = _ref$isLight === void 0 ? false : _ref$isLight,
     _ref$innerSize = _ref.innerSize,
     innerSize = _ref$innerSize === void 0 ? 10 : _ref$innerSize,
     _ref$outterSize = _ref.outterSize,
@@ -22,11 +20,8 @@ var Arrow = exports.Arrow = function Arrow(_ref) {
   var mergedPalette = (0, _palette.useComponentPalette)('arrow', palette);
   return /*#__PURE__*/_react["default"].createElement(_StyledSvg.StyledSvg, {
     $isOpen: isOpen,
-    $isLight: isLight,
-    $openLightColor: mergedPalette.openLight,
-    $closeLightColor: mergedPalette.closeLight,
-    $openUsualColor: mergedPalette.openUsual,
-    $closeUsualColor: mergedPalette.closeUsual,
+    $openColor: mergedPalette.open,
+    $closeColor: mergedPalette.close,
     size: innerSize,
     $padding: (outterSize - innerSize) / 2,
     $defaultRotate: defaultRotate

package/dist/components/common/Arrow/index.stories.js

@@ -14,7 +14,6 @@ var _default = exports["default"] = meta;
 var Default = exports.Default = {
   args: {
     isOpen: false,
-    isLight: false,
     innerSize: 10,
     outterSize: 24,
     defaultRotate: 0

package/dist/components/common/Arrow/palette.d.ts

@@ -1,8 +1,6 @@
 import { TAbstractPalette } from '../../../palette';
 export type TArrowPalette = {
-    openLight: string;
-    closeLight: string;
-    openUsual: string;
-    closeUsual: string;
+    open: string;
+    close: string;
 };
 export declare const generateArrowPalette: (abstractPalette: TAbstractPalette) => TArrowPalette;

package/dist/components/common/Arrow/palette.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.generateArrowPalette = void 0;
 var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var generateArrowPalette = exports.generateArrowPalette = function generateArrowPalette(abstractPalette) {
   return {
-    openLight: (0, _hexToRgba["default"])(abstractPalette.neutralUsual, 0.8),
-    closeLight: (0, _hexToRgba["default"])(abstractPalette.neutralUsual, 0.8),
-    openUsual: (0, _hexToRgba["default"])(abstractPalette.primary, 0.5),
-    closeUsual: (0, _hexToRgba["default"])(abstractPalette.primary, 0.5)
+    open: (0, _hexToRgba["default"])(abstractPalette.primary, 0.5),
+    close: (0, _hexToRgba["default"])(abstractPalette.primary, 0.5)
   };
 };

package/dist/components/common/BgCard/index.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+export type TProps = {
+    children: ReactNode;
+    isTopLeftBorderRadius?: boolean;
+};
+export declare const BgCard: FC<TProps>;

package/dist/components/common/BgCard/index.js

@@ -0,0 +1,23 @@
+"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.BgCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var S = _interopRequireWildcard(require("./styles"));
+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 BgCard = exports.BgCard = function BgCard(_ref) {
+  var children = _ref.children,
+    _ref$isTopLeftBorderR = _ref.isTopLeftBorderRadius,
+    isTopLeftBorderRadius = _ref$isTopLeftBorderR === void 0 ? true : _ref$isTopLeftBorderR;
+  var palette = (0, _palette.useComponentPalette)('bgCard');
+  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
+    $palette: palette,
+    $isTopLeftBorderRadius: isTopLeftBorderRadius
+  }, children);
+};

package/dist/components/common/BgCard/index.stories.d.ts

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

package/dist/components/common/BgCard/index.stories.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var meta = {
+  title: 'common/BgCard',
+  component: _.BgCard,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  args: {
+    children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, "Some children"), /*#__PURE__*/_react["default"].createElement("div", null, "Some children")),
+    isTopLeftBorderRadius: true
+  }
+};

package/dist/components/common/BgCard/palette.d.ts

@@ -0,0 +1,5 @@
+import { TAbstractPalette } from '../../../palette';
+export type TBgCardPalette = {
+    bg: string;
+};
+export declare const generateBgCardPalette: (abstractPalette: TAbstractPalette) => TBgCardPalette;

package/dist/components/common/BgCard/palette.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateBgCardPalette = void 0;
+var generateBgCardPalette = exports.generateBgCardPalette = function generateBgCardPalette(abstractPalette) {
+  return {
+    bg: abstractPalette.base
+  };
+};

package/dist/components/common/BgCard/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TBgCardPalette } from './palette';
+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>, {
+    $palette: TBgCardPalette;
+    $isTopLeftBorderRadius: boolean;
+}>> & string;

package/dist/components/common/BgCard/styles.js

@@ -0,0 +1,21 @@
+"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.Wrapper = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _breakpoints = require("../../../breakpoints");
+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; }
+var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Wrapper",
+  componentId: "sc-1vrvxit-0"
+})(["background-color:", ";position:relative;border-radius:20px;padding:30px;", " @media ", "{padding:16px;}"], function (_ref) {
+  var $palette = _ref.$palette;
+  return $palette.bg;
+}, function (_ref2) {
+  var $isTopLeftBorderRadius = _ref2.$isTopLeftBorderRadius;
+  return !$isTopLeftBorderRadius && (0, _styledComponents.css)(["border-top-left-radius:0px;"]);
+}, _breakpoints.breakpoints.md);

package/dist/components/common/Calendar/docs.stories.d.ts

@@ -0,0 +1,6 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+};
+export default meta;
+export declare const Installation: StoryObj;

package/dist/components/common/Calendar/docs.stories.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Installation = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
+var _Typography = require("../Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var meta = {
+  title: 'common/Calendar'
+};
+var _default = exports["default"] = meta;
+var Installation = exports.Installation = {
+  render: function render() {
+    return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+      variant: "bodyL"
+    }, /*#__PURE__*/_react["default"].createElement(_markdownToJsx["default"], null, "\n### \u0423\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0430\n\n\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0430 [react-calendar](https://github.com/wojtekmaj/react-calendar).\n\u0414\u043B\u044F \u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E\u0439 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0441\u0442\u0438\u043B\u0438.\n\n```ts\nimport 'react-calendar/dist/Calendar.css';\n```\n"));
+  }
+};

package/dist/components/common/Calendar/index.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+type TGeneralProps = {
+    minDate?: Date;
+    maxDate?: Date;
+    onActiveStartDateChange?: () => void;
+    isLargeMobileSize?: boolean;
+};
+export type TProps = TGeneralProps & ({
+    onChange: (value: Date) => void;
+    value: null | Date;
+    selectRange?: false;
+} | {
+    onChange: (value: [Date, Date]) => void;
+    value: null | [Date, Date];
+    selectRange: true;
+});
+export declare const Calendar: FC<TProps>;
+export {};

package/dist/components/common/Calendar/index.js

@@ -0,0 +1,53 @@
+"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.Calendar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _palette = require("../../../palette");
+var _styles = require("./styles");
+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; }
+var Calendar = exports.Calendar = function Calendar(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
+    selectRange = _ref.selectRange,
+    onActiveStartDateChange = _ref.onActiveStartDateChange,
+    _ref$isLargeMobileSiz = _ref.isLargeMobileSize,
+    isLargeMobileSize = _ref$isLargeMobileSiz === void 0 ? false : _ref$isLargeMobileSiz;
+  var palette = (0, _palette.useComponentPalette)('calendar');
+  var handleChange = (0, _react.useCallback)(function (newValue) {
+    if (selectRange) {
+      onChange(newValue);
+    } else {
+      onChange(newValue);
+    }
+  }, [onChange, selectRange]);
+  return /*#__PURE__*/_react["default"].createElement(_styles.LibCalendar, {
+    locale: "ru",
+    minDate: minDate,
+    maxDate: maxDate,
+    showNeighboringMonth: false,
+    minDetail: "month",
+    next2Label: null,
+    prev2Label: null,
+    onChange: handleChange,
+    value: value,
+    selectRange: selectRange,
+    onActiveStartDateChange: onActiveStartDateChange
+    // styles
+    ,
+    $arrow: palette.arrow,
+    $weekDay: palette.weekday,
+    $tile: palette.tile,
+    $tileActive: palette.tileActive,
+    $tileBgActive: palette.tileBgActive,
+    $tileBgRangeBetween: palette.tileBgRangeBetween,
+    $month: palette.month,
+    $isLargeMobileSize: isLargeMobileSize
+  });
+};

package/dist/components/common/Calendar/index.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Calendar } from '.';
+import 'react-calendar/dist/Calendar.css';
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+export declare const Default: StoryObj<typeof Calendar>;
+export declare const Range: StoryObj<typeof Calendar>;