profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/ControlButton/ControlButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.js","sourceRoot":"","sources":["../../../../src/components/uikit/ControlButton/ControlButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,yDAAiD;AACjD,+DAAgD;AAChD,8CAA0C;AAE1C,4DAAoD;AACpD,gEAAsD;AAEtD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAC1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI;YAC9D,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,uBAAU,IAAC,OAAO,EAAC,oBAAoB,EAAC,GAAG,EAAC,MAAM,IAChD,IAAI,CACM,CACd;YACA,IAAI,IAAI,IAAI,CACC,CACF,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAEQ,sCAAa"}

package/dist/components/uikit/ControlButton/ControlButton.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlButton = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Filter2_svg_1 = __importDefault(require("../../../icons/Filter2.svg"));
+const ControlButton_1 = require("./ControlButton");
+exports.default = {
+    title: 'Components/ControlButton',
+    component: ControlButton_1.ControlButton,
+    tags: ['autodocs']
+};
+const ControlButton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "ControlButton"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u043A\u043D\u043E\u043F\u043A\u0438 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u043B\u0435\u0440\u0430, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u043C\u043E\u0436\u0435\u0442 \u043E\u0442\u0432\u0435\u0447\u0430\u0442\u044C \u0437\u0430 \u0440\u0430\u0437\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ControlButton_1.ControlButton, { onClick: () => alert('click'), icon: react_1.default.createElement(Filter2_svg_1.default, null) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0430 \u043C\u043E\u0436\u0435\u0442 \u0438\u043C\u0435\u0442\u044C \u0434\u0432\u0430 \u0432\u0438\u0434\u0430: <b>secondary</b> \u0438 <b>accent</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D <b>secondary</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '12px' } },
+                react_1.default.createElement(ControlButton_1.ControlButton, { onClick: () => alert('click'), icon: react_1.default.createElement(Filter2_svg_1.default, null) }),
+                react_1.default.createElement(ControlButton_1.ControlButton, { onClick: () => alert('click'), type: "accent", icon: react_1.default.createElement(Filter2_svg_1.default, null) }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0430 \u043C\u043E\u0436\u0435\u0442 \u0438\u043C\u0435\u0442\u044C \u0434\u0432\u0430 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: <b>S</b> \u0438 <b>M</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D <b>S</b>. \u0414\u043B\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F\n      \u0434\u0440\u0443\u0433\u043E\u0433\u043E \u0440\u0430\u0437\u043C\u0435\u0440\u0430 \u043F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u0435\u043C\u0443 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>size</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '12px' } },
+                react_1.default.createElement(ControlButton_1.ControlButton, { onClick: () => alert('click'), icon: react_1.default.createElement(Filter2_svg_1.default, null) }),
+                react_1.default.createElement(ControlButton_1.ControlButton, { onClick: () => alert('click'), icon: react_1.default.createElement(Filter2_svg_1.default, null), size: "M" })))));
+};
+exports.ControlButton = ControlButton;
+//# sourceMappingURL=ControlButton.stories.js.map

package/dist/components/uikit/ControlButton/ControlButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/ControlButton/ControlButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAC/D,6EAAmD;AACnD,mDAA4D;AAE5D,kBAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,6BAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,oBAA4B;QACnD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,4dAA2F,GAAG;QACrH,8BAAC,2BAAY;YACX,8BAAC,6BAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,8BAAC,qBAAU,OAAG,GAAI,CACrD;QACf,8BAAC,uBAAU,wEAAyB;QACpC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,mTAAsG,GAAG;QAChI,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,6BAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,8BAAC,qBAAU,OAAG,GAAI;gBAClE,8BAAC,6BAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAC7B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,8BAAC,qBAAU,OAAG,GACpB,CACE,CACO;QACf,8BAAC,uBAAU,oFAA2B;QACtC,8BAAC,mCAAgB,IACf,IAAI,EAAC,unBAC6C,GAClD;QACF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,6BAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,8BAAC,qBAAU,OAAG,GAAI;gBAClE,8BAAC,6BAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAC7B,IAAI,EAAE,8BAAC,qBAAU,OAAG,EACpB,IAAI,EAAC,GAAG,GACR,CACE,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,aAAa,iBAqCzB"}

package/dist/components/uikit/ControlButton/ControlButton.styled.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const animation_2 = require("../../../constants/animation/animation");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Button = styled_components_1.default.button `
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${(props) => (props.size === 'M' ? '10px' : '6px')};
+  height: ${(props) => (props.size === 'M' ? '44px' : '32px')};
+  min-width: ${(props) => (props.size === 'M' ? '44px' : '32px')};
+  gap: 6px;
+  border: none;
+  background: ${(props) => props.mode === 'accent'
+    ? props.theme.interactiveControls.accent
+    : props.theme.interactiveControls.secondary};
+  border-radius: ${(props) => (props.size === 'M' ? '8px' : '10px')};
+  cursor: pointer;
+  transition: background-color 0.3s ${animation_2.AnimationFunctions.animation_1},
+    border 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & > span {
+    color: ${(props) => props.theme.text.primary};
+  }
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+  &:hover {
+    background: ${(props) => props.theme.interactiveControls.supportive}
+`;
+//# sourceMappingURL=ControlButton.styled.js.map

package/dist/components/uikit/ControlButton/ControlButton.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/ControlButton/ControlButton.styled.ts"],"names":[],"mappings":";;;;;;AAAA,sEAA2E;AAE3E,0EAAsC;AAEzB,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAGjC;;;;;aAKW,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;YACjD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;eAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;gBAGhD,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,IAAI,KAAK,QAAQ;IACrB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM;IACxC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS;mBAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;;sCAE7B,8BAAkB,CAAC,WAAW;kBAClD,8BAAkB,CAAC,WAAW;;aAEnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;YAGpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;kBAG9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,UAAU;CACtE,CAAA"}

package/dist/components/uikit/ControlButton/ControlButton.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ControlButton.typed.js.map

package/dist/components/uikit/ControlButton/ControlButton.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/ControlButton/ControlButton.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/ControlButton/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlButton = void 0;
+var ControlButton_1 = require("./ControlButton");
+Object.defineProperty(exports, "ControlButton", { enumerable: true, get: function () { return ControlButton_1.ControlButton; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/ControlButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/ControlButton/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAAtC,8GAAA,aAAa,OAAA"}

package/dist/components/uikit/Counter/Counter.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Counter = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Counter.styled"));
+const Typography_1 = require("../Typography");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../theme/theme.const");
+const Counter = ({ number, type = 'brand', style }) => {
+    const { mode: theme } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[theme] },
+        react_1.default.createElement(Styled.Wrapper, { type: type, style: style },
+            react_1.default.createElement(Typography_1.Typography, { variant: "tag-Medium11", tag: "span" }, number))));
+};
+exports.Counter = Counter;
+//# sourceMappingURL=Counter.js.map

package/dist/components/uikit/Counter/Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.js","sourceRoot":"","sources":["../../../../src/components/uikit/Counter/Counter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,yDAA0C;AAC1C,8CAA0C;AAE1C,gEAAsD;AACtD,yDAAiD;AACjD,4DAAoD;AAEpD,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,KAAK,EAAY,EAAE,EAAE;IAC9D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IACjC,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,KAAK,CAAC;QAClC,8BAAC,MAAM,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;YACtC,8BAAC,uBAAU,IAAC,OAAO,EAAC,cAAc,EAAC,GAAG,EAAC,MAAM,IAC1C,MAAM,CACI,CACE,CACH,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,0BAAO"}

package/dist/components/uikit/Counter/Counter.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Counter = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Counter_1 = require("./Counter");
+exports.default = {
+    title: 'Components/Counter',
+    component: Counter_1.Counter,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=13284-18344&mode=dev'
+        }
+    }
+};
+const Counter = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Counter"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0441\u0443\u0449\u043D\u043E\u0441\u0442\u0435\u0439." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Counter_1.Counter, { number: 99 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B counters"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u0442\u044C \u0442\u0440\u0438 \u0432\u0438\u0434\u0430: <b>notification</b>, <b>brand</b>, <b>neutral</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '16px' } },
+                react_1.default.createElement(Counter_1.Counter, { number: 1, type: "notification" }),
+                react_1.default.createElement(Counter_1.Counter, { number: 13, type: "brand" }),
+                react_1.default.createElement(Counter_1.Counter, { number: 1327, type: "neutral" })))));
+};
+exports.Counter = Counter;
+//# sourceMappingURL=Counter.stories.js.map

package/dist/components/uikit/Counter/Counter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Counter/Counter.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,uCAAgD;AAEhD,kBAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,iBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,uGAAuG;SAC7G;KACF;CACF,CAAA;AAEM,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,cAAsB;QAC7C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,sUAA6D,GAAG;QACvF,8BAAC,2BAAY;YACX,8BAAC,iBAAS,IAAC,MAAM,EAAE,EAAE,GAAI,CACZ;QACf,8BAAC,uBAAU,4CAA2B;QACtC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,0HAAmE,GAAG;QAC7F,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,iBAAS,IAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,GAAG;gBAC5C,8BAAC,iBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG;gBACtC,8BAAC,iBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,SAAS,GAAG,CACtC,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,OAAO,WAmBnB"}

package/dist/components/uikit/Counter/Counter.styled.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const getBackground = (type, theme) => {
+    if (type === 'brand')
+        return theme.other.violet;
+    if (type === 'neutral')
+        return theme.other.gray;
+    return theme.other.red;
+};
+exports.Wrapper = styled_components_1.default.div `
+  border-radius: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 2px;
+  background: ${(props) => getBackground(props.type, props.theme)};
+  width: fit-content;
+  min-width: 18px;
+  color: ${(props) => props.theme.text.contrastThemed};
+`;
+//# sourceMappingURL=Counter.styled.js.map

package/dist/components/uikit/Counter/Counter.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Counter/Counter.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAItC,MAAM,aAAa,GAAG,CAAC,IAAkB,EAAE,KAAa,EAAE,EAAE;IAC1D,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAA;IAC/C,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;IAC/C,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAA;AACxB,CAAC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAwB;;;;;;gBAMzC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;;;WAGtD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;CACpD,CAAA"}

package/dist/components/uikit/Counter/Counter.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Counter.typed.js.map

package/dist/components/uikit/Counter/Counter.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Counter/Counter.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/Counter/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Counter = void 0;
+var Counter_1 = require("./Counter");
+Object.defineProperty(exports, "Counter", { enumerable: true, get: function () { return Counter_1.Counter; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Counter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Counter/index.ts"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}

package/dist/components/uikit/Datepicker/Datepicker.js

@@ -0,0 +1,101 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Datepicker = void 0;
+const date_fns_1 = require("date-fns");
+const locale_1 = require("date-fns/locale");
+const Styled = __importStar(require("./Datepicker.styled"));
+const react_1 = __importStar(require("react"));
+const react_datepicker_1 = __importStar(require("react-datepicker"));
+const Input_1 = require("./components/Input/Input");
+const Header_1 = require("./components/Header/Header");
+const Time_1 = require("./components/Time/Time");
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const useGetDevice_1 = require("../../../hooks/useGetDevice");
+(0, react_datepicker_1.registerLocale)('ru', locale_1.ru);
+const Datepicker = (_a) => {
+    var { error, view = 'input' } = _a, props = __rest(_a, ["error", "view"]);
+    const datePickerRef = (0, react_1.useRef)(null);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const { device } = (0, useGetDevice_1.useGetDevice)();
+    const handleClear = () => {
+        if (props.selectsRange) {
+            props.onChange([null, null], props.name);
+        }
+        else {
+            props.onChange(null, props.name);
+        }
+        if (props.handleClose) {
+            props.handleClose();
+        }
+    };
+    const handleChange = (val, e) => {
+        if (props.UTC) {
+            const utcDate = val.map((item) => {
+                if (item) {
+                    const createdDateObj = new Date(item);
+                    return new Date(Date.UTC(createdDateObj.getFullYear(), createdDateObj.getMonth(), createdDateObj.getDate()));
+                }
+            });
+            props.onChange(utcDate, props.name, e);
+        }
+        else {
+            props.onChange(val, props.name, e);
+        }
+    };
+    const handleChevronClick = (e, type) => {
+        const [startDate, endDate] = [props.startDate, props.endDate];
+        const handleFn = type === 'add' ? date_fns_1.addDays : date_fns_1.subDays;
+        if (startDate && endDate) {
+            const { days: differenceInDays } = (0, date_fns_1.intervalToDuration)({
+                start: startDate,
+                end: endDate
+            });
+            const newStartDate = handleFn(startDate, differenceInDays);
+            const newEndDate = handleFn(endDate, differenceInDays);
+            props.onChange([newStartDate, newEndDate], props.name, e);
+            return;
+        }
+        props.onChange([handleFn(startDate, 1), null], props.name, e);
+    };
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.DatepickerContainer, { "$mode": mode, className: 'datepicker-container' },
+            react_1.default.createElement(react_datepicker_1.default, Object.assign({}, props, { withPortal: device === 'mobile', selectsRange: props.selectsRange, minDate: props.minDate, maxDate: props.maxDate, selectsMultiple: props.selectsMultiple, showMonthYearDropdown: props.showMonthYearDropdown, ref: datePickerRef, dateFormat: props.showTimeInput ? 'dd.MM.yyyy HH:mm' : 'dd.MM.yyyy', shouldCloseOnSelect: !props.showTimeInput, popperPlacement: props.popperPlacement || 'bottom-start', customTimeInput: react_1.default.createElement(Time_1.Time, { datePickerRef: datePickerRef }), customInput: react_1.default.createElement(Input_1.DatepickerInput, { handleChevronClick: handleChevronClick, error: error, disabled: props.disabled, readOnly: props.readOnly, handleClear: handleClear, view: view }), renderCustomHeader: (props) => react_1.default.createElement(Header_1.DatepickerHeader, Object.assign({}, props)), locale: 'ru', calendarStartDay: 1, showPopperArrow: false, onChange: handleChange })))));
+};
+exports.Datepicker = Datepicker;
+//# sourceMappingURL=Datepicker.js.map

package/dist/components/uikit/Datepicker/Datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../../../src/components/uikit/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Datepicker/Datepicker.stories.js

@@ -0,0 +1,94 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Datepicker = void 0;
+const react_1 = __importStar(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Datepicker_1 = require("./Datepicker");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.default = {
+    title: 'Components/Datepicker',
+    component: Datepicker_1.Datepicker,
+    tags: ['autodocs']
+};
+const Wrapper = styled_components_1.default.div `
+  & .datepicker-container {
+    max-width: 340px;
+  }
+`;
+const Datepicker = () => {
+    const [date, setDate] = (0, react_1.useState)(null);
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    const onChangeRange = (dates) => {
+        const [start, end] = dates;
+        setStartDate(start);
+        setEndDate(end);
+    };
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Datepicker"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "<b>\u0414\u043B\u044F \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430\u0434\u043E \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C css \u0434\u043B\u044F \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044F \u043D\u0430 \u0443\u0440\u043E\u0432\u043D\u0435 \u043F\u0440\u043E\u0435\u043A\u0442\u0430!!</b>. \u0411\u0435\u0440\u0435\u043C \u0432\u0435\u0440\u0441\u0438\u044E 7.6.0/react-datepicker.min.css\n          <a href='https://cdnjs.com/libraries/react-datepicker' target='_blank'>https://cdnjs.com/libraries/react-datepicker</a>" }),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u043C \u0434\u0430\u0442\u044B. \u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u043E\u0441\u043D\u043E\u0432\u0430\u043D \u043D\u0430 \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0435 <b>react-datepicker</b>.\n      \u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442 \u043F\u043E\u0447\u0442\u0438 \u0432\u0441\u0435 \u0442\u0435 \u0436\u0435 \u0441\u0430\u043C\u044B\u0435 props, \u0447\u0442\u043E \u0438 \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0430. \u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0446\u0438\u044E \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435:\n      <a href='https://reactdatepicker.com' target='_blank'>https://reactdatepicker.com</a>. \u0412 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0438\u043D\u043F\u0443\u0442\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F\n      \u043D\u0430\u0448 \u0441\u0442\u0430\u043D\u0434\u0430\u0440\u0442\u043D\u044B\u0439 \u0438\u043D\u043F\u0443\u0442." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Datepicker_1.Datepicker, { selected: date, onChange: setDate })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0438\u043C\u0435\u0440 \u0438\u043D\u043B\u0430\u0439\u043D\u043E\u0432\u043E\u0433\u043E \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043B\u0430\u0439\u043D\u043E\u0432\u044B\u0439 \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C - \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u043D\u0435 \u0438\u043C\u0435\u0435\u0442 \u0438\u043D\u043F\u0443\u0442\u0430 \u0438 \u043E\u0442\u043A\u0440\u044B\u0442 \u0432\u0441\u0435\u0433\u0434\u0430" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Datepicker_1.Datepicker, { inline: true, selected: date, onChange: setDate })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044F \u0441 \u0434\u0438\u0430\u043F\u0430\u0437\u043E\u043D\u043E\u043C"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\u044B\u0431\u0438\u0440\u0430\u0442\u044C \u043F\u0440\u043E\u043C\u0435\u0436\u0443\u0442\u043E\u043A \u0434\u0430\u0442" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Datepicker_1.Datepicker, { selected: startDate, onChange: onChangeRange, selectsRange: true, startDate: startDate, endDate: endDate })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B \u0438\u043D\u043F\u0443\u0442\u043E\u0432"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0438\u043D\u043F\u0443\u0442\u043E\u0432 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F: <b>icon</b>, <b>static</b> \u0438 \u0434\u0435\u0444\u043E\u043B\u0442\u043D\u044B\u0439 <b>input</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 16 } },
+                react_1.default.createElement(Datepicker_1.Datepicker, { view: "icon", selected: date, onChange: setDate }),
+                react_1.default.createElement(Datepicker_1.Datepicker, { view: "static", selected: startDate, onChange: onChangeRange, selectsRange: true, startDate: startDate, endDate: endDate }),
+                react_1.default.createElement(Datepicker_1.Datepicker, { selected: date, onChange: setDate }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u044B\u0431\u043E\u0440 \u0432\u0440\u0435\u043C\u0435\u043D\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C \u0441 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C\u044E \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0440\u0435\u043C\u0435\u043D\u0438" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Datepicker_1.Datepicker, { showTimeInput: true, placeholderText: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0430\u0442\u0443", selected: date, onChange: setDate })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0438\u043C\u0435\u0440\u044B \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0439"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C \u0441 \u043F\u043B\u0435\u0439\u0441\u0445\u043E\u043B\u0434\u0435\u0440\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Datepicker_1.Datepicker, { placeholderText: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0430\u0442\u0443", selected: date, onChange: setDate })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C \u0441 \u043E\u0448\u0438\u0431\u043A\u043E\u0439 \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430 \u0438 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 } },
+                react_1.default.createElement(Datepicker_1.Datepicker, { placeholderText: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0430\u0442\u0443", error: true, selected: date, onChange: setDate }),
+                react_1.default.createElement(Datepicker_1.Datepicker, { selected: date, onChange: setDate, placeholderText: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0430\u0442\u0443", error: "Something went wrong" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0417\u0430\u0434\u0438\u0437\u0435\u0439\u0431\u043B\u0435\u043D\u043D\u044B\u0439 \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Datepicker_1.Datepicker, { placeholderText: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0430\u0442\u0443", disabled: true, selected: date, onChange: setDate }))));
+};
+exports.Datepicker = Datepicker;
+//# sourceMappingURL=Datepicker.stories.js.map

package/dist/components/uikit/Datepicker/Datepicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Datepicker/Datepicker.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Datepicker/Datepicker.styled.js

@@ -0,0 +1,155 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatepickerContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.DatepickerContainer = styled_components_1.default.div `
+  width: 100%;
+
+  .react-datepicker-wrapper {
+    width: 100%;
+  }
+
+  .react-datepicker-popper {
+    z-index: 100;
+  }
+
+  .react-datepicker__portal {
+    background: ${(props) => props.theme.other.gray};
+  }
+
+  .react-datepicker {
+    border: 0.5px solid ${({ theme }) => theme.stroke.primary};
+    box-shadow: ${(props) => props.$mode === 'dark'
+    ? 'none'
+    : '0 4px 8px rgba(0, 0, 0, 0.04), 0 0 4px rgba(0, 0, 0, 0.06)'};
+    border-radius: 8px;
+    background-color: ${({ theme }) => theme.background.content};
+  }
+
+  .react-datepicker__day--today {
+    border: 1px solid ${({ theme }) => theme.stroke.accent} !important;
+  }
+
+  .react-datepicker__day {
+    font-family: 'Manrope', sans-serif;
+    color: ${({ theme }) => theme.text.primary};
+    width: 35px !important;
+    height: 35px !important;
+    font-weight: 500;
+    outline: none;
+    font-size: 13px;
+    line-height: 35px;
+    border-radius: 8px;
+    border: 1px solid transparent;
+
+    &:hover {
+      background: transparent !important;
+      border-radius: 8px !important;
+      border: 1px solid ${({ theme }) => theme.stroke.accent} !important;
+    }
+
+    &.react-datepicker__day--disabled:hover {
+      background: transparent;
+      border-radius: 0;
+      border-color: transparent;
+    }
+  }
+
+  .react-datepicker__day-name {
+    font-family: 'Manrope', sans-serif;
+    color: ${({ theme }) => theme.text.secondary};
+    width: 35px;
+    height: 35px;
+    font-weight: 500;
+    font-size: 13px;
+    line-height: 35px;
+  }
+
+  .react-datepicker__header {
+    background: ${({ theme }) => theme.background.content};
+    border: none;
+    padding: 4px 0;
+    border-radius: 8px !important;
+  }
+
+  .react-datepicker__day--in-range {
+    background: ${({ theme }) => theme.background.secondary};
+    color: ${({ theme }) => theme.text.accent};
+  }
+
+  .react-datepicker__day--in-selecting-range {
+    background: ${({ theme }) => theme.background.accentSecondaryTint};
+    color: ${({ theme }) => theme.text.accent};
+  }
+
+  .react-datepicker__day--selected {
+    background: ${({ theme }) => theme.background.accent} !important;
+    color: ${({ theme }) => theme.text.contrastThemed} !important;
+    &:hover {
+      background: ${({ theme }) => theme.background.accent} !important;
+      color: ${({ theme }) => theme.text.contrastThemed} !important;
+    }
+  }
+
+  .react-datepicker__day--keyboard-selected {
+    background: transparent;
+    color: ${({ theme }) => theme.text.primary};
+
+    &:hover {
+      background: ${({ theme }) => theme.background.accentSecondaryTint};
+      color: ${({ theme }) => theme.text.accent};
+    }
+  }
+
+  .react-datepicker__day--disabled {
+    color: ${({ theme }) => theme.text.secondary};
+    background: transparent;
+
+    &:hover {
+      color: ${({ theme }) => theme.text.secondary};
+      background: transparent;
+    }
+  }
+
+  .react-datepicker__day--outside-month {
+    visibility: hidden;
+  }
+
+  .react-datepicker-time__caption {
+    display: none !important;
+  }
+
+  .react-datepicker__input-time-container {
+    border-top: 1px solid ${({ theme }) => theme.stroke.primary};
+    margin: 0;
+    float: none;
+    padding: 10px 6px 8px 6px;
+  }
+
+  .react-datepicker-time__input {
+    margin-left: 0 !important;
+  }
+
+  .react-datepicker__header--custom button svg path {
+    fill: ${({ theme }) => theme.icons.primary};
+  }
+
+  .dropdown-container {
+    span {
+      color: ${({ theme }) => theme.text.primary};
+
+      svg path {
+        fill: ${({ theme }) => theme.icons.primary};
+      }
+    }
+
+    .dropdown-list {
+      background: ${({ theme }) => theme.background.content};
+      border: 0.5px solid ${({ theme }) => theme.stroke.primary};
+    }
+  }
+`;
+//# sourceMappingURL=Datepicker.styled.js.map