profinansy-ui-lib 3.1.84 → 3.1.85

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

@@ -0,0 +1,84 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.Element = exports.Container = exports.NativeInput = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+const Typography_1 = require("../Typography");
+const iconChecked = 'data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNTQwNzEgMTAuNDE2Nkw4LjQ1NzM4IDEzLjMzMzNMMTQuNzA3NCA3LjA4MzI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
+const iconCheckedMobile = 'data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNDU3NDQgOC4zMzMyOUw2Ljc5MDc4IDEwLjY2NjZMMTEuNzkwOCA1LjY2NjYzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
+const Element = styled_components_1.default.span `
+  margin: 2px;
+  position: relative;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  height: ${(props) => (props.size === 'L' ? '20px' : '16px')};
+  min-width: ${(props) => (props.size === 'L' ? '20px' : '16px')};
+  width: ${(props) => (props.size === 'L' ? '20px' : '16px')};
+  background-color: ${(props) => props.theme.background.content};
+  border-radius: ${(props) => (props.form === 'circle' ? '50%' : '5px')};
+  border: ${(props) => `1.5px solid ${props.theme.stroke.secondary}`};
+  transition: ${() => `all 0.1s ${animation_2.AnimationFunctions.animation_1}`};
+  &::after {
+    content: '';
+    position: absolute;
+    display: none;
+    top: -1.5px;
+    left: -1px;
+    width: ${(props) => (props.size === 'L' ? '20px' : '16px')};
+    height: ${(props) => (props.size === 'L' ? '20px' : '16px')};
+    background: ${(props) => `url(${props.size === 'L' ? iconChecked : iconCheckedMobile}) center center no-repeat`};
+  }
+`;
+exports.Element = Element;
+const NativeInput = styled_components_1.default.input.attrs({ type: 'checkbox' }) `
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  &:checked {
+    ~ ${Element} {
+      border-color: ${(props) => props.theme.background.accent};
+      background: ${(props) => props.theme.background.accent};
+      &:after {
+        display: block;
+      }
+    }
+  }
+`;
+exports.NativeInput = NativeInput;
+const Container = styled_components_1.default.label `
+  display: flex;
+  align-items: ${(props) => props.verticalAlign === 'start' ? 'flex-start' : 'center'};
+  justify-content: ${(props) => props.horizontalAlign === 'start' ? 'flex-start' : 'space-between'};
+  position: relative;
+  cursor: ${(props) => (props.readonly ? 'default' : 'pointer')};
+  max-width: 100%;
+  width: ${(props) => props.horizontalAlign === 'full' ? '100%' : 'fill-content'};
+  ${Element} {
+    opacity: ${(props) => (props.readonly ? 0.6 : 1)};
+  }
+  &:hover ${Element} {
+    border-color: ${(props) => props.readonly
+    ? props.theme.stroke.secondary
+    : props.theme.interactiveControls.brand};
+  }
+  &:hover ${NativeInput}:checked ~ ${Element} {
+    background: ${(props) => props.theme.interactiveControls.brandAlpha};
+    border-color: ${(props) => props.theme.interactiveControls.brandAlpha};
+  }
+`;
+exports.Container = Container;
+const Text = (0, styled_components_1.default)(Typography_1.Typography) `
+  font-family: 'Manrope', sans-serif;
+  padding-left: ${(props) => (props.isTextLeft ? '0' : '8px')};
+  padding-right: ${(props) => (props.isTextLeft ? '8px' : '0')};
+  order: ${(props) => (props.isTextLeft ? -1 : 1)};
+  color: ${(props) => props.color || props.theme.text.primary};
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+exports.Text = Text;
+//# sourceMappingURL=Checkbox.styled.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Checkbox/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

package/dist/components/uikit/CircleButton/CircleBotton.styled.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.IconWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const CircleButton_const_1 = require("./CircleButton.const");
+const Button = styled_components_1.default.button `
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  ${(props) => CircleButton_const_1.CircleButtonSize[props.size]['size']};
+  background: ${(props) => props.theme.background.content};
+  border: ${(props) => `0.5px solid ${props.theme.stroke.primary}`};
+  & svg path {
+    fill: ${(props) => props.theme.icons.secondary};
+  }
+  &:hover {
+    background: ${(props) => props.theme.statesBackground.tabsHover};
+    border: ${(props) => `0.5px solid ${props.theme.stroke.primary}`};
+    & svg path {
+      fill: ${(props) => props.theme.icons.fourth};
+    }
+  }
+  &:active {
+    background: ${(props) => props.theme.statesBackground.tabsActive};
+    border: none;
+    & svg {
+      fill: ${(props) => props.theme.icons.contrastThemRev};
+    }
+  }
+  &:disabled {
+    pointer-events: none;
+    background: ${(props) => props.theme.background.secondary};
+    cursor: default;
+  }
+`;
+exports.Button = Button;
+exports.IconWrapper = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+//# sourceMappingURL=CircleBotton.styled.js.map

package/dist/components/uikit/CircleButton/CircleBotton.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleBotton.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/CircleButton/CircleBotton.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,6DAAuD;AAEvD,MAAM,MAAM,GAAG,2BAAM,CAAC,MAAM,CAE1B;;;;;;IAME,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;gBACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;YAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;;YAEtD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;kBAGhC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,SAAS;cACrD,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;;cAEtD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;kBAI/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU;;;cAGtD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;;;kBAKxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;;;CAG5D,CAAA;AAQQ,wBAAM;AANF,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA"}

package/dist/components/uikit/CircleButton/CircleButton.const.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircleButtonSize = void 0;
+exports.CircleButtonSize = {
+    L: {
+        size: `
+      width: 36px;
+      min-width: 36px;
+      height: 36px;
+      min-height: 36px;
+    `
+    },
+    M: {
+        size: `
+      width: 28px;
+      min-width: 28px;
+      height: 28px;
+      min-height: 28px;
+    `
+    },
+    S: {
+        size: `
+    width: 22px;
+    min-width: 22px;
+    height: 22px;
+    min-height: 22px;
+    `
+    }
+};
+//# sourceMappingURL=CircleButton.const.js.map

package/dist/components/uikit/CircleButton/CircleButton.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleButton.const.js","sourceRoot":"","sources":["../../../../src/components/uikit/CircleButton/CircleButton.const.ts"],"names":[],"mappings":";;;AAAa,QAAA,gBAAgB,GAAG;IAC9B,CAAC,EAAE;QACD,IAAI,EAAE;;;;;KAKL;KACF;IACD,CAAC,EAAE;QACD,IAAI,EAAE;;;;;KAKL;KACF;IACD,CAAC,EAAE;QACD,IAAI,EAAE;;;;;KAKL;KACF;CACF,CAAA"}

package/dist/components/uikit/CircleButton/CircleButton.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.CircleButton = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./CircleBotton.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const CircleButton = ({ className, style, size = 'L', onClick, disabled = false, icon }) => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Button, { disabled: disabled, onClick: onClick, style: style, className: (0, classnames_1.default)('circle-button', className), size: size },
+            react_1.default.createElement(Styled.IconWrapper, null, icon))));
+};
+exports.CircleButton = CircleButton;
+//# sourceMappingURL=CircleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleButton.js","sourceRoot":"","sources":["../../../../src/components/uikit/CircleButton/CircleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAiC;AAEjC,8DAA+C;AAC/C,4DAAmC;AACnC,gEAAsD;AACtD,4DAAoD;AACpD,yDAAiD;AAE1C,MAAM,YAAY,GAAsB,CAAC,EAC9C,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACL,EAAe,EAAE;IAChB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,MAAM,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,eAAe,EAAE,SAAS,CAAC,EACjD,IAAI,EAAE,IAAI;YAEV,8BAAC,MAAM,CAAC,WAAW,QAAE,IAAI,CAAsB,CACjC,CACF,CACjB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,YAAY,gBAuBxB"}

package/dist/components/uikit/CircleButton/CircleButton.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.CircleButton = 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 CloseSmall_svg_1 = __importDefault(require("../../../icons/CloseSmall.svg"));
+const CircleButton_1 = require("./CircleButton");
+exports.default = {
+    title: 'Components',
+    component: CircleButton_1.CircleButton
+};
+const CircleButton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u043A\u0440\u0443\u0433\u043B\u043E\u0439 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CircleButton_1.CircleButton, { icon: react_1.default.createElement(CloseSmall_svg_1.default, null) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0430 \u0438\u043C\u0435\u0435\u0442 \u0442\u0440\u0438 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: L, M, S.\n            \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043F\u0440\u0438\u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F L." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '16px'
+                } },
+                react_1.default.createElement(CircleButton_1.CircleButton, { icon: react_1.default.createElement(CloseSmall_svg_1.default, null) }),
+                react_1.default.createElement(CircleButton_1.CircleButton, { size: "M", icon: react_1.default.createElement(CloseSmall_svg_1.default, null) }),
+                react_1.default.createElement(CircleButton_1.CircleButton, { size: "S", icon: react_1.default.createElement(CloseSmall_svg_1.default, null) }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u0438\u0437\u0435\u0439\u0431\u043B"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CircleButton_1.CircleButton, { disabled: true, icon: react_1.default.createElement(CloseSmall_svg_1.default, null) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u0442\u0438\u043B\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C style \u0441 \u0432\u0430\u0448\u0438\u043C\u0438 \u0441\u0442\u0438\u043B\u044F\u043C\u0438 \u0434\u043B\u044F \u043A\u043D\u043E\u043F\u043A\u0438" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CircleButton_1.CircleButton, { style: { background: 'red' }, icon: react_1.default.createElement(CloseSmall_svg_1.default, null) }))));
+};
+exports.CircleButton = CircleButton;
+//# sourceMappingURL=CircleButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleButton.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/CircleButton/CircleButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAC/D,mFAAqD;AACrD,iDAA0D;AAE1D,kBAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,2BAAS;CACrB,CAAA;AAEM,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL;QACE,8BAAC,uBAAU,iJAAsC;QACjD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,EAAE,GAAG;QAC5B,8BAAC,2BAAY;YACX,8BAAC,2BAAS,IAAC,IAAI,EAAE,8BAAC,wBAAS,OAAG,GAAI,CACrB;QACf,8BAAC,uBAAU,+CAAoB;QAC/B,8BAAC,mCAAgB,IACf,IAAI,EAAC,oSAC2B,GAChC;QACF,8BAAC,2BAAY;YACX,uCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;iBACZ;gBAED,8BAAC,2BAAS,IAAC,IAAI,EAAE,8BAAC,wBAAS,OAAG,GAAI;gBAClC,8BAAC,2BAAS,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,8BAAC,wBAAS,OAAG,GAAI;gBAC3C,8BAAC,2BAAS,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,8BAAC,wBAAS,OAAG,GAAI,CACvC,CACO;QACf,8BAAC,uBAAU,qDAAqB;QAChC,8BAAC,2BAAY;YACX,8BAAC,2BAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,8BAAC,wBAAS,OAAG,GAAI,CACrC;QACf,8BAAC,uBAAU,yCAAmB;QAC9B,8BAAC,mCAAgB,IAAC,IAAI,EAAC,yPAAsD,GAAG;QAChF,8BAAC,2BAAY;YACX,8BAAC,2BAAS,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,8BAAC,wBAAS,OAAG,GAAI,CACnD,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,YAAY,gBAqCxB"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/CircleButton/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,4GAAA,YAAY,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/DragScroll/DragScroll.js

@@ -0,0 +1,69 @@
+"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.DragScroll = void 0;
+const react_1 = __importStar(require("react"));
+const DragScroll = ({ children }) => {
+    const dragRef = (0, react_1.useRef)(null);
+    const mouseCoordinates = (0, react_1.useRef)({
+        clientX: 0,
+        clientY: 0,
+        scrollX: 0,
+        scrollY: 0
+    });
+    const [isTouch, setIsTouch] = (0, react_1.useState)(false);
+    const handleDragStart = (e) => {
+        if (!dragRef.current)
+            return;
+        e.preventDefault();
+        const draggable = dragRef.current.children[0];
+        const clientX = e.clientX - draggable.offsetLeft;
+        const clientY = e.clientY - draggable.offsetTop;
+        const scrollX = draggable.scrollLeft;
+        const scrollY = draggable.scrollTop;
+        mouseCoordinates.current = { clientX, clientY, scrollX, scrollY };
+        setIsTouch(true);
+    };
+    const handleDragEnd = () => {
+        setIsTouch(false);
+        if (!dragRef.current)
+            return;
+    };
+    const handleDrag = (e) => {
+        if (!isTouch || !dragRef.current)
+            return;
+        e.preventDefault();
+        const draggable = dragRef.current.children[0];
+        const x = e.clientX - draggable.offsetLeft;
+        const y = e.clientY - draggable.offsetTop;
+        const dragX = (x - mouseCoordinates.current.clientX) * 1.5;
+        const dragY = (y - mouseCoordinates.current.clientY) * 1.5;
+        draggable.scrollLeft = mouseCoordinates.current.scrollX - dragX;
+        draggable.scrollTop = mouseCoordinates.current.scrollY - dragY;
+    };
+    return (react_1.default.createElement("div", { ref: dragRef, onMouseDown: handleDragStart, onMouseUp: handleDragEnd, onMouseMove: handleDrag, onMouseLeave: handleDragEnd }, children));
+};
+exports.DragScroll = DragScroll;
+//# sourceMappingURL=DragScroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragScroll.js","sourceRoot":"","sources":["../../../../src/components/uikit/DragScroll/DragScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAKnD,MAAM,UAAU,GAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAC5B,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC;QAC9B,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;KACX,CAAC,CAAA;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE7C,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE;QAC5B,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAM;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,UAAU,CAAA;QAChD,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,SAAS,CAAA;QAC/C,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAA;QACpC,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAA;QACnC,gBAAgB,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;QACjE,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAM;IAC9B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,EAAE;QACvB,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAM;QACxC,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC7C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,UAAU,CAAA;QAC1C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,SAAS,CAAA;QACzC,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG,CAAA;QAC1D,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG,CAAA;QAC1D,SAAS,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;QAC/D,SAAS,CAAC,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;IAChE,CAAC,CAAA;IAED,OAAO,CACL,uCACE,GAAG,EAAE,OAAO,EACZ,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,UAAU,EACvB,YAAY,EAAE,aAAa,IAE1B,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/DragScroll/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}