@alfalab/core-components 46.0.0-beta.7 → 47.0.0-beta.0

package/icon-button/modern/Component.d.ts

@@ -22,11 +22,6 @@ type IconButtonProps = {
      * Дополнительный класс
      */
     className?: string;
-    /**
-     * Включает прозрачный фон
-     * @default false
-     */
-    transparentBg?: boolean;
     /**
      * Выравнивание иконки
      * @default 'center'
@@ -61,11 +56,6 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Дополнительный класс
      */
     className?: string | undefined;
-    /**
-     * Включает прозрачный фон
-     * @default false
-     */
-    transparentBg?: boolean | undefined;
     /**
      * Выравнивание иконки
      * @default 'center'

package/icon-button/modern/Component.js

@@ -2,13 +2,13 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/modern';
 
-const defaultColors = {"primary":"icon-button__primary_4tbui","secondary":"icon-button__secondary_4tbui","transparent":"icon-button__transparent_4tbui","negative":"icon-button__negative_4tbui","tertiary":"icon-button__tertiary_4tbui","transparentBg":"icon-button__transparentBg_4tbui","component":"icon-button__component_4tbui","loader":"icon-button__loader_4tbui"};
+const defaultColors = {"primary":"icon-button__primary_4tbui","secondary":"icon-button__secondary_4tbui","transparent":"icon-button__transparent_4tbui","negative":"icon-button__negative_4tbui","tertiary":"icon-button__tertiary_4tbui","component":"icon-button__component_4tbui","loader":"icon-button__loader_4tbui"};
 require('./default.css');
 
 const styles = {"size-24":"icon-button__size-24_1s5jk","size-32":"icon-button__size-32_1s5jk","size-40":"icon-button__size-40_1s5jk","size-48":"icon-button__size-48_1s5jk","size-56":"icon-button__size-56_1s5jk","iconWrapper":"icon-button__iconWrapper_1s5jk","center":"icon-button__center_1s5jk","left":"icon-button__left_1s5jk","right":"icon-button__right_1s5jk","icon":"icon-button__icon_1s5jk"};
 require('./index.css');
 
-const invertedColors = {"primary":"icon-button__primary_gkd4v","secondary":"icon-button__secondary_gkd4v","transparent":"icon-button__transparent_gkd4v","negative":"icon-button__negative_gkd4v","tertiary":"icon-button__tertiary_gkd4v","transparentBg":"icon-button__transparentBg_gkd4v","component":"icon-button__component_gkd4v","loader":"icon-button__loader_gkd4v"};
+const invertedColors = {"primary":"icon-button__primary_gkd4v","secondary":"icon-button__secondary_gkd4v","transparent":"icon-button__transparent_gkd4v","negative":"icon-button__negative_gkd4v","tertiary":"icon-button__tertiary_gkd4v","component":"icon-button__component_gkd4v","loader":"icon-button__loader_gkd4v"};
 require('./inverted.css');
 
 const colorStyles = {
@@ -25,9 +25,8 @@ const SIZE_TO_CLASSNAME_MAP = {
     48: 'size-48',
     56: 'size-56',
 };
-const IconButton = forwardRef(({ className, icon: Icon, view = 'primary', size = 48, colors = 'default', alignIcon = 'center', transparentBg = false, ...restProps }, ref) => (React.createElement(Button, { ...restProps, ref: ref, view: 'text', className: cn('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, {
+const IconButton = forwardRef(({ className, icon: Icon, view = 'primary', size = 48, colors = 'default', alignIcon = 'center', ...restProps }, ref) => (React.createElement(Button, { ...restProps, ref: ref, view: 'text', className: cn('cc-icon-button', className, colorStyles[colors][view], colorStyles[colors].component, {
         [colorStyles[colors].loader]: restProps.loading,
-        [colorStyles[colors].transparentBg]: transparentBg,
     }), size: 's' },
     React.createElement("span", { className: cn(styles.iconWrapper, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[alignIcon]) }, React.isValidElement(Icon) ? (React.cloneElement(Icon, { className: cn(styles.icon, Icon.props.className) })) : (React.createElement(Icon, { className: styles.icon }))))));
 

package/icon-button/modern/default.css

@@ -13,13 +13,7 @@
     --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
     --color-light-status-negative: #ff4837;
     --color-light-status-negative-hover: #ec2d20;
-    --color-light-status-negative-press: #c7241f;
-    --color-light-text-negative: #ec2d20;
-    --color-light-text-primary: rgba(3, 3, 6, 0.88);
-    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-    --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
-    --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
-    --color-light-transparent-default-press: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-status-negative-press: #c7241f; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
     --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
     --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
@@ -95,31 +89,7 @@
             color: var(--icon-button-tertiary-hover-color);
         } .cc-icon-button.icon-button__tertiary_4tbui:active {
             color: var(--icon-button-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui {
-            color: var(--color-light-text-primary)
-        } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui:hover {
-                background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__primary_4tbui:active {
-                background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui {
-            color: var(--color-light-text-secondary)
-        } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui:hover {
-                background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__secondary_4tbui:active {
-                background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui {
-            color: var(--color-light-text-negative)
-        } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui:hover {
-                background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__negative_4tbui:active {
-                background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui {
-            color: var(--color-light-text-tertiary)
-        } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui:hover {
-                background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_4tbui.icon-button__tertiary_4tbui:active {
-                background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui {
+        } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui {
             color: var(--icon-button-primary-disabled-color)
         } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__primary_4tbui.icon-button__loader_4tbui {
                 color: var(--icon-button-primary-base-color);
@@ -135,6 +105,4 @@
             color: var(--icon-button-tertiary-disabled-color)
         } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__tertiary_4tbui.icon-button__loader_4tbui {
                 color: var(--icon-button-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_4tbui:disabled.icon-button__transparentBg_4tbui {
-            background: transparent;
-        }
+            }

package/icon-button/modern/inverted.css

@@ -7,13 +7,7 @@
     --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
     --color-light-status-negative-inverted: #ff4837;
     --color-light-status-negative-inverted-hover: #ff755e;
-    --color-light-status-negative-inverted-press: #ff8d79;
-    --color-light-text-negative-inverted: #ff4837;
-    --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
-    --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
-    --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
-    --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
-    --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-status-negative-inverted-press: #ff8d79; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -110,31 +104,7 @@
             color: var(--icon-button-inverted-tertiary-hover-color);
         } .cc-icon-button.icon-button__tertiary_gkd4v:active {
             color: var(--icon-button-inverted-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v {
-            color: var(--color-light-text-primary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v:hover {
-                background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__primary_gkd4v:active {
-                background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v {
-            color: var(--color-light-text-secondary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v:hover {
-                background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__secondary_gkd4v:active {
-                background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v {
-            color: var(--color-light-text-negative-inverted)
-        } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v:hover {
-                background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__negative_gkd4v:active {
-                background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v {
-            color: var(--color-light-text-tertiary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v:hover {
-                background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_gkd4v.icon-button__tertiary_gkd4v:active {
-                background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v {
+        } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v {
             color: var(--icon-button-inverted-primary-disabled-color)
         } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__primary_gkd4v.icon-button__loader_gkd4v {
                 color: var(--icon-button-inverted-primary-base-color);
@@ -150,6 +120,4 @@
             color: var(--icon-button-inverted-tertiary-disabled-color)
         } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__tertiary_gkd4v.icon-button__loader_gkd4v {
                 color: var(--icon-button-inverted-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_gkd4v:disabled.icon-button__transparentBg_gkd4v {
-            background: transparent;
-        }
+            }

package/input/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Input = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.InputDesktop : mobile_Component_mobile.InputMobile;

package/input/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Input = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.InputDesktop : mobile_Component_mobile.InputMobile;

package/input/esm/Component.responsive.js

@@ -1,13 +1,13 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { InputDesktop } from './desktop/Component.desktop.js';
 import { InputMobile } from './mobile/Component.mobile.js';
 import '../../form-control/esm/desktop';
 import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/esm';
 import '../../status-badge/esm';
 import '@alfalab/hooks';
 import './components/clear-button/Component.js';
@@ -16,7 +16,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '../../form-control/esm/mobile';
 
 var Input = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? InputDesktop : InputMobile;

package/input/esm/index.js

@@ -2,12 +2,12 @@ export { Input } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../form-control/esm/desktop';
 import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/esm';
 import '../../status-badge/esm';
 import '@alfalab/hooks';
 import './components/clear-button/Component.js';

package/input/modern/Component.responsive.js

@@ -1,12 +1,12 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { InputDesktop } from './desktop/Component.desktop.js';
 import { InputMobile } from './mobile/Component.mobile.js';
 import '../../form-control/modern/desktop';
 import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/modern';
 import '../../status-badge/modern';
 import '@alfalab/hooks';
 import './components/clear-button/Component.js';
@@ -14,7 +14,7 @@ import '../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '../../form-control/modern/mobile';
 
-const Input = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
+const Input = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? InputDesktop : InputMobile;

package/input/modern/index.js

@@ -1,12 +1,12 @@
 export { Input } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../form-control/modern/desktop';
 import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/modern';
 import '../../status-badge/modern';
 import '@alfalab/hooks';
 import './components/clear-button/Component.js';

package/input-autocomplete/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -13,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InputAutocomplete = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });

package/input-autocomplete/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -13,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InputAutocomplete = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });

package/input-autocomplete/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
 import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -17,11 +16,12 @@ import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
 import '../../input/esm/shared';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 
 var InputAutocomplete = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React.createElement(InputAutocompleteDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(InputAutocompleteMobile, __assign({}, restProps, mobileProps, { ref: ref })));
 });

package/input-autocomplete/esm/index.js

@@ -2,7 +2,6 @@ export { InputAutocomplete } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../popover/esm';
 import '../../select/esm/shared';
@@ -17,6 +16,7 @@ import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
 import '../../input/esm/shared';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 import './mobile/Component.modal.mobile.js';

package/input-autocomplete/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
 import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -16,10 +15,11 @@ import '../../select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern/mobile';
 import '../../input/modern/shared';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 
-const InputAutocomplete = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
+const InputAutocomplete = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
 });

package/input-autocomplete/modern/index.js

@@ -1,7 +1,6 @@
 export { InputAutocomplete } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../popover/modern';
 import '../../select/modern/shared';
@@ -16,6 +15,7 @@ import '../../select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern/mobile';
 import '../../input/modern/shared';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 import './mobile/Component.modal.mobile.js';

package/international-phone-input/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-1fe708ea";
+import { OptgroupProps } from "./typings-0f35b62f";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/international-phone-input/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-0f35b62f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-0f35b62f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
+    options: (import("./typings-0f35b62f").OptionShape | import("./typings-0f35b62f").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
+    options: (import("./typings-0f35b62f").OptionShape | import("./typings-0f35b62f").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InternationalPhoneInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });

package/international-phone-input/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-1fe708ea").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-0f35b62f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/cssm/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-1fe708ea";
+import { OptgroupProps } from "./typings-0f35b62f";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/international-phone-input/cssm/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-0f35b62f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-0f35b62f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
+    options: (import("./typings-0f35b62f").OptionShape | import("./typings-0f35b62f").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
+    options: (import("./typings-0f35b62f").OptionShape | import("./typings-0f35b62f").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InternationalPhoneInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });

package/international-phone-input/cssm/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-1fe708ea").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-0f35b62f").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/cssm/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-1fe708ea";
+import { OptionShape } from "./typings-0f35b62f";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/cssm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts}

@@ -872,11 +872,6 @@ type IconButtonProps = {
      * Дополнительный класс
      */
     className?: string;
-    /**
-     * Включает прозрачный фон
-     * @default false
-     */
-    transparentBg?: boolean;
     /**
      * Выравнивание иконки
      * @default 'center'
@@ -898,7 +893,6 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
-    transparentBg?: boolean | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
@@ -1425,6 +1419,18 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
+    /**
+     * Обработчик добавления в список выбранных вариантов
+     */
+    addSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Обработчик удаления из списка выбранных вариантов
+     */
+    removeSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
 };
 type OptgroupProps = {
     /**
@@ -1444,6 +1450,26 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
+    /**
+     * Список вариантов выбора в группе
+     */
+    options?: OptionShape[];
+    /**
+     * Список выбранных вариантов в группе
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Обработчик добавления в список выбранных вариантов
+     */
+    addSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Обработчик удаления из списка выбранных вариантов
+     */
+    removeSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
 };
 type OptionProps = {
     /**