@sima-land/ui-nucleons 45.0.0-alpha.12 → 45.0.0-alpha.13

package/avatar/utils.m.scss

@@ -1,4 +1,5 @@
 .icon {
+  display: block;
   fill: currentColor;
   width: calc(var(--avatar-size, 72px) / 2);
   height: calc(var(--avatar-size, 72px) / 2);

package/base-input/base-input.m.scss

@@ -1,4 +1,5 @@
 @use '../utils';
+@use '../colors';
 
 .reset {
   border: 0;
@@ -16,21 +17,32 @@
   flex-grow: 1;
   display: flex;
   overflow: hidden;
+  background: var(--base-input-background);
 }
 
 .field {
   width: 0;
   flex-grow: 1;
   display: block;
-  color: inherit;
+  background: var(--base-input-background, inherit);
+  color: var(--base-input-color, inherit);
   font-size: inherit;
   line-height: inherit;
-  z-index: 1;
+  z-index: 0;
   text-overflow: inherit;
-  background: inherit;
   &::placeholder {
+    color: var(--base-input-placeholder-color);
+    -webkit-text-fill-color: var(--base-input-placeholder-color);
+    opacity: 1;
+  }
+  &:disabled {
+    background: var(--base-input-background);
+    color: var(--base-input-color);
+  }
+  &:disabled::placeholder {
+    color: var(--base-input-placeholder-color);
+    -webkit-text-fill-color: var(--base-input-placeholder-color);
     opacity: 1;
-    color: var(--placeholder-color);
   }
   &::-ms-clear {
     // отключаем системный крестик в IE
@@ -56,11 +68,11 @@
   font-size: inherit;
   line-height: inherit;
   overflow: hidden;
-  z-index: 0;
+  z-index: 1;
   .shift-part {
     color: transparent;
   }
   .main-part {
-    color: var(--placeholder-color);
+    color: var(--base-input-placeholder-color);
   }
 }

package/base-input/types.d.ts

@@ -7,7 +7,9 @@ export interface RestPlaceholderDefinition {
     shiftValue?: string;
 }
 export interface BaseInputStyle extends CSSProperties {
-    '--placeholder-color'?: string;
+    '--base-input-background'?: string;
+    '--base-input-color'?: string;
+    '--base-input-placeholder-color'?: string;
 }
 export interface CommonProps extends WithTestId {
     /** Остаточный placeholder (выводится после введенного значения). */

package/button/button-util.scss

@@ -44,3 +44,12 @@
   --button-disabled-color: #{colors.$basic-gray24};
   --button-disabled-background: #{colors.$basic-gray8};
 }
+
+@mixin color-info {
+  --button-color: #{colors.$additional-deep-blue};
+  --button-background: #{colors.$additional-sky};
+  --button-hover-color: #{colors.$additional-light-blue};
+  --button-hover-background: #{colors.$additional-sky};
+  --button-disabled-color: #{colors.$basic-gray24};
+  --button-disabled-background: #{colors.$basic-gray8};
+}

package/button/button.js

@@ -19,7 +19,26 @@ exports.Button = (0, react_1.forwardRef)(function Button({ viewType = 'primary',
     const hasIcon = Boolean(Icon);
     const hasText = Boolean(children);
     const rootClassName = cx('root', `size-${size}`, viewType !== 'unset' && `view-${viewType}`, loading && 'loading', disabled && 'disabled', hasIcon && !hasText && 'icon-only', hasText && hasIcon && iconPosition === 'start' && 'icon-start', hasText && hasIcon && iconPosition === 'end' && 'icon-end', className);
-    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Icon && iconPosition === 'start' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), children, Icon && iconPosition === 'end' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), loading && ((0, jsx_runtime_1.jsx)(spinner_1.SpinnerSVG, { size: 's', color: disabled || viewType === 'secondary' ? 'basic-gray38' : 'basic-white', className: cx('spinner') }))] }));
+    const spinnerColor = (0, react_1.useMemo)(() => {
+        if (disabled) {
+            return 'basic-gray38';
+        }
+        switch (viewType) {
+            case 'primary': {
+                return 'basic-white';
+            }
+            case 'secondary': {
+                return 'basic-gray38';
+            }
+            case 'success': {
+                return 'basic-white';
+            }
+            case 'info': {
+                return 'additional-deep-blue';
+            }
+        }
+    }, [disabled, viewType]);
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Icon && iconPosition === 'start' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), children, Icon && iconPosition === 'end' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), loading && (0, jsx_runtime_1.jsx)(spinner_1.SpinnerSVG, { size: 's', color: spinnerColor, className: cx('spinner') })] }));
     let result = null;
     if (restProps.appearance === 'container') {
         result = ((0, jsx_runtime_1.jsx)("div", { ...restProps, ref: ref, className: rootClassName, role: 'button', "data-testid": testId, children: content }));

package/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAiD;AAEjD,wCAAwC;AACxC,2DAAyC;AACzC,oEAAqC;AAErC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,uBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAmB,SAAS,MAAM,CAChE,EACE,QAAQ,GAAG,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,YAAY,GAAG,OAAO,EACtB,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,QAAQ,EAChC,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAElC,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,QAAQ,KAAK,OAAO,IAAI,QAAQ,QAAQ,EAAE,EAC1C,OAAO,IAAI,SAAS,EACpB,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,CAAC,OAAO,IAAI,WAAW,EAClC,OAAO,IAAI,OAAO,IAAI,YAAY,KAAK,OAAO,IAAI,YAAY,EAC9D,OAAO,IAAI,OAAO,IAAI,YAAY,KAAK,KAAK,IAAI,UAAU,EAC1D,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,6DAEG,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,uBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EACnE,QAAQ,EACR,IAAI,IAAI,YAAY,KAAK,KAAK,IAAI,uBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EAEjE,OAAO,IAAI,CACV,uBAAC,oBAAU,IACT,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,QAAQ,IAAI,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAC5E,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GACxB,CACH,IACA,CACJ,CAAC;IAEF,IAAI,MAAM,GAAwB,IAAI,CAAC;IAEvC,IAAI,SAAS,CAAC,UAAU,KAAK,WAAW,EAAE,CAAC;QACzC,MAAM,GAAG,CACP,mCAAS,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAC,QAAQ,iBAAc,MAAM,YACtF,OAAO,GACJ,CACP,CAAC;IACJ,CAAC;SAAM,IAAI,SAAS,CAAC,UAAU,KAAK,MAAM,EAAE,CAAC;QAC3C,MAAM,GAAG,CACP,iCAAO,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,iBAAe,MAAM,YACtE,OAAO,GACN,CACL,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,MAAM,GAAG,CACP,sCACM,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,iBACL,MAAM,YAElB,OAAO,GACD,CACV,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"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"}

package/button/button.m.scss

@@ -44,9 +44,11 @@
   }
   &:not(:disabled):hover {
     cursor: pointer;
-    color: var(--button-hover-color, var(--button-color));
     background: var(--button-hover-background, var(--button-background));
   }
+  &:not(:disabled):not(.loading):hover {
+    color: var(--button-hover-color, var(--button-color));
+  }
 }
 
 // sizes
@@ -90,6 +92,10 @@
   @include button-util.color-success;
 }
 
+.view-info {
+  @include button-util.color-info;
+}
+
 // icons
 .icon {
   margin: 0 var(--button-icon-gutter);

package/button/types.d.ts

@@ -1,7 +1,7 @@
 import type { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ElementType, HTMLAttributes, SVGAttributes } from 'react';
 import type { WithTestId } from '../types';
 export type ButtonSize = 'xs' | 's' | 'm';
-export type ButtonViewType = 'primary' | 'secondary' | 'success' | 'unset';
+export type ButtonViewType = 'primary' | 'secondary' | 'success' | 'info' | 'unset';
 export type ButtonAppearance = 'button' | 'link' | 'container';
 export type ButtonIconPosition = 'start' | 'end';
 export interface ButtonStyle extends CSSProperties {

package/colors/index.d.ts

@@ -38,6 +38,7 @@ export declare const COLOR: {
     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<"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-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", string>;
+export declare const COLORS: Map<"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-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>;

package/colors/index.js

@@ -44,6 +44,7 @@ exports.COLOR = {
     '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/colors/index.js.map

@@ -1 +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,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;CAC1B,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAuB,CAAC"}
+{"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,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/colors.scss

@@ -41,3 +41,4 @@ $additional-blue-gray: #607d8b;
 $additional-deep-blue: #00599d;
 $additional-dark-blue: #002b41;
 $additional-unlit-blue: #1b75c2;
+$additional-crimson: #f4446b;

package/field-block/field-block.m.scss

@@ -118,6 +118,7 @@
   pointer-events: none;
   white-space: nowrap;
   overflow: hidden;
+  z-index: 1;
 }
 
 .col {
@@ -148,6 +149,7 @@
   max-width: 100%;
   white-space: nowrap;
   color: var(--field-main-text-color, var(--field-primary-text-color));
+  z-index: 0;
 }
 
 .caption {

package/input/input.js

@@ -50,9 +50,9 @@ size, label, failed, caption, blockProps, focused: focusedProp, 'data-testid': t
         }), blockProps: {
             ...blockProps,
             onMouseDown: handleMouseDown,
-        }, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, inputRef: ref, multiline: false, className: cx('input', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: {
+        }, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, inputRef: ref, multiline: false, className: cx('input', disabled && 'disabled', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: {
                 ...baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.style,
-                '--placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
+                '--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
             }, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: !focused ? label || placeholder : placeholder, readOnly: readOnly, required: required, type: type, value: value, onFocus: event => {
                 onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
                 updateFilled(event);

package/input/input.js.map

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

package/input/input.m.scss

@@ -12,6 +12,13 @@
   background: inherit;
   font: inherit;
   line-height: inherit;
+  --base-input-background: var(--field-background);
+  --base-input-color: var(--field-main-text-color, var(--field-primary-text-color));
+  --base-input-placeholder-color: #{colors.$basic-gray38};
+}
+
+.disabled {
+  --base-input-placeholder-color: #{colors.$basic-gray38};
 }
 
 .clear-button {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sima-land/ui-nucleons",
   "type": "commonjs",
-  "version": "45.0.0-alpha.12",
+  "version": "45.0.0-alpha.13",
   "repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",

package/popup/index.d.ts

@@ -1,5 +1,4 @@
-import { Popup, PopupProps } from './popup';
-import { PopupView, PopupViewProps } from './popup-view';
-import { popupFloatingConfig, usePopupFloatingStyle, usePopupOnClick, useFocusTrap } from './utils';
-export type { PopupProps, PopupViewProps };
-export { Popup, PopupView, popupFloatingConfig, usePopupFloatingStyle, usePopupOnClick, useFocusTrap, };
+export type { PopupProps, PopupViewProps, PopupStyle } from './types';
+export { Popup } from './popup';
+export { PopupView } from './popup-view';
+export { popupFloatingConfig, usePopupFloatingStyle, usePopupOnClick, useFocusTrap } from './utils';

package/popup/index.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFocusTrap = exports.usePopupOnClick = exports.usePopupFloatingStyle = exports.popupFloatingConfig = exports.PopupView = exports.Popup = void 0;
-const popup_1 = require("./popup");
+var popup_1 = require("./popup");
 Object.defineProperty(exports, "Popup", { enumerable: true, get: function () { return popup_1.Popup; } });
-const popup_view_1 = require("./popup-view");
+var popup_view_1 = require("./popup-view");
 Object.defineProperty(exports, "PopupView", { enumerable: true, get: function () { return popup_view_1.PopupView; } });
-const utils_1 = require("./utils");
+var utils_1 = require("./utils");
 Object.defineProperty(exports, "popupFloatingConfig", { enumerable: true, get: function () { return utils_1.popupFloatingConfig; } });
 Object.defineProperty(exports, "usePopupFloatingStyle", { enumerable: true, get: function () { return utils_1.usePopupFloatingStyle; } });
 Object.defineProperty(exports, "usePopupOnClick", { enumerable: true, get: function () { return utils_1.usePopupOnClick; } });

package/popup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popup/index.ts"],"names":[],"mappings":";;;AAAA,mCAA4C;AAM1C,sFANO,aAAK,OAMP;AALP,6CAAyD;AAMvD,0FANO,sBAAS,OAMP;AALX,mCAAoG;AAMlG,oGANO,2BAAmB,OAMP;AACnB,sGAP4B,6BAAqB,OAO5B;AACrB,gGARmD,uBAAe,OAQnD;AACf,6FAToE,oBAAY,OASpE"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popup/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,iCAAoG;AAA3F,4GAAA,mBAAmB,OAAA;AAAE,8GAAA,qBAAqB,OAAA;AAAE,wGAAA,eAAe,OAAA;AAAE,qGAAA,YAAY,OAAA"}

package/popup/popup-view.d.ts

@@ -1,11 +1,4 @@
-import { HTMLAttributes, Ref } from 'react';
-import { WithTestId } from '../types';
-export interface PopupViewProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
-    /** Сработает при клике на крестик. */
-    onClose?: () => void;
-    /** Реф корневого элемента. */
-    popupRef?: Ref<HTMLDivElement>;
-}
+import type { PopupViewProps } from './types';
 /**
  * Попап - блок для вывода информации, всплывающий рядом с целевым элементом.
  * @param props Свойства.

package/popup/popup-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-view.js","sourceRoot":"","sources":["../../src/popup/popup-view.tsx"],"names":[],"mappings":";;;;;;;AAEA,2FAAsE;AACtE,2DAAyC;AACzC,4EAAyC;AAUzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,IAAI,EACQ;IACf,OAAO,CACL,oCAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,iBAAe,MAAM,aAChF,OAAO,IAAI,CACV,iDACa,4CAAS,EACpB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EACtB,OAAO,EAAE,OAAO,iBACJ,aAAa,YAEzB,uBAAC,eAAQ,KAAG,GACL,CACV,EAID,gCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAO,IAC3C,CACP,CAAC;AACJ,CAAC;AA1BD,8BA0BC"}
+{"version":3,"file":"popup-view.js","sourceRoot":"","sources":["../../src/popup/popup-view.tsx"],"names":[],"mappings":";;;;;;;AACA,2FAAsE;AACtE,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,IAAI,EACQ;IACf,OAAO,CACL,oCAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,iBAAe,MAAM,aAChF,OAAO,IAAI,CACV,iDACa,4CAAS,EACpB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EACtB,OAAO,EAAE,OAAO,iBACJ,aAAa,YAEzB,uBAAC,eAAQ,KAAG,GACL,CACV,EAID,gCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAO,IAC3C,CACP,CAAC;AACJ,CAAC;AA1BD,8BA0BC"}

package/popup/popup-view.m.scss

@@ -3,15 +3,15 @@
 @use '../utils';
 
 .root {
-  @include shadows.box-shadow('z2');
   display: inline-flex;
   position: relative;
   max-width: 400px;
-  max-height: min(536px, calc(100vh - 16px));
-  padding: 40px 8px;
+  max-height: var(--popup-max-height, min(536px, calc(100vh - 16px)));
+  padding: var(--popup-padding, 40px 8px);
   box-sizing: border-box;
-  background: colors.$basic-gray4;
-  border-radius: 4px;
+  background: var(--popup-background, #{colors.$basic-gray4});
+  border-radius: var(--popup-border-radius, 4px);
+  box-shadow: var(--popup-box-shadow, #{shadows.get-box-shadow('z2')});
 }
 
 .close {
@@ -33,7 +33,7 @@
   @include utils.semi-stylized-scrollbars(colors.$basic-gray4);
   font-size: 16px;
   line-height: 24px;
-  padding: 0 32px;
+  padding: var(--popup-content-padding, 0 32px);
   max-height: 456px; // 536 (по гайдам) - 80 (горизонтальные отступы)
   overflow-y: auto;
   overflow-x: hidden;

package/popup/popup.d.ts

@@ -1,13 +1,4 @@
-import { PopupViewProps } from './popup-view';
-export interface PopupProps extends Omit<PopupViewProps, 'onClose'> {
-    /** Элемент для которого нужно показать Popup ил null. */
-    showFor?: Element | null;
-    /** Сработает при попытке закрыть Popup. */
-    onDismiss?: () => void;
-}
-export interface PopupInnerProps extends PopupProps {
-    showFor: Element;
-}
+import { PopupProps } from './types';
 /**
  * Popup, всплывающий когда указан целевой элемент.
  * @param props Свойства.

package/popup/popup.js

@@ -23,8 +23,8 @@ exports.Popup = Popup;
  * @param props Свойства.
  * @return Элемент.
  */
-function PopupInner({ showFor, popupRef, children, style, onDismiss, ...rest }) {
-    const { refs, ...floating } = (0, react_2.useFloating)((0, utils_1.popupFloatingConfig)());
+function PopupInner({ showFor, popupRef, children, style, onDismiss, withCloseButton = true, placement, offset, ...rest }) {
+    const { refs, ...floating } = (0, react_2.useFloating)((0, utils_1.popupFloatingConfig)({ placement, offset }));
     const floatingStyle = (0, utils_1.usePopupFloatingStyle)(floating);
     (0, react_1.useImperativeHandle)(popupRef, () => refs.floating.current);
     (0, react_1.useImperativeHandle)(refs.setReference, () => showFor, [showFor]);
@@ -37,6 +37,6 @@ function PopupInner({ showFor, popupRef, children, style, onDismiss, ...rest })
     return ((0, jsx_runtime_1.jsx)(popup_view_1.PopupView, { ...rest, popupRef: refs.setFloating, style: {
             ...style,
             ...floatingStyle,
-        }, onClose: onDismiss, children: children }));
+        }, onClose: withCloseButton ? onDismiss : undefined, children: children }));
 }
 //# sourceMappingURL=popup.js.map

package/popup/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,6CAAyD;AACzD,8CAAiD;AACjD,oCAA2C;AAC3C,mCAAmF;AACnF,gEAA2D;AAC3D,sCAAmC;AAcnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAc;IACpD,OAAO,uBAAC,eAAM,cAAE,OAAO,IAAI,uBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,KAAM,IAAI,GAAI,GAAU,CAAC;AAClF,CAAC;AAFD,sBAEC;AAED;;;;GAIG;AACH,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAmB;IAC7F,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAA,mBAAW,EAAC,IAAA,2BAAmB,GAAE,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,IAAA,6BAAqB,EAAC,QAAQ,CAAC,CAAC;IAEtD,IAAA,2BAAmB,EAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAyB,CAAC,CAAC;IAC7E,IAAA,2BAAmB,EAAC,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEjE,MAAM,SAAS,GAAG,IAAA,iCAAc,EAAC,OAAO,CAAC,CAAC;IAC1C,IAAA,uBAAe,EAAC,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;IAEvD,IAAA,oBAAY,EAAC,IAAI,CAAC,QAAQ,EAAE;QAC1B,OAAO,EAAE,QAAQ,CAAC,YAAY;QAC9B,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,sBAAS,OACJ,IAAI,EACR,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,KAAK,EAAE;YACL,GAAG,KAAK;YACR,GAAG,aAAa;SACjB,EACD,OAAO,EAAE,SAAS,YAEjB,QAAQ,GACC,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/popup/popup.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,6CAAyC;AACzC,8CAAiD;AACjD,oCAA2C;AAC3C,mCAAmF;AACnF,gEAA2D;AAC3D,sCAAmC;AAGnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,EAAc;IACpD,OAAO,uBAAC,eAAM,cAAE,OAAO,IAAI,uBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,KAAM,IAAI,GAAI,GAAU,CAAC;AAClF,CAAC;AAFD,sBAEC;AAED;;;;GAIG;AACH,SAAS,UAAU,CAAC,EAClB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,MAAM,EACN,GAAG,IAAI,EACS;IAChB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAA,mBAAW,EAAC,IAAA,2BAAmB,EAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACtF,MAAM,aAAa,GAAG,IAAA,6BAAqB,EAAC,QAAQ,CAAC,CAAC;IAEtD,IAAA,2BAAmB,EAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAyB,CAAC,CAAC;IAC7E,IAAA,2BAAmB,EAAC,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEjE,MAAM,SAAS,GAAG,IAAA,iCAAc,EAAC,OAAO,CAAC,CAAC;IAC1C,IAAA,uBAAe,EAAC,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;IAEvD,IAAA,oBAAY,EAAC,IAAI,CAAC,QAAQ,EAAE;QAC1B,OAAO,EAAE,QAAQ,CAAC,YAAY;QAC9B,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,sBAAS,OACJ,IAAI,EACR,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,KAAK,EAAE;YACL,GAAG,KAAK;YACR,GAAG,aAAa;SACjB,EACD,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,YAE/C,QAAQ,GACC,CACb,CAAC;AACJ,CAAC"}

package/popup/types.d.ts

@@ -0,0 +1,34 @@
+import type { CSSProperties, HTMLAttributes, Ref } from 'react';
+import type { WithTestId } from '../types';
+export interface PopupStyle extends CSSProperties {
+    '--popup-max-height'?: string;
+    '--popup-padding'?: string;
+    '--popup-content-padding'?: string;
+    '--popup-background'?: string;
+    '--popup-border-radius'?: string;
+    '--popup-box-shadow'?: string;
+}
+export type PopupPlacement = 'top' | 'right' | 'bottom' | 'left' | 'right-start' | 'top-start' | 'top-end' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+export interface PopupViewProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
+    /** Сработает при клике на крестик. */
+    onClose?: () => void;
+    /** Реф корневого элемента. */
+    popupRef?: Ref<HTMLDivElement>;
+    /** Стили. */
+    style?: PopupStyle;
+}
+export interface PopupProps extends Omit<PopupViewProps, 'onClose'> {
+    /** Элемент для которого нужно показать Popup ил null. */
+    showFor?: Element | null;
+    /** Сработает при попытке закрыть Popup. */
+    onDismiss?: () => void;
+    /** Нужно ли выводить кнопку закрытия. */
+    withCloseButton?: boolean;
+    /** Расположение попапа относительно целевого элемента. */
+    placement?: PopupPlacement;
+    /** Отступ в пикселях от попапа до целевого элемента по оси. */
+    offset?: number;
+}
+export interface PopupInnerProps extends PopupProps {
+    showFor: Element;
+}

package/popup/types.js

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

package/popup/types.js.map

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

package/popup/utils.d.ts

@@ -2,9 +2,13 @@ import { UseFloatingOptions, UseFloatingReturn } from '@floating-ui/react';
 import { RefObject } from 'react';
 /**
  * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
  * @return Конфигурация для `useFloating` по дизайн-гайдам.
  */
-export declare function popupFloatingConfig(): Partial<UseFloatingOptions>;
+export declare function popupFloatingConfig({ placement, offset: offsetValue, }?: {
+    offset?: number;
+    placement?: 'top' | 'right' | 'bottom' | 'left' | 'right-start' | 'top-start' | 'top-end' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+}): Partial<UseFloatingOptions>;
 /**
  * Возвращает стили для элемента с учетом "слоя".
  * @param floating Результат вызова useFloating.

package/popup/utils.js

@@ -8,14 +8,15 @@ const hooks_1 = require("../hooks");
 const use_identity_ref_1 = require("../hooks/use-identity-ref");
 /**
  * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
  * @return Конфигурация для `useFloating` по дизайн-гайдам.
  */
-function popupFloatingConfig() {
+function popupFloatingConfig({ placement = 'right-start', offset: offsetValue = 8, } = {}) {
     return {
         strategy: 'absolute',
-        placement: 'right-start',
+        placement,
         middleware: [
-            (0, react_1.offset)(8),
+            (0, react_1.offset)(offsetValue),
             (0, react_1.flip)({
                 padding: 16,
                 crossAxis: false,

package/popup/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/popup/utils.ts"],"names":[],"mappings":";;;AAAA,8CAU4B;AAC5B,2CAA6C;AAE7C,4CAA4C;AAC5C,oCAAqD;AACrD,gEAA2D;AAE3D;;;GAGG;AACH,SAAgB,mBAAmB;IACjC,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,CAAC,CAAC;YACT,IAAA,YAAI,EAAC;gBACH,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,KAAK;gBAChB,yBAAyB,EAAE,OAAO;aACnC,CAAC;YACF,IAAA,aAAK,EAAC;gBACJ,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QACD,oBAAoB,EAAE,kBAAU;KACjC,CAAC;AACJ,CAAC;AAjBD,kDAiBC;AAED;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,CAAC,EACD,CAAC,GAC+C;IAChD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO;QACL,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,KAAK,GAAG,CAAC;KAClB,CAAC;AACJ,CAAC;AAbD,sDAaC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,QAAqE;IAErE,MAAM,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACpE,CAAC;AATD,0CASC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAC1B,GAAwC,EACxC,EACE,OAAO,EACP,eAAe,GAIhB;IAED,MAAM,kBAAkB,GAAG,IAAA,iCAAc,EAAC,eAAe,CAAC,CAAC;IAE3D,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,IAAA,4BAAe,EAAC,OAAO,EAAE;gBACpC,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBACzC,gBAAgB,EAAE,kBAAkB,CAAC,OAAO;gBAE5C,6EAA6E;gBAC7E,YAAY,EAAE,KAAK;aACpB,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEhB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,UAAU,CAAC;oBACd,qBAAqB;oBACrB,WAAW,EAAE,IAAI;iBAClB,CAAC,CAAC;YACL,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACrB,CAAC;AAnCD,oCAmCC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/popup/utils.ts"],"names":[],"mappings":";;;AAAA,8CAU4B;AAC5B,2CAA6C;AAE7C,4CAA4C;AAC5C,oCAAqD;AACrD,gEAA2D;AAE3D;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,EAClC,SAAS,GAAG,aAAa,EACzB,MAAM,EAAE,WAAW,GAAG,CAAC,MAkBrB,EAAE;IACJ,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,SAAS;QACT,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,WAAW,CAAC;YACnB,IAAA,YAAI,EAAC;gBACH,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,KAAK;gBAChB,yBAAyB,EAAE,OAAO;aACnC,CAAC;YACF,IAAA,aAAK,EAAC;gBACJ,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QACD,oBAAoB,EAAE,kBAAU;KACjC,CAAC;AACJ,CAAC;AArCD,kDAqCC;AAED;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,CAAC,EACD,CAAC,GAC+C;IAChD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO;QACL,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,KAAK,GAAG,CAAC;KAClB,CAAC;AACJ,CAAC;AAbD,sDAaC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,QAAqE;IAErE,MAAM,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACpE,CAAC;AATD,0CASC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAC1B,GAAwC,EACxC,EACE,OAAO,EACP,eAAe,GAIhB;IAED,MAAM,kBAAkB,GAAG,IAAA,iCAAc,EAAC,eAAe,CAAC,CAAC;IAE3D,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,IAAA,4BAAe,EAAC,OAAO,EAAE;gBACpC,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBACzC,gBAAgB,EAAE,kBAAkB,CAAC,OAAO;gBAE5C,6EAA6E;gBAC7E,YAAY,EAAE,KAAK;aACpB,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEhB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,UAAU,CAAC;oBACd,qBAAqB;oBACrB,WAAW,EAAE,IAAI;iBAClB,CAAC,CAAC;YACL,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACrB,CAAC;AAnCD,oCAmCC"}

package/portal/portal.d.ts

@@ -5,4 +5,4 @@ import type { PortalProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Portal({ children, defineRoot }: PortalProps): import("react").ReactPortal | null;
+export declare function Portal({ children, defineRoot, onMount }: PortalProps): import("react").ReactPortal | null;

package/portal/portal.js

@@ -9,7 +9,7 @@ const hooks_1 = require("../hooks");
  * @param props Свойства.
  * @return Элемент.
  */
-function Portal({ children, defineRoot = () => document.body }) {
+function Portal({ children, defineRoot = () => document.body, onMount }) {
     const [mounted, setMounted] = (0, react_1.useState)(false);
     const ref = (0, react_1.useRef)();
     (0, hooks_1.useIsomorphicLayoutEffect)(() => {
@@ -21,6 +21,14 @@ function Portal({ children, defineRoot = () => document.body }) {
             ref.current && ref.current.remove();
         };
     }, []);
+    const onMountRef = (0, react_1.useRef)(onMount);
+    onMountRef.current = onMount;
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        var _a;
+        if (mounted) {
+            (_a = onMountRef.current) === null || _a === void 0 ? void 0 : _a.call(onMountRef);
+        }
+    }, [mounted]);
     return mounted && ref.current ? (0, react_dom_1.createPortal)(children, ref.current) : null;
 }
 exports.Portal = Portal;

package/portal/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/portal/portal.tsx"],"names":[],"mappings":";;;AACA,iCAAyC;AACzC,yCAAyC;AACzC,oCAAqD;AAErD;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAe;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,GAAG,GAAG,IAAA,cAAM,GAAkB,CAAC;IAErC,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;QAE1B,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE5C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9B,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7E,CAAC;AAlBD,wBAkBC"}
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/portal/portal.tsx"],"names":[],"mappings":";;;AACA,iCAAyC;AACzC,yCAAyC;AACzC,oCAAqD;AAErD;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAe;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,GAAG,GAAG,IAAA,cAAM,GAAkB,CAAC;IAErC,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;QAE1B,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE5C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9B,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IAEnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,IAAA,iCAAyB,EAAC,GAAG,EAAE;;QAC7B,IAAI,OAAO,EAAE,CAAC;YACZ,MAAA,UAAU,CAAC,OAAO,0DAAI,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7E,CAAC;AA5BD,wBA4BC"}

package/portal/types.d.ts

@@ -4,4 +4,6 @@ export interface PortalProps {
     defineRoot?: () => HTMLElement;
     /** Содержимое. */
     children?: ReactNode;
+    /** Сработает после того как контент будет монтирован в DOM. */
+    onMount?: VoidFunction;
 }

package/styling/colors.d.ts

@@ -1,10 +1,10 @@
 /** @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" | "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") => string | undefined;
+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-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" | "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") => 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-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" | "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") => 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-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" | "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") => 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-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" | "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") => 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-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/textarea/textarea.js

@@ -40,7 +40,7 @@ label, failed, caption, blockProps, 'data-testid': testId = 'textarea', ...restP
             onMouseDown: handleMouseDown,
         }, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, textareaRef: ref, multiline: true, className: cx('textarea', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: {
                 ...baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.style,
-                '--placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
+                '--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
             }, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: (event) => {
                 onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
                 updateFilled(event);

package/textarea/textarea.js.map

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