@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/stroked-svg/stroked-svg.d.ts

@@ -0,0 +1,7 @@
+import type { StrokedSVGProps } from './types';
+/**
+ * Выводит иконку с внешней обводкой.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare const StrokedSVG: import("react").ForwardRefExoticComponent<StrokedSVGProps & import("react").RefAttributes<HTMLDivElement>>;

package/stroked-svg/stroked-svg.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StrokedSVG = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../colors");
+const classnames_1 = __importDefault(require("classnames"));
+const stroked_svg_m_scss_1 = __importDefault(require("./stroked-svg.m.scss"));
+/**
+ * Выводит иконку с внешней обводкой.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+exports.StrokedSVG = (0, react_1.forwardRef)(({ component: Tag, fill, stroke = colors_1.COLORS.get('basic-gray4'), strokeWidth = 1, className, 'data-testid': testId, ...restProps }, ref) => ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, classnames_1.default)(stroked_svg_m_scss_1.default.root, className), "data-testid": testId, ...restProps, children: [strokeWidth > 0 && ((0, jsx_runtime_1.jsx)(Tag, { stroke: stroke, strokeWidth: `${strokeWidth * 2}px`, className: stroked_svg_m_scss_1.default.stroke })), (0, jsx_runtime_1.jsx)(Tag, { fill: fill, className: stroked_svg_m_scss_1.default.svg })] })));
+exports.StrokedSVG.displayName = 'StrokedSVG';
+//# sourceMappingURL=stroked-svg.js.map

package/stroked-svg/stroked-svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stroked-svg.js","sourceRoot":"","sources":["../../src/stroked-svg/stroked-svg.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAAmC;AACnC,sCAAmC;AACnC,4DAAoC;AACpC,8EAA0C;AAE1C;;;;GAIG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,SAAS,EAAE,GAAG,EACd,IAAI,EACJ,MAAM,GAAG,eAAM,CAAC,GAAG,CAAC,aAAa,CAAC,EAClC,WAAW,GAAG,CAAC,EACf,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EACD,GAAG,EACH,EAAE,CAAC,CACH,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBAChC,MAAM,KACf,SAAS,aAEZ,WAAW,GAAG,CAAC,IAAI,CAClB,uBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,4BAAM,CAAC,MAAM,GAAI,CACvF,EAED,uBAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,4BAAM,CAAC,GAAG,GAAI,IACtC,CACP,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/stroked-svg/types.d.ts

@@ -0,0 +1,12 @@
+import type { ElementType, HTMLAttributes, SVGAttributes } from 'react';
+import type { WithTestId } from '../types';
+export interface StrokedSVGProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, WithTestId {
+    /** Компонент, выводящий svg-элемент. */
+    component: ElementType<SVGAttributes<SVGSVGElement>>;
+    /** Цвет внешней обводки. */
+    stroke?: string;
+    /** Ширина внешней обводки. */
+    strokeWidth?: number;
+    /** Цвет заливки. */
+    fill?: string;
+}

package/stroked-svg/types.js

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

package/stroked-svg/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/stroked-svg/types.ts"],"names":[],"mappings":""}

package/styling/borders.d.ts

@@ -1,3 +1,4 @@
+/** @deprecated */
 export declare const InnerBorder: {
     y: string;
     top: string;

package/styling/borders.js

@@ -5,10 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InnerBorder = void 0;
 const bind_1 = __importDefault(require("classnames/bind"));
-const borders_module_scss_1 = __importDefault(require("./borders.module.scss"));
-const cx = bind_1.default.bind(borders_module_scss_1.default);
+const borders_m_scss_1 = __importDefault(require("./borders.m.scss"));
+const cx = bind_1.default.bind(borders_m_scss_1.default);
+/** @deprecated */
 exports.InnerBorder = {
     y: cx('inner-border-y'),
     top: cx('inner-border-top'),
     bottom: cx('inner-border-bottom'),
 };
+//# sourceMappingURL=borders.js.map

package/styling/borders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../src/styling/borders.ts"],"names":[],"mappings":";;;;;;AAAA,2DAAyC;AACzC,sEAAuC;AAEvC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,wBAAO,CAAC,CAAC;AAEpC,kBAAkB;AACL,QAAA,WAAW,GAAG;IACzB,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC;IACvB,GAAG,EAAE,EAAE,CAAC,kBAAkB,CAAC;IAC3B,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAC;CAClC,CAAC"}

package/styling/{borders.module.scss → borders.m.scss}

@@ -9,5 +9,7 @@
 }
 
 .inner-border-y {
-  box-shadow: inset 0 1px 0 colors.$basic-gray12, inset 0 -1px 0 colors.$basic-gray12;
+  box-shadow:
+    inset 0 1px 0 colors.$basic-gray12,
+    inset 0 -1px 0 colors.$basic-gray12;
 }

package/styling/colors.d.ts

@@ -1,5 +1,10 @@
-export declare const color: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue") => string | undefined;
-export declare const hoverColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue") => string | undefined;
-export declare const bgColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue") => string | undefined;
-export declare const stroke: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue") => string | undefined;
-export declare const fill: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue") => string | undefined;
+/** @deprecated */
+export declare const color: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
+/** @deprecated */
+export declare const hoverColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
+/** @deprecated */
+export declare const bgColor: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
+/** @deprecated */
+export declare const stroke: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;
+/** @deprecated */
+export declare const fill: (value: "basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "basic-black" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue" | "additional-crimson") => string | undefined;

package/styling/colors.js

@@ -6,10 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fill = exports.stroke = exports.bgColor = exports.hoverColor = exports.color = void 0;
 const utils_1 = require("./utils");
 const colors_1 = require("../colors");
-const colors_module_scss_1 = __importDefault(require("./colors.module.scss"));
+const colors_m_scss_1 = __importDefault(require("./colors.m.scss"));
 const isColorKey = colors_1.COLORS.has.bind(colors_1.COLORS);
-exports.color = (0, utils_1.ClassGetter)(colors_module_scss_1.default, isColorKey, 'color__');
-exports.hoverColor = (0, utils_1.ClassGetter)(colors_module_scss_1.default, isColorKey, 'hover-color__');
-exports.bgColor = (0, utils_1.ClassGetter)(colors_module_scss_1.default, isColorKey, 'bg-color__');
-exports.stroke = (0, utils_1.ClassGetter)(colors_module_scss_1.default, isColorKey, 'stroke__');
-exports.fill = (0, utils_1.ClassGetter)(colors_module_scss_1.default, isColorKey, 'fill__');
+/** @deprecated */
+exports.color = (0, utils_1.ClassGetter)(colors_m_scss_1.default, isColorKey, 'color__');
+/** @deprecated */
+exports.hoverColor = (0, utils_1.ClassGetter)(colors_m_scss_1.default, isColorKey, 'hover-color__');
+/** @deprecated */
+exports.bgColor = (0, utils_1.ClassGetter)(colors_m_scss_1.default, isColorKey, 'bg-color__');
+/** @deprecated */
+exports.stroke = (0, utils_1.ClassGetter)(colors_m_scss_1.default, isColorKey, 'stroke__');
+/** @deprecated */
+exports.fill = (0, utils_1.ClassGetter)(colors_m_scss_1.default, isColorKey, 'fill__');
+//# sourceMappingURL=colors.js.map

package/styling/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/styling/colors.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAsC;AACtC,sCAA0C;AAC1C,oEAAsC;AAEtC,MAAM,UAAU,GAAG,eAAM,CAAC,GAAG,CAAC,IAAI,CAAC,eAAM,CAAC,CAAC;AAE3C,kBAAkB;AACL,QAAA,KAAK,GAAG,IAAA,mBAAW,EAAQ,uBAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAExE,kBAAkB;AACL,QAAA,UAAU,GAAG,IAAA,mBAAW,EAAQ,uBAAO,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;AAEnF,kBAAkB;AACL,QAAA,OAAO,GAAG,IAAA,mBAAW,EAAQ,uBAAO,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;AAE7E,kBAAkB;AACL,QAAA,MAAM,GAAG,IAAA,mBAAW,EAAQ,uBAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;AAE1E,kBAAkB;AACL,QAAA,IAAI,GAAG,IAAA,mBAAW,EAAQ,uBAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC"}

package/styling/fonts.d.ts

@@ -4,6 +4,9 @@ export type Weight = 400 | 600 | 700;
 export declare const SIZES: Set<Size>;
 export declare const LINE_HEIGHTS: Set<LineHeight>;
 export declare const WEIGHTS: Set<Weight>;
+/** @deprecated */
 export declare const size: (value: Size) => string | undefined;
+/** @deprecated */
 export declare const lineHeight: (value: LineHeight) => string | undefined;
+/** @deprecated */
 export declare const weight: (value: Weight) => string | undefined;

package/styling/fonts.js

@@ -5,10 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.weight = exports.lineHeight = exports.size = exports.WEIGHTS = exports.LINE_HEIGHTS = exports.SIZES = void 0;
 const utils_1 = require("./utils");
-const fonts_module_scss_1 = __importDefault(require("./fonts.module.scss"));
+const fonts_m_scss_1 = __importDefault(require("./fonts.m.scss"));
 exports.SIZES = new Set([12, 14, 16, 20, 24, 32, 48, 64]);
 exports.LINE_HEIGHTS = new Set([16, 20, 24, 28, 32, 40, 60, 80]);
 exports.WEIGHTS = new Set([400, 600, 700]);
-exports.size = (0, utils_1.ClassGetter)(fonts_module_scss_1.default, exports.SIZES.has.bind(exports.SIZES), 'size-');
-exports.lineHeight = (0, utils_1.ClassGetter)(fonts_module_scss_1.default, exports.LINE_HEIGHTS.has.bind(exports.LINE_HEIGHTS), 'line-height-');
-exports.weight = (0, utils_1.ClassGetter)(fonts_module_scss_1.default, exports.WEIGHTS.has.bind(exports.WEIGHTS), 'weight-');
+/** @deprecated */
+exports.size = (0, utils_1.ClassGetter)(fonts_m_scss_1.default, exports.SIZES.has.bind(exports.SIZES), 'size-');
+/** @deprecated */
+exports.lineHeight = (0, utils_1.ClassGetter)(fonts_m_scss_1.default, exports.LINE_HEIGHTS.has.bind(exports.LINE_HEIGHTS), 'line-height-');
+/** @deprecated */
+exports.weight = (0, utils_1.ClassGetter)(fonts_m_scss_1.default, exports.WEIGHTS.has.bind(exports.WEIGHTS), 'weight-');
+//# sourceMappingURL=fonts.js.map

package/styling/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/styling/fonts.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAsC;AACtC,kEAAqC;AAQxB,QAAA,KAAK,GAAG,IAAI,GAAG,CAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAExD,QAAA,YAAY,GAAG,IAAI,GAAG,CAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAErE,QAAA,OAAO,GAAG,IAAI,GAAG,CAAS,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAExD,kBAAkB;AACL,QAAA,IAAI,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,aAAK,CAAC,GAAG,CAAC,IAAI,CAAC,aAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAEzE,kBAAkB;AACL,QAAA,UAAU,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,oBAAY,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAY,CAAC,EAAE,cAAc,CAAC,CAAC;AAEpG,kBAAkB;AACL,QAAA,MAAM,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,eAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAO,CAAC,EAAE,SAAS,CAAC,CAAC"}

package/styling/index.d.ts

@@ -0,0 +1,6 @@
+export { InnerBorder } from './borders';
+export { color, hoverColor, bgColor } from './colors';
+export { type Size, type LineHeight, type Weight, SIZES, LINE_HEIGHTS, WEIGHTS, size, lineHeight, weight, } from './fonts';
+export { BoxShadow } from './shadows';
+export { SmallRounds, MediumRounds } from './shapes';
+export { marginBottom, marginTop, marginLeft, marginRight, paddingBottom, paddingLeft, paddingRight, paddingTop, } from './sizes';

package/styling/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paddingTop = exports.paddingRight = exports.paddingLeft = exports.paddingBottom = exports.marginRight = exports.marginLeft = exports.marginTop = exports.marginBottom = exports.MediumRounds = exports.SmallRounds = exports.BoxShadow = exports.weight = exports.lineHeight = exports.size = exports.WEIGHTS = exports.LINE_HEIGHTS = exports.SIZES = exports.bgColor = exports.hoverColor = exports.color = exports.InnerBorder = void 0;
+var borders_1 = require("./borders");
+Object.defineProperty(exports, "InnerBorder", { enumerable: true, get: function () { return borders_1.InnerBorder; } });
+var colors_1 = require("./colors");
+Object.defineProperty(exports, "color", { enumerable: true, get: function () { return colors_1.color; } });
+Object.defineProperty(exports, "hoverColor", { enumerable: true, get: function () { return colors_1.hoverColor; } });
+Object.defineProperty(exports, "bgColor", { enumerable: true, get: function () { return colors_1.bgColor; } });
+var fonts_1 = require("./fonts");
+Object.defineProperty(exports, "SIZES", { enumerable: true, get: function () { return fonts_1.SIZES; } });
+Object.defineProperty(exports, "LINE_HEIGHTS", { enumerable: true, get: function () { return fonts_1.LINE_HEIGHTS; } });
+Object.defineProperty(exports, "WEIGHTS", { enumerable: true, get: function () { return fonts_1.WEIGHTS; } });
+Object.defineProperty(exports, "size", { enumerable: true, get: function () { return fonts_1.size; } });
+Object.defineProperty(exports, "lineHeight", { enumerable: true, get: function () { return fonts_1.lineHeight; } });
+Object.defineProperty(exports, "weight", { enumerable: true, get: function () { return fonts_1.weight; } });
+var shadows_1 = require("./shadows");
+Object.defineProperty(exports, "BoxShadow", { enumerable: true, get: function () { return shadows_1.BoxShadow; } });
+var shapes_1 = require("./shapes");
+Object.defineProperty(exports, "SmallRounds", { enumerable: true, get: function () { return shapes_1.SmallRounds; } });
+Object.defineProperty(exports, "MediumRounds", { enumerable: true, get: function () { return shapes_1.MediumRounds; } });
+var sizes_1 = require("./sizes");
+Object.defineProperty(exports, "marginBottom", { enumerable: true, get: function () { return sizes_1.marginBottom; } });
+Object.defineProperty(exports, "marginTop", { enumerable: true, get: function () { return sizes_1.marginTop; } });
+Object.defineProperty(exports, "marginLeft", { enumerable: true, get: function () { return sizes_1.marginLeft; } });
+Object.defineProperty(exports, "marginRight", { enumerable: true, get: function () { return sizes_1.marginRight; } });
+Object.defineProperty(exports, "paddingBottom", { enumerable: true, get: function () { return sizes_1.paddingBottom; } });
+Object.defineProperty(exports, "paddingLeft", { enumerable: true, get: function () { return sizes_1.paddingLeft; } });
+Object.defineProperty(exports, "paddingRight", { enumerable: true, get: function () { return sizes_1.paddingRight; } });
+Object.defineProperty(exports, "paddingTop", { enumerable: true, get: function () { return sizes_1.paddingTop; } });
+//# sourceMappingURL=index.js.map

package/styling/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styling/index.ts"],"names":[],"mappings":";;;AAAA,qCAAwC;AAA/B,sGAAA,WAAW,OAAA;AAEpB,mCAAsD;AAA7C,+FAAA,KAAK,OAAA;AAAE,oGAAA,UAAU,OAAA;AAAE,iGAAA,OAAO,OAAA;AAEnC,iCAUiB;AANf,8FAAA,KAAK,OAAA;AACL,qGAAA,YAAY,OAAA;AACZ,gGAAA,OAAO,OAAA;AACP,6FAAA,IAAI,OAAA;AACJ,mGAAA,UAAU,OAAA;AACV,+FAAA,MAAM,OAAA;AAGR,qCAAsC;AAA7B,oGAAA,SAAS,OAAA;AAElB,mCAAqD;AAA5C,qGAAA,WAAW,OAAA;AAAE,sGAAA,YAAY,OAAA;AAElC,iCASiB;AARf,qGAAA,YAAY,OAAA;AACZ,kGAAA,SAAS,OAAA;AACT,mGAAA,UAAU,OAAA;AACV,oGAAA,WAAW,OAAA;AACX,sGAAA,aAAa,OAAA;AACb,oGAAA,WAAW,OAAA;AACX,qGAAA,YAAY,OAAA;AACZ,mGAAA,UAAU,OAAA"}

package/styling/shadows.d.ts

@@ -1,3 +1,4 @@
+/** @deprecated */
 export declare const BoxShadow: {
     z1: string;
     z2: string;

package/styling/shadows.js

@@ -4,11 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BoxShadow = void 0;
-const shadows_module_scss_1 = __importDefault(require("./shadows.module.scss"));
+const shadows_m_scss_1 = __importDefault(require("./shadows.m.scss"));
+/** @deprecated */
 exports.BoxShadow = {
-    z1: shadows_module_scss_1.default['shadow-z1'],
-    z2: shadows_module_scss_1.default['shadow-z2'],
-    z2straight: shadows_module_scss_1.default['shadow-z2-straight'],
-    z3: shadows_module_scss_1.default['shadow-z3'],
-    z4: shadows_module_scss_1.default['shadow-z4'],
+    z1: shadows_m_scss_1.default['shadow-z1'],
+    z2: shadows_m_scss_1.default['shadow-z2'],
+    z2straight: shadows_m_scss_1.default['shadow-z2-straight'],
+    z3: shadows_m_scss_1.default['shadow-z3'],
+    z4: shadows_m_scss_1.default['shadow-z4'],
 };
+//# sourceMappingURL=shadows.js.map

package/styling/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/styling/shadows.ts"],"names":[],"mappings":";;;;;;AAAA,sEAAuC;AAEvC,kBAAkB;AACL,QAAA,SAAS,GAAG;IACvB,EAAE,EAAE,wBAAO,CAAC,WAAW,CAAC;IACxB,EAAE,EAAE,wBAAO,CAAC,WAAW,CAAC;IACxB,UAAU,EAAE,wBAAO,CAAC,oBAAoB,CAAC;IACzC,EAAE,EAAE,wBAAO,CAAC,WAAW,CAAC;IACxB,EAAE,EAAE,wBAAO,CAAC,WAAW,CAAC;CACzB,CAAC"}

package/styling/shadows.m.scss

@@ -0,0 +1,27 @@
+.shadow-z1 {
+  box-shadow:
+    0 0 4px rgba(0, 0, 0, 0.04),
+    0 2px 4px rgba(0, 0, 0, 0.08);
+}
+
+.shadow-z2 {
+  box-shadow:
+    0 0 4px rgba(0, 0, 0, 0.04),
+    0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.shadow-z2-straight {
+  box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
+}
+
+.shadow-z3 {
+  box-shadow:
+    0 8px 16px rgba(0, 0, 0, 0.08),
+    0 0 4px rgba(0, 0, 0, 0.04);
+}
+
+.shadow-z4 {
+  box-shadow:
+    0 0 4px rgba(0, 0, 0, 0.04),
+    0 12px 30px rgba(0, 0, 0, 0.1);
+}

package/styling/shapes.d.ts

@@ -1,3 +1,4 @@
+/** @deprecated */
 export declare const SmallRounds: {
     all: string;
     top: string;
@@ -9,6 +10,7 @@ export declare const SmallRounds: {
     bottomLeft: string;
     bottomRight: string;
 };
+/** @deprecated */
 export declare const MediumRounds: {
     all: string;
     top: string;

package/styling/shapes.js

@@ -4,26 +4,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediumRounds = exports.SmallRounds = void 0;
-const shapes_module_scss_1 = __importDefault(require("./shapes.module.scss"));
+const shapes_m_scss_1 = __importDefault(require("./shapes.m.scss"));
+/** @deprecated */
 exports.SmallRounds = {
-    all: shapes_module_scss_1.default['rounds-sm__all'],
-    top: shapes_module_scss_1.default['rounds-sm__t'],
-    right: shapes_module_scss_1.default['rounds-sm__r'],
-    bottom: shapes_module_scss_1.default['rounds-sm__b'],
-    left: shapes_module_scss_1.default['rounds-sm__l'],
-    topLeft: shapes_module_scss_1.default['rounds-sm__t-l'],
-    topRight: shapes_module_scss_1.default['rounds-sm__t-r'],
-    bottomLeft: shapes_module_scss_1.default['rounds-sm__b-l'],
-    bottomRight: shapes_module_scss_1.default['rounds-sm__b-r'],
+    all: shapes_m_scss_1.default['rounds-sm__all'],
+    top: shapes_m_scss_1.default['rounds-sm__t'],
+    right: shapes_m_scss_1.default['rounds-sm__r'],
+    bottom: shapes_m_scss_1.default['rounds-sm__b'],
+    left: shapes_m_scss_1.default['rounds-sm__l'],
+    topLeft: shapes_m_scss_1.default['rounds-sm__t-l'],
+    topRight: shapes_m_scss_1.default['rounds-sm__t-r'],
+    bottomLeft: shapes_m_scss_1.default['rounds-sm__b-l'],
+    bottomRight: shapes_m_scss_1.default['rounds-sm__b-r'],
 };
+/** @deprecated */
 exports.MediumRounds = {
-    all: shapes_module_scss_1.default['rounds-md__all'],
-    top: shapes_module_scss_1.default['rounds-md__t'],
-    right: shapes_module_scss_1.default['rounds-md__r'],
-    bottom: shapes_module_scss_1.default['rounds-md__b'],
-    left: shapes_module_scss_1.default['rounds-md__l'],
-    topLeft: shapes_module_scss_1.default['rounds-md__t-l'],
-    topRight: shapes_module_scss_1.default['rounds-md__t-r'],
-    bottomLeft: shapes_module_scss_1.default['rounds-md__b-l'],
-    bottomRight: shapes_module_scss_1.default['rounds-md__b-r'],
+    all: shapes_m_scss_1.default['rounds-md__all'],
+    top: shapes_m_scss_1.default['rounds-md__t'],
+    right: shapes_m_scss_1.default['rounds-md__r'],
+    bottom: shapes_m_scss_1.default['rounds-md__b'],
+    left: shapes_m_scss_1.default['rounds-md__l'],
+    topLeft: shapes_m_scss_1.default['rounds-md__t-l'],
+    topRight: shapes_m_scss_1.default['rounds-md__t-r'],
+    bottomLeft: shapes_m_scss_1.default['rounds-md__b-l'],
+    bottomRight: shapes_m_scss_1.default['rounds-md__b-r'],
 };
+//# sourceMappingURL=shapes.js.map

package/styling/shapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.js","sourceRoot":"","sources":["../../src/styling/shapes.ts"],"names":[],"mappings":";;;;;;AAAA,oEAAsC;AAEtC,kBAAkB;AACL,QAAA,WAAW,GAAG;IACzB,GAAG,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IAE9B,GAAG,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC5B,KAAK,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC9B,MAAM,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,uBAAO,CAAC,cAAc,CAAC;IAE7B,OAAO,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IAClC,QAAQ,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IACnC,UAAU,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IACrC,WAAW,EAAE,uBAAO,CAAC,gBAAgB,CAAC;CACvC,CAAC;AAEF,kBAAkB;AACL,QAAA,YAAY,GAAG;IAC1B,GAAG,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IAE9B,GAAG,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC5B,KAAK,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC9B,MAAM,EAAE,uBAAO,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,uBAAO,CAAC,cAAc,CAAC;IAE7B,OAAO,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IAClC,QAAQ,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IACnC,UAAU,EAAE,uBAAO,CAAC,gBAAgB,CAAC;IACrC,WAAW,EAAE,uBAAO,CAAC,gBAAgB,CAAC;CACvC,CAAC"}

package/styling/sizes.d.ts

@@ -1,20 +1,30 @@
 /**
  * Проверяет, является ли значение шагом дизайн-системы для внешних отступов.
+ * @deprecated
  * @param value Значение.
  * @return Результат.
  */
 export declare const isMargin: (value: any) => boolean;
 /**
  * Проверяет, является ли значение шагом дизайн-системы для внутренних отступов.
+ * @deprecated
  * @param value Значение.
  * @return Результат.
  */
 export declare const isPadding: (value: any) => boolean;
+/** @deprecated */
 export declare const marginTop: (value: any) => string | undefined;
+/** @deprecated */
 export declare const marginRight: (value: any) => string | undefined;
+/** @deprecated */
 export declare const marginBottom: (value: any) => string | undefined;
+/** @deprecated */
 export declare const marginLeft: (value: any) => string | undefined;
+/** @deprecated */
 export declare const paddingTop: (value: any) => string | undefined;
+/** @deprecated */
 export declare const paddingRight: (value: any) => string | undefined;
+/** @deprecated */
 export declare const paddingBottom: (value: any) => string | undefined;
+/** @deprecated */
 export declare const paddingLeft: (value: any) => string | undefined;

package/styling/sizes.js

@@ -5,9 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.paddingLeft = exports.paddingBottom = exports.paddingRight = exports.paddingTop = exports.marginLeft = exports.marginBottom = exports.marginRight = exports.marginTop = exports.isPadding = exports.isMargin = void 0;
 const utils_1 = require("./utils");
-const sizes_module_scss_1 = __importDefault(require("./sizes.module.scss"));
+const sizes_m_scss_1 = __importDefault(require("./sizes.m.scss"));
 /**
  * Проверяет, является ли значение шагом дизайн-системы для внешних отступов.
+ * @deprecated
  * @param value Значение.
  * @return Результат.
  */
@@ -15,16 +16,26 @@ const isMargin = (value) => Number.isInteger(value) && value >= -8 && value <= 3
 exports.isMargin = isMargin;
 /**
  * Проверяет, является ли значение шагом дизайн-системы для внутренних отступов.
+ * @deprecated
  * @param value Значение.
  * @return Результат.
  */
 const isPadding = (value) => Number.isInteger(value) && value >= 0 && value <= 32;
 exports.isPadding = isPadding;
-exports.marginTop = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isMargin, 'M-t__');
-exports.marginRight = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isMargin, 'M-r__');
-exports.marginBottom = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isMargin, 'M-b__');
-exports.marginLeft = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isMargin, 'M-l__');
-exports.paddingTop = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isPadding, 'P-t__');
-exports.paddingRight = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isPadding, 'P-r__');
-exports.paddingBottom = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isPadding, 'P-b__');
-exports.paddingLeft = (0, utils_1.ClassGetter)(sizes_module_scss_1.default, exports.isPadding, 'P-l__');
+/** @deprecated */
+exports.marginTop = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-t__');
+/** @deprecated */
+exports.marginRight = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-r__');
+/** @deprecated */
+exports.marginBottom = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-b__');
+/** @deprecated */
+exports.marginLeft = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isMargin, 'M-l__');
+/** @deprecated */
+exports.paddingTop = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-t__');
+/** @deprecated */
+exports.paddingRight = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-r__');
+/** @deprecated */
+exports.paddingBottom = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-b__');
+/** @deprecated */
+exports.paddingLeft = (0, utils_1.ClassGetter)(sizes_m_scss_1.default, exports.isPadding, 'P-l__');
+//# sourceMappingURL=sizes.js.map

package/styling/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/styling/sizes.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAsC;AACtC,kEAAqC;AAErC;;;;;GAKG;AACI,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AAE9F;;;;;GAKG;AACI,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;AAAjF,QAAA,SAAS,aAAwE;AAE9F,kBAAkB;AACL,QAAA,SAAS,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,gBAAQ,EAAE,OAAO,CAAC,CAAC;AAEjE,kBAAkB;AACL,QAAA,WAAW,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,gBAAQ,EAAE,OAAO,CAAC,CAAC;AAEnE,kBAAkB;AACL,QAAA,YAAY,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,gBAAQ,EAAE,OAAO,CAAC,CAAC;AAEpE,kBAAkB;AACL,QAAA,UAAU,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,gBAAQ,EAAE,OAAO,CAAC,CAAC;AAElE,kBAAkB;AACL,QAAA,UAAU,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,iBAAS,EAAE,OAAO,CAAC,CAAC;AAEnE,kBAAkB;AACL,QAAA,YAAY,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,iBAAS,EAAE,OAAO,CAAC,CAAC;AAErE,kBAAkB;AACL,QAAA,aAAa,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,iBAAS,EAAE,OAAO,CAAC,CAAC;AAEtE,kBAAkB;AACL,QAAA,WAAW,GAAG,IAAA,mBAAW,EAAC,sBAAO,EAAE,iBAAS,EAAE,OAAO,CAAC,CAAC"}

package/styling/{sizes.module.scss → sizes.m.scss}

@@ -1,3 +1,5 @@
+@use 'sass:string';
+
 $step: 4px;
 
 $directions: 'top', 'right', 'bottom', 'left';
@@ -6,7 +8,7 @@ $directions: 'top', 'right', 'bottom', 'left';
 @for $index from -8 through 32 {
   @each $direction in $directions {
     // ключи классов попадают в JS - сокращаем до одной буквы для экономии
-    $short: str-slice($direction, 0, 1);
+    $short: string.slice($direction, 0, 1);
 
     // внешние отступы
     .M-#{$short}__#{$index} {

package/styling/utils.d.ts

@@ -2,7 +2,8 @@
  * Фабрика геттеров CSS-классов.
  * @param classes Классы из CSS-модуля.
  * @param isValidKey Функция проверки ключа для класса.
- * @param [prefix=''] Префикс имени класса.
+ * @param [prefix] Префикс имени класса.
  * @return Геттер CSS-класса.
+ * @deprecated
  */
 export declare const ClassGetter: <T = string | number>(classes: Record<string, string>, isValidKey: (s: T) => boolean, prefix?: string) => (value: T) => string | undefined;

package/styling/utils.js

@@ -9,11 +9,13 @@ const bind_1 = __importDefault(require("classnames/bind"));
  * Фабрика геттеров CSS-классов.
  * @param classes Классы из CSS-модуля.
  * @param isValidKey Функция проверки ключа для класса.
- * @param [prefix=''] Префикс имени класса.
+ * @param [prefix] Префикс имени класса.
  * @return Геттер CSS-класса.
+ * @deprecated
  */
 const ClassGetter = (classes, isValidKey, prefix = '') => {
     const cx = bind_1.default.bind(classes);
     return (value) => (isValidKey(value) ? cx(`${prefix}${value}`) : undefined);
 };
 exports.ClassGetter = ClassGetter;
+//# sourceMappingURL=utils.js.map

package/styling/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/styling/utils.ts"],"names":[],"mappings":";;;;;;AAAA,2DAAyC;AAEzC;;;;;;;GAOG;AACI,MAAM,WAAW,GAAG,CACzB,OAA+B,EAC/B,UAA6B,EAC7B,MAAM,GAAG,EAAE,EACX,EAAE;IACF,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEpC,OAAO,CAAC,KAAQ,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACjF,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB"}

package/super-ellipse-clip-path/index.d.ts

@@ -1,11 +1,2 @@
-/// <reference types="react" />
-export interface SuperEllipseClipPathProps {
-    /** Идентификатор. */
-    id?: string;
-}
-/**
- * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const SuperEllipseClipPath: ({ id }: SuperEllipseClipPathProps) => JSX.Element;
+export type { SuperEllipseClipPathProps } from './types';
+export { SuperEllipseClipPath } from './super-ellipse-clip-path';

package/super-ellipse-clip-path/index.js

@@ -1,17 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuperEllipseClipPath = void 0;
-const react_1 = __importDefault(require("react"));
-/**
- * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
- * @param props Свойства.
- * @return Элемент.
- */
-const SuperEllipseClipPath = ({ id }) => (react_1.default.createElement("svg", { width: 0, height: 0, style: { position: 'absolute' } },
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: id, clipPathUnits: 'objectBoundingBox' },
-            react_1.default.createElement("path", { d: 'M1 0.5 C 1 0.856, 0.856 1, 0.5 1 S 0 0.856, 0 0.5 S 0.143 0, 0.5 0 S 1 0.143 1 0.5 Z' })))));
-exports.SuperEllipseClipPath = SuperEllipseClipPath;
+var super_ellipse_clip_path_1 = require("./super-ellipse-clip-path");
+Object.defineProperty(exports, "SuperEllipseClipPath", { enumerable: true, get: function () { return super_ellipse_clip_path_1.SuperEllipseClipPath; } });
+//# sourceMappingURL=index.js.map

package/super-ellipse-clip-path/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/super-ellipse-clip-path/index.ts"],"names":[],"mappings":";;;AACA,qEAAiE;AAAxD,+HAAA,oBAAoB,OAAA"}

package/super-ellipse-clip-path/super-ellipse-clip-path.d.ts

@@ -0,0 +1,7 @@
+import { SuperEllipseClipPathProps } from './types';
+/**
+ * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SuperEllipseClipPath({ id }: SuperEllipseClipPathProps): import("react/jsx-runtime").JSX.Element;

package/super-ellipse-clip-path/super-ellipse-clip-path.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuperEllipseClipPath = SuperEllipseClipPath;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SuperEllipseClipPath({ id }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: 0, height: 0, style: { position: 'absolute' }, children: (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: id, clipPathUnits: 'objectBoundingBox', children: (0, jsx_runtime_1.jsx)("path", { d: 'M1 0.5 C 1 0.856, 0.856 1, 0.5 1 S 0 0.856, 0 0.5 S 0.143 0, 0.5 0 S 1 0.143 1 0.5 Z' }) }) }) }));
+}
+//# sourceMappingURL=super-ellipse-clip-path.js.map

package/super-ellipse-clip-path/super-ellipse-clip-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-ellipse-clip-path.js","sourceRoot":"","sources":["../../src/super-ellipse-clip-path/super-ellipse-clip-path.tsx"],"names":[],"mappings":";;AAOA,oDAUC;;AAfD;;;;GAIG;AACH,SAAgB,oBAAoB,CAAC,EAAE,EAAE,EAA6B;IACpE,OAAO,CACL,gCAAK,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YACvD,2CACE,qCAAU,EAAE,EAAE,EAAE,EAAE,aAAa,EAAC,mBAAmB,YACjD,iCAAM,CAAC,EAAC,sFAAsF,GAAG,GACxF,GACN,GACH,CACP,CAAC;AACJ,CAAC"}

package/super-ellipse-clip-path/types.d.ts

@@ -0,0 +1,4 @@
+export interface SuperEllipseClipPathProps {
+    /** Идентификатор. */
+    id?: string;
+}

package/super-ellipse-clip-path/types.js

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

package/super-ellipse-clip-path/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/super-ellipse-clip-path/types.ts"],"names":[],"mappings":""}