@salutejs/plasma-new-hope 0.67.1-canary.1154.8466220068.0 → 0.67.1-dev.0

package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.stories.tsx

@@ -72,18 +72,12 @@ const PaginationContent = (agrs) => {
     const [pageValue, setPageValue] = useState(agrs.value);
     const [perPageValue, setPerPageValue] = useState(agrs.perPage);
 
-    const handleChangePage = useCallback(
-        (page: number) => {
-            setPageValue(page);
-        },
-        [pageValue, setPageValue],
-    );
-
-    const handleChangePerpage = useCallback(
-        (perPage: number) => {
+    const handleChange = useCallback(
+        (page: number, perPage: number) => {
             setPerPageValue(perPage);
+            setPageValue(page);
         },
-        [perPageValue, setPerPageValue],
+        [pageValue, perPageValue, setPageValue, setPerPageValue],
     );
 
     return (
@@ -110,8 +104,7 @@ const PaginationContent = (agrs) => {
                         Next
                     </Button>
                 }
-                onChangePageValue={handleChangePage}
-                onChangePerPageValue={handleChangePerpage}
+                onChangeValue={handleChange}
             />
         </>
     );

package/styled-components/es/components/Dropdown/Dropdown.js

@@ -62,6 +62,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
       placement: getPlacements(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
+      closeOnBeyondTargetHover: false,
       closeOnEsc: closeOnEsc,
       isFocusTrapped: isFocusTrapped,
       frame: frame
@@ -86,7 +87,7 @@ export var dropdownConfig = {
     }
   },
   defaults: {
-    view: 'primary',
+    view: 'default',
     size: 'm'
   }
 };

package/styled-components/es/components/Pagination/Pagination.js

@@ -58,7 +58,7 @@ export var paginationRoot = function paginationRoot(Root) {
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = useState(1),
+    var _useState = useState(value !== null && value !== void 0 ? value : defaultValues.value),
       _useState2 = _slicedToArray(_useState, 2),
       page = _useState2[0],
       setPageValue = _useState2[1];
@@ -100,8 +100,9 @@ export var paginationRoot = function paginationRoot(Root) {
       onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(newPageValue);
     };
     var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
-      handlerSetPage(1);
+      setPageValue(1);
       setPerPageValue(newPerPageValue);
+      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(1);
       onChangePerPageValue === null || onChangePerPageValue === void 0 ? void 0 : onChangePerPageValue(newPerPageValue);
       handlerSetPages(newPerPageValue);
     };
@@ -110,14 +111,10 @@ export var paginationRoot = function paginationRoot(Root) {
     };
     useEffect(function () {
       handlerSetPages(perPage);
-    }, [perPage, count]);
-    useEffect(function () {
-      handlerSetPage(value !== null && value !== void 0 ? value : defaultValues.value);
-    }, [value, setPageValue]);
+    }, [perPage, handlerSetPages]);
     useEffect(function () {
       setSections(getSections(page, pages, slots));
     }, [page, slots, pages, setSections, getSections]);
-    console.log(value, page);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       view: view,

package/styled-components/es/components/Popover/Popover.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnOverlayClick", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
+var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -30,33 +30,41 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
  * и вызова по клику либо ховеру.
  */
 export var popoverRoot = function popoverRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
-    var target = _ref.target,
-      children = _ref.children,
-      isOpen = _ref.isOpen,
-      trigger = _ref.trigger,
-      hasArrow = _ref.hasArrow,
-      _ref$frame = _ref.frame,
-      frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-      className = _ref.className,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
-      zIndex = _ref.zIndex,
-      _ref$isFocusTrapped = _ref.isFocusTrapped,
-      isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
-      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
-      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
-      _ref$closeOnEsc = _ref.closeOnEsc,
-      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
-      _ref$preventOverflow = _ref.preventOverflow,
-      preventOverflow = _ref$preventOverflow === void 0 ? true : _ref$preventOverflow,
-      _ref$usePortal = _ref.usePortal,
-      usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
-      view = _ref.view,
-      onToggle = _ref.onToggle,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
+    var _placement$;
+    var target = props.target,
+      children = props.children,
+      isOpen = props.isOpen,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+      hasArrow = props.hasArrow,
+      _props$frame = props.frame,
+      frame = _props$frame === void 0 ? 'document' : _props$frame,
+      className = props.className,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'auto' : _props$placement,
+      _props$offset = props.offset,
+      offset = _props$offset === void 0 ? [0, 0] : _props$offset,
+      zIndex = props.zIndex,
+      _props$isFocusTrapped = props.isFocusTrapped,
+      isFocusTrapped = _props$isFocusTrapped === void 0 ? true : _props$isFocusTrapped,
+      _props$closeOnEsc = props.closeOnEsc,
+      closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,
+      _props$preventOverflo = props.preventOverflow,
+      preventOverflow = _props$preventOverflo === void 0 ? true : _props$preventOverflo,
+      _props$usePortal = props.usePortal,
+      usePortal = _props$usePortal === void 0 ? false : _props$usePortal,
+      view = props.view,
+      onToggle = props.onToggle,
+      rest = _objectWithoutProperties(props, _excluded);
+    var closeOnOverlayClick = true;
+    var closeOnBeyondTargetHover = true;
+    if (props.trigger === 'click' && props.closeOnOverlayClick === false) {
+      closeOnOverlayClick = false;
+    }
+    if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {
+      closeOnBeyondTargetHover = false;
+    }
     var rootRef = useRef(null);
     var popoverRef = useRef(null);
     var handleRef = useForkRef(rootRef, outerRootRef);
@@ -77,7 +85,9 @@ export var popoverRoot = function popoverRoot(Root) {
       opacity: isOpen ? 1 : 0
     };
     var _usePopper = usePopper(rootRef.current, popoverRef.current, {
-        placement: isAutoArray ? 'auto' : placement,
+        // TODO: #1121
+        // eslint-disable-next-line no-nested-ternary
+        placement: isAutoArray ? (_placement$ = placement[0]) !== null && _placement$ !== void 0 && _placement$.endsWith('start') ? 'auto-start' : 'auto' : placement,
         modifiers: [{
           name: 'preventOverflow',
           options: {
@@ -213,10 +223,15 @@ export var popoverRoot = function popoverRoot(Root) {
     }, target), children && portalRef.current && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       className: className
-    }, rest), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
+    }, rest, {
+      onMouseEnter: closeOnBeyondTargetHover ? undefined : onMouseEnter,
+      onMouseLeave: closeOnBeyondTargetHover ? undefined : onMouseEnter
+    }), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
       className: classes.root,
       ref: popoverForkRef,
-      style: _objectSpread(_objectSpread({}, styles.popper), initialStyles),
+      style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), {
+        display: isOpen ? 'block' : 'none'
+      }), initialStyles),
       zIndex: zIndex
     }), hasArrow && /*#__PURE__*/React.createElement(StyledArrow, _extends({
       className: classes.arrow,

package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx

@@ -51,7 +51,7 @@ const meta: Meta<StoryDropdownProps> = {
         closeOnEsc: true,
         isFocusTrapped: true,
         skidding: 0,
-        distance: 6,
+        distance: 0,
     },
 };
 

package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx

@@ -51,7 +51,7 @@ const meta: Meta<StoryDropdownProps> = {
         closeOnEsc: true,
         isFocusTrapped: true,
         skidding: 0,
-        distance: 6,
+        distance: 0,
     },
 };
 

package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx

@@ -71,18 +71,12 @@ const PaginationContent = (agrs) => {
     const [pageValue, setPageValue] = useState(agrs.value);
     const [perPageValue, setPerPageValue] = useState(agrs.perPage);
 
-    const handleChangePage = useCallback(
-        (page: number) => {
-            setPageValue(page);
-        },
-        [pageValue, setPageValue],
-    );
-
-    const handleChangePerpage = useCallback(
-        (perPage: number) => {
+    const handleChange = useCallback(
+        (page: number, perPage: number) => {
             setPerPageValue(perPage);
+            setPageValue(page);
         },
-        [perPageValue, setPerPageValue],
+        [pageValue, perPageValue, setPageValue, setPerPageValue],
     );
 
     return (
@@ -109,8 +103,7 @@ const PaginationContent = (agrs) => {
                         Next
                     </Button>
                 }
-                onChangePageValue={handleChangePage}
-                onChangePerPageValue={handleChangePerpage}
+                onChangeValue={handleChange}
             />
         </>
     );

package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx

@@ -33,6 +33,12 @@ const meta: Meta<typeof Popover> = {
             },
             table: { defaultValue: { summary: true } },
         },
+        closeOnBeyondTargetHover: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
         closeOnEsc: {
             control: {
                 type: 'boolean',
@@ -62,6 +68,7 @@ const meta: Meta<typeof Popover> = {
         placement: 'bottom',
         trigger: 'click',
         closeOnOverlayClick: true,
+        closeOnBeyondTargetHover: true,
         closeOnEsc: true,
         isFocusTrapped: true,
         skidding: 0,

package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx

@@ -51,7 +51,7 @@ const meta: Meta<StoryDropdownProps> = {
         closeOnEsc: true,
         isFocusTrapped: true,
         skidding: 0,
-        distance: 6,
+        distance: 0,
     },
 };
 

package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx

@@ -51,7 +51,7 @@ const meta: Meta<StoryDropdownProps> = {
         closeOnEsc: true,
         isFocusTrapped: true,
         skidding: 0,
-        distance: 6,
+        distance: 0,
     },
 };
 

package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.stories.tsx

@@ -72,18 +72,12 @@ const PaginationContent = (agrs) => {
     const [pageValue, setPageValue] = useState(agrs.value);
     const [perPageValue, setPerPageValue] = useState(agrs.perPage);
 
-    const handleChangePage = useCallback(
-        (page: number) => {
-            setPageValue(page);
-        },
-        [pageValue, setPageValue],
-    );
-
-    const handleChangePerpage = useCallback(
-        (perPage: number) => {
+    const handleChange = useCallback(
+        (page: number, perPage: number) => {
             setPerPageValue(perPage);
+            setPageValue(page);
         },
-        [perPageValue, setPerPageValue],
+        [pageValue, perPageValue, setPageValue, setPerPageValue],
     );
 
     return (
@@ -110,8 +104,7 @@ const PaginationContent = (agrs) => {
                         Next
                     </Button>
                 }
-                onChangePageValue={handleChangePage}
-                onChangePerPageValue={handleChangePerpage}
+                onChangeValue={handleChange}
             />
         </>
     );

package/types/components/Combobox/Combobox.styles.d.ts

@@ -3,11 +3,17 @@ export declare const StyledRoot: import("@linaria/react").StyledComponent<import
 export declare const StyledCombobox: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledPopover: import("@linaria/react").StyledComponent<{
     selectWidth?: number | undefined;
-} & import("../../engines/types").PropsType<{
+} & (import("../../engines/types").PropsType<{
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>)))>;
 export declare const ComboboxItemNotFound: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
 //# sourceMappingURL=Combobox.styles.d.ts.map

package/types/components/Combobox/Combobox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;4JAMzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAUhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAY9B,CAAC"}
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAMzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAUhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAY9B,CAAC"}

package/types/components/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA6DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA/DQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAgF1E,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA8DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAhEQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAiF1E,CAAC"}

package/types/components/Dropdown/Dropdown.styles.d.ts

@@ -3,6 +3,12 @@ export declare const StyledPopover: import("@linaria/react").StyledMeta & import
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const StyledDropdown: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=Dropdown.styles.d.ts.map

package/types/components/Dropdown/Dropdown.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;4JAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}
+{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;;;;;;;oDAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}

package/types/components/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAS1D,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC,2FAqK1E,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAvKQ,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;CA2L9E,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAS1D,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC,2FAiK1E,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAnKQ,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;CAuL9E,CAAC"}

package/types/components/Popover/Popover.d.ts

@@ -7,11 +7,11 @@ export declare const POPOVER_PORTAL_ID = "plasma-popover-root";
  * Всплывающее окно с возможностью позиционирования
  * и вызова по клику либо ховеру.
  */
-export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").CustomPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 export declare const popoverConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").CustomPopoverProps & React.RefAttributes<HTMLDivElement>>;
+    layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
     base: string;
     variations: {
         view: {

package/types/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JAgPpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAlPQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA+PxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,wFAsQnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAxQQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAqRxE,CAAC"}

package/types/components/Popover/Popover.types.d.ts

@@ -1,6 +1,5 @@
 import { Placement, ComputedPlacement } from '@popperjs/core';
 import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
-export declare type PopoverTrigger = 'hover' | 'click';
 export declare type PopoverPlacementBasic = ComputedPlacement;
 export declare type PopoverPlacement = Placement;
 export declare type CustomPopoverProps = {
@@ -8,12 +7,6 @@ export declare type CustomPopoverProps = {
      * Всплывающее окно раскрыто или нет.
      */
     isOpen?: boolean;
-    /**
-     * Способ открытия всплывающего окна - наведение или клик мышью.
-     * @default
-     *  click
-     */
-    trigger?: PopoverTrigger;
     /**
      * Сторона открытия окна относительно target элемента.
      * @default
@@ -60,12 +53,6 @@ export declare type CustomPopoverProps = {
      * Событие сворачивания/разворачивания всплывающего окна.
      */
     onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
-    /**
-     * Закрывать окно при нажатии вне области окна.
-     * @default
-     * true
-     */
-    closeOnOverlayClick?: boolean;
     /**
      * Закрывать окно при нажатии ESC.
      * @default
@@ -80,5 +67,23 @@ export declare type CustomPopoverProps = {
     usePortal?: boolean;
     view?: string;
 };
-export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps;
+export declare type PopoverTrigger = {
+    /**
+     * Способ открытия всплывающего окна - наведение или клик мышью.
+     * @default
+     *  click
+     */
+    trigger?: 'click';
+    /**
+     * Закрывать окно при нажатии вне области окна. (Если trigger === 'click')
+     */
+    closeOnOverlayClick?: boolean;
+} | {
+    trigger?: 'hover';
+    /**
+     * Закрывать окно при наведении вне области target-элемента. (Если trigger === 'hover')
+     */
+    closeOnBeyondTargetHover?: boolean;
+};
+export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps & PopoverTrigger;
 //# sourceMappingURL=Popover.types.d.ts.map

package/types/components/Popover/Popover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;AACtD,oBAAY,gBAAgB,GAAG,SAAS,CAAC;AAEzC,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;AACtD,oBAAY,gBAAgB,GAAG,SAAS,CAAC;AAEzC,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,cAAc,GACpB;IACI;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC,GACD;IACI,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAER,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,GAAG,cAAc,CAAC"}

package/types/components/Select/Select.styles.d.ts

@@ -3,10 +3,16 @@ export declare const StyledRoot: import("@linaria/react").StyledComponent<import
 export declare const StyledSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledPopover: import("@linaria/react").StyledComponent<{
     selectWidth?: number | undefined;
-} & import("../../engines/types").PropsType<{
+} & (import("../../engines/types").PropsType<{
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>)))>;
 export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
 //# sourceMappingURL=Select.styles.d.ts.map

package/types/components/Select/Select.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;4JAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAwB9B,CAAC"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAwB9B,CAAC"}

package/types/examples/plasma_b2c/components/Popover/Popover.d.ts

@@ -4,5 +4,11 @@ export declare const Popover: import("react").FunctionComponent<import("../../..
     view: {
         default: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
 //# sourceMappingURL=Popover.d.ts.map

package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;gLAA0B,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;;;;;;;oDAA0B,CAAC"}

package/types/examples/plasma_web/components/Popover/Popover.d.ts

@@ -4,5 +4,11 @@ export declare const Popover: import("react").FunctionComponent<import("../../..
     view: {
         default: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
 //# sourceMappingURL=Popover.d.ts.map

package/types/examples/plasma_web/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;gLAA0B,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;;;;;;;oDAA0B,CAAC"}

package/types/examples/sds_engineer/components/Popover/Popover.d.ts

@@ -4,5 +4,11 @@ export declare const Popover: import("react").FunctionComponent<import("../../..
     view: {
         default: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
 //# sourceMappingURL=Popover.d.ts.map

package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;gLAA0B,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Popover/Popover.ts"],"names":[],"mappings":";AAKA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlF,eAAO,MAAM,OAAO;;;;;;;;;;oDAA0B,CAAC"}