@sberbusiness/triplex-next 1.43.0 → 1.45.0

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { scrollSmoothHorizontally } from "../../../utils/scroll.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-2kNnHEuL.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
 const renderDefaultThumb = ({ item, isActive, ariaLabel, onSelect, ref }) => /* @__PURE__ */ jsx(ImageGalleryExtendedThumb, { ref, item, isActive, "aria-label": ariaLabel, onClick: onSelect });
 const ImageGalleryExtendedThumbnails = React__default.forwardRef(
   ({ className, children, onKeyDown, ...rest }, ref) => {

package/components/ImageGalleryExtended/components/index.js

@@ -2,7 +2,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtendedThumbnails.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-2kNnHEuL.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtendedDots.js";
 export {
   ImageGalleryExtendedArrow,

package/components/ImageGalleryExtended/index.js

@@ -4,7 +4,7 @@ import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../../chunks/ImageGalleryExtendedThumb-2kNnHEuL.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./enums.js";
 export {

package/components/Island/Island.js

@@ -5,7 +5,7 @@ import { EIslandType } from "./enums.js";
 import { IslandBody } from "./components/IslandBody.js";
 import { IslandHeader } from "./components/IslandHeader.js";
 import { IslandFooter } from "./components/IslandFooter.js";
-import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-DjmAjzcV.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-vSmFPvz4.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
@@ -19,12 +19,19 @@ const Island = Object.assign(
       loaderScreenProps,
       className,
       children,
+      withoutPaddings,
       ...rest
     }, ref) => {
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx(styles.island, mapTypeToClassName(type), SIZE_TO_CLASS_NAME_MAP[size], className),
+          className: clsx(
+            styles.island,
+            { [styles.withoutPaddings]: Boolean(withoutPaddings) },
+            mapTypeToClassName(type),
+            SIZE_TO_CLASS_NAME_MAP[size],
+            className
+          ),
           ref,
           ...rest,
           children: [

package/components/Island/Island.js.map

@@ -1 +1 @@
-{"version":3,"file":"Island.js","sources":["../../../src/components/Island/Island.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EIslandType } from \"./enums\";\nimport { IslandBody } from \"./components/IslandBody\";\nimport { IslandHeader } from \"./components/IslandHeader\";\nimport { IslandFooter } from \"./components/IslandFooter\";\nimport { mapTypeToClassName } from \"./utils\";\nimport {\n    ILoaderScreenMiddleProps,\n    LoaderScreen,\n} from \"@sberbusiness/triplex-next/components/LoaderScreen/LoaderScreen\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/Island.module.less\";\n\n/** Свойства компонента Island. */\nexport interface IIslandProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип. Отличаются цвет фона и тень. По умолчанию EIslandType.TYPE_1. */\n    type?: EIslandType;\n    /** Размер. Задаёт скругление, внутренние отступы и отступы между Header, Body и Footer. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Флаг состояния загрузки. */\n    loading?: boolean;\n    /** Свойства компонента LoaderScreen. */\n    loaderScreenProps?: ILoaderScreenMiddleProps;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Контейнер-карточка. Составные части — Island.Header, Island.Body, Island.Footer. */\nexport const Island = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandProps>(\n        (\n            {\n                type = EIslandType.TYPE_1,\n                size = EComponentSize.MD,\n                loading,\n                loaderScreenProps,\n                className,\n                children,\n                ...rest\n            },\n            ref,\n        ) => {\n            return (\n                <div\n                    className={clsx(styles.island, mapTypeToClassName(type), SIZE_TO_CLASS_NAME_MAP[size], className)}\n                    ref={ref}\n                    {...rest}\n                >\n                    {children}\n\n                    {loading && (\n                        <LoaderScreen\n                            {...loaderScreenProps}\n                            className={clsx(styles.islandLoaderScreen, loaderScreenProps?.className)}\n                            type=\"middle\"\n                        />\n                    )}\n                </div>\n            );\n        },\n    ),\n    {\n        Body: IslandBody,\n        Header: IslandHeader,\n        Footer: IslandFooter,\n    },\n);\n\nIsland.displayName = \"Island\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AA2BA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM;AAAA,IACF,CACI;AAAA,MACI,OAAO,YAAY;AAAA,MACnB,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,GAEP,QACC;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,QAAQ,mBAAmB,IAAI,GAAG,uBAAuB,IAAI,GAAG,SAAS;AAAA,UAChG;AAAA,UACC,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA;AAAA,YAEA,WACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,KAAK,OAAO,oBAAoB,uDAAmB,SAAS;AAAA,gBACvE,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,MAAA;AAAA,IAIhB;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Island.js","sources":["../../../src/components/Island/Island.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EIslandType } from \"./enums\";\nimport { IslandBody } from \"./components/IslandBody\";\nimport { IslandHeader } from \"./components/IslandHeader\";\nimport { IslandFooter } from \"./components/IslandFooter\";\nimport { mapTypeToClassName } from \"./utils\";\nimport {\n    ILoaderScreenMiddleProps,\n    LoaderScreen,\n} from \"@sberbusiness/triplex-next/components/LoaderScreen/LoaderScreen\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/Island.module.less\";\n\n/** Свойства компонента Island. */\nexport interface IIslandProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип. Отличаются цвет фона и тень. По умолчанию EIslandType.TYPE_1. */\n    type?: EIslandType;\n    /** Размер. Задаёт скругление, внутренние отступы и отступы между Header, Body и Footer. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Флаг состояния загрузки. */\n    loading?: boolean;\n    /** Свойства компонента LoaderScreen. */\n    loaderScreenProps?: ILoaderScreenMiddleProps;\n    /** Свойство, отключающее внутренние отступы. */\n    withoutPaddings?: boolean;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Контейнер-карточка. Составные части — Island.Header, Island.Body, Island.Footer. */\nexport const Island = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandProps>(\n        (\n            {\n                type = EIslandType.TYPE_1,\n                size = EComponentSize.MD,\n                loading,\n                loaderScreenProps,\n                className,\n                children,\n                withoutPaddings,\n                ...rest\n            },\n            ref,\n        ) => {\n            return (\n                <div\n                    className={clsx(\n                        styles.island,\n                        { [styles.withoutPaddings]: Boolean(withoutPaddings) },\n                        mapTypeToClassName(type),\n                        SIZE_TO_CLASS_NAME_MAP[size],\n                        className,\n                    )}\n                    ref={ref}\n                    {...rest}\n                >\n                    {children}\n\n                    {loading && (\n                        <LoaderScreen\n                            {...loaderScreenProps}\n                            className={clsx(styles.islandLoaderScreen, loaderScreenProps?.className)}\n                            type=\"middle\"\n                        />\n                    )}\n                </div>\n            );\n        },\n    ),\n    {\n        Body: IslandBody,\n        Header: IslandHeader,\n        Footer: IslandFooter,\n    },\n);\n\nIsland.displayName = \"Island\";\n"],"names":["React"],"mappings":";;;;;;;;;;;AA6BA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM;AAAA,IACF,CACI;AAAA,MACI,OAAO,YAAY;AAAA,MACnB,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,GAEP,QACC;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP,OAAO;AAAA,YACP,EAAE,CAAC,OAAO,eAAe,GAAG,QAAQ,eAAe,EAAA;AAAA,YACnD,mBAAmB,IAAI;AAAA,YACvB,uBAAuB,IAAI;AAAA,YAC3B;AAAA,UAAA;AAAA,UAEJ;AAAA,UACC,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA;AAAA,YAEA,WACG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,KAAK,OAAO,oBAAoB,uDAAmB,SAAS;AAAA,gBACvE,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,MAAA;AAAA,IAIhB;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,OAAO,cAAc;"}

package/components/Island/components/IslandBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandBody = "islandBody__809d4943";
+const islandBody = "islandBody__fa2d569a";
 const styles = {
   islandBody
 };

package/components/Island/components/IslandFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandFooter = "islandFooter__3ddf4685";
+const islandFooter = "islandFooter__1b891a7f";
 const styles = {
   islandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandHeader = "islandHeader__4e514983";
+const islandHeader = "islandHeader__0260f202";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m } from "../../chunks/utils-DjmAjzcV.js";
+import { m } from "../../chunks/utils-vSmFPvz4.js";
 export {
   m as mapTypeToClassName
 };

package/components/IslandAccordion/IslandAccordion.js

@@ -9,14 +9,14 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../chunks/IslandAccordion.module-BSKYPAWV.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-4rzQ8p9D.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const IslandAccordion = Object.assign(
   React__default.forwardRef(
     ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {
       const classNames = clsx(className, styles.islandAccordion);
-      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.43.0", ref, children }) });
+      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.45.0", ref, children }) });
     }
   ),
   {

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-4rzQ8p9D.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-4rzQ8p9D.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -26,7 +26,7 @@ import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import "../../MobileView/MobileView.js";
 import { useMobileView } from "../../MobileView/useMobileView.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-BSKYPAWV.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-4rzQ8p9D.js";
 const TYPE_TO_CLASS_NAME_MAP = {
   [EIslandType.TYPE_1]: styles.type1,
   [EIslandType.TYPE_2]: styles.type2,
@@ -107,7 +107,7 @@ const IslandAccordionItem = Object.assign(
               }),
               onClick: handleHeaderClick,
               disabled,
-              "data-tx": "1.43.0",
+              "data-tx": "1.45.0",
               children: [
                 status && num && /* @__PURE__ */ jsx("div", { className: styles.step, children: /* @__PURE__ */ jsx(Step, { step: num, status, position: EStepPosition.XFirst, size, children: disabled ? void 0 : stepHint }) }),
                 /* @__PURE__ */ jsx(

package/components/IslandWidget/IslandWidget.js

@@ -16,13 +16,11 @@ import { IslandWidgetContext } from "./IslandWidgetContext.js";
 import { ExpandAnimation } from "../ExpandAnimation/ExpandAnimation.js";
 import "../MobileView/MobileView.js";
 import { useMobileView } from "../MobileView/useMobileView.js";
-const islandWidget = "islandWidget__345dd512";
-const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__8f912b9f";
-const islandWidgetHeaderWrapperAdaptive = "islandWidgetHeaderWrapperAdaptive__7c3df030";
+const islandWidget = "islandWidget__ae0864db";
+const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__b363b2ee";
 const styles = {
   islandWidget,
-  islandWidgetWithExtraFooter,
-  islandWidgetHeaderWrapperAdaptive
+  islandWidgetWithExtraFooter
 };
 const IslandWidget = Object.assign(
   React__default.forwardRef(
@@ -53,7 +51,8 @@ const IslandWidget = Object.assign(
           value: {
             adaptive,
             disableAdaptiveCollapsing,
-            open
+            open,
+            size
           },
           children: /* @__PURE__ */ jsx(
             "div",
@@ -61,20 +60,11 @@ const IslandWidget = Object.assign(
               className: clsx(styles.islandWidget, className, {
                 [styles.islandWidgetWithExtraFooter]: hasExtraFooter
               }),
-              "data-tx": "1.43.0",
+              "data-tx": "1.45.0",
               ...rest,
               ref,
-              children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: clsx({
-                      [styles.islandWidgetHeaderWrapperAdaptive]: adaptive
-                    }),
-                    onClick: adaptive ? handleHeaderClick : void 0,
-                    children: renderHeader({})
-                  }
-                ),
+              children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, withoutPaddings: true, children: [
+                /* @__PURE__ */ jsx("div", { onClick: adaptive ? handleHeaderClick : void 0, children: renderHeader({}) }),
                 expandableContent ? /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children: renderContent() }) : /* @__PURE__ */ jsx(Fragment, { children: renderContent() })
               ] })
             }

package/components/IslandWidget/IslandWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { Island, EIslandType } from \"../Island\";\nimport { IIslandWidgetHeaderProps, IslandWidgetHeader } from \"./components/IslandWidgetHeader\";\nimport { IIslandWidgetBodyProps, IslandWidgetBody } from \"./components/IslandWidgetBody\";\nimport { IIslandWidgetFooterProps, IslandWidgetFooter } from \"./components/IslandWidgetFooter\";\nimport { IslandWidgetExtraFooter } from \"./components/IslandWidgetExtraFooter\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandWidget.module.less\";\nimport { IslandWidgetLayoutContext } from \"./IslandWidgetLayoutContext\";\nimport { IslandWidgetContext } from \"./IslandWidgetContext\";\nimport { ExpandAnimation } from \"../ExpandAnimation/ExpandAnimation\";\nimport { useMobileView } from \"../MobileView\";\n\nexport interface IIslandWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Рендер-функция Body. */\n    renderBody: (props: IIslandWidgetBodyProps) => React.ReactNode;\n    /** Рендер-функция Footer. */\n    renderFooter?: (props: IIslandWidgetFooterProps) => React.ReactNode;\n    /** Рендер-функция Header. */\n    renderHeader: (props: IIslandWidgetHeaderProps) => React.ReactNode;\n    /** Отключение возможности сворачивания контента в адаптиве. */\n    disableAdaptiveCollapsing?: boolean;\n}\n\nexport const IslandWidget = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandWidgetProps>(\n        (\n            {\n                className,\n                size = EComponentSize.MD,\n                renderBody,\n                renderFooter,\n                renderHeader,\n                disableAdaptiveCollapsing = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const { hasExtraFooter } = useContext(IslandWidgetLayoutContext);\n            const [open, setOpen] = useState(disableAdaptiveCollapsing);\n\n            const adaptive = useMobileView();\n\n            const handleHeaderClick = (): void => {\n                const newOpen = !open;\n                setOpen(newOpen);\n            };\n\n            const expandableContent = adaptive && !disableAdaptiveCollapsing;\n\n            const renderContent = () => (\n                <>\n                    {renderBody({})}\n                    {renderFooter ? renderFooter({}) : null}\n                </>\n            );\n\n            return (\n                <IslandWidgetContext.Provider\n                    value={{\n                        adaptive,\n                        disableAdaptiveCollapsing,\n                        open,\n                    }}\n                >\n                    <div\n                        className={clsx(styles.islandWidget, className, {\n                            [styles.islandWidgetWithExtraFooter]: hasExtraFooter,\n                        })}\n                        data-tx={process.env.npm_package_version}\n                        {...rest}\n                        ref={ref}\n                    >\n                        <Island type={EIslandType.TYPE_1} size={size}>\n                            <div\n                                className={clsx({\n                                    [styles.islandWidgetHeaderWrapperAdaptive]: adaptive,\n                                })}\n                                onClick={adaptive ? handleHeaderClick : undefined}\n                            >\n                                {renderHeader({})}\n                            </div>\n                            {expandableContent ? (\n                                <ExpandAnimation expanded={open}>{renderContent()}</ExpandAnimation>\n                            ) : (\n                                <>{renderContent()}</>\n                            )}\n                        </Island>\n                    </div>\n                </IslandWidgetContext.Provider>\n            );\n        },\n    ),\n    {\n        Header: IslandWidgetHeader,\n        Body: IslandWidgetBody,\n        Footer: IslandWidgetFooter,\n        ExtraFooter: IslandWidgetExtraFooter,\n    },\n);\n\nIslandWidget.displayName = \"IslandWidget\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,eAAe,OAAO;AAAA,EAC/BA,eAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,EAAE,eAAA,IAAmB,WAAW,yBAAyB;AAC/D,YAAM,CAAC,MAAM,OAAO,IAAI,SAAS,yBAAyB;AAE1D,YAAM,WAAW,cAAA;AAEjB,YAAM,oBAAoB,MAAY;AAClC,cAAM,UAAU,CAAC;AACjB,gBAAQ,OAAO;AAAA,MACnB;AAEA,YAAM,oBAAoB,YAAY,CAAC;AAEvC,YAAM,gBAAgB,MAClB,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,WAAW,CAAA,CAAE;AAAA,QACb,eAAe,aAAa,CAAA,CAAE,IAAI;AAAA,MAAA,GACvC;AAGJ,aACI;AAAA,QAAC,oBAAoB;AAAA,QAApB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,KAAK,OAAO,cAAc,WAAW;AAAA,gBAC5C,CAAC,OAAO,2BAA2B,GAAG;AAAA,cAAA,CACzC;AAAA,cACD,WAAS;AAAA,cACR,GAAG;AAAA,cACJ;AAAA,cAEA,+BAAC,QAAA,EAAO,MAAM,YAAY,QAAQ,MAC9B,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,KAAK;AAAA,sBACZ,CAAC,OAAO,iCAAiC,GAAG;AAAA,oBAAA,CAC/C;AAAA,oBACD,SAAS,WAAW,oBAAoB;AAAA,oBAEvC,UAAA,aAAa,CAAA,CAAE;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEnB,oBACG,oBAAC,iBAAA,EAAgB,UAAU,MAAO,0BAAc,CAAE,IAElD,oBAAA,UAAA,EAAG,UAAA,cAAA,GAAgB;AAAA,cAAA,GAE3B;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { Island, EIslandType } from \"../Island\";\nimport { IIslandWidgetHeaderProps, IslandWidgetHeader } from \"./components/IslandWidgetHeader\";\nimport { IIslandWidgetBodyProps, IslandWidgetBody } from \"./components/IslandWidgetBody\";\nimport { IIslandWidgetFooterProps, IslandWidgetFooter } from \"./components/IslandWidgetFooter\";\nimport { IslandWidgetExtraFooter } from \"./components/IslandWidgetExtraFooter\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandWidget.module.less\";\nimport { IslandWidgetLayoutContext } from \"./IslandWidgetLayoutContext\";\nimport { IslandWidgetContext } from \"./IslandWidgetContext\";\nimport { ExpandAnimation } from \"../ExpandAnimation/ExpandAnimation\";\nimport { useMobileView } from \"../MobileView\";\n\nexport interface IIslandWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Рендер-функция Body. */\n    renderBody: (props: IIslandWidgetBodyProps) => React.ReactNode;\n    /** Рендер-функция Footer. */\n    renderFooter?: (props: IIslandWidgetFooterProps) => React.ReactNode;\n    /** Рендер-функция Header. */\n    renderHeader: (props: IIslandWidgetHeaderProps) => React.ReactNode;\n    /** Отключение возможности сворачивания контента в адаптиве. */\n    disableAdaptiveCollapsing?: boolean;\n}\n\nexport const IslandWidget = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandWidgetProps>(\n        (\n            {\n                className,\n                size = EComponentSize.MD,\n                renderBody,\n                renderFooter,\n                renderHeader,\n                disableAdaptiveCollapsing = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const { hasExtraFooter } = useContext(IslandWidgetLayoutContext);\n            const [open, setOpen] = useState(disableAdaptiveCollapsing);\n\n            const adaptive = useMobileView();\n\n            const handleHeaderClick = (): void => {\n                const newOpen = !open;\n                setOpen(newOpen);\n            };\n\n            const expandableContent = adaptive && !disableAdaptiveCollapsing;\n\n            const renderContent = () => (\n                <>\n                    {renderBody({})}\n                    {renderFooter ? renderFooter({}) : null}\n                </>\n            );\n\n            return (\n                <IslandWidgetContext.Provider\n                    value={{\n                        adaptive,\n                        disableAdaptiveCollapsing,\n                        open,\n                        size,\n                    }}\n                >\n                    <div\n                        className={clsx(styles.islandWidget, className, {\n                            [styles.islandWidgetWithExtraFooter]: hasExtraFooter,\n                        })}\n                        data-tx={process.env.npm_package_version}\n                        {...rest}\n                        ref={ref}\n                    >\n                        <Island type={EIslandType.TYPE_1} size={size} withoutPaddings={true}>\n                            <div onClick={adaptive ? handleHeaderClick : undefined}>{renderHeader({})}</div>\n                            {expandableContent ? (\n                                <ExpandAnimation expanded={open}>{renderContent()}</ExpandAnimation>\n                            ) : (\n                                <>{renderContent()}</>\n                            )}\n                        </Island>\n                    </div>\n                </IslandWidgetContext.Provider>\n            );\n        },\n    ),\n    {\n        Header: IslandWidgetHeader,\n        Body: IslandWidgetBody,\n        Footer: IslandWidgetFooter,\n        ExtraFooter: IslandWidgetExtraFooter,\n    },\n);\n\nIslandWidget.displayName = \"IslandWidget\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,eAAe,OAAO;AAAA,EAC/BA,eAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,EAAE,eAAA,IAAmB,WAAW,yBAAyB;AAC/D,YAAM,CAAC,MAAM,OAAO,IAAI,SAAS,yBAAyB;AAE1D,YAAM,WAAW,cAAA;AAEjB,YAAM,oBAAoB,MAAY;AAClC,cAAM,UAAU,CAAC;AACjB,gBAAQ,OAAO;AAAA,MACnB;AAEA,YAAM,oBAAoB,YAAY,CAAC;AAEvC,YAAM,gBAAgB,MAClB,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,WAAW,CAAA,CAAE;AAAA,QACb,eAAe,aAAa,CAAA,CAAE,IAAI;AAAA,MAAA,GACvC;AAGJ,aACI;AAAA,QAAC,oBAAoB;AAAA,QAApB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,KAAK,OAAO,cAAc,WAAW;AAAA,gBAC5C,CAAC,OAAO,2BAA2B,GAAG;AAAA,cAAA,CACzC;AAAA,cACD,WAAS;AAAA,cACR,GAAG;AAAA,cACJ;AAAA,cAEA,+BAAC,QAAA,EAAO,MAAM,YAAY,QAAQ,MAAY,iBAAiB,MAC3D,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,SAAS,WAAW,oBAAoB,QAAY,UAAA,aAAa,CAAA,CAAE,GAAE;AAAA,gBACzE,oBACG,oBAAC,iBAAA,EAAgB,UAAU,MAAO,0BAAc,CAAE,IAElD,oBAAA,UAAA,EAAG,UAAA,cAAA,GAAgB;AAAA,cAAA,GAE3B;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,aAAa,cAAc;"}

package/components/IslandWidget/IslandWidgetContext.js

@@ -1,8 +1,10 @@
 import React__default from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
 const contextInitial = {
   adaptive: false,
   disableAdaptiveCollapsing: false,
-  open: false
+  open: false,
+  size: EComponentSize.MD
 };
 const IslandWidgetContext = React__default.createContext(contextInitial);
 export {

package/components/IslandWidget/IslandWidgetContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface IIslandWidgetContext {\n    adaptive: boolean;\n    disableAdaptiveCollapsing: boolean;\n    open: boolean;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n    adaptive: false,\n    disableAdaptiveCollapsing: false,\n    open: false,\n};\n\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";AAQA,MAAM,iBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,MAAM;AACV;AAEO,MAAM,sBAAsBA,eAAM,cAAc,cAAc;"}
+{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport interface IIslandWidgetContext {\n    adaptive: boolean;\n    disableAdaptiveCollapsing: boolean;\n    open: boolean;\n    size: EComponentSize;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n    adaptive: false,\n    disableAdaptiveCollapsing: false,\n    open: false,\n    size: EComponentSize.MD,\n};\n\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";;AAUA,MAAM,iBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,eAAe;AACzB;AAEO,MAAM,sBAAsBA,eAAM,cAAc,cAAc;"}

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,11 +1,22 @@
 import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandWidgetBody = "islandWidgetBody__674f0883";
+import { IslandWidgetContext } from "../IslandWidgetContext.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+const islandWidgetBody = "islandWidgetBody__9fbafb3c";
+const sm = "sm__6be7f890";
+const md = "md__bdb97ec7";
+const lg = "lg__333fe18d";
 const styles = {
-  islandWidgetBody
+  islandWidgetBody,
+  sm,
+  md,
+  lg
 };
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetBody = ({ children, className, ...htmlDivAttributes }) => {
-  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetBody, className), children });
+  const { size } = useContext(IslandWidgetContext);
+  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetBody, SIZE_TO_CLASS_NAME_MAP[size], className), children });
 };
 IslandWidgetBody.displayName = "IslandWidgetBody";
 export {

package/components/IslandWidget/components/IslandWidgetBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetBody.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetBody.module.less\";\n\n/** Свойства компонента IslandWidgetBody. */\nexport interface IIslandWidgetBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetBody: React.FC<IIslandWidgetBodyProps> = ({ children, className, ...htmlDivAttributes }) => {\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.islandWidgetBody, className)}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetBody.displayName = \"IslandWidgetBody\";\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,mBAAqD,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACjH,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,kBAAkB,SAAS,GACzE,SAAA,CACL;AAER;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"IslandWidgetBody.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetBody.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetBody.module.less\";\n\n/** Свойства компонента IslandWidgetBody. */\nexport interface IIslandWidgetBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandWidgetBody: React.FC<IIslandWidgetBodyProps> = ({ children, className, ...htmlDivAttributes }) => {\n    const { size } = useContext(IslandWidgetContext);\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.islandWidgetBody, SIZE_TO_CLASS_NAME_MAP[size], className)}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetBody.displayName = \"IslandWidgetBody\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,yBAAyB,yBAAyB,MAAM;AAEvD,MAAM,mBAAqD,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACjH,QAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,kBAAkB,uBAAuB,IAAI,GAAG,SAAS,GACvG,SAAA,CACL;AAER;AAEA,iBAAiB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetExtraFooter = "islandWidgetExtraFooter__12350441";
+const islandWidgetExtraFooter = "islandWidgetExtraFooter__2ba68229";
 const styles = {
   islandWidgetExtraFooter
 };

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -1,10 +1,22 @@
 import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
+import { IslandWidgetContext } from "../IslandWidgetContext.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { IslandWidgetFooterContent } from "./IslandWidgetFooterContent.js";
 import { IslandWidgetFooterControls } from "./IslandWidgetFooterControls.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Dxb05X44.js";
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {
-  return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(className, styles.islandWidgetFooter), children });
+  const { size } = useContext(IslandWidgetContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...htmlDivAttributes,
+      className: clsx(styles.islandWidgetFooter, SIZE_TO_CLASS_NAME_MAP[size], className),
+      children
+    }
+  );
 };
 IslandWidgetFooter.Content = IslandWidgetFooterContent;
 IslandWidgetFooter.Controls = IslandWidgetFooterControls;

package/components/IslandWidget/components/IslandWidgetFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\nimport { IslandWidgetFooterContent } from \"./IslandWidgetFooterContent\";\nimport { IslandWidgetFooterControls } from \"./IslandWidgetFooterControls\";\n\n/** Свойства компонента IslandWidgetFooter. */\nexport interface IIslandWidgetFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetFooter = React.FC<IIslandWidgetFooterProps> & {\n    Content: typeof IslandWidgetFooterContent;\n    Controls: typeof IslandWidgetFooterControls;\n};\n\nexport const IslandWidgetFooter: TIslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {\n    return (\n        <div {...htmlDivAttributes} className={clsx(className, styles.islandWidgetFooter)}>\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetFooter.Content = IslandWidgetFooterContent;\nIslandWidgetFooter.Controls = IslandWidgetFooterControls;\nIslandWidgetFooter.displayName = \"IslandWidgetFooter\";\n"],"names":[],"mappings":";;;;;AAcO,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,WAAW,OAAO,kBAAkB,GAC3E,SAAA,CACL;AAER;AAEA,mBAAmB,UAAU;AAC7B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;"}
+{"version":3,"file":"IslandWidgetFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooter.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { IslandWidgetFooterContent } from \"./IslandWidgetFooterContent\";\nimport { IslandWidgetFooterControls } from \"./IslandWidgetFooterControls\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\n/** Свойства компонента IslandWidgetFooter. */\nexport interface IIslandWidgetFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport type TIslandWidgetFooter = React.FC<IIslandWidgetFooterProps> & {\n    Content: typeof IslandWidgetFooterContent;\n    Controls: typeof IslandWidgetFooterControls;\n};\n\nexport const IslandWidgetFooter: TIslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {\n    const { size } = useContext(IslandWidgetContext);\n\n    return (\n        <div\n            {...htmlDivAttributes}\n            className={clsx(styles.islandWidgetFooter, SIZE_TO_CLASS_NAME_MAP[size], className)}\n        >\n            {children}\n        </div>\n    );\n};\n\nIslandWidgetFooter.Content = IslandWidgetFooterContent;\nIslandWidgetFooter.Controls = IslandWidgetFooterControls;\nIslandWidgetFooter.displayName = \"IslandWidgetFooter\";\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,oBAAoB,uBAAuB,IAAI,GAAG,SAAS;AAAA,MAEjF;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,mBAAmB,UAAU;AAC7B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Dxb05X44.js";
 const IslandWidgetFooterContent = ({
   children,
   ...htmlDivAttributes

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Iynlil69.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-Dxb05X44.js";
 const IslandWidgetFooterControls = ({
   children,
   ...htmlDivAttributes

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,20 +1,23 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
 import { IslandWidgetHeaderControls } from "./IslandWidgetHeaderControls.js";
 import { IslandWidgetHeaderDescription } from "./IslandWidgetHeaderDescription.js";
 import { IslandWidgetHeaderTitle } from "./IslandWidgetHeaderTitle.js";
 import { CaretdownStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { IslandWidgetContext } from "../IslandWidgetContext.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-K8SbMdcg.js";
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {
-  const { adaptive, disableAdaptiveCollapsing, open } = useContext(IslandWidgetContext);
+  const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ...htmlDivAttributes,
-      className: clsx(className, styles.islandWidgetHeader, {
-        [styles.open]: open
+      className: clsx(styles.islandWidgetHeader, SIZE_TO_CLASS_NAME_MAP[size], className, {
+        [styles.open]: open,
+        [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing
       }),
       children: [
         children,

package/components/IslandWidget/components/IslandWidgetHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetHeader.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { IslandWidgetHeaderControls } from \"./IslandWidgetHeaderControls\";\nimport { IslandWidgetHeaderDescription } from \"./IslandWidgetHeaderDescription\";\nimport { IslandWidgetHeaderTitle } from \"./IslandWidgetHeaderTitle\";\nimport { CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\n\n/** Свойства компонента IslandWidgetHeader. */\nexport interface IIslandWidgetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetHeader = React.FC<IIslandWidgetHeaderProps> & {\n    Title: typeof IslandWidgetHeaderTitle;\n    Controls: typeof IslandWidgetHeaderControls;\n    Description: typeof IslandWidgetHeaderDescription;\n};\n\nexport const IslandWidgetHeader: TIslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {\n    const { adaptive, disableAdaptiveCollapsing, open } = useContext(IslandWidgetContext);\n\n    return (\n        <div\n            {...htmlDivAttributes}\n            className={clsx(className, styles.islandWidgetHeader, {\n                [styles.open]: open,\n            })}\n        >\n            {children}\n            {adaptive && !disableAdaptiveCollapsing && (\n                <span className={clsx(styles.caretWrapper)}>\n                    <CaretdownStrokeSrvIcon24 className={styles.caretIcon} aria-hidden=\"true\" paletteIndex={5} />\n                </span>\n            )}\n        </div>\n    );\n};\n\nIslandWidgetHeader.Title = IslandWidgetHeaderTitle;\nIslandWidgetHeader.Controls = IslandWidgetHeaderControls;\nIslandWidgetHeader.Description = IslandWidgetHeaderDescription;\nIslandWidgetHeader.displayName = \"IslandWidgetHeader\";\n"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,UAAU,2BAA2B,KAAA,IAAS,WAAW,mBAAmB;AAEpF,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW,OAAO,oBAAoB;AAAA,QAClD,CAAC,OAAO,IAAI,GAAG;AAAA,MAAA,CAClB;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,QACA,YAAY,CAAC,iDACT,QAAA,EAAK,WAAW,KAAK,OAAO,YAAY,GACrC,UAAA,oBAAC,0BAAA,EAAyB,WAAW,OAAO,WAAW,eAAY,QAAO,cAAc,GAAG,EAAA,CAC/F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,QAAQ;AAC3B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;"}
+{"version":3,"file":"IslandWidgetHeader.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetHeaderControls } from \"./IslandWidgetHeaderControls\";\nimport { IslandWidgetHeaderDescription } from \"./IslandWidgetHeaderDescription\";\nimport { IslandWidgetHeaderTitle } from \"./IslandWidgetHeaderTitle\";\nimport { CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeader. */\nexport interface IIslandWidgetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetHeader = React.FC<IIslandWidgetHeaderProps> & {\n    Title: typeof IslandWidgetHeaderTitle;\n    Controls: typeof IslandWidgetHeaderControls;\n    Description: typeof IslandWidgetHeaderDescription;\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandWidgetHeader: TIslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {\n    const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);\n\n    return (\n        <div\n            {...htmlDivAttributes}\n            className={clsx(styles.islandWidgetHeader, SIZE_TO_CLASS_NAME_MAP[size], className, {\n                [styles.open]: open,\n                [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing,\n            })}\n        >\n            {children}\n            {adaptive && !disableAdaptiveCollapsing && (\n                <span className={clsx(styles.caretWrapper)}>\n                    <CaretdownStrokeSrvIcon24 className={styles.caretIcon} aria-hidden=\"true\" paletteIndex={5} />\n                </span>\n            )}\n        </div>\n    );\n};\n\nIslandWidgetHeader.Title = IslandWidgetHeaderTitle;\nIslandWidgetHeader.Controls = IslandWidgetHeaderControls;\nIslandWidgetHeader.Description = IslandWidgetHeaderDescription;\nIslandWidgetHeader.displayName = \"IslandWidgetHeader\";\n"],"names":[],"mappings":";;;;;;;;;;AAmBA,MAAM,yBAAyB,yBAAyB,MAAM;AAEvD,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,UAAU,2BAA2B,MAAM,KAAA,IAAS,WAAW,mBAAmB;AAE1F,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,oBAAoB,uBAAuB,IAAI,GAAG,WAAW;AAAA,QAChF,CAAC,OAAO,IAAI,GAAG;AAAA,QACf,CAAC,OAAO,yBAAyB,GAAG,YAAY;AAAA,MAAA,CACnD;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,QACA,YAAY,CAAC,iDACT,QAAA,EAAK,WAAW,KAAK,OAAO,YAAY,GACrC,UAAA,oBAAC,0BAAA,EAAyB,WAAW,OAAO,WAAW,eAAY,QAAO,cAAc,GAAG,EAAA,CAC/F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,QAAQ;AAC3B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-K8SbMdcg.js";
 const IslandWidgetHeaderContent = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-K8SbMdcg.js";
 const IslandWidgetHeaderControls = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,26 +1,38 @@
 import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
-import { EFontType, ETextSize } from "../../Typography/enums.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-K8SbMdcg.js";
+import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
+import { IslandWidgetContext } from "../IslandWidgetContext.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+const SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP = {
+  [EComponentSize.SM]: ETextSize.B4,
+  [EComponentSize.MD]: ETextSize.B3,
+  [EComponentSize.LG]: ETextSize.B3
+};
 const IslandWidgetHeaderDescription = ({
   children,
   className,
   ...htmlDivAttributes
-}) => /* @__PURE__ */ jsx(
-  Text,
-  {
-    tag: "div",
-    size: ETextSize.B4,
-    type: EFontType.SECONDARY,
-    ...htmlDivAttributes,
-    className: clsx(styles.islandWidgetHeaderDescription, className),
-    children
-  }
-);
+}) => {
+  const { adaptive, size } = useContext(IslandWidgetContext);
+  const textSize = adaptive ? SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP[size] : ETextSize.B4;
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      tag: "div",
+      size: textSize,
+      type: EFontType.SECONDARY,
+      ...htmlDivAttributes,
+      className: clsx(styles.islandWidgetHeaderDescription, className),
+      children
+    }
+  );
+};
 IslandWidgetHeaderDescription.displayName = "IslandWidgetHeaderDescription";
 export {
   IslandWidgetHeaderDescription

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetHeaderDescription.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { Text, ETextSize, EFontType } from \"@sberbusiness/triplex-next/components/Typography\";\n\n/** Свойства компонента IslandWidgetHeaderDescription. */\ninterface IIslandWidgetHeaderDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetHeaderDescription: React.FC<IIslandWidgetHeaderDescriptionProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <Text\n        tag=\"div\"\n        size={ETextSize.B4}\n        type={EFontType.SECONDARY}\n        {...htmlDivAttributes}\n        className={clsx(styles.islandWidgetHeaderDescription, className)}\n    >\n        {children}\n    </Text>\n);\n\nIslandWidgetHeaderDescription.displayName = \"IslandWidgetHeaderDescription\";\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,gCAA+E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAI;AAAA,IACJ,MAAM,UAAU;AAAA,IAChB,MAAM,UAAU;AAAA,IACf,GAAG;AAAA,IACJ,WAAW,KAAK,OAAO,+BAA+B,SAAS;AAAA,IAE9D;AAAA,EAAA;AACL;AAGJ,8BAA8B,cAAc;"}
+{"version":3,"file":"IslandWidgetHeaderDescription.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderDescription.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { Text, ETextSize, EFontType } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\n\n/** Соответствие размера компонента размеру текста описания в адаптиве. На десктопе во всех размерах B4. */\nconst SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.SM]: ETextSize.B4,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.LG]: ETextSize.B3,\n};\n\n/** Свойства компонента IslandWidgetHeaderDescription. */\ninterface IIslandWidgetHeaderDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetHeaderDescription: React.FC<IIslandWidgetHeaderDescriptionProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => {\n    const { adaptive, size } = useContext(IslandWidgetContext);\n    const textSize = adaptive ? SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP[size] : ETextSize.B4;\n\n    return (\n        <Text\n            tag=\"div\"\n            size={textSize}\n            type={EFontType.SECONDARY}\n            {...htmlDivAttributes}\n            className={clsx(styles.islandWidgetHeaderDescription, className)}\n        >\n            {children}\n        </Text>\n    );\n};\n\nIslandWidgetHeaderDescription.displayName = \"IslandWidgetHeaderDescription\";\n"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,iCAAoE;AAAA,EACtE,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAKO,MAAM,gCAA+E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,UAAU,SAAS,WAAW,mBAAmB;AACzD,QAAM,WAAW,WAAW,+BAA+B,IAAI,IAAI,UAAU;AAE7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM,UAAU;AAAA,MACf,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,+BAA+B,SAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,8BAA8B,cAAc;"}

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DhLpsPi3.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-K8SbMdcg.js";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 const IslandWidgetHeaderTitle = ({
   children,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useState } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__eddb3c8e";
+const islandWidgetWrapper = "islandWidgetWrapper__1a69e726";
 const styles = {
   islandWidgetWrapper
 };

package/components/LightBox/LightBox.js

@@ -3,7 +3,7 @@ import { useRef, useState, useEffect } from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-D9EyEoR0.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-DDevHCAQ.js";
 import { LightBoxControls } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { addClassNameWithScrollbarWidth } from "../../utils/scroll/scrollbar.js";
@@ -15,10 +15,10 @@ import { LightBoxLeftSidebar } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
 import { LightBoxRightSidebar } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import { ELightBoxSize } from "./enums.js";
 const scrollStyles = {
-  "scroll-0": "scroll-0__3b90c288",
-  "scroll-15": "scroll-15__1e60f29e",
-  "scroll-16": "scroll-16__147bb9be",
-  "scroll-17": "scroll-17__2bd80b38"
+  "scroll-0": "scroll-0__014045d6",
+  "scroll-15": "scroll-15__444668a1",
+  "scroll-16": "scroll-16__291425a3",
+  "scroll-17": "scroll-17__6bfd35b4"
 };
 const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
 const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";
@@ -100,6 +100,7 @@ const LightBoxBase = ({
     styles.lightBox,
     styles[size],
     {
+      [styles.isLoading]: Boolean(isLoading),
       [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),
       [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened)
     },