@consta/uikit 3.18.2 → 3.18.3

package/__internal__/cjs-src/components/DatePickerCanary/DatePickerTypeTime/DatePickerTypeTime.js

@@ -0,0 +1,35 @@
+"use strict";
+exports.__esModule = true;
+exports.DatePickerTypeTime = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useClickOutside_1 = require("../../../hooks/useClickOutside/useClickOutside");
+var useFlag_1 = require("../../../hooks/useFlag/useFlag");
+var setRef_1 = require("../../../utils/setRef");
+var DatePickerDropdown_1 = require("../DatePickerDropdown/DatePickerDropdown");
+var DatePickerFieldTypeTime_1 = require("../DatePickerFieldTypeTime/DatePickerFieldTypeTime");
+var helpers_1 = require("../helpers");
+exports.DatePickerTypeTime = react_1.forwardRef(function (props, ref) {
+    var events = props.events, dateTimeView = props.dateTimeView, locale = props.locale, dropdownForm = props.dropdownForm, onFocus = props.onFocus, multiplicityHoursProp = props.multiplicityHours, multiplicityMinutesProp = props.multiplicityMinutes, multiplicitySecondsProp = props.multiplicitySeconds, renderAdditionalControls = props.renderAdditionalControls, style = props.style, currentVisibleDate = props.currentVisibleDate, onChangeCurrentVisibleDate = props.onChangeCurrentVisibleDate, otherProps = tslib_1.__rest(props, ["events", "dateTimeView", "locale", "dropdownForm", "onFocus", "multiplicityHours", "multiplicityMinutes", "multiplicitySeconds", "renderAdditionalControls", "style", "currentVisibleDate", "onChangeCurrentVisibleDate"]);
+    var _a = tslib_1.__read(helpers_1.getMultiplicityTime(otherProps.format || helpers_1.datePickerPropFormatTypeDateTime, multiplicityHoursProp, multiplicityMinutesProp, multiplicitySecondsProp), 3), multiplicityHours = _a[0], multiplicityMinutes = _a[1], multiplicitySeconds = _a[2];
+    var fieldRef = react_1.useRef(null);
+    var calendarRef = react_1.useRef(null);
+    var _b = tslib_1.__read(useFlag_1.useFlag(false), 2), calendarVisible = _b[0], setCalendarVisible = _b[1];
+    var onFocusHandler = function (e) {
+        onFocus && onFocus(e);
+        setCalendarVisible.on();
+    };
+    react_1.useEffect(function () {
+        if (ref) {
+            setRef_1.setRef(ref, fieldRef.current);
+        }
+    }, [ref, fieldRef]);
+    useClickOutside_1.useClickOutside({
+        isActive: calendarVisible,
+        ignoreClicksInsideRefs: [fieldRef, calendarRef],
+        handler: function () { return setCalendarVisible.off(); }
+    });
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement(DatePickerFieldTypeTime_1.DatePickerFieldTypeTime, tslib_1.__assign({}, otherProps, { ref: fieldRef, onFocus: onFocusHandler, multiplicityHours: multiplicityHours, multiplicitySeconds: multiplicitySeconds, multiplicityMinutes: multiplicityMinutes, style: style })),
+        react_1["default"].createElement(DatePickerDropdown_1.DatePickerDropdown, { ref: calendarRef, anchorRef: fieldRef, isOpen: calendarVisible, value: props.value || undefined, type: "time", view: dateTimeView, events: events, locale: locale, minDate: props.minDate, maxDate: props.maxDate, form: dropdownForm, onChange: props.onChange, renderAdditionalControls: renderAdditionalControls, multiplicityHours: multiplicityHours, multiplicitySeconds: multiplicitySeconds, multiplicityMinutes: multiplicityMinutes, zIndex: typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' ? style.zIndex + 1 : undefined })));
+});

package/__internal__/cjs-src/components/DatePickerCanary/helpers.d.ts

@@ -5,7 +5,7 @@ import { DateRange } from '../../utils/types/Date';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { DateTimeAdditionalControlRenderProp, DateTimePropView } from '../DateTimeCanary/helpers';
 import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView, TextFieldPropWidth } from '../TextField/TextField';
-export declare const datePickerPropType: readonly ["date", "date-range", "date-time", "date-time-range"];
+export declare const datePickerPropType: readonly ["date", "date-range", "date-time", "date-time-range", "time"];
 export declare type DatePickerPropType = typeof datePickerPropType[number];
 export declare const datePickerPropTypeDefault: "date";
 export declare type DatePickerPropDateTimeView = DateTimePropView;
@@ -106,6 +106,8 @@ export declare type DatePickerPropOnError = (props: {
 export declare const datePickerPropSeparatorDefault = ".";
 export declare const datePickerPropFormatTypeDate: string;
 export declare const datePickerPropPlaceholderTypeDate: string;
+export declare const datePickerPropFormatTypeTime = "HH:mm:ss";
+export declare const datePickerPropPlaceholderTypeTime = "\u0427\u0427:\u041C\u041C:\u0421\u0421";
 export declare const datePickerPropFormatTypeDateTime: string;
 export declare const datePickerPropPlaceholderTypeDateTime: string;
 export declare const normalizeRangeValue: (dateRange: DateRange) => DateRange;
@@ -113,4 +115,7 @@ export declare const getMultiplicityTime: (format: string, multiplicityHours: nu
 export declare const getTimeEnum: (length: number, multiplicity: number | undefined, startOfUnits: (date: Date) => Date, addUnits: (date: Date, amount: number) => Date, getItemLabel: (date: Date) => string) => string[];
 export declare const getFormForStart: (form: TextFieldPropForm) => "default" | "round" | "brick" | "brickRound" | "roundBrick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear";
 export declare const getFormForEnd: (form: TextFieldPropForm) => "default" | "round" | "brick" | "brickRound" | "roundBrick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear";
+export declare const getParts: (format: string, separator: string, withTime?: boolean | undefined) => string[];
+export declare const getPartsDate: (value: string, format: string, separator: string, withTime: boolean, markers: string[]) => (string | undefined)[];
+export declare const isTypeWithTime: (type: DatePickerPropType) => boolean;
 export {};

package/__internal__/cjs-src/components/DatePickerCanary/helpers.js

@@ -1,10 +1,17 @@
 "use strict";
 exports.__esModule = true;
-exports.getFormForEnd = exports.getFormForStart = exports.getTimeEnum = exports.getMultiplicityTime = exports.normalizeRangeValue = exports.datePickerPropPlaceholderTypeDateTime = exports.datePickerPropFormatTypeDateTime = exports.datePickerPropPlaceholderTypeDate = exports.datePickerPropFormatTypeDate = exports.datePickerPropSeparatorDefault = exports.datePickerPropDropdownFormDefault = exports.datePickerPropDropdownForm = exports.datePickerErrorTypes = exports.datePickerPropTypeDefault = exports.datePickerPropType = void 0;
+exports.isTypeWithTime = exports.getPartsDate = exports.getParts = exports.getFormForEnd = exports.getFormForStart = exports.getTimeEnum = exports.getMultiplicityTime = exports.normalizeRangeValue = exports.datePickerPropPlaceholderTypeDateTime = exports.datePickerPropFormatTypeDateTime = exports.datePickerPropPlaceholderTypeTime = exports.datePickerPropFormatTypeTime = exports.datePickerPropPlaceholderTypeDate = exports.datePickerPropFormatTypeDate = exports.datePickerPropSeparatorDefault = exports.datePickerPropDropdownFormDefault = exports.datePickerPropDropdownForm = exports.datePickerErrorTypes = exports.datePickerPropTypeDefault = exports.datePickerPropType = void 0;
+var tslib_1 = require("tslib");
 var date_fns_1 = require("date-fns");
 var array_1 = require("../../utils/array");
 var getByMap_1 = require("../../utils/getByMap");
-exports.datePickerPropType = ['date', 'date-range', 'date-time', 'date-time-range'];
+exports.datePickerPropType = [
+    'date',
+    'date-range',
+    'date-time',
+    'date-time-range',
+    'time',
+];
 exports.datePickerPropTypeDefault = exports.datePickerPropType[0];
 exports.datePickerErrorTypes = [
     'outOfRange',
@@ -16,8 +23,10 @@ exports.datePickerPropDropdownFormDefault = exports.datePickerPropDropdownForm[0
 exports.datePickerPropSeparatorDefault = '.';
 exports.datePickerPropFormatTypeDate = "dd" + exports.datePickerPropSeparatorDefault + "MM" + exports.datePickerPropSeparatorDefault + "yyyy";
 exports.datePickerPropPlaceholderTypeDate = "\u0414\u0414" + exports.datePickerPropSeparatorDefault + "\u041C\u041C" + exports.datePickerPropSeparatorDefault + "\u0413\u0413\u0413\u0413";
-exports.datePickerPropFormatTypeDateTime = exports.datePickerPropFormatTypeDate + " HH:mm:ss";
-exports.datePickerPropPlaceholderTypeDateTime = exports.datePickerPropPlaceholderTypeDate + " \u0427\u0427:\u041C\u041C:\u0421\u0421";
+exports.datePickerPropFormatTypeTime = "HH:mm:ss";
+exports.datePickerPropPlaceholderTypeTime = "\u0427\u0427:\u041C\u041C:\u0421\u0421";
+exports.datePickerPropFormatTypeDateTime = exports.datePickerPropFormatTypeDate + " " + exports.datePickerPropFormatTypeTime;
+exports.datePickerPropPlaceholderTypeDateTime = exports.datePickerPropPlaceholderTypeDate + " " + exports.datePickerPropPlaceholderTypeTime;
 exports.normalizeRangeValue = function (dateRange) {
     var _a, _b;
     if (dateRange[0] && dateRange[1] && ((_a = dateRange[0]) === null || _a === void 0 ? void 0 : _a.getTime()) > ((_b = dateRange[1]) === null || _b === void 0 ? void 0 : _b.getTime())) {
@@ -81,3 +90,23 @@ var mapFormForEnd = {
 };
 exports.getFormForStart = function (form) { return getByMap_1.getByMap(mapFormForStart, form); };
 exports.getFormForEnd = function (form) { return getByMap_1.getByMap(mapFormForEnd, form); };
+var getPartDate = function (formatArray, stringArray, marker) {
+    var index = formatArray.indexOf(marker);
+    if (index >= 0 && stringArray[index] && stringArray[index].length === marker.length) {
+        return stringArray[index];
+    }
+    return undefined;
+};
+exports.getParts = function (format, separator, withTime) {
+    if (withTime) {
+        var _a = tslib_1.__read(format.split(' '), 2), date = _a[0], time = _a[1];
+        return tslib_1.__spread((date ? date.split(separator) : []), (time ? time.split(':') : []));
+    }
+    return format.split(separator);
+};
+exports.getPartsDate = function (value, format, separator, withTime, markers) {
+    var formatArray = exports.getParts(format, separator, withTime);
+    var stringArray = exports.getParts(value, separator, withTime);
+    return markers.map(function (marker) { return getPartDate(formatArray, stringArray, marker); });
+};
+exports.isTypeWithTime = function (type) { return type.indexOf('time') !== -1; };

package/__internal__/cjs-src/components/EventInterceptor/types.d.ts

@@ -1 +1 @@
-export declare type EventInterceptorComponentName = 'Attachment' | 'Avatar' | 'Badge' | 'Breadcrumbs' | 'Button' | 'Calendar' | 'Card' | 'Checkbox' | 'CheckboxGroup' | 'ChoiceGroup' | 'Collapse' | 'CollapseGroup' | 'Combobox' | 'ContextMenu' | 'DatePicker' | 'DateTime' | 'DragNDropField' | 'File' | 'FileField' | 'Grid' | 'Header' | 'Informer' | 'Layout' | 'Loader' | 'Modal' | 'Pagination' | 'Popover' | 'ProgressSpin' | 'ProgressStepBar' | 'Radio' | 'RadioGroup' | 'Select' | 'Sidebar' | 'Skeleton' | 'Slider' | 'SnackBar' | 'Steps' | 'Switch' | 'SwitchGroup' | 'Table' | 'Tabs' | 'Tag' | 'TagBase' | 'Text' | 'TextField' | 'ThemeToggler' | 'Timer' | 'Tooltip' | 'User' | 'UserSelect';
+export declare type EventInterceptorComponentName = 'Attachment' | 'Avatar' | 'Badge' | 'Breadcrumbs' | 'Button' | 'Calendar' | 'Card' | 'Checkbox' | 'CheckboxGroup' | 'ChoiceGroup' | 'Collapse' | 'CollapseGroup' | 'Combobox' | 'ContextMenu' | 'DatePicker' | 'DateTime' | 'DragNDropField' | 'File' | 'FileField' | 'Grid' | 'Header' | 'Informer' | 'Layout' | 'Loader' | 'Modal' | 'Popover' | 'ProgressSpin' | 'ProgressStepBar' | 'Radio' | 'RadioGroup' | 'Select' | 'Sidebar' | 'Skeleton' | 'Slider' | 'SnackBar' | 'Steps' | 'Switch' | 'SwitchGroup' | 'Table' | 'Tabs' | 'Tag' | 'TagBase' | 'Text' | 'TextField' | 'ThemeToggler' | 'Timer' | 'Tooltip' | 'User' | 'UserSelect';

package/__internal__/cjs-src/components/Modal/Modal.css

@@ -1,4 +1,5 @@
 .Modal {
+  --modal-window-animate-space: var(--space-xl);
   position: fixed;
   top: 0;
   right: 0;
@@ -18,7 +19,7 @@
   }
 
   .Modal-Window {
-    z-index: 100;
+    position: absolute;
     overflow: auto;
     min-width: 400px;
     max-width: 90%;
@@ -42,7 +43,7 @@
       }
 
   .Modal-Overlay {
-    position: fixed;
+    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
@@ -52,30 +53,54 @@
     border: none;
   }
 
-  .Modal_animate_appear,
-    .Modal_animate_enter,
-    .Modal_animate_exit,
-    .Modal_animate_appearActive,
-    .Modal_animate_enterActive,
-    .Modal_animate_exitActive {
-      -webkit-transition: opacity 0.2s ease;
-      transition: opacity 0.2s ease;
-    }
+  .Modal_animate_appear .Modal-Overlay, .Modal_animate_enter .Modal-Overlay, .Modal_animate_exit .Modal-Overlay, .Modal_animate_appearActive .Modal-Overlay, .Modal_animate_enterActive .Modal-Overlay, .Modal_animate_exitActive .Modal-Overlay {
+        -webkit-transition: opacity 0.24s ease;
+        transition: opacity 0.24s ease;
+      }
+
+  .Modal_animate_appear .Modal-Window, .Modal_animate_enter .Modal-Window, .Modal_animate_exit .Modal-Window, .Modal_animate_appearActive .Modal-Window, .Modal_animate_enterActive .Modal-Window, .Modal_animate_exitActive .Modal-Window {
+        -webkit-transition: opacity 0.24s, -webkit-transform 0.24s;
+        transition: opacity 0.24s, -webkit-transform 0.24s;
+        transition: opacity 0.24s, transform 0.24s;
+        transition: opacity 0.24s, transform 0.24s, -webkit-transform 0.24s;
+      }
+
+  .Modal_animate_appear .Modal-Overlay, .Modal_animate_enter .Modal-Overlay {
+        opacity: 0;
+      }
 
-  .Modal_animate_appear,
-    .Modal_animate_enter {
-      opacity: 0;
-    }
+  .Modal_animate_appear .Modal-Window, .Modal_animate_enter .Modal-Window {
+        opacity: 0;
+        -webkit-transform: translate(0, calc(-1 * var(--modal-window-animate-space)));
+                transform: translate(0, calc(-1 * var(--modal-window-animate-space)));
+      }
 
-  .Modal_animate_appearActive,
-    .Modal_animate_enterActive {
-      opacity: 1;
-    }
+  .Modal_animate_appearActive .Modal-Overlay, .Modal_animate_enterActive .Modal-Overlay {
+        opacity: 1;
+      }
 
-  .Modal_animate_exit {
-      opacity: 1;
-    }
+  .Modal_animate_appearActive .Modal-Window, .Modal_animate_enterActive .Modal-Window {
+        opacity: 1;
+        -webkit-transform: translate(0, 0);
+                transform: translate(0, 0);
+      }
 
-  .Modal_animate_exitActive {
-      opacity: 0;
-    }
+  .Modal_animate_exit .Modal-Overlay {
+        opacity: 1;
+      }
+
+  .Modal_animate_exit .Modal-Window {
+        opacity: 1;
+        -webkit-transform: translate(0, 0);
+                transform: translate(0, 0);
+      }
+
+  .Modal_animate_exitActive .Modal-Overlay {
+        opacity: 0;
+      }
+
+  .Modal_animate_exitActive .Modal-Window {
+        opacity: 0;
+        -webkit-transform: translate(0, var(--modal-window-animate-space));
+                transform: translate(0, var(--modal-window-animate-space));
+      }

package/__internal__/cjs-src/components/Modal/Modal.js

@@ -27,7 +27,7 @@ var ContextConsumer = function (_a) {
     useClickOutside_1.useClickOutside({
         isActive: !!onClickOutside,
         ignoreClicksInsideRefs: tslib_1.__spread((ignoreClicksInsideRefs || []), (refs || [])),
-        handler: function (event) { return onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside(event); }
+        handler: onClickOutside
     });
     return react_1["default"].createElement(react_1["default"].Fragment, null, children);
 };
@@ -47,9 +47,9 @@ exports.Modal = function (props) {
     useGlobalKeys_1.useGlobalKeys({
         Escape: function (e) { return isOpen && onEsc && onEsc(e); }
     });
-    return (react_1["default"].createElement(react_transition_group_1.CSSTransition, { "in": isOpen, unmountOnExit: true, appear: true, classNames: cnForCssTransition_1.cnForCssTransition(cnModal), timeout: 200, nodeRef: portalRef },
+    return (react_1["default"].createElement(react_transition_group_1.CSSTransition, { "in": isOpen, unmountOnExit: true, appear: true, classNames: cnForCssTransition_1.cnForCssTransition(cnModal), timeout: 240, nodeRef: portalRef },
         react_1["default"].createElement(PortalWithTheme_1.PortalWithTheme, { preset: theme, container: container, className: cnModal({ hasOverlay: hasOverlay }, [rootClassName]), ref: portalRef, style: typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' ? { zIndex: style.zIndex } : undefined },
             hasOverlay && react_1["default"].createElement("div", { className: cnModal('Overlay'), "aria-label": "Overlay" }),
-            react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { style: tslib_1.__assign(tslib_1.__assign({}, style), (typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' && { zIndex: (style === null || style === void 0 ? void 0 : style.zIndex) + 1 })), className: cnModal('Window', { width: width, position: position }, [className]), ref: ref }),
+            react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { style: tslib_1.__assign(tslib_1.__assign({}, style), { zIndex: undefined }), className: cnModal('Window', { width: width, position: position }, [className]), ref: ref }),
                 react_1["default"].createElement(ContextConsumer, { onClickOutside: onClickOutside || onOverlayClick, ignoreClicksInsideRefs: tslib_1.__spread((refsForExcludeClickOutside || []), [ref]) }, children)))));
 };

package/__internal__/cjs-src/components/Pagination/Pagination.d.ts

@@ -41,6 +41,5 @@ declare type Props = {
     position?: PaginationPropPosition;
 });
 declare type Pagination = (props: PropsWithHTMLAttributesAndRef<Props, HTMLDivElement>) => React.ReactElement | null;
-export declare const COMPONENT_NAME: "Pagination";
 export declare const Pagination: Pagination;
 export {};

package/__internal__/cjs-src/components/Pagination/Pagination.js

@@ -1,14 +1,13 @@
 "use strict";
 exports.__esModule = true;
-exports.Pagination = exports.COMPONENT_NAME = exports.cnPagination = exports.paginationDefaultPosition = exports.paginationPositions = exports.paginationDefaultType = exports.paginationTypes = exports.paginationDefaultSize = exports.paginationSizes = exports.paginationDefaultForm = exports.paginationForms = void 0;
+exports.Pagination = exports.cnPagination = exports.paginationDefaultPosition = exports.paginationPositions = exports.paginationDefaultType = exports.paginationTypes = exports.paginationDefaultSize = exports.paginationSizes = exports.paginationDefaultForm = exports.paginationForms = void 0;
 var tslib_1 = require("tslib");
 require("./Pagination.css");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = tslib_1.__importDefault(require("react"));
 var IconBackward_1 = require("../../icons/IconBackward/IconBackward");
 var IconForward_1 = require("../../icons/IconForward/IconForward");
 var bem_1 = require("../../utils/bem");
 var Button_1 = require("../Button/Button");
-var usePropsHandler_1 = require("../EventInterceptor/usePropsHandler");
 var Text_1 = require("../Text/Text");
 var TextField_1 = require("../TextField/TextField");
 var helpers_1 = require("./helpers");
@@ -22,10 +21,8 @@ exports.paginationPositions = ['left', 'center', 'right'];
 exports.paginationDefaultPosition = 'center';
 var getDefaultLabel = function (totalPages) { return "\u0438\u0437 " + totalPages; };
 exports.cnPagination = bem_1.cn('Pagination');
-exports.COMPONENT_NAME = 'Pagination';
 exports.Pagination = react_1["default"].forwardRef(function (props, ref) {
-    var paginationRef = react_1.useRef(null);
-    var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, paginationRef), _b = _a.currentPage, currentPage = _b === void 0 ? 0 : _b, _c = _a.totalPages, totalPages = _c === void 0 ? 0 : _c, onChange = _a.onChange, _d = _a.getLabel, getLabel = _d === void 0 ? getDefaultLabel(totalPages) : _d, _e = _a.form, form = _e === void 0 ? exports.paginationDefaultForm : _e, _f = _a.size, size = _f === void 0 ? exports.paginationDefaultSize : _f, _g = _a.type, type = _g === void 0 ? exports.paginationDefaultType : _g, _h = _a.position, position = _h === void 0 ? exports.paginationDefaultPosition : _h, _j = _a.minified, minified = _j === void 0 ? false : _j, _k = _a.hotkeys, hotkeys = _k === void 0 ? {
+    var _a = props.currentPage, currentPage = _a === void 0 ? 0 : _a, _b = props.totalPages, totalPages = _b === void 0 ? 0 : _b, onChange = props.onChange, _c = props.getLabel, getLabel = _c === void 0 ? getDefaultLabel(totalPages) : _c, _d = props.form, form = _d === void 0 ? exports.paginationDefaultForm : _d, _e = props.size, size = _e === void 0 ? exports.paginationDefaultSize : _e, _f = props.type, type = _f === void 0 ? exports.paginationDefaultType : _f, _g = props.position, position = _g === void 0 ? exports.paginationDefaultPosition : _g, _h = props.minified, minified = _h === void 0 ? false : _h, _j = props.hotkeys, hotkeys = _j === void 0 ? {
         nextPage: {
             label: 'Alt →',
             values: ['Alt', 'ArrowRight']
@@ -34,10 +31,10 @@ exports.Pagination = react_1["default"].forwardRef(function (props, ref) {
             label: '← Alt',
             values: ['Alt', 'ArrowLeft']
         }
-    } : _k, _l = _a.containerEventListener, containerEventListener = _l === void 0 ? window : _l, className = _a.className, otherProps = tslib_1.__rest(_a, ["currentPage", "totalPages", "onChange", "getLabel", "form", "size", "type", "position", "minified", "hotkeys", "containerEventListener", "className"]);
+    } : _j, _k = props.containerEventListener, containerEventListener = _k === void 0 ? window : _k, className = props.className, otherProps = tslib_1.__rest(props, ["currentPage", "totalPages", "onChange", "getLabel", "form", "size", "type", "position", "minified", "hotkeys", "containerEventListener", "className"]);
     var currPage = currentPage + 1;
-    var _m = helpers_1.getPaginationInfo(currPage, totalPages), prevPage = _m.prevPage, nextPage = _m.nextPage, isStartDots = _m.isStartDots, isEndDots = _m.isEndDots, pages = _m.pages, isEmpty = _m.isEmpty;
-    var _o = tslib_1.__read(react_1["default"].useState([]), 2), keys = _o[0], setKeys = _o[1];
+    var _l = helpers_1.getPaginationInfo(currPage, totalPages), prevPage = _l.prevPage, nextPage = _l.nextPage, isStartDots = _l.isStartDots, isEndDots = _l.isEndDots, pages = _l.pages, isEmpty = _l.isEmpty;
+    var _m = tslib_1.__read(react_1["default"].useState([]), 2), keys = _m[0], setKeys = _m[1];
     var changePage = function (page) {
         if (page && page !== currPage && onChange) {
             onChange(page - 1);

package/__internal__/cjs-src/components/PortalWithTheme/PortalWithTheme.js

@@ -8,13 +8,24 @@ var useForkRef_1 = require("../../hooks/useForkRef/useForkRef");
 var Theme_1 = require("../Theme/Theme");
 var PortalWithThemeContext_1 = require("./PortalWithThemeContext/PortalWithThemeContext");
 exports.usePortalContext = PortalWithThemeContext_1.usePortalContext;
+var getZIndex = function (contextZindex, propZindex) {
+    if (typeof propZindex === 'number') {
+        return propZindex;
+    }
+    if (contextZindex) {
+        return contextZindex + 1;
+    }
+    return undefined;
+};
 exports.PortalWithTheme = react_1["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.container, container = _b === void 0 ? window.document.body : _b, rest = tslib_1.__rest(_a, ["children", "container"]);
-    var addRefs = PortalWithThemeContext_1.usePortalContext().addRefs;
+    var children = _a.children, _b = _a.container, container = _b === void 0 ? window.document.body : _b, styleProp = _a.style, rest = tslib_1.__rest(_a, ["children", "container", "style"]);
+    var _c = PortalWithThemeContext_1.usePortalContext(), addRefs = _c.addRefs, zIndexContext = _c.zIndex;
     var themeRef = react_1.useRef(null);
+    var zIndex = getZIndex(zIndexContext, styleProp === null || styleProp === void 0 ? void 0 : styleProp.zIndex);
+    var style = tslib_1.__assign(tslib_1.__assign({}, styleProp), { zIndex: zIndex });
     react_1.useEffect(function () {
         addRefs && addRefs([themeRef]);
     }, [themeRef]);
-    return react_dom_1["default"].createPortal(react_1["default"].createElement(PortalWithThemeContext_1.PortalWithThemeProvider, null,
-        react_1["default"].createElement(Theme_1.Theme, tslib_1.__assign({ ref: useForkRef_1.useForkRef([themeRef, ref]) }, rest), children)), container);
+    return react_dom_1["default"].createPortal(react_1["default"].createElement(PortalWithThemeContext_1.PortalWithThemeProvider, { zIndex: zIndex },
+        react_1["default"].createElement(Theme_1.Theme, tslib_1.__assign({ ref: useForkRef_1.useForkRef([themeRef, ref]), style: style }, rest), children)), container);
 });

package/__internal__/cjs-src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export declare function usePortalContext(): {
     refs: React.RefObject<HTMLElement>[];
     addRefs?: ((ref: React.RefObject<HTMLElement>[]) => void) | undefined;
+    zIndex?: number | undefined;
 };
 /**
  * PortalWithThemeProvider
@@ -12,4 +13,6 @@ export declare function usePortalContext(): {
  * компонент думал ччто клик произашел вне компонента и срабатывал onOutsideClick.
  * Сечас когда мы знаем рефы всех вложенных порталов мы можем игнорировать события кликов на вложенных порталах
  */
-export declare const PortalWithThemeProvider: React.FC;
+export declare const PortalWithThemeProvider: React.FC<{
+    zIndex?: number;
+}>;

package/__internal__/cjs-src/components/PortalWithTheme/PortalWithThemeContext/PortalWithThemeContext.js

@@ -4,7 +4,8 @@ exports.PortalWithThemeProvider = exports.usePortalContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Context = react_1.createContext({
-    refs: []
+    refs: [],
+    zIndex: undefined
 });
 function usePortalContext() {
     return react_1.useContext(Context);
@@ -44,5 +45,5 @@ exports.PortalWithThemeProvider = function (props) {
         contextAddRefs && contextAddRefs(refs);
     }, [refs]);
     react_1.useEffect(function () { return function () { return setRefs([]); }; }, []);
-    return react_1["default"].createElement(Context.Provider, { value: { refs: refs, addRefs: addRefs } }, props.children);
+    return (react_1["default"].createElement(Context.Provider, { value: { refs: refs, addRefs: addRefs, zIndex: props.zIndex } }, props.children));
 };

package/__internal__/cjs-src/components/SelectComponents/SelectDropdown/SelectDropdown.js

@@ -44,6 +44,6 @@ exports.SelectDropdown = function (props) {
                         return (react_1["default"].createElement(react_1.Fragment, { key: group.key + "-" + i }, renderItem(tslib_1.__assign({ item: item }, getOptionProps({ index: getIndex(), item: item })))));
                     })));
             }),
-            !isLoading && notFound && labelForNotFound && (react_1["default"].createElement(Text_1.Text, { className: cnSelectDropdown('LabelForNotFound') }, labelForNotFound)),
+            !isLoading && hasItems && notFound && labelForNotFound && (react_1["default"].createElement(Text_1.Text, { className: cnSelectDropdown('LabelForNotFound') }, labelForNotFound)),
             !isLoading && !hasItems && labelForEmptyItems && (react_1["default"].createElement(Text_1.Text, { className: cnSelectDropdown('LabelForEmptyItems') }, labelForEmptyItems))))); }));
 };

package/__internal__/cjs-src/components/Sidebar/Sidebar.css

@@ -47,18 +47,18 @@
     }
 
   .Sidebar-Overlay {
-    position: fixed;
+    position: absolute;
     top: 0;
+    right: 0;
     left: 0;
-    width: 100%;
-    height: 100%;
+    bottom: 0;
     padding: 0;
     background: var(--color-bg-tone);
     border: none;
   }
 
   .Sidebar-Window {
-    z-index: 100;
+    position: absolute;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -143,15 +143,15 @@
   }
 
   .Sidebar_animate_appear .Sidebar-Overlay, .Sidebar_animate_enter .Sidebar-Overlay, .Sidebar_animate_exit .Sidebar-Overlay, .Sidebar_animate_appearActive .Sidebar-Overlay, .Sidebar_animate_enterActive .Sidebar-Overlay, .Sidebar_animate_exitActive .Sidebar-Overlay {
-          -webkit-transition: opacity 0.2s ease;
-          transition: opacity 0.2s ease;
+          -webkit-transition: opacity 0.24s ease;
+          transition: opacity 0.24s ease;
         }
 
   .Sidebar_animate_appear .Sidebar-Window, .Sidebar_animate_enter .Sidebar-Window, .Sidebar_animate_exit .Sidebar-Window, .Sidebar_animate_appearActive .Sidebar-Window, .Sidebar_animate_enterActive .Sidebar-Window, .Sidebar_animate_exitActive .Sidebar-Window {
-          -webkit-transition: -webkit-transform 0.2s ease;
-          transition: -webkit-transform 0.2s ease;
-          transition: transform 0.2s ease;
-          transition: transform 0.2s ease, -webkit-transform 0.2s ease;
+          -webkit-transition: -webkit-transform 0.24s ease;
+          transition: -webkit-transform 0.24s ease;
+          transition: transform 0.24s ease;
+          transition: transform 0.24s ease, -webkit-transform 0.24s ease;
         }
 
   .Sidebar_animate_appear .Sidebar-Overlay, .Sidebar_animate_enter .Sidebar-Overlay {

package/__internal__/cjs-src/components/Sidebar/Sidebar.js

@@ -50,10 +50,10 @@ exports.Sidebar = function (props) {
     useGlobalKeys_1.useGlobalKeys({
         Escape: function (e) { return isOpen && onEsc && onEsc(e); }
     });
-    return (react_1["default"].createElement(react_transition_group_1.CSSTransition, { "in": isOpen, unmountOnExit: true, className: exports.cnSidebar({ position: position, hasOverlay: hasOverlay }), classNames: cnForCssTransition_1.cnForCssTransition(exports.cnSidebar), timeout: 200, nodeRef: portalRef },
+    return (react_1["default"].createElement(react_transition_group_1.CSSTransition, { "in": isOpen, unmountOnExit: true, className: exports.cnSidebar({ position: position, hasOverlay: hasOverlay }), classNames: cnForCssTransition_1.cnForCssTransition(exports.cnSidebar), timeout: 240, nodeRef: portalRef },
         react_1["default"].createElement(PortalWithTheme_1.PortalWithTheme, { preset: theme, ref: portalRef, container: container, className: rootClassName, style: typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' ? { zIndex: style.zIndex } : undefined },
             hasOverlay && react_1["default"].createElement("div", { className: exports.cnSidebar('Overlay'), "aria-label": "Overlay" }),
-            react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { style: tslib_1.__assign(tslib_1.__assign({}, style), (typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' && { zIndex: (style === null || style === void 0 ? void 0 : style.zIndex) + 1 })), className: exports.cnSidebar('Window', { size: size, position: position }, [className]), ref: ref }),
+            react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { style: tslib_1.__assign(tslib_1.__assign({}, style), { zIndex: undefined }), className: exports.cnSidebar('Window', { size: size, position: position }, [className]), ref: ref }),
                 react_1["default"].createElement(ContextConsumer, { onClickOutside: onClickOutside || onOverlayClick, ignoreClicksInsideRefs: [ref] }, children)))));
 };
 exports.Sidebar.Content = SidebarContent;

package/__internal__/cjs-src/hooks/useClickOutside/useClickOutside.d.ts

@@ -1,9 +1,9 @@
 import { RefObject } from 'react';
 export declare type ClickOutsideHandler = (event: MouseEvent) => void;
 declare type UseClickOutsideProps = {
-    isActive: boolean;
-    ignoreClicksInsideRefs: ReadonlyArray<RefObject<HTMLElement>>;
-    handler: ClickOutsideHandler;
+    isActive?: boolean;
+    ignoreClicksInsideRefs?: ReadonlyArray<RefObject<HTMLElement>>;
+    handler?: ClickOutsideHandler;
 };
 export declare function useClickOutside({ isActive, ignoreClicksInsideRefs, handler, }: UseClickOutsideProps): void;
 export {};

package/__internal__/cjs-src/hooks/useClickOutside/useClickOutside.js

@@ -2,19 +2,30 @@
 exports.__esModule = true;
 exports.useClickOutside = void 0;
 var react_1 = require("react");
+var useMutableRef_1 = require("../useMutableRef/useMutableRef");
 function useClickOutside(_a) {
+    // Аргументы вынесены в рефки за тем, чтобы не пересоздавать подписку `mousedown` при кажом чихе.
+    // Бывают кейсы когда на странице несколко `useClickOutside` и один вызывает рендер,
+    // А второй не успевает отрабатывать а просто пересоздается
+    // С такой реализацией пересоздание только при удалении из дома, а аргументы всегда актуалны.
     var isActive = _a.isActive, ignoreClicksInsideRefs = _a.ignoreClicksInsideRefs, handler = _a.handler;
+    var handlerRef = useMutableRef_1.useMutableRef(handler);
+    var ignoreClicksInsideRefsRef = useMutableRef_1.useMutableRef(ignoreClicksInsideRefs);
+    var isActiveRef = useMutableRef_1.useMutableRef(isActive);
     react_1.useEffect(function () {
-        if (!isActive) {
-            return;
-        }
         var handleClick = function (event) {
+            var _a, _b;
+            if (!isActiveRef.current) {
+                return;
+            }
             var target = event.target;
-            var shouldCallHandler = ignoreClicksInsideRefs.every(function (ref) { var _a; return !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(target)); });
-            shouldCallHandler && handler(event);
+            var shouldCallHandler = (_a = ignoreClicksInsideRefsRef.current) === null || _a === void 0 ? void 0 : _a.every(function (ref) { var _a; return !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(target)); });
+            shouldCallHandler && ((_b = handlerRef.current) === null || _b === void 0 ? void 0 : _b.call(handlerRef, event));
         };
         document.addEventListener('mousedown', handleClick);
-        return function () { return document.removeEventListener('mousedown', handleClick); };
-    }, [isActive, ignoreClicksInsideRefs, handler]);
+        return function () {
+            document.removeEventListener('mousedown', handleClick);
+        };
+    }, []);
 }
 exports.useClickOutside = useClickOutside;

package/__internal__/cjs-src/icons/IconFacebook/IconFacebook_size_m.js

@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
 function IconFacebookSizeM(props) {
     return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 24 24" }, props),
-        React.createElement("path", { d: "M22 12C22 6.47656 17.5234 2 12 2C6.47656 2 2 6.47656 2 12C2 17.5234 6.47656 22 12 22C12.0586 22 12.1172 22 12.1758 21.9961V14.2148H10.0273V11.7109H12.1758V9.86719C12.1758 7.73047 13.4805 6.56641 15.3867 6.56641C16.3008 6.56641 17.0859 6.63281 17.3125 6.66406V8.89844H16C14.9648 8.89844 14.7617 9.39062 14.7617 10.1133V11.707H17.2422L16.918 14.2109H14.7617V21.6133C18.9414 20.4141 22 16.5664 22 12Z" })));
+        React.createElement("path", { d: "M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10c.059 0 .117 0 .176-.004v-7.781h-2.149V11.71h2.149V9.867c0-2.137 1.304-3.3 3.21-3.3.915 0 1.7.066 1.927.097v2.234H16c-1.035 0-1.238.493-1.238 1.215v1.594h2.48l-.324 2.504h-2.156v7.402C18.942 20.414 22 16.566 22 12z" })));
 }
 exports["default"] = IconFacebookSizeM;

package/__internal__/cjs-src/icons/IconFacebook/IconFacebook_size_s.js

@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
 function IconFacebookSizeS(props) {
     return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 16 16" }, props),
-        React.createElement("path", { d: "M14 8C14 4.68594 11.3141 2 8 2C4.68594 2 2 4.68594 2 8C2 11.3141 4.68594 14 8 14C8.03516 14 8.07031 14 8.10547 13.9977V9.32891H6.81641V7.82656H8.10547V6.72031C8.10547 5.43828 8.88828 4.73984 10.032 4.73984C10.5805 4.73984 11.0516 4.77969 11.1875 4.79844V6.13906H10.4C9.77891 6.13906 9.65703 6.43437 9.65703 6.86797V7.82422H11.1453L10.9508 9.32656H9.65703V13.768C12.1648 13.0484 14 10.7398 14 8Z" })));
+        React.createElement("path", { d: "M14 8A6 6 0 102 8a6 6 0 006 6c.035 0 .07 0 .105-.002v-4.67H6.816V7.828h1.29V6.72c0-1.282.782-1.98 1.926-1.98.549 0 1.02.04 1.155.058V6.14H10.4c-.621 0-.743.295-.743.729v.956h1.488l-.194 1.503H9.657v4.441A6.002 6.002 0 0014 8z" })));
 }
 exports["default"] = IconFacebookSizeS;

package/__internal__/cjs-src/icons/IconInstagram/IconInstagram_size_m.js

@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
 function IconInstagramSizeM(props) {
     return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 24 24" }, props),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.9492 7.88007C21.9023 6.81739 21.7304 6.08681 21.4842 5.45375C21.2302 4.78177 20.8394 4.18015 20.3274 3.68002C19.8272 3.17211 19.2215 2.77744 18.5572 2.52745C17.9203 2.28128 17.1934 2.10943 16.1306 2.06257C15.0597 2.01175 14.7198 2 12.0039 2C9.28799 2 8.94805 2.01175 7.8812 2.05861C6.81831 2.10546 6.08759 2.27746 5.45456 2.52348C4.7823 2.77744 4.18057 3.16814 3.68034 3.68002C3.17233 4.18015 2.77774 4.78574 2.52755 5.44993C2.28133 6.08681 2.10945 6.81342 2.06259 7.8761C2.01175 8.94672 2 9.2866 2 12.002C2 14.7174 2.01175 15.0572 2.05862 16.1239C2.10548 17.1866 2.27751 17.9172 2.52373 18.5502C2.77774 19.2222 3.17233 19.8238 3.68034 20.3239C4.18057 20.8319 4.78627 21.2265 5.45059 21.4765C6.08759 21.7227 6.81434 21.8945 7.87738 21.9414C8.94408 21.9884 9.28418 22 12.0001 22C14.716 22 15.0559 21.9884 16.1228 21.9414C17.1857 21.8945 17.9164 21.7227 18.5494 21.4765C19.8938 20.9569 20.9567 19.8942 21.4764 18.5502C21.7225 17.9133 21.8945 17.1866 21.9414 16.1239C21.9882 15.0572 22 14.7174 22 12.002C22 9.2866 21.996 8.94672 21.9492 7.88007ZM20.1478 16.0458C20.1047 17.0225 19.9406 17.55 19.8039 17.9016C19.4677 18.7729 18.7761 19.4644 17.9046 19.8005C17.5529 19.9372 17.0216 20.1013 16.0484 20.1442C14.9933 20.1912 14.6769 20.2028 12.0079 20.2028C9.33882 20.2028 9.01842 20.1912 7.96714 20.1442C6.99019 20.1013 6.46264 19.9372 6.11094 19.8005C5.67727 19.6402 5.28253 19.3863 4.96212 19.0542C4.62996 18.7299 4.37596 18.3391 4.21568 17.9056C4.0789 17.5539 3.91481 17.0225 3.87191 16.0497C3.8249 14.9948 3.8133 14.6783 3.8133 12.0098C3.8133 9.34124 3.8249 9.02089 3.87191 7.96996C3.91481 6.99321 4.0789 6.46576 4.21568 6.11413C4.37596 5.68039 4.62996 5.28587 4.96609 4.96537C5.29031 4.63327 5.68109 4.37932 6.11491 4.21922C6.46661 4.08247 6.99813 3.91841 7.9711 3.87537C9.0262 3.82852 9.34279 3.81677 12.0117 3.81677C14.6847 3.81677 15.0011 3.82852 16.0524 3.87537C17.0293 3.91841 17.5569 4.08247 17.9086 4.21922C18.3423 4.37932 18.737 4.63327 19.0574 4.96537C19.3896 5.28968 19.6436 5.68039 19.8039 6.11413C19.9406 6.46576 20.1047 6.99702 20.1478 7.96996C20.1946 9.02486 20.2064 9.34124 20.2064 12.0098C20.2064 14.6783 20.1946 14.9909 20.1478 16.0458ZM12.0039 6.8641C9.16693 6.8641 6.86516 9.16527 6.86516 12.0018C6.86516 14.8384 9.16693 17.1396 12.0039 17.1396C14.841 17.1396 17.1426 14.8384 17.1426 12.0018C17.1426 9.16527 14.841 6.8641 12.0039 6.8641ZM12.0039 15.3346C10.1634 15.3346 8.67052 13.8421 8.67052 12.0018C8.67052 10.1616 10.1634 8.66911 12.0039 8.66911C13.8445 8.66911 15.3372 10.1616 15.3372 12.0018C15.3372 13.8421 13.8445 15.3346 12.0039 15.3346ZM17.3458 7.86036C18.0084 7.86036 18.5456 7.3233 18.5456 6.66093C18.5456 5.99842 18.0084 5.46151 17.3458 5.46151C16.6833 5.46151 16.1461 5.99842 16.1461 6.66093C16.1461 7.3233 16.6833 7.86036 17.3458 7.86036Z" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.95 7.88c-.048-1.063-.22-1.793-.466-2.426a4.88 4.88 0 00-1.157-1.774 4.923 4.923 0 00-1.77-1.153c-.637-.246-1.364-.418-2.426-.464C15.06 2.012 14.72 2 12.004 2c-2.716 0-3.056.012-4.123.059-1.063.046-1.793.218-2.426.464A4.881 4.881 0 003.68 3.68a4.924 4.924 0 00-1.152 1.77c-.247.637-.419 1.363-.465 2.426C2.012 8.946 2 9.286 2 12.002c0 2.715.012 3.055.059 4.122.046 1.063.219 1.793.465 2.426a4.931 4.931 0 001.156 1.774c.5.508 1.106.902 1.77 1.152.638.247 1.364.419 2.427.465C8.944 21.988 9.284 22 12 22s3.056-.012 4.123-.059c1.063-.046 1.793-.218 2.426-.464a5.116 5.116 0 002.927-2.927c.247-.637.419-1.363.465-2.426.047-1.067.059-1.407.059-4.122s-.004-3.055-.05-4.122zm-1.802 8.166c-.043.977-.207 1.504-.344 1.856a3.318 3.318 0 01-1.9 1.898c-.351.137-.882.301-1.856.344-1.055.047-1.371.059-4.04.059-2.67 0-2.99-.012-4.04-.059-.978-.043-1.505-.207-1.857-.343a3.079 3.079 0 01-1.149-.747 3.11 3.11 0 01-.746-1.148c-.137-.352-.301-.883-.344-1.856-.047-1.055-.059-1.372-.059-4.04 0-2.669.012-2.99.059-4.04.043-.977.207-1.504.344-1.856a3.04 3.04 0 01.75-1.149 3.105 3.105 0 011.149-.746c.352-.137.883-.3 1.856-.344 1.055-.046 1.372-.058 4.04-.058 2.674 0 2.99.012 4.041.058.977.043 1.505.207 1.857.344.433.16.828.414 1.148.746.333.325.587.715.747 1.15.137.35.3.882.344 1.855.047 1.055.058 1.371.058 4.04 0 2.668-.011 2.98-.058 4.036zm-8.144-9.182a5.14 5.14 0 00-5.139 5.138 5.14 5.14 0 0010.278 0 5.14 5.14 0 00-5.14-5.138zm0 8.47a3.334 3.334 0 110-6.667 3.334 3.334 0 010 6.668zm5.342-7.474a1.2 1.2 0 100-2.399 1.2 1.2 0 000 2.4z" })));
 }
 exports["default"] = IconInstagramSizeM;

package/__internal__/cjs-src/icons/IconInstagram/IconInstagram_size_s.js

@@ -4,6 +4,6 @@ var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
 function IconInstagramSizeS(props) {
     return (React.createElement("svg", tslib_1.__assign({ viewBox: "0 0 16 16" }, props),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.9695 5.52804C13.9414 4.89044 13.8383 4.45209 13.6905 4.07225C13.5381 3.66906 13.3037 3.30809 12.9965 3.00801C12.6963 2.70326 12.3329 2.46646 11.9343 2.31647C11.5522 2.16877 11.1161 2.06566 10.4783 2.03754C9.83584 2.00705 9.63188 2 8.00234 2C6.3728 2 6.16883 2.00705 5.52872 2.03516C4.89099 2.06328 4.45255 2.16648 4.07274 2.31409C3.66938 2.46646 3.30834 2.70088 3.0082 3.00801C2.7034 3.30809 2.46664 3.67144 2.31653 4.06996C2.1688 4.45209 2.06567 4.88805 2.03755 5.52566C2.00705 6.16803 2 6.37196 2 8.00119C2 9.63042 2.00705 9.83435 2.03517 10.4743C2.06329 11.1119 2.16651 11.5503 2.31424 11.9301C2.46664 12.3333 2.7034 12.6943 3.0082 12.9944C3.30834 13.2991 3.67176 13.5359 4.07036 13.6859C4.45255 13.8336 4.88861 13.9367 5.52643 13.9648C6.16645 13.993 6.37051 14 8.00005 14C9.62959 14 9.83355 13.993 10.4737 13.9648C11.1114 13.9367 11.5498 13.8336 11.9296 13.6859C12.7363 13.3741 13.374 12.7365 13.6859 11.9301C13.8335 11.548 13.9367 11.1119 13.9648 10.4743C13.9929 9.83435 14 9.63042 14 8.00119C14 6.37196 13.9976 6.16803 13.9695 5.52804ZM12.8887 10.4275C12.8628 11.0135 12.7644 11.33 12.6823 11.541C12.4806 12.0637 12.0657 12.4786 11.5428 12.6803C11.3318 12.7623 11.0129 12.8608 10.4291 12.8865C9.796 12.9147 9.60614 12.9217 8.00472 12.9217C6.40329 12.9217 6.21105 12.9147 5.58028 12.8865C4.99412 12.8608 4.67759 12.7623 4.46657 12.6803C4.20636 12.5841 3.96952 12.4318 3.77727 12.2325C3.57798 12.0379 3.42557 11.8035 3.32941 11.5433C3.24734 11.3324 3.14888 11.0135 3.12315 10.4298C3.09494 9.7969 3.08798 9.60698 3.08798 8.00586C3.08798 6.40474 3.09494 6.21254 3.12315 5.58198C3.14888 4.99592 3.24734 4.67946 3.32941 4.46848C3.42557 4.20823 3.57798 3.97152 3.77965 3.77922C3.97419 3.57996 4.20865 3.42759 4.46895 3.33153C4.67997 3.24948 4.99888 3.15105 5.58266 3.12522C6.21572 3.09711 6.40568 3.09006 8.00701 3.09006C9.61081 3.09006 9.80067 3.09711 10.4314 3.12522C11.0176 3.15105 11.3341 3.24948 11.5452 3.33153C11.8054 3.42759 12.0422 3.57996 12.2345 3.77922C12.4337 3.97381 12.5862 4.20823 12.6823 4.46848C12.7644 4.67946 12.8628 4.99821 12.8887 5.58198C12.9168 6.21492 12.9238 6.40474 12.9238 8.00586C12.9238 9.60698 12.9168 9.79451 12.8887 10.4275ZM8.00233 4.91855C6.30016 4.91855 4.9191 6.29925 4.9191 8.00119C4.9191 9.70312 6.30016 11.0838 8.00233 11.0838C9.70459 11.0838 11.0856 9.70312 11.0856 8.00119C11.0856 6.29925 9.70459 4.91855 8.00233 4.91855ZM8.00233 10.0008C6.89805 10.0008 6.00231 9.10535 6.00231 8.00119C6.00231 6.89703 6.89805 6.00155 8.00233 6.00155C9.1067 6.00155 10.0023 6.89703 10.0023 8.00119C10.0023 9.10535 9.1067 10.0008 8.00233 10.0008ZM11.2075 5.51632C11.605 5.51632 11.9273 5.19408 11.9273 4.79667C11.9273 4.39916 11.605 4.07701 11.2075 4.07701C10.81 4.07701 10.4877 4.39916 10.4877 4.79667C10.4877 5.19408 10.81 5.51632 11.2075 5.51632Z" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.97 5.528c-.029-.638-.132-1.076-.28-1.456a2.928 2.928 0 00-.694-1.064 2.954 2.954 0 00-1.062-.692c-.382-.147-.818-.25-1.456-.278C9.836 2.008 9.632 2 8.002 2s-1.833.007-2.473.035c-.638.028-1.076.131-1.456.28a2.929 2.929 0 00-1.065.693c-.305.3-.541.663-.691 1.062-.148.382-.251.818-.28 1.456C2.008 6.168 2 6.372 2 8c0 1.63.007 1.833.035 2.473.028.638.132 1.076.28 1.456.152.403.388.764.693 1.064.3.305.664.542 1.062.692.383.148.819.25 1.456.279.64.028.845.035 2.474.035 1.63 0 1.834-.007 2.474-.035.637-.028 1.076-.131 1.456-.28a3.07 3.07 0 001.756-1.755c.148-.382.25-.818.279-1.456.028-.64.035-.844.035-2.473s-.002-1.833-.03-2.473zm-1.081 4.9c-.026.585-.125.902-.207 1.113a1.991 1.991 0 01-1.14 1.14c-.21.081-.53.18-1.113.206-.633.028-.823.035-2.424.035-1.602 0-1.794-.007-2.425-.036-.586-.025-.902-.124-1.113-.206a1.847 1.847 0 01-.69-.447 1.865 1.865 0 01-.448-.69c-.082-.21-.18-.53-.206-1.113-.028-.633-.035-.823-.035-2.424s.007-1.793.035-2.424c.026-.586.124-.903.206-1.114.097-.26.249-.496.45-.689.195-.199.43-.351.69-.447.211-.083.53-.18 1.114-.207.633-.028.823-.035 2.424-.035 1.604 0 1.794.007 2.424.035.587.026.903.124 1.114.207.26.096.497.248.69.447.199.195.351.43.447.69.082.21.18.53.207 1.113.028.633.035.823.035 2.424s-.007 1.789-.035 2.421zm-4.887-5.51a3.084 3.084 0 10.001 6.168 3.084 3.084 0 000-6.167zm0 5.083a2 2 0 110-4 2 2 0 010 4zm3.205-4.485a.72.72 0 100-1.44.72.72 0 000 1.44z" })));
 }
 exports["default"] = IconInstagramSizeS;