@sima-land/ui-nucleons 45.0.0-alpha.61 → 45.0.0-alpha.63

package/dist/pagination/pagination.d.ts

@@ -4,4 +4,4 @@ import type { PaginationProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Pagination({ rootRef, current: currentProp, total: totalProp, onPageChange, getItems, renderItem, className, ...restProps }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Pagination({ rootRef, current: currentProp, total: totalProp, onPageChange, getItems, renderItem, className, ...restProps }: PaginationProps): import("react").JSX.Element;

package/dist/panel/index.d.ts

@@ -1,2 +1,2 @@
 export type { PanelType, PanelProps } from './types';
-export { Panel, PanelStyledMarkup, LINK_COLOR_BY_TYPE } from './panel';
+export { Panel, PanelStyledMarkup } from './panel';

package/dist/panel/index.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LINK_COLOR_BY_TYPE = exports.PanelStyledMarkup = exports.Panel = void 0;
+exports.PanelStyledMarkup = exports.Panel = void 0;
 var panel_1 = require("./panel");
 Object.defineProperty(exports, "Panel", { enumerable: true, get: function () { return panel_1.Panel; } });
 Object.defineProperty(exports, "PanelStyledMarkup", { enumerable: true, get: function () { return panel_1.PanelStyledMarkup; } });
-Object.defineProperty(exports, "LINK_COLOR_BY_TYPE", { enumerable: true, get: function () { return panel_1.LINK_COLOR_BY_TYPE; } });
 //# sourceMappingURL=index.js.map

package/dist/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":";;;AACA,iCAAuE;AAA9D,8FAAA,KAAK,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AAAE,2GAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":";;;AACA,iCAAmD;AAA1C,8FAAA,KAAK,OAAA;AAAE,0GAAA,iBAAiB,OAAA"}

package/dist/panel/panel.d.ts

@@ -1,12 +1,10 @@
-import type { PanelProps, PanelType } from './types';
-import type { LinkProps } from '../link';
-export declare const LINK_COLOR_BY_TYPE: Record<PanelType, LinkProps['color']>;
+import type { PanelProps } from './types';
 /**
  * Информационная панель. Обычно используется для выводя важной информации которую нужно выделить.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Panel({ type, adornmentStart, adornmentEnd, className, style, children, 'data-testid': testId, }: PanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Panel({ type, adornmentStart, adornmentEnd, className, style, children, 'data-testid': testId, }: PanelProps): import("react").JSX.Element;
 export declare namespace Panel {
     var UnknownContent: typeof PanelStyledMarkup;
 }
@@ -17,4 +15,4 @@ export declare namespace Panel {
  */
 export declare function PanelStyledMarkup({ markup }: {
     markup: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/panel/panel.js

@@ -3,47 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LINK_COLOR_BY_TYPE = void 0;
 exports.Panel = Panel;
 exports.PanelStyledMarkup = PanelStyledMarkup;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../styling/colors");
 const bind_1 = __importDefault(require("classnames/bind"));
 const panel_module_scss_1 = __importDefault(require("./panel.module.scss"));
 const cx = bind_1.default.bind(panel_module_scss_1.default);
-const PANEL_COLORS_BY_TYPE = {
-    info: {
-        textColor: 'basic-gray87',
-        panelColor: 'basic-gray4',
-    },
-    error: {
-        textColor: 'basic-white',
-        panelColor: 'additional-deep-red',
-    },
-    success: {
-        textColor: 'basic-white',
-        panelColor: 'additional-teal',
-    },
-    warning: {
-        textColor: 'basic-gray87',
-        panelColor: 'additional-yellow',
-    },
-};
-exports.LINK_COLOR_BY_TYPE = {
-    info: 'basic-blue',
-    error: 'basic-white',
-    success: 'basic-white',
-    warning: 'basic-gray87',
-};
 /**
  * Информационная панель. Обычно используется для выводя важной информации которую нужно выделить.
  * @param props Свойства.
  * @return Элемент.
  */
 function Panel({ type = 'info', adornmentStart, adornmentEnd, className, style, children, 'data-testid': testId = 'panel', }) {
-    const textColor = PANEL_COLORS_BY_TYPE[type].textColor;
-    const panelColor = PANEL_COLORS_BY_TYPE[type].panelColor;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `type-${type}`, (0, colors_1.bgColor)(panelColor), (0, colors_1.color)(textColor), className), "data-testid": testId, style: style, children: [adornmentStart && (0, jsx_runtime_1.jsx)("div", { className: cx('adornment'), children: adornmentStart }), (0, jsx_runtime_1.jsx)("div", { className: cx('main'), children: children }), adornmentEnd && (0, jsx_runtime_1.jsx)("div", { className: cx('adornment'), children: adornmentEnd })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `type-${type}`, className), "data-testid": testId, style: style, children: [adornmentStart && (0, jsx_runtime_1.jsx)("div", { className: cx('adornment'), children: adornmentStart }), (0, jsx_runtime_1.jsx)("div", { className: cx('main'), children: children }), adornmentEnd && (0, jsx_runtime_1.jsx)("div", { className: cx('adornment'), children: adornmentEnd })] }));
 }
 /**
  * Блок стилизующий неизвестную html-верстку по дизайн-гайдам Panel.

package/dist/panel/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/panel/panel.tsx"],"names":[],"mappings":";;;;;;AAwCA,sBAyBC;AAOD,8CAEC;;AAvED,8CAAmD;AACnD,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC,MAAM,oBAAoB,GAA+D;IACvF,IAAI,EAAE;QACJ,SAAS,EAAE,cAAc;QACzB,UAAU,EAAE,aAAa;KAC1B;IACD,KAAK,EAAE;QACL,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,qBAAqB;KAClC;IACD,OAAO,EAAE;QACP,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,iBAAiB;KAC9B;IACD,OAAO,EAAE;QACP,SAAS,EAAE,cAAc;QACzB,UAAU,EAAE,mBAAmB;KAChC;CACF,CAAC;AAEW,QAAA,kBAAkB,GAA0C;IACvE,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,cAAc,EACd,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,OAAO,GACpB;IACX,MAAM,SAAS,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;IACvD,MAAM,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC;IAEzD,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAE,IAAA,gBAAO,EAAC,UAAU,CAAC,EAAE,IAAA,cAAK,EAAC,SAAS,CAAC,EAAE,SAAS,CAAC,iBAC1E,MAAM,EACnB,KAAK,EAAE,KAAK,aAEX,cAAc,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAAG,cAAc,GAAO,EAE1E,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAO,EAE3C,YAAY,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAAG,YAAY,GAAO,IAClE,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAsB;IAC9D,OAAO,gCAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAAC;AAChG,CAAC;AAED,KAAK,CAAC,cAAc,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/panel/panel.tsx"],"names":[],"mappings":";;;;;AAWA,sBAkBC;AAOD,8CAEC;;AArCD,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,cAAc,EACd,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,OAAO,GACpB;IACX,OAAO,CACL,iCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,iBAAe,MAAM,EAAE,KAAK,EAAE,KAAK,aACrF,cAAc,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAAG,cAAc,GAAO,EAE1E,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAO,EAE3C,YAAY,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAAG,YAAY,GAAO,IAClE,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAsB;IAC9D,OAAO,gCAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAAC;AAChG,CAAC;AAED,KAAK,CAAC,cAAc,GAAG,iBAAiB,CAAC"}

package/dist/panel/panel.module.scss

@@ -9,39 +9,55 @@
   border-radius: 4px;
   overflow: hidden;
   box-sizing: border-box;
-  &.type-info .unknown-content {
-    a {
-      color: colors.$basic-blue;
-      text-decoration: underline;
-      &:hover {
-        color: colors.$additional-deep-blue;
+  &.type-info {
+    color: colors.$basic-gray87;
+    background-color: colors.$basic-gray4;
+    .unknown-content {
+      a {
+        color: colors.$basic-blue;
+        text-decoration: underline;
+        &:hover {
+          color: colors.$additional-deep-blue;
+        }
       }
     }
   }
-  &.type-error .unknown-content {
-    a {
-      color: colors.$basic-white;
-      text-decoration: underline;
-      &:hover {
-        color: colors.$basic-gray4;
+  &.type-error {
+    color: colors.$basic-white;
+    background-color: colors.$additional-deep-red;
+    .unknown-content {
+      a {
+        color: colors.$basic-white;
+        text-decoration: underline;
+        &:hover {
+          color: colors.$basic-gray4;
+        }
       }
     }
   }
-  &.type-success .unknown-content {
-    a {
-      color: colors.$basic-white;
-      text-decoration: underline;
-      &:hover {
-        color: colors.$basic-gray4;
+  &.type-success {
+    color: colors.$basic-white;
+    background-color: colors.$additional-teal;
+    .unknown-content {
+      a {
+        color: colors.$basic-white;
+        text-decoration: underline;
+        &:hover {
+          color: colors.$basic-gray4;
+        }
       }
     }
   }
-  &.type-warning .unknown-content {
-    a {
-      color: colors.$basic-gray87;
-      text-decoration: underline;
-      &:hover {
-        color: colors.$basic-gray54;
+  &.type-warning {
+    color: colors.$basic-gray87;
+    background-color: colors.$additional-yellow;
+    .unknown-content {
+      a {
+        color: colors.$basic-gray87;
+        text-decoration: underline;
+        &:hover {
+          color: colors.$basic-gray54;
+        }
       }
     }
   }

package/dist/phone-input/menu-opener.d.ts

@@ -11,4 +11,4 @@ export interface PhoneInputMenuOpenerProps extends HTMLAttributes<HTMLDivElement
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function PhoneInputMenuOpener({ rootRef, visuallyOpen, visuallyDisabled, imageSrc, className, ...restProps }: PhoneInputMenuOpenerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhoneInputMenuOpener({ rootRef, visuallyOpen, visuallyDisabled, imageSrc, className, ...restProps }: PhoneInputMenuOpenerProps): import("react").JSX.Element;

package/dist/phone-input/phone-input.d.ts

@@ -4,4 +4,4 @@ import { type PhoneInputProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function PhoneInput({ value, defaultValue, onInput, onChange, ...restProps }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhoneInput({ value, defaultValue, onInput, onChange, ...restProps }: PhoneInputProps): import("react").JSX.Element;

package/dist/plate/plate.d.ts

@@ -1,6 +1,2 @@
 import type { PlateProps } from './types';
-/**
- * Plate это просто div с возможностью легко задавать тень и скругления.
- * И он должен оставаться компонентом, который только задает оформление обычного div.
- */
-export declare const Plate: import("react").ForwardRefExoticComponent<PlateProps & import("react").RefAttributes<HTMLDivElement | null>>;
+export declare const Plate: import("react").ForwardRefExoticComponent<PlateProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/plate/plate.js

@@ -6,16 +6,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Plate = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const shadows_1 = require("../styling/shadows");
-const shapes_1 = require("../styling/shapes");
 const bind_1 = __importDefault(require("classnames/bind"));
 const plate_module_scss_1 = __importDefault(require("./plate.module.scss"));
 const cx = bind_1.default.bind(plate_module_scss_1.default);
 /**
  * Plate это просто div с возможностью легко задавать тень и скругления.
  * И он должен оставаться компонентом, который только задает оформление обычного div.
+ * @param props Свойства компонента.
+ * @param ref Реф для корневого элемента.
+ * @return Элемент.
  */
-exports.Plate = (0, react_1.forwardRef)(function Plate({ className, children, rounds = 's', shadow = 'z1', 'data-testid': testId = 'plate', ...restProps }, ref) {
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('root', className, shadow && shadows_1.BoxShadow[shadow], rounds === 's' && shapes_1.SmallRounds.all, rounds === 'm' && shapes_1.MediumRounds.all), "data-testid": testId, children: children, ...restProps }));
-});
+function PurePlate({ className, children, rounds = 's', shadow = 'z1', 'data-testid': testId = 'plate', ...restProps }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('root', className, shadow && `shadow-${shadow}`, rounds && `rounds-${rounds}`), "data-testid": testId, children: children, ...restProps }));
+}
+exports.Plate = (0, react_1.forwardRef)(PurePlate);
 //# sourceMappingURL=plate.js.map

package/dist/plate/plate.js.map

@@ -1 +1 @@
-{"version":3,"file":"plate.js","sourceRoot":"","sources":["../../src/plate/plate.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAAmC;AACnC,gDAA+C;AAC/C,8CAA8D;AAC9D,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;GAGG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAoC,SAAS,KAAK,CAC/E,EACE,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,GAAG,EACZ,MAAM,GAAG,IAAI,EACb,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACb,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,MAAM,EACN,SAAS,EACT,MAAM,IAAI,mBAAS,CAAC,MAAM,CAAC,EAC3B,MAAM,KAAK,GAAG,IAAI,oBAAW,CAAC,GAAG,EACjC,MAAM,KAAK,GAAG,IAAI,qBAAY,CAAC,GAAG,CACnC,iBACY,MAAM,EACnB,QAAQ,EAAE,QAAQ,KACd,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"plate.js","sourceRoot":"","sources":["../../src/plate/plate.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAA6C;AAC7C,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;;;GAMG;AACH,SAAS,SAAS,CAChB,EACE,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,GAAG,EACZ,MAAM,GAAG,IAAI,EACb,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACD,EACb,GAAwB;IAExB,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI,UAAU,MAAM,EAAE,EAAE,MAAM,IAAI,UAAU,MAAM,EAAE,CAAC,iBAC/E,MAAM,EACnB,QAAQ,EAAE,QAAQ,KACd,SAAS,GACb,CACH,CAAC;AACJ,CAAC;AAEY,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,CAAC,CAAC"}

package/dist/plate/plate.module.scss

@@ -1,3 +1,34 @@
+@use '../colors';
+@use '../shadows';
+
 .root {
-  background: #fff;
+  background: colors.$basic-white;
+}
+
+.shadow-z1 {
+  @include shadows.box-shadow('z1');
+}
+
+.shadow-z2 {
+  @include shadows.box-shadow('z2');
+}
+
+.shadow-z2-straight {
+  @include shadows.box-shadow('z2-straight');
+}
+
+.shadow-z3 {
+  @include shadows.box-shadow('z3');
+}
+
+.shadow-z4 {
+  @include shadows.box-shadow('z4');
+}
+
+.rounds-s {
+  border-radius: 4px;
+}
+
+.rounds-m {
+  border-radius: 8px;
 }

package/dist/plate/types.d.ts

@@ -1,9 +1,8 @@
 import type { HTMLAttributes } from 'react';
-import type { BoxShadow } from '../styling/shadows';
 import type { WithTestId } from '../types';
 export interface PlateProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
     /** Тень. */
-    shadow?: keyof typeof BoxShadow | null;
+    shadow?: 'z1' | 'z2' | 'z2-straight' | 'z3' | 'z4' | null;
     /** Скругление углов. */
     rounds?: 's' | 'm' | null;
 }

package/dist/popup/popup-view.d.ts

@@ -4,4 +4,4 @@ import type { PopupViewProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function PopupView({ children, onClose, popupRef, className, 'data-testid': testId, ...rest }: PopupViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function PopupView({ children, onClose, popupRef, className, 'data-testid': testId, ...rest }: PopupViewProps): import("react").JSX.Element;

package/dist/popup/popup.d.ts

@@ -4,4 +4,4 @@ import { PopupProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Popup({ showFor, ...rest }: PopupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Popup({ showFor, ...rest }: PopupProps): import("react").JSX.Element | null;

package/dist/price/price.d.ts

@@ -4,4 +4,4 @@ import type { PriceProps } from './types';
  * @param props Параметры компонента.
  * @return Элемент.
  */
-export declare function Price({ className, currencyGrapheme: grapheme, graphemeBefore, crossedOut, value, 'data-testid': testId, }: PriceProps): import("react/jsx-runtime").JSX.Element;
+export declare function Price({ className, currencyGrapheme: grapheme, graphemeBefore, crossedOut, value, 'data-testid': testId, }: PriceProps): import("react").JSX.Element;

package/dist/radio-button/radio-button.d.ts

@@ -4,4 +4,4 @@ import type { RadioButtonProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function RadioButton({ style, className, 'data-testid': testId, ...restProps }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioButton({ style, className, 'data-testid': testId, ...restProps }: RadioButtonProps): import("react").JSX.Element;

package/dist/range/range.d.ts

@@ -80,5 +80,5 @@ export declare class Range extends Component<RangeProps> {
      */
     fireEvent(eventName: string): void;
     /** @inheritdoc */
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/dist/rating/rating.d.ts

@@ -4,4 +4,4 @@ import type { RatingProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const Rating: ({ size, value, className, "data-testid": testId, ...restProps }: RatingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Rating: ({ size, value, className, "data-testid": testId, ...restProps }: RatingProps) => import("react").JSX.Element;

package/dist/select/parts/button.d.ts

@@ -1,8 +1,3 @@
-/**
- * "Открывашка" для Select в виде кнопки.
- * @param props Свойства.
- * @return Элемент.
- */
 export declare const SelectButton: import("react").ForwardRefExoticComponent<import("../../button/types").CommonProps<import("../../button").ButtonAppearance> & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, keyof import("../../button/types").CommonProps<import("../../button").ButtonAppearance>> & {
     appearance?: "button";
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/select/parts/button.js

@@ -9,9 +9,10 @@ const helpers_1 = require("../../helpers");
 /**
  * "Открывашка" для Select в виде кнопки.
  * @param props Свойства.
+ * @param ref Реф для DOM-элемента кнопки.
  * @return Элемент.
  */
-exports.SelectButton = (0, react_1.forwardRef)(function SelectButton({ children, onMouseDown, onKeyDown, ...restProps }, ref) {
+function PureSelectButton({ children, onMouseDown, onKeyDown, ...restProps }, ref) {
     const { selectProps, currentValue, menuOpen, setMenuOpen, setOpenerElement, setAnchorElement } = (0, react_1.useContext)(utils_1.SelectContext);
     const { label, disabled, renderValue = v => v } = selectProps;
     const mergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([ref, setOpenerElement, setAnchorElement]), [ref, setOpenerElement, setAnchorElement]);
@@ -38,5 +39,6 @@ exports.SelectButton = (0, react_1.forwardRef)(function SelectButton({ children,
         }
     }, [onKeyDown, disabled, setMenuOpen]);
     return ((0, jsx_runtime_1.jsx)(button_1.Button, { ...restProps, ref: mergedRef, disabled: disabled, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, children: children ?? (renderValue(currentValue) || label) }));
-});
+}
+exports.SelectButton = (0, react_1.forwardRef)(PureSelectButton);
 //# sourceMappingURL=button.js.map

package/dist/select/parts/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAOe;AACf,oCAAyC;AACzC,yCAAmD;AACnD,2CAA0C;AAI1C;;;;GAIG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EAAuC,SAAS,YAAY,CAChG,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAClD,GAAG;IAEH,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAC5F,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC;IAE9D,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAoB,CAAC,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,EAC7E,CAAC,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAC1C,CAAC;IAEF,MAAM,eAAe,GAAyC,IAAA,mBAAW,EACvE,KAAK,CAAC,EAAE;QACN,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,6BAA6B;QAC7B,CAAC,QAAQ,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QAEpC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAC/C,CAAC;IAEF,MAAM,aAAa,GAA4C,IAAA,mBAAW,EACxE,KAAK,CAAC,EAAE;QACN,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QAEnB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,OAAO,CAAC;YACb,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBACd,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClB,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,CAAC,CACnC,CAAC;IAEF,OAAO,CACL,uBAAC,eAAM,OACD,SAAS,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,YAEvB,QAAQ,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,GAC1C,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAQe;AACf,oCAAyC;AACzC,yCAAmD;AACnD,2CAA0C;AAI1C;;;;;GAKG;AACH,SAAS,gBAAgB,CACvB,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAqB,EACrE,GAA2B;IAE3B,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAC5F,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC;IAE9D,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAoB,CAAC,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,EAC7E,CAAC,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAC1C,CAAC;IAEF,MAAM,eAAe,GAAyC,IAAA,mBAAW,EACvE,KAAK,CAAC,EAAE;QACN,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,6BAA6B;QAC7B,CAAC,QAAQ,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QAEpC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAC/C,CAAC;IAEF,MAAM,aAAa,GAA4C,IAAA,mBAAW,EACxE,KAAK,CAAC,EAAE;QACN,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QAEnB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,OAAO,CAAC;YACb,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBACd,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClB,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,CAAC,CACnC,CAAC;IAEF,OAAO,CACL,uBAAC,eAAM,OACD,SAAS,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,YAEvB,QAAQ,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,GAC1C,CACV,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAC"}

package/dist/select/parts/field-block.d.ts

@@ -4,4 +4,4 @@ import { FieldBlockProps } from '../../field-block';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SelectFieldBlock({ blockRef, blockProps, mainProps, ...restProps }: FieldBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectFieldBlock({ blockRef, blockProps, mainProps, ...restProps }: FieldBlockProps): import("react").JSX.Element;

package/dist/select/parts/icon.d.ts

@@ -8,4 +8,4 @@ export interface SelectIconProps extends SVGAttributes<SVGSVGElement> {
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SelectIcon({ icon: Icon, ...restProps }: SelectIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectIcon({ icon: Icon, ...restProps }: SelectIconProps): import("react").JSX.Element;

package/dist/select/parts/menu.d.ts

@@ -4,4 +4,4 @@ import { DropdownProps } from '../../dropdown';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SelectMenu(props: DropdownProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SelectMenu(props: DropdownProps): import("react").JSX.Element | null;

package/dist/select/parts/text-button.d.ts

@@ -4,4 +4,4 @@ import { TextButtonAsButtonProps } from '../../text-button';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SelectTextButton({ buttonRef, children, onMouseDown, onKeyDown, ...restProps }: TextButtonAsButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectTextButton({ buttonRef, children, onMouseDown, onKeyDown, ...restProps }: TextButtonAsButtonProps): import("react").JSX.Element;

package/dist/select/select.d.ts

@@ -4,4 +4,4 @@ import { SelectProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select(props: SelectProps): import("react").JSX.Element;

package/dist/side-page/side-page-body.d.ts

@@ -4,4 +4,4 @@ import { SidePageBodyProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SidePageBody({ rootRef, children, className, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: SidePageBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidePageBody({ rootRef, children, className, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: SidePageBodyProps): import("react").JSX.Element;

package/dist/side-page/side-page.d.ts

@@ -4,4 +4,4 @@ import type { SidePageProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SidePage({ size, className, children, onClose, overlayProps, 'data-testid': testId, ...restProps }: SidePageProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidePage({ size, className, children, onClose, overlayProps, 'data-testid': testId, ...restProps }: SidePageProps): import("react").JSX.Element;

package/dist/skeleton/skeleton.d.ts

@@ -4,4 +4,4 @@ import type { SkeletonProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Skeleton({ theme, shining, children, className, rootRef, ...restProps }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ theme, shining, children, className, rootRef, ...restProps }: SkeletonProps): import("react").JSX.Element;

package/dist/snack-bar/context.d.ts

@@ -6,7 +6,7 @@ import { Dispatch, ReactNode, SetStateAction } from 'react';
  */
 export declare function SnackbarContextProvider({ children }: {
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare const SnackbarContext: import("react").Context<ContextProps>;
 interface ContextProps {
     closePrevious?: VoidFunction;

package/dist/snack-bar/index.d.ts

@@ -2,4 +2,4 @@ export { SnackBarImage, SnackBarStartIcon, SnackBarEndIcon, SnackBarTitle, Snack
 export { SnackBar } from './snack-bar';
 export { useSnackBarPositioning } from './utils';
 export { SnackbarContextProvider } from './context';
-export type { SnackBarProps } from './types';
+export type { SnackBarProps, SnackBarStyle } from './types';

package/dist/snack-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/snack-bar/index.tsx"],"names":[],"mappings":";;;AAAA,iCAMiB;AALf,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AACjB,wGAAA,eAAe,OAAA;AACf,sGAAA,aAAa,OAAA;AACb,yGAAA,gBAAgB,OAAA;AAElB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,iCAAiD;AAAxC,+GAAA,sBAAsB,OAAA;AAC/B,qCAAoD;AAA3C,kHAAA,uBAAuB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/snack-bar/index.ts"],"names":[],"mappings":";;;AAAA,iCAMiB;AALf,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AACjB,wGAAA,eAAe,OAAA;AACf,sGAAA,aAAa,OAAA;AACb,yGAAA,gBAAgB,OAAA;AAElB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,iCAAiD;AAAxC,+GAAA,sBAAsB,OAAA;AAC/B,qCAAoD;AAA3C,kHAAA,uBAAuB,OAAA"}

package/dist/snack-bar/slots.d.ts

@@ -5,28 +5,28 @@ import { SnackBarIconProps, SnackBarImageProps } from './types';
  * @param props Параметры.
  * @return Элемент.
  */
-export declare function SnackBarImage(props: SnackBarImageProps): import("react/jsx-runtime").JSX.Element;
+export declare function SnackBarImage(props: SnackBarImageProps): import("react").JSX.Element;
 /**
  * Компонент для вывода иконки в начале контента Snackbar.
  * @param props Параметры.
  * @return Элемент.
  */
-export declare const SnackBarStartIcon: (props: SnackBarIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SnackBarStartIcon: (props: SnackBarIconProps) => import("react").JSX.Element;
 /**
  * Компонент для вывода иконки в конце контента Snackbar.
  * @param props Параметры.
  * @return Элемент.
  */
-export declare const SnackBarEndIcon: (props: SnackBarIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SnackBarEndIcon: (props: SnackBarIconProps) => import("react").JSX.Element;
 /**
  * Компонент для вывода заголовка в Snackbar.
  * @param props Параметры.
  * @return Элемент.
  */
-export declare function SnackBarTitle({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function SnackBarTitle({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 /**
  * Компонент для вывода подзаголовка в Snackbar.
  * @param props Параметры.
  * @return Элемент.
  */
-export declare function SnackBarSubtitle({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function SnackBarSubtitle({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/snack-bar/snack-bar.d.ts

@@ -4,4 +4,4 @@ import { SnackBarProps } from './types';
  * @param props Параметры.
  * @return Элемент.
  */
-export declare function SnackBar({ onClick, children, className, onMount, ...props }: SnackBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SnackBar({ onClick, children, className, onMount, ...props }: SnackBarProps): import("react").JSX.Element;

package/dist/snack-bar/snack-bar.module.scss

@@ -1,11 +1,10 @@
 @use '../colors';
-@use '../breakpoints.scss';
+@use '../breakpoints';
 
 .root {
   --max-width: 464px;
   --min-width: 304px;
   --min-height: 56px;
-  --snackbar-bottom-gap: 12px;
   background: colors.$basic-gray76;
   border-radius: 10px;
   padding: 12px;
@@ -14,38 +13,38 @@
   min-width: var(--min-width);
   min-height: var(--min-height);
   position: fixed;
-  bottom: var(--snackbar-bottom-gap);
+  bottom: var(--snackbar-bottom-gap, 12px);
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12);
   // частично иммитируем поведение layout
   margin: 0 auto;
-  @include breakpoints.up('xs') {
+  @include breakpoints.gte('xs') {
     width: fit-content;
-    --snackbar-bottom-gap: 40px;
+    bottom: var(--snackbar-bottom-gap, 40px);
   }
-  @include breakpoints.down('ms') {
+  @include breakpoints.lt('ms') {
     left: var(--snackbar-position-left, 8px);
     margin-right: 8px;
     width: calc(100% - (var(--snackbar-position-left, 8px) + 8px));
   }
-  @include breakpoints.up('ms') {
-    @include breakpoints.down('xs') {
+  @include breakpoints.gte('ms') {
+    @include breakpoints.lt('xs') {
       left: var(--snackbar-position-left, 50%);
       margin-left: calc(-1 * (var(--max-width) / 2));
       width: 100%;
     }
   }
-  @include breakpoints.up('xs') {
-    @include breakpoints.down('l') {
+  @include breakpoints.gte('xs') {
+    @include breakpoints.lt('l') {
       left: var(--snackbar-position-left, 56px);
     }
   }
-  @include breakpoints.up('l') {
-    @include breakpoints.down('xl') {
+  @include breakpoints.gte('l') {
+    @include breakpoints.lt('xl') {
       // 1472 - максимальная ширина контейнера Layout на данном разрешении.
       left: var(--snackbar-position-left, calc(((100% - 1472px) / 2) - 8px));
     }
   }
-  @include breakpoints.up('xl') {
+  @include breakpoints.gte('xl') {
     // 1504 - максимальная ширина контейнера Layout на данном разрешении.
     left: var(--snackbar-position-left, calc(((100% - 1504px) / 2) - 8px));
   }

package/dist/snack-bar/types.d.ts

@@ -1,8 +1,13 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { WithTestId } from '../types';
+import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface SnackBarStyle extends CSSProperties {
+    '--snackbar-bottom-gap'?: string;
+}
 export interface SnackBarProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
     /** Будет вызван при мoнтировании. */
     onMount?: VoidFunction;
+    /** Стили. */
+    style?: SnackBarStyle;
 }
 export interface SnackBarImageProps extends HTMLAttributes<HTMLImageElement> {
     src: string;

package/dist/spinner/spinner.d.ts

@@ -5,11 +5,11 @@ export declare const SPINNER_DIAMETER: Record<SpinnerSize, number>;
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Spinner({ size, color, className, style, 'data-testid': testId, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Spinner({ size, color, className, style, 'data-testid': testId, }: SpinnerProps): import("react").JSX.Element;
 /**
  * Спиннер.
  * Выделен в отдельный компонент для возможности использования без обертки в виде div.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SpinnerSVG({ size, color, className, style, 'data-testid': testId, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpinnerSVG({ size, color, className, style, 'data-testid': testId, }: SpinnerProps): import("react").JSX.Element;

package/dist/stepper/stepper.d.ts

@@ -1,7 +1,2 @@
 import type { StepperProps } from './types';
-/**
- * Степпер - поле ввода количества.
- * @param props Свойства.
- * @return Элемент.
- */
 export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<HTMLInputElement>>;