@alfalab/core-components 48.6.0 → 48.8.0-beta.0

package/picker-button/typings-a9c8f92e.d.ts

@@ -6,13 +6,13 @@ import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
+import { ContentProps } from "./typings-4b7234ef";
+import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { Color } from "./colors-facf1d2a";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { Title, TitleProps } from "./index-03d088c4";
 import { TitleMobile, TitleMobileProps } from "./index-281accb7";
-import { ContentProps } from "./typings-4b7234ef";
-import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { FormControlProps } from "./index-c44170fe";
 import { PopoverProps } from "../popover";
 import { UseSelectWithApplyProps } from "./field/Component";
@@ -481,29 +481,6 @@ declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormC
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Выравнивание элементов футера
-     */
-    layout?: "start" | "center" | "space-between" | "column";
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-};
 interface ControlsProps {
     /**
      * Основной слот
@@ -528,6 +505,29 @@ interface ControlsProps {
      */
     gap?: 16 | 24 | 32;
 }
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-11f20b2e").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
@@ -692,7 +692,6 @@ declare enum SwipeDirection {
     Up = "Up",
     Down = "Down"
 }
-declare const Content: FC<ContentProps>;
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
@@ -1444,7 +1443,7 @@ type ClearButtonProps = {
      */
     dataTestId?: string;
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalContext, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalContext, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
 export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";

package/plate/components/base-plate/Component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var warning = require('../../warning-d964459d.js');
+var warning = require('../../warning-96e615c8.js');
 var hooks = require('@alfalab/hooks');
 var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var commonStyles = {"component":"plate__component_1kb29","foldable":"plate__foldable_1kb29","focused":"plate__focused_1kb29","inner":"plate__inner_1kb29","rounded":"plate__rounded_1kb29","noBorder":"plate__noBorder_1kb29","shadow":"plate__shadow_1kb29","common":"plate__common_1kb29","negative":"plate__negative_1kb29","positive":"plate__positive_1kb29","attention":"plate__attention_1kb29","custom":"plate__custom_1kb29","rect":"plate__rect_1kb29","isHidden":"plate__isHidden_1kb29","leftAddons":"plate__leftAddons_1kb29","rightAddons":"plate__rightAddons_1kb29","subAddons":"plate__subAddons_1kb29","rowReverse":"plate__rowReverse_1kb29","bold":"plate__bold_1kb29","light":"plate__light_1kb29","content":"plate__content_1kb29","isFolded":"plate__isFolded_1kb29","contentContainer":"plate__contentContainer_1kb29","withoutTitle":"plate__withoutTitle_1kb29","limitWidth":"plate__limitWidth_1kb29","description":"plate__description_1kb29","closer":"plate__closer_1kb29","folder":"plate__folder_1kb29","containerButton":"plate__containerButton_1kb29","button":"plate__button_1kb29","rowLimit1":"plate__rowLimit1_1kb29","rowLimit2":"plate__rowLimit2_1kb29","rowLimit3":"plate__rowLimit3_1kb29"};
+var commonStyles = {"component":"plate__component_ezysw","customBorder":"plate__customBorder_ezysw","foldable":"plate__foldable_ezysw","focused":"plate__focused_ezysw","inner":"plate__inner_ezysw","rounded":"plate__rounded_ezysw","noBorder":"plate__noBorder_ezysw","shadow":"plate__shadow_ezysw","common":"plate__common_ezysw","negative":"plate__negative_ezysw","positive":"plate__positive_ezysw","attention":"plate__attention_ezysw","custom":"plate__custom_ezysw","rect":"plate__rect_ezysw","isHidden":"plate__isHidden_ezysw","leftAddons":"plate__leftAddons_ezysw","rightAddons":"plate__rightAddons_ezysw","subAddons":"plate__subAddons_ezysw","rowReverse":"plate__rowReverse_ezysw","bold":"plate__bold_ezysw","light":"plate__light_ezysw","content":"plate__content_ezysw","isFolded":"plate__isFolded_ezysw","contentContainer":"plate__contentContainer_ezysw","withoutTitle":"plate__withoutTitle_ezysw","limitWidth":"plate__limitWidth_ezysw","description":"plate__description_ezysw","closer":"plate__closer_ezysw","folder":"plate__folder_ezysw","containerButton":"plate__containerButton_ezysw","button":"plate__button_ezysw","rowLimit1":"plate__rowLimit1_ezysw","rowLimit2":"plate__rowLimit2_ezysw","rowLimit3":"plate__rowLimit3_ezysw"};
 require('./index.css');
 
 /* eslint-disable complexity */
@@ -38,6 +38,7 @@ var BasePlate = React.forwardRef(function (_a, ref) {
     var hasSubAddons = !!subAddons && typeof subAddons !== 'boolean';
     var hasAnyAddons = leftAddons || subAddons || foldable || hasCloser;
     var rowLimitStyles = rowLimit && commonStyles["rowLimit".concat(rowLimit)];
+    var isCustomView = view === 'custom';
     var handleClick = React.useCallback(function (event) {
         var clickSimilarKeys = ['Enter', ' '].includes(event.key);
         if (event.type !== 'click' && !clickSimilarKeys) {
@@ -66,6 +67,23 @@ var BasePlate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
+    var setCustomViewColors = function () {
+        if (isCustomView) {
+            return {
+                background: background,
+                borderColor: borderColor,
+            };
+        }
+        return {};
+    };
+    var setCustomViewRectangleBorderColor = function () {
+        if (isCustomView && border && !rounded && borderColor) {
+            return {
+                boxShadow: "2px 0 0 0 ".concat(borderColor, " inset"),
+            };
+        }
+        return {};
+    };
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     React__default.default.createElement("div", { className: cn__default.default(commonStyles.component, commonStyles[view], (_b = {},
@@ -79,7 +97,8 @@ var BasePlate = React.forwardRef(function (_a, ref) {
             _b[commonStyles.noBorder] = !border,
             _b[commonStyles.shadow] = shadow,
             _b[styles.shadow] = shadow,
-            _b), className), style: tslib.__assign({}, (view === 'custom' && { background: background, borderColor: borderColor })), onClick: handleClick, onKeyDown: handleClick, role: 'alert', ref: mergeRefs__default.default([plateRef, ref]), 
+            _b[commonStyles.customBorder] = border && !rounded && isCustomView,
+            _b), className), style: tslib.__assign(tslib.__assign({}, setCustomViewColors()), setCustomViewRectangleBorderColor()), onClick: handleClick, onKeyDown: handleClick, role: 'alert', ref: mergeRefs__default.default([plateRef, ref]), 
         /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
         tabIndex: foldable ? 0 : -1, "data-test-id": dataTestId },
         React__default.default.createElement("div", { className: commonStyles.inner },

package/plate/components/base-plate/index.css

@@ -1,4 +1,4 @@
-/* hash: ru722 */
+/* hash: qvv3s */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
@@ -53,7 +53,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-light-neutral-translucent-700);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_1kb29 {
+} .plate__component_ezysw {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -62,28 +62,30 @@
     min-height: 56px;
     padding: var(--gap-12);
     outline: none
-} .plate__component_1kb29:before {
+} .plate__component_ezysw:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: var(--gap-0);
         left: var(--gap-0);
-    } .plate__foldable_1kb29 {
+    } .plate__component_ezysw.plate__customBorder_ezysw:before {
+        all: unset;
+    } .plate__foldable_ezysw {
     cursor: pointer;
-} .plate__component_1kb29 * {
+} .plate__component_ezysw * {
     box-sizing: border-box;
-} .plate__focused_1kb29 {
+} .plate__focused_ezysw {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_1kb29 {
+} .plate__inner_ezysw {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_1kb29:before, .plate__noBorder_1kb29:before {
+} .plate__rounded_ezysw:before, .plate__noBorder_ezysw:before {
         display: none;
-    } .plate__shadow_1kb29:after {
+    } .plate__shadow_ezysw:after {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -95,61 +97,61 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__common_1kb29 {
+} .plate__common_ezysw {
     background-color: var(--color-light-neutral-translucent-200);
     border: var(--plate-border-width) solid var(--color-light-neutral-translucent-700)
-} .plate__common_1kb29:before {
+} .plate__common_ezysw:before {
         background-color: var(--color-light-neutral-translucent-700);
-    } .plate__negative_1kb29 {
+    } .plate__negative_ezysw {
     background-color: var(--color-light-status-muted-negative);
     border: var(--plate-border-width) solid var(--color-light-status-negative)
-} .plate__negative_1kb29:before {
+} .plate__negative_ezysw:before {
         background-color: var(--color-light-status-negative);
-    } .plate__positive_1kb29 {
+    } .plate__positive_ezysw {
     background-color: var(--color-light-status-muted-positive);
     border: var(--plate-border-width) solid var(--color-light-status-positive)
-} .plate__positive_1kb29:before {
+} .plate__positive_ezysw:before {
         background-color: var(--color-light-status-positive);
-    } .plate__attention_1kb29 {
+    } .plate__attention_ezysw {
     background-color: var(--color-light-status-muted-attention);
     border: var(--plate-border-width) solid var(--color-light-status-attention)
-} .plate__attention_1kb29:before {
+} .plate__attention_ezysw:before {
         background-color: var(--color-light-status-attention);
-    } .plate__custom_1kb29 {
+    } .plate__custom_ezysw {
     background: var(--plate-background);
     border: var(--plate-border-width) solid var(--plate-border-color)
-} .plate__custom_1kb29:before {
+} .plate__custom_ezysw:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_1kb29,
-.plate__noBorder_1kb29 {
+    } .plate__rect_ezysw,
+.plate__noBorder_ezysw {
     border: none;
-} .plate__isHidden_1kb29 {
+} .plate__isHidden_ezysw {
     display: none;
-} .plate__leftAddons_1kb29,
-.plate__rightAddons_1kb29 {
+} .plate__leftAddons_ezysw,
+.plate__rightAddons_ezysw {
     display: inline-flex;
     padding: var(--gap-4);
-} .plate__leftAddons_1kb29 {
+} .plate__leftAddons_ezysw {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-4);
-} .plate__subAddons_1kb29 {
+} .plate__subAddons_ezysw {
     cursor: default;
     align-self: flex-start;
-} .plate__rowReverse_1kb29 {
+} .plate__rowReverse_ezysw {
     display: flex;
     flex-direction: row-reverse;
-} .plate__bold_1kb29,
-.plate__light_1kb29 {
+} .plate__bold_ezysw,
+.plate__light_ezysw {
     word-break: break-word;
-} .plate__light_1kb29 {
+} .plate__light_ezysw {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-12) 6px var(--gap-4);
-} .plate__foldable_1kb29 .plate__content_1kb29 {
+} .plate__foldable_ezysw .plate__content_ezysw {
     max-height: 300vh;
-} .plate__content_1kb29 {
+} .plate__content_ezysw {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -157,22 +159,22 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_1kb29.plate__isFolded_1kb29.plate__isFolded_1kb29 {
+} .plate__content_ezysw.plate__isFolded_ezysw.plate__isFolded_ezysw {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_1kb29 {
+    } .plate__contentContainer_ezysw {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_1kb29.plate__withoutTitle_1kb29 {
+} .plate__contentContainer_ezysw.plate__withoutTitle_ezysw {
         padding-top: var(--gap-2);
-    } .plate__limitWidth_1kb29 {
+    } .plate__limitWidth_ezysw {
     max-width: var(--plate-width-limit);
-} .plate__description_1kb29 {
+} .plate__description_ezysw {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .plate__closer_1kb29,
-.plate__folder_1kb29 {
+} .plate__closer_ezysw,
+.plate__folder_ezysw {
     display: block;
     height: 24px;
     width: 24px;
@@ -180,33 +182,33 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-12)
-} .plate__closer_1kb29:hover, .plate__folder_1kb29:hover {
+} .plate__closer_ezysw:hover, .plate__folder_ezysw:hover {
         opacity: 0.7;
-    } .plate__closer_1kb29:active, .plate__folder_1kb29:active {
+    } .plate__closer_ezysw:active, .plate__folder_ezysw:active {
         opacity: 0.5;
-    } .plate__folder_1kb29 {
+    } .plate__folder_ezysw {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_1kb29.plate__isFolded_1kb29 {
+} .plate__folder_ezysw.plate__isFolded_ezysw {
         transform: rotate(0deg);
-    } .plate__containerButton_1kb29 {
+    } .plate__containerButton_ezysw {
     display: flex;
-} .plate__subAddons_1kb29 .plate__button_1kb29:not(:first-child) {
+} .plate__subAddons_ezysw .plate__button_ezysw:not(:first-child) {
         margin-right: var(--gap-8);
-    } .plate__containerButton_1kb29 .plate__button_1kb29:not(:last-child) {
+    } .plate__containerButton_ezysw .plate__button_ezysw:not(:last-child) {
         margin-right: var(--gap-8);
-    } .plate__rowLimit1_1kb29 {
+    } .plate__rowLimit1_ezysw {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_1kb29 {
+} .plate__rowLimit2_ezysw {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_1kb29 {
+} .plate__rowLimit3_ezysw {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/plate/cssm/components/base-plate/Component.js

@@ -37,6 +37,7 @@ var BasePlate = React.forwardRef(function (_a, ref) {
     var hasSubAddons = !!subAddons && typeof subAddons !== 'boolean';
     var hasAnyAddons = leftAddons || subAddons || foldable || hasCloser;
     var rowLimitStyles = rowLimit && commonStyles__default.default["rowLimit".concat(rowLimit)];
+    var isCustomView = view === 'custom';
     var handleClick = React.useCallback(function (event) {
         var clickSimilarKeys = ['Enter', ' '].includes(event.key);
         if (event.type !== 'click' && !clickSimilarKeys) {
@@ -65,6 +66,23 @@ var BasePlate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
+    var setCustomViewColors = function () {
+        if (isCustomView) {
+            return {
+                background: background,
+                borderColor: borderColor,
+            };
+        }
+        return {};
+    };
+    var setCustomViewRectangleBorderColor = function () {
+        if (isCustomView && border && !rounded && borderColor) {
+            return {
+                boxShadow: "2px 0 0 0 ".concat(borderColor, " inset"),
+            };
+        }
+        return {};
+    };
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.component, commonStyles__default.default[view], (_b = {},
@@ -78,7 +96,8 @@ var BasePlate = React.forwardRef(function (_a, ref) {
             _b[commonStyles__default.default.noBorder] = !border,
             _b[commonStyles__default.default.shadow] = shadow,
             _b[styles.shadow] = shadow,
-            _b), className), style: tslib.__assign({}, (view === 'custom' && { background: background, borderColor: borderColor })), onClick: handleClick, onKeyDown: handleClick, role: 'alert', ref: mergeRefs__default.default([plateRef, ref]), 
+            _b[commonStyles__default.default.customBorder] = border && !rounded && isCustomView,
+            _b), className), style: tslib.__assign(tslib.__assign({}, setCustomViewColors()), setCustomViewRectangleBorderColor()), onClick: handleClick, onKeyDown: handleClick, role: 'alert', ref: mergeRefs__default.default([plateRef, ref]), 
         /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
         tabIndex: foldable ? 0 : -1, "data-test-id": dataTestId },
         React__default.default.createElement("div", { className: commonStyles__default.default.inner },

package/plate/cssm/components/base-plate/index.module.css

@@ -68,6 +68,8 @@
         height: 100%;
         top: var(--gap-0);
         left: var(--gap-0);
+    } .component.customBorder:before {
+        all: unset;
     } .foldable {
     cursor: pointer;
 } .component * {

package/plate/desktop/Component.desktop.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"bold":"plate__bold_1zf48","description":"plate__description_1zf48","footer":"plate__footer_1zf48","rounded":"plate__rounded_1zf48","shadow":"plate__shadow_1zf48"};
+var styles = {"bold":"plate__bold_14k1n","description":"plate__description_14k1n","footer":"plate__footer_14k1n","rounded":"plate__rounded_14k1n","shadow":"plate__shadow_14k1n"};
 require('./desktop.css');
 
 var PlateDesktop = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_basePlate_Component.BasePlate, tslib.__assign({}, restProps, { styles: styles, ref: ref }))); });

package/plate/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 114qi */
+/* hash: 2lmew */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,17 +30,17 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --plate-rounded-border-radius-desktop: var(--border-radius-12);
     --plate-rounded-shadow-border-radius-desktop: var(--border-radius-12);
-} .plate__bold_1zf48 {
+} .plate__bold_14k1n {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-12) 5px var(--gap-4);
-} .plate__description_1zf48 {
+} .plate__description_14k1n {
     padding: var(--gap-0) var(--gap-12) var(--gap-4) var(--gap-4);
-} .plate__footer_1zf48 {
+} .plate__footer_14k1n {
     padding: var(--gap-8) var(--gap-0) var(--gap-4) var(--gap-4);
-} .plate__rounded_1zf48 {
+} .plate__rounded_14k1n {
     border-radius: var(--plate-rounded-border-radius-desktop)
-} .plate__rounded_1zf48.plate__shadow_1zf48:after {
+} .plate__rounded_14k1n.plate__shadow_14k1n:after {
         border-radius: var(--plate-rounded-shadow-border-radius-desktop);
     }

package/plate/esm/Component.responsive.js

@@ -7,7 +7,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/esm';
-import './warning-65916a73.js';
+import './warning-4d2c022b.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/esm/components/base-plate/Component.js

@@ -3,13 +3,13 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
-import { g as getDataTestId } from '../../warning-65916a73.js';
+import { g as getDataTestId } from '../../warning-4d2c022b.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { ButtonList } from '../button-list/component.js';
 
-var commonStyles = {"component":"plate__component_1kb29","foldable":"plate__foldable_1kb29","focused":"plate__focused_1kb29","inner":"plate__inner_1kb29","rounded":"plate__rounded_1kb29","noBorder":"plate__noBorder_1kb29","shadow":"plate__shadow_1kb29","common":"plate__common_1kb29","negative":"plate__negative_1kb29","positive":"plate__positive_1kb29","attention":"plate__attention_1kb29","custom":"plate__custom_1kb29","rect":"plate__rect_1kb29","isHidden":"plate__isHidden_1kb29","leftAddons":"plate__leftAddons_1kb29","rightAddons":"plate__rightAddons_1kb29","subAddons":"plate__subAddons_1kb29","rowReverse":"plate__rowReverse_1kb29","bold":"plate__bold_1kb29","light":"plate__light_1kb29","content":"plate__content_1kb29","isFolded":"plate__isFolded_1kb29","contentContainer":"plate__contentContainer_1kb29","withoutTitle":"plate__withoutTitle_1kb29","limitWidth":"plate__limitWidth_1kb29","description":"plate__description_1kb29","closer":"plate__closer_1kb29","folder":"plate__folder_1kb29","containerButton":"plate__containerButton_1kb29","button":"plate__button_1kb29","rowLimit1":"plate__rowLimit1_1kb29","rowLimit2":"plate__rowLimit2_1kb29","rowLimit3":"plate__rowLimit3_1kb29"};
+var commonStyles = {"component":"plate__component_ezysw","customBorder":"plate__customBorder_ezysw","foldable":"plate__foldable_ezysw","focused":"plate__focused_ezysw","inner":"plate__inner_ezysw","rounded":"plate__rounded_ezysw","noBorder":"plate__noBorder_ezysw","shadow":"plate__shadow_ezysw","common":"plate__common_ezysw","negative":"plate__negative_ezysw","positive":"plate__positive_ezysw","attention":"plate__attention_ezysw","custom":"plate__custom_ezysw","rect":"plate__rect_ezysw","isHidden":"plate__isHidden_ezysw","leftAddons":"plate__leftAddons_ezysw","rightAddons":"plate__rightAddons_ezysw","subAddons":"plate__subAddons_ezysw","rowReverse":"plate__rowReverse_ezysw","bold":"plate__bold_ezysw","light":"plate__light_ezysw","content":"plate__content_ezysw","isFolded":"plate__isFolded_ezysw","contentContainer":"plate__contentContainer_ezysw","withoutTitle":"plate__withoutTitle_ezysw","limitWidth":"plate__limitWidth_ezysw","description":"plate__description_ezysw","closer":"plate__closer_ezysw","folder":"plate__folder_ezysw","containerButton":"plate__containerButton_ezysw","button":"plate__button_ezysw","rowLimit1":"plate__rowLimit1_ezysw","rowLimit2":"plate__rowLimit2_ezysw","rowLimit3":"plate__rowLimit3_ezysw"};
 require('./index.css');
 
 /* eslint-disable complexity */
@@ -30,6 +30,7 @@ var BasePlate = forwardRef(function (_a, ref) {
     var hasSubAddons = !!subAddons && typeof subAddons !== 'boolean';
     var hasAnyAddons = leftAddons || subAddons || foldable || hasCloser;
     var rowLimitStyles = rowLimit && commonStyles["rowLimit".concat(rowLimit)];
+    var isCustomView = view === 'custom';
     var handleClick = useCallback(function (event) {
         var clickSimilarKeys = ['Enter', ' '].includes(event.key);
         if (event.type !== 'click' && !clickSimilarKeys) {
@@ -58,6 +59,23 @@ var BasePlate = forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
+    var setCustomViewColors = function () {
+        if (isCustomView) {
+            return {
+                background: background,
+                borderColor: borderColor,
+            };
+        }
+        return {};
+    };
+    var setCustomViewRectangleBorderColor = function () {
+        if (isCustomView && border && !rounded && borderColor) {
+            return {
+                boxShadow: "2px 0 0 0 ".concat(borderColor, " inset"),
+            };
+        }
+        return {};
+    };
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     React.createElement("div", { className: cn(commonStyles.component, commonStyles[view], (_b = {},
@@ -71,7 +89,8 @@ var BasePlate = forwardRef(function (_a, ref) {
             _b[commonStyles.noBorder] = !border,
             _b[commonStyles.shadow] = shadow,
             _b[styles.shadow] = shadow,
-            _b), className), style: __assign({}, (view === 'custom' && { background: background, borderColor: borderColor })), onClick: handleClick, onKeyDown: handleClick, role: 'alert', ref: mergeRefs([plateRef, ref]), 
+            _b[commonStyles.customBorder] = border && !rounded && isCustomView,
+            _b), className), style: __assign(__assign({}, setCustomViewColors()), setCustomViewRectangleBorderColor()), onClick: handleClick, onKeyDown: handleClick, role: 'alert', ref: mergeRefs([plateRef, ref]), 
         /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
         tabIndex: foldable ? 0 : -1, "data-test-id": dataTestId },
         React.createElement("div", { className: commonStyles.inner },