profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/styles/Scroll.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyleScroll = exports.NotVisibleScroll = exports.Scroll = void 0;
+const styled_components_1 = require("styled-components");
+exports.Scroll = (0, styled_components_1.css) `
+  &::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+  }
+  &::-webkit-scrollbar-track {
+    background: ${(props) => props.theme.background.secondary};
+    border-radius: 12px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: ${(props) => props.theme.stroke.secondary};
+    border-radius: 12px;
+  }
+`;
+exports.NotVisibleScroll = (0, styled_components_1.css) `
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+`;
+const getStyleScroll = (theme) => {
+    return {
+        '&::-webkit-scrollbar': {
+            width: '4px',
+            height: '4px'
+        },
+        '&::-webkit-scrollbar-track': {
+            background: theme.background.secondary,
+            borderRadius: '12px'
+        },
+        '&::-webkit-scrollbar-thumb': {
+            background: theme.stroke.secondary,
+            borderRadius: '12px'
+        }
+    };
+};
+exports.getStyleScroll = getStyleScroll;
+//# sourceMappingURL=Scroll.js.map

package/dist/styles/Scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/styles/Scroll.ts"],"names":[],"mappings":";;;AAAA,yDAAuC;AAE1B,QAAA,MAAM,GAAG,IAAA,uBAAG,EAAA;;;;;;kBAMP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;;;;kBAI3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAGxD,CAAA;AAEY,QAAA,gBAAgB,GAAG,IAAA,uBAAG,EAAA;;;;;;;CAOlC,CAAA;AAEM,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;IAC9C,OAAO;QACL,sBAAsB,EAAE;YACtB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;SACd;QACD,4BAA4B,EAAE;YAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS;YACtC,YAAY,EAAE,MAAM;SACrB;QACD,4BAA4B,EAAE;YAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;YAClC,YAAY,EAAE,MAAM;SACrB;KACF,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,cAAc,kBAe1B"}

package/dist/styles/Styled.stories.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = exports.ScrollStyle = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../components/uikit/storybook/StoryTitle/StoryTitle");
+const StoryDescription_1 = require("../components/uikit/storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../components/uikit/storybook/StoryExample/StoryExample");
+const styled_components_1 = __importDefault(require("styled-components"));
+const List_1 = require("./List");
+const Scroll_1 = require("./Scroll");
+exports.default = {
+    title: 'Styles'
+};
+const Item = styled_components_1.default.div `
+  ${List_1.ListItemStyle};
+`;
+const ScrollBlock = styled_components_1.default.div `
+  overflow: auto;
+  width: 250px;
+  background: #fff;
+  border-radius: 12px;
+  padding: 8px;
+  max-width: 250px;
+  max-height: 250px;
+  ${Scroll_1.Scroll}
+`;
+const ScrollInvisibleBlock = styled_components_1.default.div `
+  overflow: auto;
+  width: 250px;
+  background: #fff;
+  border-radius: 12px;
+  padding: 8px;
+  max-width: 250px;
+  max-height: 250px;
+  ${Scroll_1.NotVisibleScroll}
+`;
+const ScrollStyle = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u0442\u0438\u043B\u044C \u0434\u043B\u044F \u0441\u043A\u0440\u043E\u043B\u043B\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0421\u0442\u0438\u043B\u044C \u0434\u043B\u044F \u043A\u0430\u0441\u0442\u043E\u043C\u043D\u043E\u0433\u043E \u0441\u043A\u0440\u043E\u043B\u043B\u0430" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ScrollBlock, null, "\"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?\"")),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0421 \u043D\u0435\u0432\u0438\u0434\u0438\u043C\u044B\u043C \u0441\u043A\u0440\u043E\u043B\u043B\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ScrollInvisibleBlock, null, "\"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?\""))));
+};
+exports.ScrollStyle = ScrollStyle;
+const ListItem = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u0442\u0438\u043B\u044C \u0434\u043B\u044F \u0441\u043F\u0438\u0441\u043A\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0414\u0430\u043D\u043D\u044B\u0439 \u0441\u0442\u0438\u043B\u044C \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0440\u0430\u0437\u043B\u0438\u0447\u043D\u044B\u0445 \u0441\u0442\u0438\u0441\u043A\u043E\u0432, \u0443 \u043A\u043E\u0442\u043E\u0440\u044B\u0445 \u0435\u0441\u0442\u044C \u0445\u043E\u0432\u0435\u0440 \u0438 \u044D\u043A\u0442\u0438\u0432 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    width: '250px',
+                    background: '#fff',
+                    borderRadius: '12px',
+                    padding: '8px'
+                } },
+                react_1.default.createElement(Item, null, "First"),
+                react_1.default.createElement(Item, null, "Second"),
+                react_1.default.createElement(Item, null, "Third")))));
+};
+exports.ListItem = ListItem;
+//# sourceMappingURL=Styled.stories.js.map

package/dist/styles/Styled.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styled.stories.js","sourceRoot":"","sources":["../../src/styles/Styled.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,oFAAgF;AAChF,sGAAkG;AAClG,0FAAsF;AACtF,0EAAsC;AACtC,iCAAsC;AACtC,qCAAmD;AAEnD,kBAAe;IACb,KAAK,EAAE,QAAQ;CAChB,CAAA;AAED,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;IACnB,oBAAa;CAChB,CAAA;AAED,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;IAQ1B,eAAM;CACT,CAAA;AAED,MAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;IAQnC,yBAAgB;CACnB,CAAA;AAEM,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL;QACE,8BAAC,uBAAU,uGAA+B;QAC1C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,2JAA8B,GAAG;QACxD,8BAAC,2BAAY;YACX,8BAAC,WAAW,y9BAgBE,CACD;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,gHAAsB,GAAG;QAChD,8BAAC,2BAAY;YACX,8BAAC,oBAAoB,y9BAgBE,CACV,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,WAAW,eA8CvB;AAEM,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,CACL;QACE,8BAAC,uBAAU,iGAA8B;QACzC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,2cAAyF,GAAG;QACnH,8BAAC,2BAAY;YACX,uCACE,KAAK,EAAE;oBACL,KAAK,EAAE,OAAO;oBACd,UAAU,EAAE,MAAM;oBAClB,YAAY,EAAE,MAAM;oBACpB,OAAO,EAAE,KAAK;iBACf;gBAED,8BAAC,IAAI,gBAAa;gBAClB,8BAAC,IAAI,iBAAc;gBACnB,8BAAC,IAAI,gBAAa,CACd,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,QAAQ,YAqBpB"}

package/dist/theme/Theme.stories.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Colors = void 0;
+const react_1 = __importDefault(require("react"));
+const theme_const_1 = require("./theme.const");
+const StoryTitle_1 = require("../components/uikit/storybook/StoryTitle/StoryTitle");
+const StoryExample_1 = require("../components/uikit/storybook/StoryExample/StoryExample");
+exports.default = {
+    title: 'Guideline/Colors'
+};
+const Colors = () => {
+    const darkTheme = theme_const_1.palette.dark;
+    const lightTheme = theme_const_1.palette.light;
+    const categories = Object.keys(lightTheme);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0426\u0432\u0435\u0442\u043E\u0432\u0430\u044F \u043F\u0430\u043B\u0438\u0442\u0440\u0430"),
+        react_1.default.createElement("div", { style: { fontSize: '16px', marginBottom: '16px', maxWidth: '1000px' } },
+            "\u0426\u0432\u0435\u0442\u043E\u0432\u0430\u044F \u043F\u0430\u043B\u0438\u0442\u0440\u0430 \u0432\u0441\u0435\u0433\u043E \u0441\u0430\u0439\u0442\u0430. \u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u0432 \u0444\u0438\u0433\u043C\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438 \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0434\u043B\u044F \u043D\u0438\u0445 \u043C\u043E\u0436\u043D\u043E \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435:",
+            react_1.default.createElement("a", { href: "https://www.figma.com/file/g88z868HxWlNdq2mwFlET4/WEB-STYLES?node-id=783%3A70283&mode=dev", target: "_blank", rel: "noreferrer" }, "\u0426\u0432\u0435\u0442\u043E\u0432\u0430\u044F \u043F\u0430\u043B\u0438\u0442\u0440\u0430"),
+            ". \u041D\u0438\u0436\u0435 \u0442\u0430\u043A \u0436\u0435 \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0430 \u043F\u0430\u043B\u0438\u0442\u0440\u0430 \u0446\u0432\u0435\u0442\u043E\u0432 \u0441 \u0435\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F\u043C\u0438 \u0432 \u043A\u043E\u0434\u0435. \u0412\u0435\u0440\u0445\u043D\u0438\u0439 \u0446\u0432\u0435\u0442 \u043F\u0440\u0438\u043D\u0430\u0434\u043B\u0435\u0436\u0438\u0442 \u0441\u0432\u0435\u0442\u043B\u043E\u0439 \u0442\u0435\u043C\u0435, \u043D\u0438\u0436\u043D\u0438\u0439 - \u0442\u0435\u043C\u043D\u043E\u0439."),
+        react_1.default.createElement(StoryExample_1.StoryExample, null, categories
+            .filter((item) => item !== 'shadow')
+            .map((category, index) => (react_1.default.createElement("div", { key: index, style: {
+                borderBottom: '1px dashed #dddddd',
+                marginBottom: '20px'
+            } },
+            react_1.default.createElement("h2", { style: { marginBottom: '16px', fontSize: '22px' } }, category),
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    flexWrap: 'wrap',
+                    gap: '30px',
+                    marginBottom: '16px'
+                } }, Object.keys(lightTheme[category]).map((item, index) => (react_1.default.createElement("div", { key: index, style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center'
+                } },
+                react_1.default.createElement("h3", { style: { fontSize: '16px' } }, item),
+                react_1.default.createElement("div", { style: { margin: '6px 0', fontSize: '14px' } }, lightTheme[category][item]),
+                react_1.default.createElement("div", { style: {
+                        background: lightTheme[category][item],
+                        width: '70px',
+                        height: '40px',
+                        borderRadius: '8px 8px 0px 0px',
+                        boxShadow: '0px 0px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 8px 0px rgba(0, 0, 0, 0.04)'
+                    } }),
+                react_1.default.createElement("div", { style: {
+                        background: darkTheme[category][item],
+                        width: '70px',
+                        height: '40px',
+                        borderRadius: '0px 0px 8px 8px',
+                        boxShadow: '0px 0px 4px 0px rgba(0, 0, 0, 0.06), 0px 4px 8px 0px rgba(0, 0, 0, 0.04)'
+                    } }),
+                react_1.default.createElement("div", { style: { margin: '6px 0', fontSize: '14px' } }, darkTheme[category][item])))))))))));
+};
+exports.Colors = Colors;
+//# sourceMappingURL=Theme.stories.js.map

package/dist/theme/Theme.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.stories.js","sourceRoot":"","sources":["../../src/theme/Theme.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,+CAAuC;AACvC,oFAAgF;AAChF,0FAAsF;AAEtF,kBAAe;IACb,KAAK,EAAE,kBAAkB;CAC1B,CAAA;AAEM,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,SAAS,GAAG,qBAAO,CAAC,IAAI,CAAA;IAC9B,MAAM,UAAU,GAAG,qBAAO,CAAC,KAAK,CAAA;IAEhC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAE1C,OAAO,CACL;QACE,8BAAC,uBAAU,sGAA8B;QACzC,uCACE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;;YAIrE,qCACE,IAAI,EAAC,2FAA2F,EAChG,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,kGAGd;umBAGA;QACN,8BAAC,2BAAY,QACV,UAAU;aACR,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC;aACnC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uCACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;gBACL,YAAY,EAAE,oBAAoB;gBAClC,YAAY,EAAE,MAAM;aACrB;YAED,sCAAI,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAClD,QAAQ,CACN;YACL,uCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,MAAM;oBAChB,GAAG,EAAE,MAAM;oBACX,YAAY,EAAE,MAAM;iBACrB,IAEA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACtD,uCACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,UAAU,EAAE,QAAQ;iBACrB;gBAED,sCAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAG,IAAI,CAAM;gBAC5C,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAC9C,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CACvB;gBACN,uCACE,KAAK,EAAE;wBACL,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC;wBACtC,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,YAAY,EAAE,iBAAiB;wBAC/B,SAAS,EACP,0EAA0E;qBAC7E,GACD;gBACF,uCACE,KAAK,EAAE;wBACL,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC;wBACrC,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,YAAY,EAAE,iBAAiB;wBAC/B,SAAS,EACP,0EAA0E;qBAC7E,GACD;gBACF,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAC9C,SAAS,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CACtB,CACF,CACP,CAAC,CACE,CACF,CACP,CAAC,CACS,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA1FY,QAAA,MAAM,UA0FlB"}

package/dist/theme/ThemeProvider.js

@@ -0,0 +1,78 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = exports.useMode = exports.unAvailablePagesTheme = void 0;
+const react_1 = __importStar(require("react"));
+const cookie_1 = require("../utils/cookie");
+exports.unAvailablePagesTheme = ['/login', '/idv', '/method'];
+const ThemeContext = (0, react_1.createContext)({
+    mode: 'light',
+    selectedMode: 'light',
+    toggleTheme: null,
+    setShowTheme: null,
+    unAvailablePagesTheme: exports.unAvailablePagesTheme
+});
+const useMode = () => {
+    return (0, react_1.useContext)(ThemeContext);
+};
+exports.useMode = useMode;
+const SELECTED_THEME = 'selected_theme';
+const ThemeProvider = ({ children, selectedTheme }) => {
+    const [selectedMode, setSelectedMode] = (0, react_1.useState)(selectedTheme !== null && selectedTheme !== void 0 ? selectedTheme : 'light');
+    const [showMode, setShowMode] = (0, react_1.useState)(selectedTheme !== null && selectedTheme !== void 0 ? selectedTheme : 'light');
+    // Проверка для того, чтобы включать темизацию только на нужных страницах. На других принудительно светлая тема
+    (0, react_1.useEffect)(() => {
+        let isTheming = true;
+        const pathname = window === null || window === void 0 ? void 0 : window.location.pathname;
+        exports.unAvailablePagesTheme.forEach((item) => {
+            if (pathname.includes(item))
+                isTheming = false;
+        });
+        setShowMode(isTheming ? selectedMode : 'light');
+    }, [selectedMode]);
+    (0, react_1.useEffect)(() => {
+        const theme = (0, cookie_1.getCookie)(SELECTED_THEME);
+        if (theme === 'light' || theme === 'dark') {
+            setSelectedMode(theme);
+        }
+    }, []);
+    const toggleTheme = (val) => {
+        setSelectedMode(val);
+        (0, cookie_1.setCookie)(SELECTED_THEME, val);
+    };
+    // Переключатель для показываемой темы. Нужен, чтобы менять принудительно тему на сайте, на страницах без темизации
+    const setShowTheme = (val) => {
+        setShowMode(val);
+    };
+    return (react_1.default.createElement(ThemeContext.Provider, { value: {
+            mode: showMode,
+            selectedMode,
+            toggleTheme,
+            setShowTheme,
+            unAvailablePagesTheme: exports.unAvailablePagesTheme
+        } }, children));
+};
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMc;AACd,4CAAsD;AAEzC,QAAA,qBAAqB,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;AAElE,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAC;IACjC,IAAI,EAAE,OAAO;IACb,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;IAClB,qBAAqB,EAAE,6BAAqB;CAC7C,CAAC,CAAA;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAA;AACjC,CAAC,CAAA;AAFY,QAAA,OAAO,WAEnB;AAOD,MAAM,cAAc,GAAG,gBAAgB,CAAA;AAGhC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAU,EAAE,EAAE;IACnE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,OAAO,CACzB,CAAA;IACD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAS,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,OAAO,CAAC,CAAA;IAE1E,+GAA+G;IAC/G,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,IAAI,CAAA;QACpB,MAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,QAAQ,CAAA;QAC1C,6BAAqB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrC,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAAE,SAAS,GAAG,KAAK,CAAA;QAChD,CAAC,CAAC,CAAA;QACF,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,IAAA,kBAAS,EAAC,cAAc,CAAC,CAAA;QACvC,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,EAAE;YACzC,eAAe,CAAC,KAAK,CAAC,CAAA;SACvB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,eAAe,CAAC,GAAG,CAAC,CAAA;QACpB,IAAA,kBAAS,EAAC,cAAc,EAAE,GAAG,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,mHAAmH;IACnH,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;QACnC,WAAW,CAAC,GAAG,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,YAAY;YACZ,WAAW;YACX,YAAY;YACZ,qBAAqB,EAArB,6BAAqB;SACtB,IAEA,QAAQ,CACa,CACzB,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,aAAa,iBA8CzB"}

package/dist/theme/shadows.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Shadows = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../components/uikit/storybook/StoryTitle/StoryTitle");
+const styled_components_1 = __importDefault(require("styled-components"));
+const StoryDescription_1 = require("../components/uikit/storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../components/uikit/storybook/StoryExample/StoryExample");
+const Typography_1 = require("../components/uikit/Typography");
+const theme_const_1 = require("./theme.const");
+exports.default = {
+    title: 'Guideline/Shadows'
+};
+const Cards = styled_components_1.default.div `
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  flex-wrap: wrap;
+`;
+const Card = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 176px;
+  height: 176px;
+  border-radius: 24px;
+  color: ${(props) => props.theme.text.primary};
+  background: ${(props) => props.theme.background.content};
+  box-shadow: ${(props) => props.theme.shadow[props.name]};
+`;
+const Shadows = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Shadows"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0422\u0435\u043D\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044E\u0442\u0441\u044F \u0434\u043B\u044F \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432 \u0432 \u043F\u0440\u043E\u0435\u043A\u0442\u0435." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Cards, null, Object.keys(theme_const_1.palette.light.shadow).map((key, index) => (react_1.default.createElement(Card, { name: key, key: index },
+                react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "span" }, key))))))));
+};
+exports.Shadows = Shadows;
+//# sourceMappingURL=shadows.stories.js.map

package/dist/theme/shadows.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.stories.js","sourceRoot":"","sources":["../../src/theme/shadows.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,oFAAgF;AAChF,0EAAsC;AACtC,sGAAkG;AAClG,0FAAsF;AACtF,+DAA2D;AAC3D,+CAAuC;AAEvC,kBAAe;IACb,KAAK,EAAE,mBAAmB;CAC3B,CAAA;AAED,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKvB,CAAA;AAED,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAkB;;;;;;;WAO9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;gBAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;gBACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;CACxD,CAAA;AAEM,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,cAAsB;QAC7C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,4QAAqD,GAAG;QAC/E,8BAAC,2BAAY;YACX,8BAAC,KAAK,QACH,MAAM,CAAC,IAAI,CAAC,qBAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,8BAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK;gBACzB,8BAAC,uBAAU,IAAC,OAAO,EAAC,cAAc,EAAC,GAAG,EAAC,MAAM,IAC1C,GAAG,CACO,CACR,CACR,CAAC,CACI,CACK,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,OAAO,WAkBnB"}

package/dist/theme/theme.const.js

@@ -0,0 +1,328 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.palette = void 0;
+exports.palette = {
+    light: {
+        background: {
+            primary: '#F4F4F9',
+            content: '#FFFFFF',
+            secondary: '#F7F7F9',
+            secondaryAlpha: '#EAE9F1',
+            field: '#FFFFFF',
+            fieldSecondary: '#F5F4F8',
+            accent: '#6553F5',
+            accentSecondaryTint: '#E8E5FE',
+            positiveTint: '#DCF6DA',
+            warningTint: '#FFF0DB',
+            negativeTint: '#FFF1EC',
+            info: '#DBDCFF',
+            bottomActions: 'rgba(255, 255, 255, 0.5)'
+        },
+        text: {
+            primary: '#242424',
+            secondary: '#6A6A71',
+            tertiary: '#A1A0AC',
+            fourth: '#606076',
+            contrast: '#FFFFFF',
+            contrastThemed: '#FFFFFF',
+            accent: '#6553F5',
+            accentSecondary: '#9B8EFF',
+            positive: '#34C759',
+            warning: '#FFA000',
+            negative: '#FF3B30',
+            info: '#3038F5',
+            link: '#4285F4'
+        },
+        icons: {
+            primary: '#242424',
+            secondary: '#AAAABA',
+            tertiary: '#CCCBD3',
+            fourth: '#606076',
+            contrast: '#FFFFFF',
+            contrastThemed: '#FFFFFF',
+            contrastThemRev: '#FFFFFF',
+            accent: '#6553F5',
+            accentSecondary: '#9B8EFF',
+            positive: '#34C759',
+            warring: '#FFA000',
+            negative: '#FF3B30',
+            info: '#3038F5',
+            link: '#4285F4'
+        },
+        stroke: {
+            primary: '#DDDDE3',
+            secondary: '#D6D6DE',
+            tertiary: '#E7E7EB',
+            contrast: '#7D7D95',
+            accent: '#6553F5',
+            positive: '#34C759',
+            warning: '#FFA000',
+            negative: '#FF3B30',
+            info: '#3038F5'
+        },
+        interactiveButtons: {
+            brandBackground: '#6553F5',
+            brandBackgroundHover: '#4A35F3',
+            brandText: '#FFFFFF',
+            secondaryBrandBackground: '#E0DDFD',
+            secondaryBrandBackgroundHover: '#B4ADFA',
+            secondaryBrandText: '#4A35F3',
+            outlineBrandBackground: '#FFFFFF',
+            outlineBrandBackgroundHover: '#FFFFFF',
+            outlineBrandText: '#6553F5',
+            outlineBrandBorder: '#6553F5',
+            outlineBrandBorderHover: '#3821F2',
+            systemBackground: '#EAE9F1',
+            systemBackgroundHover: '#CCCADD',
+            systemText: '#464167',
+            successBackground: '#E1F7E6',
+            successBackgroundHover: '#BBEDC6',
+            successText: '#299E47',
+            warningBackground: '#FFF1D9',
+            warningBackgroundHover: '#FFDFA8',
+            warningText: '#E59000',
+            criticalBackground: '#FFE2E0',
+            criticalBackgroundHover: '#FFC6C2',
+            criticalText: '#FF3B30',
+            neutralBackground: 'rgba(36, 36, 36, 0.50)',
+            neutralBackgroundHover: 'rgba(36, 36, 36, 0.70)',
+            neutralText: '#FFFFFF'
+        },
+        interactiveControls: {
+            accent: '#F0EFF3',
+            secondary: '#FFFFFF',
+            supportive: '#E8E8ED',
+            brand: '#6553F5',
+            brandAlpha: '#4A35F3',
+            accentDark: '#19181B'
+        },
+        other: {
+            orange: '#FFAD30',
+            green: '#A0DD1E',
+            olive: '#DBDE43',
+            violet: '#6E59EF',
+            red: '#EB343F',
+            red2: '#FF4747',
+            pink: '#F969FC',
+            turquoise: '#2ED0C7',
+            blue: '#72E3E3',
+            mediumBlue: '#58C9E2',
+            darkBlue: '#28C6E9',
+            lightBlue: '#4285F4',
+            navyBlue: '#11408E',
+            lightBlueTint: 'rgba(66, 133, 244, 0.10)',
+            gray: 'rgba(36, 36, 36, 0.50)',
+            orangeTint: '#FFF9EF',
+            greenTint: '#F8FDED',
+            oliveTint: '#FCFDF0',
+            violetTint: '#F4F2FE',
+            redTint: '#FEEFF0',
+            pinkTint: '#FFF3FF',
+            turquoiseTint: '#EFFCFB',
+            darkBlueTint: '#EEF8FB',
+            black: '#111011'
+        },
+        shadow: {
+            basicDefault: '0px 14px 20px -4px rgba(87, 87, 87, 0.10)',
+            basicHover: '0px 12px 28px -3px rgba(87, 87, 87, 0.20)',
+            basicDrag: '0px 12px 32px -3px rgba(87, 87, 87, 0.32)',
+            overlay: '0px 16px 40px -3px rgba(58, 57, 60, 0.28)'
+        },
+        // deprecated
+        statesBackground: {
+            tabsHover: '#F6F6F6',
+            tabsActive: '#383838',
+            tabsActiveHover: '#242424',
+            accentHover: '#7665FF',
+            accentActive: '#5D48F5',
+            field: 'rgba(0, 0, 0, 0.06)',
+            secondaryAlphaActive: '#DCDCDC',
+            secondaryAlphaHover: '#E7E7E7',
+            listHover: '#F6F6F6',
+            notificationHover: '#F6F6F6',
+            notificationHoverError: '#F6F6F6',
+            sideBarActive: '#111011'
+        },
+        gradient: {
+            gradient_1: 'linear-gradient(90deg, #f4f4f9 0%, rgba(244, 244, 249, 0) 100%)',
+            gradient_2: 'linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)',
+            gradient_3: 'linear-gradient(90deg, rgba(244, 244, 249, 0) 0%, #f4f4f9 100%)',
+            gradient_4: 'linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)',
+            top: 'linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.95) 52.08%, rgba(255, 255, 255, 0.00) 100%)',
+            bottom: 'linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.95) 53.12%, #FFF 100%)'
+        },
+        club: {
+            primary: '#3C3993',
+            primaryHover: '#5853E3',
+            secondary: '#4833F4',
+            secondaryHover: '#200DB8',
+            buttonBackground: '#E7E7F2',
+            buttonBackgroundHover: '#CAC9E1',
+            green: '#29B279',
+            primaryGradient: 'linear-gradient(54.06deg, #162331 10.84%, #3C3993 98.2%)',
+            secondaryGradient: 'linear-gradient(90.24deg, #B92A78 0%, #6699FB 99.58%)'
+        }
+    },
+    dark: {
+        background: {
+            primary: '#181818',
+            content: '#202020',
+            secondary: '#2B2B2B',
+            secondaryAlpha: '#333333',
+            field: '#2B2B2B',
+            fieldSecondary: '#323232',
+            accent: '#9B8EFF',
+            accentSecondaryTint: '#2B293A',
+            positiveTint: '#384436',
+            warningTint: '#453B2B',
+            negativeTint: '#362D2A',
+            info: '#20213B',
+            bottomActions: 'rgba(24, 24, 24, 0.85)'
+        },
+        text: {
+            primary: '#FFFFFF',
+            secondary: '#BABAC6',
+            tertiary: '#73738C',
+            fourth: '#E0E0E6',
+            contrast: '#242424',
+            contrastThemed: '#FFFFFF',
+            accent: '#9B8EFF',
+            accentSecondary: '#756CBB',
+            positive: '#30D158',
+            warning: '#F49B06',
+            negative: '#FF452A',
+            info: '#3B42EA',
+            link: '#4285F4'
+        },
+        icons: {
+            primary: '#D9D9D9',
+            secondary: '#BABAC6',
+            tertiary: '#3E3E4C',
+            fourth: '#E0E0E6',
+            contrast: '#242424',
+            contrastThemed: '#FFFFFF',
+            contrastThemRev: '#454545',
+            accent: '#9B8EFF',
+            accentSecondary: '#756CBB',
+            positive: '#30D158',
+            warring: '#F49B06',
+            negative: '#FF452A',
+            info: '#3B42EA',
+            link: '#4285F4'
+        },
+        stroke: {
+            primary: '#3E3E4C',
+            secondary: '#7D7D95',
+            tertiary: '#454554',
+            contrast: '#535365',
+            accent: '#9B8EFF',
+            positive: '#30D158',
+            warning: '#F49B06',
+            negative: '#FF453A',
+            info: '#3B42EA'
+        },
+        interactiveButtons: {
+            brandBackground: '#7B61FF',
+            brandBackgroundHover: '#6142FF',
+            brandText: '#FFFFFF',
+            secondaryBrandBackground: '#E5DFFF',
+            secondaryBrandBackgroundHover: '#BDADFF',
+            secondaryBrandText: '#6142FF',
+            outlineBrandBackground: '#202020',
+            outlineBrandBackgroundHover: '#202020',
+            outlineBrandText: '#9B8EFF',
+            outlineBrandBorder: '#9B8EFF',
+            outlineBrandBorderHover: '#9B8EFF',
+            systemBackground: '#2E2E38',
+            systemBackgroundHover: '#454554',
+            systemText: '#CCCADD',
+            successBackground: '#223B28',
+            successBackgroundHover: '#2B4A32',
+            successText: '#2CAA4C',
+            warningBackground: '#40321C',
+            warningBackgroundHover: '#634E2B',
+            warningText: '#F99E06',
+            criticalBackground: '#412621',
+            criticalBackgroundHover: '#623932',
+            criticalText: '#FF5A42',
+            neutralBackground: 'rgba(255, 255, 255, 0.50)',
+            neutralBackgroundHover: 'rgba(255, 255, 255, 0.70)',
+            neutralText: '#FFFFFF'
+        },
+        interactiveControls: {
+            accent: '#39383C',
+            secondary: '#242424',
+            supportive: '#2F2F37',
+            brand: '#7B61FF',
+            brandAlpha: '#6142FF',
+            accentDark: '#FFFFFF'
+        },
+        other: {
+            orange: '#E79D2D',
+            green: '#91C81C',
+            olive: '#C1C339',
+            violet: '#6E59EF',
+            red: '#E8343F',
+            red2: '#F02D3A',
+            pink: '#E05DE2',
+            turquoise: '#229E97',
+            blue: '#61C5C5',
+            mediumBlue: '#51BBD2',
+            darkBlue: '#21AFCE',
+            lightBlue: '#317AF2',
+            navyBlue: '#C9DEFF',
+            lightBlueTint: 'rgba(49, 122, 242, 0.04)',
+            gray: 'rgba(48, 48, 48, 0.50)',
+            orangeTint: 'rgba(255, 173, 48, 0.04)',
+            greenTint: 'rgba(160, 221, 30, 0.04)',
+            oliveTint: 'rgba(219, 222, 67, 0.04)',
+            violetTint: 'rgba(110, 89, 239, 0.04)',
+            redTint: 'rgba(235, 52, 63, 0.04)',
+            pinkTint: 'rgba(249, 105, 252, 0.04)',
+            turquoiseTint: 'rgba(46, 208, 199, 0.04)',
+            darkBlueTint: 'rgba(33, 175, 206, 0.04)',
+            black: '#242325'
+        },
+        shadow: {
+            basicDefault: null,
+            basicHover: null,
+            basicDrag: null,
+            overlay: null
+        },
+        // deprecated
+        statesBackground: {
+            tabsHover: '#383838',
+            tabsActive: '#FFFFFF',
+            tabsActiveHover: '#F6F6F6',
+            accentHover: '#614DF5',
+            accentActive: '#9284FF',
+            field: 'rgba(255, 255, 255, 0.06)',
+            secondaryAlphaActive: '#505050',
+            secondaryAlphaHover: '#404040',
+            listHover: '#303030',
+            notificationHover: '#303030',
+            notificationHoverError: '#303030',
+            sideBarActive: '#333036'
+        },
+        gradient: {
+            gradient_1: 'linear-gradient(90deg, #181818 0%, rgba(24, 24, 24, 0.00) 100%)',
+            gradient_2: 'linear-gradient(90deg, #2B2B2B 0%, rgba(43, 43, 43, 0.00) 100%)',
+            gradient_3: 'linear-gradient(90deg, rgba(24, 24, 24, 0.00) 0%, #181818 100%)',
+            gradient_4: 'linear-gradient(90deg, rgba(43, 43, 43, 0.00) 0%, #2B2B2B 100%)',
+            top: 'linear-gradient(180deg, #2B2B2B 0%, rgba(43, 43, 43, 0.95) 53.65%, rgba(43, 43, 43, 0.00) 100%)',
+            bottom: ' linear-gradient(180deg, rgba(43, 43, 43, 0.00) 0%, rgba(43, 43, 43, 0.95) 52.08%, #2B2B2B 100%)'
+        },
+        club: {
+            primary: '#5854C6',
+            primaryHover: '#7672F6',
+            secondary: '#8C7CFF',
+            secondaryHover: '#614FED',
+            buttonBackground: '#282837',
+            buttonBackgroundHover: '#2E2C60',
+            green: '#2FCA89',
+            primaryGradient: 'linear-gradient(54.11deg, #2C2562 6.32%, #4641BF 116.13%)',
+            secondaryGradient: 'linear-gradient(90.24deg, #CE2680 0%, #4080FD 99.58%)'
+        }
+    }
+};
+//# sourceMappingURL=theme.const.js.map