@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/dist/clean-buttons/clean-button.js

@@ -0,0 +1,56 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.CleanButton = CleanButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const link_1 = require("../link");
+const utils_1 = require("./utils");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./clean-button.module.scss"));
+/**
+ * Прозрачная кнопка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function CleanButton({ size: sizeProp, href, asLink = Boolean(href), children, className, 'data-testid': testId = 'clean-button', ...rest }) {
+    const context = (0, react_1.useContext)(utils_1.CleanButtonContext);
+    const size = sizeProp ?? context.size ?? 's';
+    return ((0, jsx_runtime_1.jsx)(link_1.Link, { ...rest, className: (0, classnames_1.default)(styles.button, styles[`size-${size}`], className, context.className), pseudo: !asLink, href: href, "data-testid": testId, children: children }));
+}
+//# sourceMappingURL=clean-button.js.map

package/dist/clean-buttons/clean-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clean-button.js","sourceRoot":"","sources":["../../src/clean-buttons/clean-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,kCAwBC;;AAnCD,iCAAmC;AACnC,kCAA+B;AAC/B,mCAA6C;AAC7C,4DAA4B;AAC5B,mEAAqD;AAErD;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,cAAc,EACtC,GAAG,IAAI,EACU;IACjB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,QAAQ,IAAI,OAAO,CAAC,IAAI,IAAI,GAAG,CAAC;IAE7C,OAAO,CACL,uBAAC,WAAI,OACC,IAAI,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAClF,MAAM,EAAE,CAAC,MAAM,EACf,IAAI,EAAE,IAAI,iBACG,MAAM,YAElB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/clean-buttons/clean-button.module.scss

@@ -0,0 +1,28 @@
+@use './clean-buttons-util';
+
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: inherit;
+
+  // перебиваем стили Link (font-weight: inherit) чтобы не менять их так как компонент много где используется
+  font-weight: 600 !important;
+
+  font-size: 16px;
+  line-height: 24px;
+  overflow: hidden;
+  height: var(--clean-group-height);
+}
+
+.size-s {
+  @include clean-buttons-util.size-s;
+}
+
+.size-m {
+  @include clean-buttons-util.size-m;
+}
+
+.size-l {
+  @include clean-buttons-util.size-l;
+}

package/dist/clean-buttons/clean-group.d.ts

@@ -0,0 +1,8 @@
+import type { CleanGroupProps } from './types';
+/**
+ * Группа прозрачных кнопок.
+ * @todo Добавить возможность задавать свойства корневому элементу.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function CleanGroup({ size: sizeFromProps, children }: CleanGroupProps): import("react").JSX.Element;

package/dist/clean-buttons/clean-group.js

@@ -0,0 +1,57 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.CleanGroup = CleanGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./clean-group.module.scss"));
+/**
+ * Группа прозрачных кнопок.
+ * @todo Добавить возможность задавать свойства корневому элементу.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function CleanGroup({ size: sizeFromProps, children }) {
+    const { size: sizeFromContext, ...itemProps } = (0, react_1.useContext)(utils_1.CleanButtonContext);
+    const size = sizeFromProps ?? sizeFromContext;
+    const itemClassName = (0, classnames_1.default)(styles.item, itemProps.className);
+    return ((0, jsx_runtime_1.jsx)(utils_1.CleanButtonContext.Provider, { value: { size, className: itemClassName }, children: (0, jsx_runtime_1.jsx)("div", { className: styles.group, children: children }) }));
+}
+//# sourceMappingURL=clean-group.js.map

package/dist/clean-buttons/clean-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clean-group.js","sourceRoot":"","sources":["../../src/clean-buttons/clean-group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,gCAYC;;AAvBD,iCAAmC;AACnC,mCAA6C;AAC7C,4DAA4B;AAC5B,kEAAoD;AAEpD;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAmB;IAC3E,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAE/E,MAAM,IAAI,GAAG,aAAa,IAAI,eAAe,CAAC;IAE9C,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,uBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,YACpE,gCAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,QAAQ,GAAO,GAClB,CAC/B,CAAC;AACJ,CAAC"}

package/dist/clean-buttons/clean-group.module.scss

@@ -0,0 +1,16 @@
+@use '../colors';
+
+.group {
+  display: flex;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  width: 100%;
+  .item {
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: 0;
+    + .item {
+      border-left: 1px solid colors.$basic-gray12;
+    }
+  }
+}

package/dist/clean-buttons/index.d.ts

@@ -0,0 +1,3 @@
+export type { CleanButtonSize, CleanButtonProps, CleanGroupProps } from './types';
+export { CleanButton } from './clean-button';
+export { CleanGroup } from './clean-group';

package/dist/clean-buttons/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CleanGroup = exports.CleanButton = void 0;
+var clean_button_1 = require("./clean-button");
+Object.defineProperty(exports, "CleanButton", { enumerable: true, get: function () { return clean_button_1.CleanButton; } });
+var clean_group_1 = require("./clean-group");
+Object.defineProperty(exports, "CleanGroup", { enumerable: true, get: function () { return clean_group_1.CleanGroup; } });
+//# sourceMappingURL=index.js.map

package/dist/clean-buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/clean-buttons/index.ts"],"names":[],"mappings":";;;AACA,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA"}

package/dist/clean-buttons/types.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { LinkProps } from '../link';
+/**
+ * Размер прозрачных кнопок (высота) по дизайн-гайдам.
+ */
+export type CleanButtonSize = 's' | 'm' | 'l';
+export interface CleanGroupProps {
+    /** Размер (высота). */
+    size?: CleanButtonSize | 'unset';
+    /** Содержимое. */
+    children?: ReactNode;
+}
+export interface CleanButtonProps extends LinkProps {
+    asLink?: boolean;
+    /** Размер (высота). */
+    size?: CleanButtonSize | 'unset';
+}

package/dist/clean-buttons/utils.d.ts

@@ -0,0 +1,6 @@
+import type { CleanButtonProps } from './types';
+/**
+ * Контекст установки размера группы прозрачных кнопок CleanGroup.
+ * Размер заданный непосредственно компоненту CleanGroup имеет приоритет над контекстом.
+ */
+export declare const CleanButtonContext: import("react").Context<Pick<CleanButtonProps, "size" | "className">>;

package/dist/clean-buttons/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CleanButtonContext = void 0;
+const react_1 = require("react");
+/**
+ * Контекст установки размера группы прозрачных кнопок CleanGroup.
+ * Размер заданный непосредственно компоненту CleanGroup имеет приоритет над контекстом.
+ */
+exports.CleanButtonContext = (0, react_1.createContext)({});
+//# sourceMappingURL=utils.js.map

package/dist/clean-buttons/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/clean-buttons/utils.ts"],"names":[],"mappings":";;;AACA,iCAAsC;AAEtC;;;GAGG;AACU,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA+C,EAAE,CAAC,CAAC"}

package/dist/colors/index.d.ts

@@ -0,0 +1,45 @@
+/** Цвета дизайн-системы. */
+export declare const COLOR: {
+    readonly 'basic-blue': "#1f84db";
+    readonly 'basic-black': "#000";
+    readonly 'basic-gray87': "#212121";
+    readonly 'basic-gray76': "#3a3a3b";
+    readonly 'basic-gray66': "#545455";
+    readonly 'basic-gray54': "#757575";
+    readonly 'basic-gray38': "#9e9e9e";
+    readonly 'basic-gray24': "#c2c2c2";
+    readonly 'basic-gray12': "#e0e0e0";
+    readonly 'basic-gray8': "#ebebeb";
+    readonly 'basic-gray4': "#f5f5f5";
+    readonly 'basic-gray2': "#fafafa";
+    readonly 'basic-white': "#fff";
+    readonly 'additional-deep-red': "#d50000";
+    readonly 'additional-red': "#fb3a2f";
+    readonly 'additional-light-red': "#feebea";
+    readonly 'additional-dark-teal': "#089176";
+    readonly 'additional-teal': "#09ab8b";
+    readonly 'additional-green': "#00c853";
+    readonly 'additional-light-green': "#64dd17";
+    readonly 'additional-lime': "#aeea00";
+    readonly 'additional-faded-green': "#eff9ea";
+    readonly 'additional-pink': "#e82e5c";
+    readonly 'additional-purple': "#b52ea8";
+    readonly 'additional-violet': "#902bd0";
+    readonly 'additional-deep-purple': "#634bdf";
+    readonly 'additional-electric-blue': "#2962ff";
+    readonly 'additional-light-blue': "#0091ea";
+    readonly 'additional-cyan': "#00b8d4";
+    readonly 'additional-sky': "#e4f1f9";
+    readonly 'additional-deep-orange': "#ff7200";
+    readonly 'additional-amber': "#ffab00";
+    readonly 'additional-yellow': "#ffd600";
+    readonly 'additional-gold': "#d5a43b";
+    readonly 'additional-brown': "#795548";
+    readonly 'additional-blue-gray': "#607d8b";
+    readonly 'additional-deep-blue': "#00599d";
+    readonly 'additional-dark-blue': "#002b41";
+    readonly 'additional-unlit-blue': "#1b75c2";
+    readonly 'additional-crimson': "#f4446b";
+};
+export type Token = keyof typeof COLOR;
+export declare const COLORS: Map<Token, string>;

package/dist/colors/index.js

@@ -0,0 +1,51 @@
+"use strict";
+// GENERATED FILE - DO NOT CHANGE IT MANUALLY
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLORS = exports.COLOR = void 0;
+/** Цвета дизайн-системы. */
+exports.COLOR = {
+    // basic
+    'basic-blue': '#1f84db',
+    'basic-black': '#000',
+    'basic-gray87': '#212121',
+    'basic-gray76': '#3a3a3b',
+    'basic-gray66': '#545455',
+    'basic-gray54': '#757575',
+    'basic-gray38': '#9e9e9e',
+    'basic-gray24': '#c2c2c2',
+    'basic-gray12': '#e0e0e0',
+    'basic-gray8': '#ebebeb',
+    'basic-gray4': '#f5f5f5',
+    'basic-gray2': '#fafafa',
+    'basic-white': '#fff',
+    // additional
+    'additional-deep-red': '#d50000',
+    'additional-red': '#fb3a2f',
+    'additional-light-red': '#feebea',
+    'additional-dark-teal': '#089176',
+    'additional-teal': '#09ab8b',
+    'additional-green': '#00c853',
+    'additional-light-green': '#64dd17',
+    'additional-lime': '#aeea00',
+    'additional-faded-green': '#eff9ea',
+    'additional-pink': '#e82e5c',
+    'additional-purple': '#b52ea8',
+    'additional-violet': '#902bd0',
+    'additional-deep-purple': '#634bdf',
+    'additional-electric-blue': '#2962ff',
+    'additional-light-blue': '#0091ea',
+    'additional-cyan': '#00b8d4',
+    'additional-sky': '#e4f1f9',
+    'additional-deep-orange': '#ff7200',
+    'additional-amber': '#ffab00',
+    'additional-yellow': '#ffd600',
+    'additional-gold': '#d5a43b',
+    'additional-brown': '#795548',
+    'additional-blue-gray': '#607d8b',
+    'additional-deep-blue': '#00599d',
+    'additional-dark-blue': '#002b41',
+    'additional-unlit-blue': '#1b75c2',
+    'additional-crimson': '#f4446b',
+};
+exports.COLORS = new Map(Object.entries(exports.COLOR));
+//# sourceMappingURL=index.js.map

package/dist/colors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,4BAA4B;AACf,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,MAAM;IACrB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,uBAAuB,EAAE,SAAS;IAClC,oBAAoB,EAAE,SAAS;CACvB,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAuB,CAAC"}

package/dist/colors.scss

@@ -0,0 +1,91 @@
+// GENERATED FILE - DO NOT CHANGE IT MANUALLY
+
+// basic
+$basic-blue: #1f84db;
+$basic-black: #000;
+$basic-gray87: #212121;
+$basic-gray76: #3a3a3b;
+$basic-gray66: #545455;
+$basic-gray54: #757575;
+$basic-gray38: #9e9e9e;
+$basic-gray24: #c2c2c2;
+$basic-gray12: #e0e0e0;
+$basic-gray8: #ebebeb;
+$basic-gray4: #f5f5f5;
+$basic-gray2: #fafafa;
+$basic-white: #fff;
+
+// additional
+$additional-deep-red: #d50000;
+$additional-red: #fb3a2f;
+$additional-light-red: #feebea;
+$additional-dark-teal: #089176;
+$additional-teal: #09ab8b;
+$additional-green: #00c853;
+$additional-light-green: #64dd17;
+$additional-lime: #aeea00;
+$additional-faded-green: #eff9ea;
+$additional-pink: #e82e5c;
+$additional-purple: #b52ea8;
+$additional-violet: #902bd0;
+$additional-deep-purple: #634bdf;
+$additional-electric-blue: #2962ff;
+$additional-light-blue: #0091ea;
+$additional-cyan: #00b8d4;
+$additional-sky: #e4f1f9;
+$additional-deep-orange: #ff7200;
+$additional-amber: #ffab00;
+$additional-yellow: #ffd600;
+$additional-gold: #d5a43b;
+$additional-brown: #795548;
+$additional-blue-gray: #607d8b;
+$additional-deep-blue: #00599d;
+$additional-dark-blue: #002b41;
+$additional-unlit-blue: #1b75c2;
+$additional-crimson: #f4446b;
+
+@mixin properties() {
+  // basic
+  --color-basic-blue: #1f84db;
+  --color-basic-black: #000;
+  --color-basic-gray87: #212121;
+  --color-basic-gray76: #3a3a3b;
+  --color-basic-gray66: #545455;
+  --color-basic-gray54: #757575;
+  --color-basic-gray38: #9e9e9e;
+  --color-basic-gray24: #c2c2c2;
+  --color-basic-gray12: #e0e0e0;
+  --color-basic-gray8: #ebebeb;
+  --color-basic-gray4: #f5f5f5;
+  --color-basic-gray2: #fafafa;
+  --color-basic-white: #fff;
+
+  // additional
+  --color-additional-deep-red: #d50000;
+  --color-additional-red: #fb3a2f;
+  --color-additional-light-red: #feebea;
+  --color-additional-dark-teal: #089176;
+  --color-additional-teal: #09ab8b;
+  --color-additional-green: #00c853;
+  --color-additional-light-green: #64dd17;
+  --color-additional-lime: #aeea00;
+  --color-additional-faded-green: #eff9ea;
+  --color-additional-pink: #e82e5c;
+  --color-additional-purple: #b52ea8;
+  --color-additional-violet: #902bd0;
+  --color-additional-deep-purple: #634bdf;
+  --color-additional-electric-blue: #2962ff;
+  --color-additional-light-blue: #0091ea;
+  --color-additional-cyan: #00b8d4;
+  --color-additional-sky: #e4f1f9;
+  --color-additional-deep-orange: #ff7200;
+  --color-additional-amber: #ffab00;
+  --color-additional-yellow: #ffd600;
+  --color-additional-gold: #d5a43b;
+  --color-additional-brown: #795548;
+  --color-additional-blue-gray: #607d8b;
+  --color-additional-deep-blue: #00599d;
+  --color-additional-dark-blue: #002b41;
+  --color-additional-unlit-blue: #1b75c2;
+  --color-additional-crimson: #f4446b;
+}

package/dist/context/index.d.ts

@@ -0,0 +1,9 @@
+export declare const MatchMediaContext: import("react").Context<{
+    matchMedia(query: string): MediaQueryList;
+}>;
+export declare const ResizeObserverContext: import("react").Context<{
+    createResizeObserver(callback: ResizeObserverCallback): ResizeObserver;
+}>;
+export declare const IntersectionObserverContext: import("react").Context<{
+    createIntersectionObserver(callback: IntersectionObserverCallback, options?: IntersectionObserverInit | undefined): IntersectionObserver;
+}>;

package/dist/context/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IntersectionObserverContext = exports.ResizeObserverContext = exports.MatchMediaContext = void 0;
+/* eslint-disable jsdoc/require-jsdoc */
+const react_1 = require("react");
+// @todo возможно стоит убрать "window." тк наблюдаются проблемы в iOS
+exports.MatchMediaContext = (0, react_1.createContext)({
+    matchMedia(query) {
+        // ВАЖНО: доступ к window.matchMedia должен осуществляться именно в момент вызова а не в момент определения контекста
+        // ВАЖНО: используем "window.matchMedia" вместо "matchMedia" тк падают ошибки в некоторых браузерах
+        return window.matchMedia(query);
+    },
+});
+exports.ResizeObserverContext = (0, react_1.createContext)({
+    createResizeObserver(callback) {
+        // ВАЖНО: доступ к window.ResizeObserver должен осуществляться именно в момент вызова а не в момент определения контекста
+        return new window.ResizeObserver(callback);
+    },
+});
+exports.IntersectionObserverContext = (0, react_1.createContext)({
+    createIntersectionObserver(...args) {
+        // ВАЖНО: доступ к window.IntersectionObserver должен осуществляться именно в момент вызова а не в момент определения контекста
+        return new window.IntersectionObserver(...args);
+    },
+});
+//# sourceMappingURL=index.js.map

package/dist/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":";;;AAAA,wCAAwC;AACxC,iCAAsC;AAEtC,sEAAsE;AAEzD,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAAC;IAC7C,UAAU,CAAC,KAAa;QACtB,qHAAqH;QACrH,mGAAmG;QACnG,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;CACF,CAAC,CAAC;AAEU,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAAC;IACjD,oBAAoB,CAAC,QAAgC;QACnD,yHAAyH;QACzH,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC;CACF,CAAC,CAAC;AAEU,QAAA,2BAA2B,GAAG,IAAA,qBAAa,EAAC;IACvD,0BAA0B,CAAC,GAAG,IAAwD;QACpF,+HAA+H;QAC/H,OAAO,IAAI,MAAM,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC,CAAC;IAClD,CAAC;CACF,CAAC,CAAC"}

package/dist/context/viewport.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+/**
+ * Контекст необходимый для правильного позиционирования выпадающих элементов (например Tooltip)
+ * внутри компонентов формирующих свою область видимости (например Modal).
+ */
+export declare const ViewportContext: import("react").Context<RefObject<HTMLElement | null>>;

package/dist/context/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","sourceRoot":"","sources":["../../src/context/viewport.ts"],"names":[],"mappings":";;;AAAA,iCAA4D;AAE5D;;;GAGG;AACU,QAAA,eAAe,GAAG,IAAA,qBAAa,EAAgC,IAAA,iBAAS,GAAE,CAAC,CAAC"}

package/dist/dot-nav/dot-nav.d.ts

@@ -0,0 +1,7 @@
+import type { DotNavProps } from './types';
+/**
+ * Точки навигации. Используются в основном рядом с каруселями и слайдерами.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function DotNav({ size, current, total, onSelect }: DotNavProps): import("react").JSX.Element;

package/dist/dot-nav/dot-nav.js

@@ -0,0 +1,93 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.DotNav = DotNav;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const styles = __importStar(require("./dot-nav.module.scss"));
+/**
+ * Точки навигации. Используются в основном рядом с каруселями и слайдерами.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function DotNav({ size = 'm', current = 0, total = 1, onSelect }) {
+    const withShift = total > 4;
+    const itemSize = { s: 8, m: 14, l: 14 }[size];
+    const itemGutter = { s: 0, m: 0, l: 6 }[size];
+    const maxWidth = itemSize * 5 + itemGutter * 4;
+    const totalWidth = itemSize * total + itemGutter * (total - 1);
+    const shift = useShift(current, total);
+    const correction = withShift ? itemSize + itemGutter : (maxWidth - totalWidth) / 2;
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.root, styles[`size-${size}`]), style: { width: maxWidth, height: itemSize }, children: Array(total)
+            .fill(0)
+            .map((zero, index) => {
+            const position = index - shift + 1;
+            return ((0, jsx_runtime_1.jsx)("div", { style: {
+                    left: `${correction + (index - shift) * (itemSize + itemGutter)}px`,
+                }, onClick: () => onSelect?.(index), className: (0, classnames_1.default)(styles.item, index === current && styles.active, withShift && (position <= 0 || position >= 4) && styles.distant) }, index));
+        }) }));
+}
+/**
+ * Определяет необходимое для точек навигации смещение.
+ * @param current Индекс выбранной точки.
+ * @param total Количество точек.
+ * @return Смещение.
+ */
+function useShift(current, total) {
+    const shiftRef = (0, react_1.useRef)(0);
+    const prevCurrentRef = (0, react_1.useRef)(0);
+    if (total > 4) {
+        const currentPos = current - shiftRef.current;
+        const prevCurrent = prevCurrentRef.current;
+        const prevCurrentPos = prevCurrent - shiftRef.current;
+        let newShift = shiftRef.current;
+        if (currentPos > 2) {
+            const correction = Math.max(prevCurrentPos, 2) + shiftRef.current - prevCurrent;
+            newShift += current - prevCurrent - correction;
+        }
+        else if (currentPos < 0) {
+            const correction = Math.min(prevCurrentPos, 0) + shiftRef.current - prevCurrent;
+            newShift -= prevCurrent - current + correction;
+        }
+        shiftRef.current = newShift;
+    }
+    prevCurrentRef.current = current;
+    return shiftRef.current;
+}
+//# sourceMappingURL=dot-nav.js.map

package/dist/dot-nav/dot-nav.js.map

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