@amboss/design-system 3.0.1 → 3.0.2

package/build/esm/components/Toggletip/BasePopover.js

@@ -1 +1 @@
-import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import{TooltipContent}from"../Tooltip/TooltipContent";import{Sheet}from"../Sheet/Sheet";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import breakpoints from"../../web-tokens/_breakpoints.json";let StyledContainer=/*#__PURE__*/styled("div",{target:"e1doanwf0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB7IFRvb2x0aXBDb250ZW50IH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcENvbmRpdGlvbmFsUHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC90eXBlc1wiO1xuaW1wb3J0IHsgU2hlZXQgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuPiAmIHtcbiAgbmFtZT86IHN0cmluZztcbiAgLyoqICBQb3BvdmVyIGNvbnRlbnQgKi9cbiAgY29udGVudDogUmVhY3RFbGVtZW50O1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqICBQcm9ncmFtbWF0aWNhbGx5IHRvZ2dsZSBQb3BvdmVyIHZpc2liaWxpdHkgd2l0aCB0aGlzIHByb3AgKi9cbiAgaXNWaXNpYmxlPzogYm9vbGVhbjtcbiAgLyoqICBDYWxsZWQgd2hlbiB0b29sdGlwIGFwcGVhcnMgYW5kIGRpc2FwcGVhcnMgKi9cbiAgb25WaXNpYmlsaXR5Q2hhbmdlPzogKGlzVmlzaWJsZTogYm9vbGVhbiwgcmVhc29uOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKiAgQ29udHJvbHMgd2hldGhlciBCYXNlUG9wb3ZlciAgY2xvc2VzIG9uIG91dHNpZGUgY2xpY2sgKi9cbiAgZGlzbWlzc09uT3V0c2lkZUNsaWNrPzogYm9vbGVhbjtcbiAgLyoqICBPcHRpb24gZm9yIGZvY3VzLXRyYXAsIGNvbnRyb2xzIHdoZXRoZXIgdGhlIGZpcnN0IGZvY3VhYmxlIGl0ZW0gcmVjaWV2ZXMgZm9jdXMgKi9cbiAgZGlzYWJsZUluaXRpYWxGb2N1cz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSB0cmlnZ2VyIHNob3VsZCByZWNlaXZlIGJhY2sgdGhlIGZvY3VzIG9uIHBvcG92ZXIgY2xvc2UgKi9cbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPzogYm9vbGVhbjtcbiAgLyoqICBSZW5kZXIgYXMgc2hlZXQgb24gbW9iaWxlIHdlYiAqL1xuICByZW5kZXJBc1NoZWV0T25Nb2JpbGU/OiBib29sZWFuO1xufTtcblxuZXhwb3J0IHR5cGUgQmFzZVBvcG92ZXJQcm9wcyA9IEJhc2VQcm9wcyAmIFRvb2x0aXBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG59KSk7XG5cbmNvbnN0IEZvY3VzVHJhcENvbnRlbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW48dW5rbm93bj5cbj4oKHsgY2hpbGRyZW4gfSwgcmVmKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgcmVmPXtyZWZ9PntjaGlsZHJlbn08L1N0eWxlZENvbnRhaW5lcj5cbikpO1xuXG5jb25zdCBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uID0ge1xuICB0cmlnZ2VyQ2xpY2s6IFwidHJpZ2dlckNsaWNrXCIsXG4gIG91dHNpZGVDbGljazogXCJvdXRzaWRlQ2xpY2tcIixcbn07XG5cbmZ1bmN0aW9uIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlOiBib29sZWFuKSB7XG4gIHJldHVybiAoXG4gICAgISF3aW5kb3cgJiZcbiAgICByZW5kZXJBc1NoZWV0T25Nb2JpbGUgJiZcbiAgICB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWVcbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEJhc2VQb3BvdmVyKHtcbiAgcGxhY2VtZW50ID0gXCJhdXRvXCIsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBjb250ZW50UGFkZGluZyA9IFwibVwiLFxuICBtYXhXaWR0aCxcbiAgZXh0ZXJuYWxUcmlnZ2VyUmVmLFxuICBwb3J0YWxDb250YWluZXIsXG4gIG5hbWUgPSBcIlBvcG92ZXJcIixcbiAgaXNWaXNpYmxlOiBpc1BvcG92ZXJWaXNpYmxlLFxuICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgPSB0cnVlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgc3ViVGhlbWUsXG4gIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudCxcbiAgb25WaXNpYmlsaXR5Q2hhbmdlLFxuICBkaXNhYmxlSW5pdGlhbEZvY3VzID0gZmFsc2UsXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlciA9IGZhbHNlLFxuICByZW5kZXJBc1NoZWV0T25Nb2JpbGUgPSBmYWxzZSxcbiAgLi4ucmVzdENvbnRlbnRQcm9wc1xufTogQmFzZVBvcG92ZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRvb2x0aXBJZCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gYERTJHtuYW1lfV8ke01hdGguZmxvb3IoRGF0ZS5ub3coKSAqIE1hdGgucmFuZG9tKCkpfWAsXG4gICAgW25hbWVdXG4gICk7XG4gIGNvbnN0IFtpc1Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoaXNQb3BvdmVyVmlzaWJsZSk7XG4gIGNvbnN0IFtpc01vYmlsZUJyZWFrUG9pbnQsIHNldElzTW9iaWxlQnJlYWtwb2ludF0gPSB1c2VTdGF0ZShcbiAgICBnZXRNb2JpbGVCcmVha3BvaW50KHJlbmRlckFzU2hlZXRPbk1vYmlsZSlcbiAgKTtcbiAgY29uc3QgaW50ZXJuYWxUcmlnZ2VyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAodHJpZ2dlclJlZi5jdXJyZW50LmNvbnRhaW5zKGV2dC50YXJnZXQpKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9LFxuICAgIFt0cmlnZ2VyUmVmLCBpc091dHNpZGVDbGlja09uVHJpZ2dlcl1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVQb3N0RGVhY3RpdmF0ZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBjb25zdCByZWFzb24gPSBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50XG4gICAgICA/IFZpc2liaWxpdHlDaGFuZ2VSZWFzb24udHJpZ2dlckNsaWNrXG4gICAgICA6IFZpc2liaWxpdHlDaGFuZ2VSZWFzb24ub3V0c2lkZUNsaWNrO1xuXG4gICAgdG9nZ2xlVmlzaWJpbGl0eShmYWxzZSwgcmVhc29uKTtcbiAgfSwgW3RvZ2dsZVZpc2liaWxpdHldKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFZpc2libGUoaXNQb3BvdmVyVmlzaWJsZSk7XG4gIH0sIFtpc1BvcG92ZXJWaXNpYmxlXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBDaGVjayBpZiB0aGlzIGlzIGEgbW9iaWxlIGJyZWFrcG9pbnRcbiAgICBzZXRJc01vYmlsZUJyZWFrcG9pbnQoZ2V0TW9iaWxlQnJlYWtwb2ludChyZW5kZXJBc1NoZWV0T25Nb2JpbGUpKTtcbiAgfSwgW2lzVmlzaWJsZSwgcmVuZGVyQXNTaGVldE9uTW9iaWxlXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgdHJpZ2dlcjogSFRNTEVsZW1lbnQ7XG5cbiAgICBpZiAoZXh0ZXJuYWxUcmlnZ2VyUmVmPy5jdXJyZW50ICYmICFjaGlsZHJlbikge1xuICAgICAgdHJpZ2dlciA9IGV4dGVybmFsVHJpZ2dlclJlZi5jdXJyZW50O1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcInRhYmluZGV4XCIsIFwiMFwiKTtcbiAgICAgIHRyaWdnZXIuYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmICh0cmlnZ2VyKSB7XG4gICAgICAgIHRyaWdnZXIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2V4dGVybmFsVHJpZ2dlclJlZiwgY2hpbGRyZW4sIGhhbmRsZVRyaWdnZXJDbGlja10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcblxuICAgICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtZXhwYW5kZWRcIiwgdHJ1ZSk7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiLCB0b29sdGlwSWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIpO1xuICAgICAgICB0cmlnZ2VyLnJlbW92ZUF0dHJpYnV0ZShcImFyaWEtY29udHJvbHNcIik7XG4gICAgICB9XG4gICAgfVxuICB9LCBbZXh0ZXJuYWxUcmlnZ2VyUmVmLCBjaGlsZHJlbiwgdG9vbHRpcElkLCBpc1Zpc2libGVdKTtcblxuICBjb25zdCB0cmlnZ2VyRWxtID0gY2hpbGRyZW5cbiAgICA/IFJlYWN0LmNsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICByZWY6IHRyaWdnZXJSZWYsXG4gICAgICAgIC4uLihpc1Zpc2libGUgJiYge1xuICAgICAgICAgIFwiYXJpYS1leHBhbmRlZFwiOiB0cnVlLFxuICAgICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiB0b29sdGlwSWQsXG4gICAgICAgIH0pLFxuICAgICAgICB0YWJJbmRleDogMCxcbiAgICAgICAgb25DbGljazogKGV2dDogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgIGhhbmRsZVRyaWdnZXJDbGljaygpO1xuICAgICAgICAgIGlmIChjaGlsZHJlbi5wcm9wcy5vbkNsaWNrKSB7XG4gICAgICAgICAgICBjaGlsZHJlbi5wcm9wcy5vbkNsaWNrKGV2dCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgfSlcbiAgICA6IG51bGw7XG5cbiAgaWYgKGlzTW9iaWxlQnJlYWtQb2ludCkge1xuICAgIC8vIHJlbmRlciBhcyBTaGVldFxuICAgIGNvbnN0IHNoZWV0RWxtID0gKFxuICAgICAgPFNoZWV0XG4gICAgICAgIGlkPXt0b29sdGlwSWR9XG4gICAgICAgIGlzVmlzaWJsZT17aXNWaXNpYmxlfVxuICAgICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgICAgZGlzbWlzc09uT3V0c2lkZUNsaWNrPXtkaXNtaXNzT25PdXRzaWRlQ2xpY2t9XG4gICAgICAgIGRpc2FibGVJbml0aWFsRm9jdXM9e2Rpc2FibGVJbml0aWFsRm9jdXN9XG4gICAgICAgIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj17ZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVQb3N0RGVhY3RpdmF0ZX1cbiAgICAgICAgb25DbGlja091dHNpZGVEZWFjdGl2YXRlcz17aGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXN9XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9TaGVldD5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHt0cmlnZ2VyRWxtfVxuICAgICAgICB7c2hlZXRFbG19XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG5cbiAgLy8gcmVuZGVyIGFzIFBvcG92ZXJcbiAgY29uc3QgY29udGVudEVsbSA9IChcbiAgICA8Rm9jdXNUcmFwV3JhcHBlclxuICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczpcbiAgICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgJiYgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsIC8vIGRlLWFjdGl2ZSBmb2N1cyB0cmFwIG9uIG91dHNpZGUgY2xpY2tcbiAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsXG4gICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiB0cnVlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgZmFsbGJhY2tGb2N1czogYCMke3Rvb2x0aXBJZH1gLCAvLyBzZXQgZm9jdXMgdG8gdG9vbHRpcCBjb250ZW50IGNvbnRhaW5lciBpZiBpdCBoYXMgbm8gZm9jdXNhYmxlIGVsZW1lbnRcbiAgICAgICAgb25Qb3N0RGVhY3RpdmF0ZTogaGFuZGxlUG9zdERlYWN0aXZhdGUsXG4gICAgICAgIHByZXZlbnRTY3JvbGw6IHRydWUsXG4gICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gIWRpc2FibGVJbml0aWFsRm9jdXMsXG4gICAgICAgIHJldHVybkZvY3VzT25EZWFjdGl2YXRlOiAhZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Rm9jdXNUcmFwQ29udGVudD57Y29udGVudH08L0ZvY3VzVHJhcENvbnRlbnQ+XG4gICAgPC9Gb2N1c1RyYXBXcmFwcGVyPlxuICApO1xuXG4gIGNvbnN0IHRvb2x0aXBFbG0gPSAoXG4gICAgPFRvb2x0aXBDb250ZW50XG4gICAgICB7Li4ucmVzdENvbnRlbnRQcm9wc30gLy8gZXNsaW50LWRpc2FibGUtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gICAgICBkZWZhdWx0VmVydGljYWxQbGFjZW1lbnQ9e2RlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudH1cbiAgICAgIGRhdGFEU0lkPXtuYW1lfVxuICAgICAgY29udGVudD17Y29udGVudEVsbX1cbiAgICAgIGNvbnRlbnRQYWRkaW5nPXtjb250ZW50UGFkZGluZ31cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBkYXRhRTJlVGVzdElkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgc3ViVGhlbWU9e3N1YlRoZW1lfVxuICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICB0b29sdGlwSWQ9e3Rvb2x0aXBJZH1cbiAgICAgIHRyaWdnZXJSZWY9e3RyaWdnZXJSZWZ9XG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHt0b29sdGlwRWxtfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDd0IifQ== */"),FocusTrapContent=/*#__PURE__*/React.forwardRef(({children},ref)=>/*#__PURE__*/React.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getMobileBreakpoint(renderAsSheetOnMobile){return!!window&&renderAsSheetOnMobile&&window.innerWidth<=breakpoints.medium.value}export function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,...restContentProps}){let tooltipId=useMemo(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=useState(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=useState(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=useRef(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=useRef(!1),toggleVisibility=useCallback((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=useCallback(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=useCallback(evt=>(triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=useCallback(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);useEffect(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),useEffect(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),useEffect(()=>{let trigger;return externalTriggerRef?.current&&!children&&((trigger=externalTriggerRef.current).setAttribute("tabindex","0"),trigger.addEventListener("click",handleTriggerClick)),()=>{trigger&&trigger.removeEventListener("click",handleTriggerClick)}},[externalTriggerRef,children,handleTriggerClick]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;isVisible?(trigger.setAttribute("aria-expanded",!0),trigger.setAttribute("aria-controls",tooltipId)):(trigger.removeAttribute("aria-expanded"),trigger.removeAttribute("aria-controls"))}},[externalTriggerRef,children,tooltipId,isVisible]);let triggerElm=children?/*#__PURE__*/React.cloneElement(children,{ref:triggerRef,...isVisible&&{"aria-expanded":!0,"aria-controls":tooltipId},tabIndex:0,onClick:evt=>{handleTriggerClick(),children.props.onClick&&children.props.onClick(evt)}}):null;if(isMobileBreakPoint){let sheetElm=/*#__PURE__*/React.createElement(Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates},content);return /*#__PURE__*/React.createElement(React.Fragment,null,triggerElm,sheetElm)}let contentElm=/*#__PURE__*/React.createElement(FocusTrapWrapper,{focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},/*#__PURE__*/React.createElement(FocusTrapContent,null,content)),tooltipElm=/*#__PURE__*/React.createElement(TooltipContent,{...restContentProps,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef});return /*#__PURE__*/React.createElement(React.Fragment,null,triggerElm,tooltipElm)}
+import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import{TooltipContent}from"../Tooltip/TooltipContent";import{Sheet}from"../Sheet/Sheet";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import breakpoints from"../../web-tokens/_breakpoints.json";let StyledContainer=/*#__PURE__*/styled("div",{target:"e17c12dg0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB7IFRvb2x0aXBDb250ZW50IH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcENvbmRpdGlvbmFsUHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC90eXBlc1wiO1xuaW1wb3J0IHsgU2hlZXQgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuPiAmIHtcbiAgbmFtZT86IHN0cmluZztcbiAgLyoqICBQb3BvdmVyIGNvbnRlbnQgKi9cbiAgY29udGVudDogUmVhY3RFbGVtZW50O1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqICBQcm9ncmFtbWF0aWNhbGx5IHRvZ2dsZSBQb3BvdmVyIHZpc2liaWxpdHkgd2l0aCB0aGlzIHByb3AgKi9cbiAgaXNWaXNpYmxlPzogYm9vbGVhbjtcbiAgLyoqICBDYWxsZWQgd2hlbiB0b29sdGlwIGFwcGVhcnMgYW5kIGRpc2FwcGVhcnMgKi9cbiAgb25WaXNpYmlsaXR5Q2hhbmdlPzogKGlzVmlzaWJsZTogYm9vbGVhbiwgcmVhc29uOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKiAgQ29udHJvbHMgd2hldGhlciBCYXNlUG9wb3ZlciAgY2xvc2VzIG9uIG91dHNpZGUgY2xpY2sgKi9cbiAgZGlzbWlzc09uT3V0c2lkZUNsaWNrPzogYm9vbGVhbjtcbiAgLyoqICBPcHRpb24gZm9yIGZvY3VzLXRyYXAsIGNvbnRyb2xzIHdoZXRoZXIgdGhlIGZpcnN0IGZvY3VhYmxlIGl0ZW0gcmVjaWV2ZXMgZm9jdXMgKi9cbiAgZGlzYWJsZUluaXRpYWxGb2N1cz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSB0cmlnZ2VyIHNob3VsZCByZWNlaXZlIGJhY2sgdGhlIGZvY3VzIG9uIHBvcG92ZXIgY2xvc2UgKi9cbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPzogYm9vbGVhbjtcbiAgLyoqICBSZW5kZXIgYXMgc2hlZXQgb24gbW9iaWxlIHdlYiAqL1xuICByZW5kZXJBc1NoZWV0T25Nb2JpbGU/OiBib29sZWFuO1xufTtcblxuZXhwb3J0IHR5cGUgQmFzZVBvcG92ZXJQcm9wcyA9IEJhc2VQcm9wcyAmIFRvb2x0aXBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG59KSk7XG5cbmNvbnN0IEZvY3VzVHJhcENvbnRlbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW48dW5rbm93bj5cbj4oKHsgY2hpbGRyZW4gfSwgcmVmKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgcmVmPXtyZWZ9PntjaGlsZHJlbn08L1N0eWxlZENvbnRhaW5lcj5cbikpO1xuXG5jb25zdCBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uID0ge1xuICB0cmlnZ2VyQ2xpY2s6IFwidHJpZ2dlckNsaWNrXCIsXG4gIG91dHNpZGVDbGljazogXCJvdXRzaWRlQ2xpY2tcIixcbn07XG5cbmZ1bmN0aW9uIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlOiBib29sZWFuKSB7XG4gIHJldHVybiAoXG4gICAgISF3aW5kb3cgJiZcbiAgICByZW5kZXJBc1NoZWV0T25Nb2JpbGUgJiZcbiAgICB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWVcbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEJhc2VQb3BvdmVyKHtcbiAgcGxhY2VtZW50ID0gXCJhdXRvXCIsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBjb250ZW50UGFkZGluZyA9IFwibVwiLFxuICBtYXhXaWR0aCxcbiAgZXh0ZXJuYWxUcmlnZ2VyUmVmLFxuICBwb3J0YWxDb250YWluZXIsXG4gIG5hbWUgPSBcIlBvcG92ZXJcIixcbiAgaXNWaXNpYmxlOiBpc1BvcG92ZXJWaXNpYmxlLFxuICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgPSB0cnVlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgc3ViVGhlbWUsXG4gIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudCxcbiAgb25WaXNpYmlsaXR5Q2hhbmdlLFxuICBkaXNhYmxlSW5pdGlhbEZvY3VzID0gZmFsc2UsXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlciA9IGZhbHNlLFxuICByZW5kZXJBc1NoZWV0T25Nb2JpbGUgPSBmYWxzZSxcbiAgLi4ucmVzdENvbnRlbnRQcm9wc1xufTogQmFzZVBvcG92ZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRvb2x0aXBJZCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gYERTJHtuYW1lfV8ke01hdGguZmxvb3IoRGF0ZS5ub3coKSAqIE1hdGgucmFuZG9tKCkpfWAsXG4gICAgW25hbWVdXG4gICk7XG4gIGNvbnN0IFtpc1Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoaXNQb3BvdmVyVmlzaWJsZSk7XG4gIGNvbnN0IFtpc01vYmlsZUJyZWFrUG9pbnQsIHNldElzTW9iaWxlQnJlYWtwb2ludF0gPSB1c2VTdGF0ZShcbiAgICBnZXRNb2JpbGVCcmVha3BvaW50KHJlbmRlckFzU2hlZXRPbk1vYmlsZSlcbiAgKTtcbiAgY29uc3QgaW50ZXJuYWxUcmlnZ2VyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAodHJpZ2dlclJlZi5jdXJyZW50LmNvbnRhaW5zKGV2dC50YXJnZXQpKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKSk7XG4gIH0sIFtpc1Zpc2libGUsIHJlbmRlckFzU2hlZXRPbk1vYmlsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IHRyaWdnZXI6IEhUTUxFbGVtZW50O1xuXG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcblxuICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJ0YWJpbmRleFwiLCBcIjBcIik7XG4gICAgICB0cmlnZ2VyLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAodHJpZ2dlcikge1xuICAgICAgICB0cmlnZ2VyLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuLCBoYW5kbGVUcmlnZ2VyQ2xpY2tdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChleHRlcm5hbFRyaWdnZXJSZWY/LmN1cnJlbnQgJiYgIWNoaWxkcmVuKSB7XG4gICAgICBjb25zdCB0cmlnZ2VyID0gZXh0ZXJuYWxUcmlnZ2VyUmVmLmN1cnJlbnQ7XG5cbiAgICAgIGlmIChpc1Zpc2libGUpIHtcbiAgICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIsIHRydWUpO1xuICAgICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtY29udHJvbHNcIiwgdG9vbHRpcElkKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKFwiYXJpYS1leHBhbmRlZFwiKTtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWNvbnRyb2xzXCIpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2V4dGVybmFsVHJpZ2dlclJlZiwgY2hpbGRyZW4sIHRvb2x0aXBJZCwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgdHJpZ2dlckVsbSA9IGNoaWxkcmVuXG4gICAgPyBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICAuLi4oaXNWaXNpYmxlICYmIHtcbiAgICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogdHJ1ZSxcbiAgICAgICAgICBcImFyaWEtY29udHJvbHNcIjogdG9vbHRpcElkLFxuICAgICAgICB9KSxcbiAgICAgICAgdGFiSW5kZXg6IDAsXG4gICAgICAgIG9uQ2xpY2s6IChldnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICBoYW5kbGVUcmlnZ2VyQ2xpY2soKTtcbiAgICAgICAgICBpZiAoY2hpbGRyZW4ucHJvcHMub25DbGljaykge1xuICAgICAgICAgICAgY2hpbGRyZW4ucHJvcHMub25DbGljayhldnQpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgIH0pXG4gICAgOiBudWxsO1xuXG4gIGlmIChpc01vYmlsZUJyZWFrUG9pbnQpIHtcbiAgICAvLyByZW5kZXIgYXMgU2hlZXRcbiAgICBjb25zdCBzaGVldEVsbSA9IChcbiAgICAgIDxTaGVldFxuICAgICAgICBpZD17dG9vbHRpcElkfVxuICAgICAgICBpc1Zpc2libGU9e2lzVmlzaWJsZX1cbiAgICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICAgIGRpc21pc3NPbk91dHNpZGVDbGljaz17ZGlzbWlzc09uT3V0c2lkZUNsaWNrfVxuICAgICAgICBkaXNhYmxlSW5pdGlhbEZvY3VzPXtkaXNhYmxlSW5pdGlhbEZvY3VzfVxuICAgICAgICBkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXI9e2Rpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcn1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlUG9zdERlYWN0aXZhdGV9XG4gICAgICAgIG9uQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM9e2hhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvU2hlZXQ+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7dHJpZ2dlckVsbX1cbiAgICAgICAge3NoZWV0RWxtfVxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuXG4gIC8vIHJlbmRlciBhcyBQb3BvdmVyXG4gIGNvbnN0IGNvbnRlbnRFbG0gPSAoXG4gICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgIGFjdGl2ZT17aXNWaXNpYmxlfVxuICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczpcbiAgICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgJiYgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gb3V0c2lkZSBjbGlja1xuICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSxcbiAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgIGZhbGxiYWNrRm9jdXM6IGAjJHt0b29sdGlwSWR9YCwgLy8gc2V0IGZvY3VzIHRvIHRvb2x0aXAgY29udGVudCBjb250YWluZXIgaWYgaXQgaGFzIG5vIGZvY3VzYWJsZSBlbGVtZW50XG4gICAgICAgIG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZVBvc3REZWFjdGl2YXRlLFxuICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+ICFkaXNhYmxlSW5pdGlhbEZvY3VzLFxuICAgICAgICByZXR1cm5Gb2N1c09uRGVhY3RpdmF0ZTogIWRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcixcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEZvY3VzVHJhcENvbnRlbnQ+e2NvbnRlbnR9PC9Gb2N1c1RyYXBDb250ZW50PlxuICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgKTtcblxuICBjb25zdCB0b29sdGlwRWxtID0gKFxuICAgIDxUb29sdGlwQ29udGVudFxuICAgICAgey4uLnJlc3RDb250ZW50UHJvcHN9IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICAgICAgZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50PXtkZWZhdWx0VmVydGljYWxQbGFjZW1lbnR9XG4gICAgICBkYXRhRFNJZD17bmFtZX1cbiAgICAgIGNvbnRlbnQ9e2NvbnRlbnRFbG19XG4gICAgICBjb250ZW50UGFkZGluZz17Y29udGVudFBhZGRpbmd9XG4gICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgZGF0YUUyZVRlc3RJZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIHN1YlRoZW1lPXtzdWJUaGVtZX1cbiAgICAgIGlzVmlzaWJsZT17aXNWaXNpYmxlfVxuICAgICAgdG9vbHRpcElkPXt0b29sdGlwSWR9XG4gICAgICB0cmlnZ2VyUmVmPXt0cmlnZ2VyUmVmfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3RyaWdnZXJFbG19XG4gICAgICB7dG9vbHRpcEVsbX1cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q3dCIn0= */"),FocusTrapContent=/*#__PURE__*/React.forwardRef(({children},ref)=>/*#__PURE__*/React.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getMobileBreakpoint(renderAsSheetOnMobile){return!!window&&renderAsSheetOnMobile&&window.innerWidth<=breakpoints.medium.value}export function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,...restContentProps}){let tooltipId=useMemo(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=useState(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=useState(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=useRef(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=useRef(!1),toggleVisibility=useCallback((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=useCallback(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=useCallback(evt=>(triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=useCallback(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);useEffect(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),useEffect(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),useEffect(()=>{let trigger;return externalTriggerRef?.current&&!children&&((trigger=externalTriggerRef.current).setAttribute("tabindex","0"),trigger.addEventListener("click",handleTriggerClick)),()=>{trigger&&trigger.removeEventListener("click",handleTriggerClick)}},[externalTriggerRef,children,handleTriggerClick]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;isVisible?(trigger.setAttribute("aria-expanded",!0),trigger.setAttribute("aria-controls",tooltipId)):(trigger.removeAttribute("aria-expanded"),trigger.removeAttribute("aria-controls"))}},[externalTriggerRef,children,tooltipId,isVisible]);let triggerElm=children?/*#__PURE__*/React.cloneElement(children,{ref:triggerRef,...isVisible&&{"aria-expanded":!0,"aria-controls":tooltipId},tabIndex:0,onClick:evt=>{handleTriggerClick(),children.props.onClick&&children.props.onClick(evt)}}):null;if(isMobileBreakPoint){let sheetElm=/*#__PURE__*/React.createElement(Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates},content);return /*#__PURE__*/React.createElement(React.Fragment,null,triggerElm,sheetElm)}let contentElm=/*#__PURE__*/React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},/*#__PURE__*/React.createElement(FocusTrapContent,null,content)),tooltipElm=/*#__PURE__*/React.createElement(TooltipContent,{...restContentProps,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef});return /*#__PURE__*/React.createElement(React.Fragment,null,triggerElm,tooltipElm)}

package/build/esm/components/Tooltip/utils.js

@@ -1 +1 @@
-export const DISTANCE_FROM_TRIGGER=4;export const ANIMATION_DISTANCE=8;export const ARROW_SIZE=6;export const ARROW_SIZE_BIG=8;export const getArrowOffset=size=>2*size;export function getTooltipStyle(placement,defaultVerticalPlacement="top",triggerRef,tooltipRef,document,window,arrowSize){let triggerRect=triggerRef.current.getBoundingClientRect(),tooltipRect=tooltipRef.current.getBoundingClientRect(),viewportWidth=document.documentElement.clientWidth,viewportHeight=document.documentElement.clientHeight,top=0,left=0,verticalPlacement=defaultVerticalPlacement,horizontalPlacement="center",arrowOffset=getArrowOffset(arrowSize),tooltipMargin=arrowSize+8+4;switch(placement){case"top":case"bottom":verticalPlacement=placement;break;case"top-left":case"top-right":case"bottom-left":case"bottom-right":{let placements=placement.split("-");verticalPlacement=placements[0],horizontalPlacement=placements[1];break}default:"top"===verticalPlacement?triggerRect.top<tooltipRect.height&&(verticalPlacement="bottom"):"bottom"===verticalPlacement&&triggerRect.bottom+tooltipRect.height>=viewportHeight&&triggerRect.top>tooltipRect.height&&(verticalPlacement="top"),triggerRect.left>=tooltipRect.width/2?triggerRect.left+triggerRect.width/2+tooltipRect.width/2>=viewportWidth&&(horizontalPlacement="left"):horizontalPlacement="right"}switch(top="top"===verticalPlacement?triggerRect.top-tooltipRect.height-tooltipMargin:triggerRect.bottom+tooltipMargin,horizontalPlacement){case"left":left=triggerRect.left+triggerRect.width/2-tooltipRect.width+arrowOffset+arrowSize;break;case"right":left=triggerRect.left+triggerRect.width/2-arrowOffset-arrowSize;break;default:left=triggerRect.left+triggerRect.width/2}return{top:top+window.scrollY,left:left+window.scrollX,horizontalPlacement,verticalPlacement}}
+export const DISTANCE_FROM_TRIGGER=4;export const ANIMATION_DISTANCE=8;export const ARROW_SIZE=6;export const ARROW_SIZE_BIG=8;export const getArrowOffset=size=>2*size;export function getTooltipStyle(placement,defaultVerticalPlacement="top",triggerRef,tooltipRef,document,window,arrowSize){let triggerRect=triggerRef.current.getBoundingClientRect(),tooltipRect=tooltipRef.current.getBoundingClientRect(),viewportWidth=document.documentElement.clientWidth,viewportHeight=document.documentElement.clientHeight,top=0,left=0,verticalPlacement=defaultVerticalPlacement,horizontalPlacement="center",arrowOffset=getArrowOffset(arrowSize),tooltipMargin=arrowSize+8+4;switch(placement){case"top":case"bottom":verticalPlacement=placement;break;case"top-left":case"top-right":case"bottom-left":case"bottom-right":{let placements=placement.split("-");verticalPlacement=placements[0],horizontalPlacement=placements[1];break}default:"top"===verticalPlacement?triggerRect.top<tooltipRect.height&&(verticalPlacement="bottom"):"bottom"===verticalPlacement&&triggerRect.bottom+tooltipRect.height>=viewportHeight&&triggerRect.top>tooltipRect.height&&(verticalPlacement="top"),triggerRect.left>=tooltipRect.width/2?triggerRect.left+triggerRect.width/2+tooltipRect.width/2>=viewportWidth&&(horizontalPlacement="left"):horizontalPlacement="right"}switch(top="top"===verticalPlacement?triggerRect.top-tooltipRect.height-tooltipMargin:triggerRect.bottom+tooltipMargin,horizontalPlacement){case"left":left=arrowSize?triggerRect.left+triggerRect.width/2-tooltipRect.width+arrowOffset+arrowSize:triggerRect.right-tooltipRect.width;break;case"right":left=arrowSize?triggerRect.left+triggerRect.width/2-arrowOffset-arrowSize:triggerRect.left;break;default:left=triggerRect.left+triggerRect.width/2}return{top:top+window.scrollY,left:left+window.scrollX,horizontalPlacement,verticalPlacement}}

package/build/esm/components/Typography/Text/Text.js

@@ -1 +1 @@
-import React,{createContext,useMemo}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{mq}from"../../../shared/mediaQueries";export const TextContext=/*#__PURE__*/createContext(null);let StyledText=/*#__PURE__*/styled("p",{shouldForwardProp:prop=>isPropValid(prop)&&"transform"!==prop,target:"e1oa2f5f0",label:"StyledText"})(({theme,align,weight,size,transform,hyphens,color,variant})=>({fontFamily:theme.variables.fontFamily.lato,margin:0,textTransform:transform,textAlign:align,fontWeight:theme.variables.weight[weight],color:theme.values.color.text[color].default,...variant&&{color:theme.values.color.text[variant].default,..."primary"===variant&&{color:theme.values.color.text.accent.default},..."secondary"===variant&&{color:theme.values.color.text.primary.default}},fontSize:theme.variables.size.font[size],lineHeight:({xs:theme.variables.size.lineHeight.xl,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl})[size],...mq({hyphens:[hyphens,{none:"none",auto:"auto",manual:"manual"}]})}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UZXh0L1RleHQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1RleHQvVGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QsIHtcbiAgY3JlYXRlQ29udGV4dCxcbiAgdHlwZSBSZWFjdEVsZW1lbnQsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB0eXBlIEhUTUxBdHRyaWJ1dGVzLFxuICB0eXBlIENvbXBvbmVudFByb3BzLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuaW1wb3J0IHR5cGUge1xuICBUZXh0QWxpZ25tZW50LFxuICBUZXh0VmFyaWF0aW9ucyxcbiAgVGV4dENvbG9ycyxcbiAgVGV4dFNpemUsXG4gIFRleHRXZWlnaHQsXG4gIE1RLFxuICBIeXBoZW5zLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgQmFzZVRleHRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc2l6ZT86IFRleHRTaXplO1xuICB3ZWlnaHQ/OiBUZXh0V2VpZ2h0O1xuICB0cmFuc2Zvcm0/OiBcIm5vbmVcIiB8IFwiY2FwaXRhbGl6ZVwiIHwgXCJ1cHBlcmNhc2VcIiB8IFwibG93ZXJjYXNlXCI7XG4gIGFzPzogXCJwXCIgfCBcInNwYW5cIjtcbiAgLyoqIEBkZXByZWNhdGVkIHZhcmlhbnQgcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgY29sb3IgcHJvcC4gKi9cbiAgdmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xuICBjb2xvcj86IFRleHRDb2xvcnM7XG4gIGFsaWduPzogVGV4dEFsaWdubWVudDtcbiAgaHlwaGVucz86IEh5cGhlbnMgfCBNUTxIeXBoZW5zPjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxQaWNrPFxuICBCYXNlVGV4dFByb3BzLFxuICBcImNvbG9yXCIgfCBcInNpemVcIiB8IFwid2VpZ2h0XCJcbj4gfCBudWxsPihudWxsKTtcblxuZXhwb3J0IHR5cGUgVmFsaWRUZXh0SHRtbFByb3AgPSBrZXlvZiBPbWl0PFxuICBIVE1MQXR0cmlidXRlczxIVE1MUGFyYWdyYXBoRWxlbWVudD4sXG4gIFwidHJhbnNmb3JtXCJcbj47XG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQ8XCJwXCIsIFZhbGlkVGV4dEh0bWxQcm9wPihcInBcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3A6IHN0cmluZyk6IHByb3AgaXMgVmFsaWRUZXh0SHRtbFByb3AgPT5cbiAgICBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcInRyYW5zZm9ybVwiLFxufSk8QmFzZVRleHRQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiwgd2VpZ2h0LCBzaXplLCB0cmFuc2Zvcm0sIGh5cGhlbnMsIGNvbG9yLCB2YXJpYW50IH0pID0+XG4gICAgKHtcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0VHJhbnNmb3JtOiB0cmFuc2Zvcm0sXG4gICAgICB0ZXh0QWxpZ246IGFsaWduLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodFt3ZWlnaHRdLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W2NvbG9yXS5kZWZhdWx0LFxuXG4gICAgICAvLyB2YXJpYW50IGlzIGRlcHJlY2F0ZWQgYW5kIGl0IHNob3VsZCBiZSBkZWxldGVkIGFzYXBcbiAgICAgIC4uLih2YXJpYW50ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W3ZhcmlhbnRdLmRlZmF1bHQsXG4gICAgICAgIC4uLih2YXJpYW50ID09PSBcInByaW1hcnlcIiAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgICAgICB9KSxcbiAgICAgICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250W3NpemVdLFxuICAgICAgbGluZUhlaWdodDoge1xuICAgICAgICB4czogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgICAgfVtzaXplXSxcbiAgICAgIC4uLm1xKHtcbiAgICAgICAgaHlwaGVuczogW2h5cGhlbnMsIHsgbm9uZTogXCJub25lXCIsIGF1dG86IFwiYXV0b1wiLCBtYW51YWw6IFwibWFudWFsXCIgfV0sXG4gICAgICB9KSxcbiAgICB9IGFzIENTU09iamVjdClcbik7XG5cbmV4cG9ydCB0eXBlIFRleHRQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBTdHlsZWRUZXh0PjtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICBzaXplID0gXCJtXCIsXG4gIHdlaWdodCA9IFwibm9ybWFsXCIsXG4gIHRyYW5zZm9ybSA9IFwibm9uZVwiLFxuICBhcyA9IFwicFwiLFxuICBjb2xvcjogY29sb3JQcm9wID0gXCJwcmltYXJ5XCIsXG4gIGFsaWduID0gXCJsZWZ0XCIsXG4gIGh5cGhlbnMgPSBcIm5vbmVcIixcbiAgdmFyaWFudCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiBUZXh0UHJvcHMpOiBSZWFjdEVsZW1lbnQgPT4ge1xuICBsZXQgY29sb3IgPSBjb2xvclByb3A7XG5cbiAgLy8gdGhpcyBpcyBnb2luZyB0byBiZSBkZWxldGVkIGFmdGVyIG1pZ3JhdGlvblxuICBpZiAodmFyaWFudCkge1xuICAgIGlmICh2YXJpYW50ID09PSBcInByaW1hcnlcIikge1xuICAgICAgY29sb3IgPSBcImFjY2VudFwiO1xuICAgIH0gZWxzZSBpZiAodmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIikge1xuICAgICAgY29sb3IgPSBcInByaW1hcnlcIjtcbiAgICB9IGVsc2Uge1xuICAgICAgY29sb3IgPSB2YXJpYW50O1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZXMgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7IGNvbG9yLCBzaXplLCB3ZWlnaHQgfSksXG4gICAgW2NvbG9yLCBzaXplLCB3ZWlnaHRdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGV4dFxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICB3ZWlnaHQ9e3dlaWdodH1cbiAgICAgIHRyYW5zZm9ybT17dHJhbnNmb3JtfVxuICAgICAgYXM9e2FzfVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgaHlwaGVucz17aHlwaGVuc31cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVGV4dFwiXG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8VGV4dENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbnRleHRWYWx1ZXN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHRDb250ZXh0LlByb3ZpZGVyPlxuICAgIDwvU3R5bGVkVGV4dD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURtQiJ9 */");export const Text=({size="m",weight="normal",transform="none",as="p",color:colorProp="primary",align="left",hyphens="none",variant,"data-e2e-test-id":dataE2eTestId,children,...rest})=>{let color=colorProp;variant&&(color="primary"===variant?"accent":"secondary"===variant?"primary":variant);let contextValues=useMemo(()=>({color,size,weight}),[color,size,weight]);return /*#__PURE__*/React.createElement(StyledText,{variant:variant,size:size,weight:weight,transform:transform,as:as,color:color,align:align,hyphens:hyphens,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Text",...rest},/*#__PURE__*/React.createElement(TextContext.Provider,{value:contextValues},children))};
+import React,{createContext,useMemo}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{mq}from"../../../shared/mediaQueries";export const TextContext=/*#__PURE__*/createContext(null);let StyledText=/*#__PURE__*/styled("p",{shouldForwardProp:prop=>isPropValid(prop)&&"transform"!==prop,target:"ee0hcyf0",label:"StyledText"})(({theme,align,weight,size,transform,hyphens,color,variant})=>({fontFamily:theme.variables.fontFamily.lato,margin:0,textTransform:transform,textAlign:align,fontWeight:theme.variables.weight[weight],color:theme.values.color.text[color].default,...variant&&{color:theme.values.color.text[variant].default,..."primary"===variant&&{color:theme.values.color.text.accent.default},..."secondary"===variant&&{color:theme.values.color.text.primary.default}},fontSize:theme.variables.size.font[size],lineHeight:({xs:theme.variables.size.lineHeight.m,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl})[size],...mq({hyphens:[hyphens,{none:"none",auto:"auto",manual:"manual"}]})}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UZXh0L1RleHQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1RleHQvVGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QsIHtcbiAgY3JlYXRlQ29udGV4dCxcbiAgdHlwZSBSZWFjdEVsZW1lbnQsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB0eXBlIEhUTUxBdHRyaWJ1dGVzLFxuICB0eXBlIENvbXBvbmVudFByb3BzLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuaW1wb3J0IHR5cGUge1xuICBUZXh0QWxpZ25tZW50LFxuICBUZXh0VmFyaWF0aW9ucyxcbiAgVGV4dENvbG9ycyxcbiAgVGV4dFNpemUsXG4gIFRleHRXZWlnaHQsXG4gIE1RLFxuICBIeXBoZW5zLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgQmFzZVRleHRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc2l6ZT86IFRleHRTaXplO1xuICB3ZWlnaHQ/OiBUZXh0V2VpZ2h0O1xuICB0cmFuc2Zvcm0/OiBcIm5vbmVcIiB8IFwiY2FwaXRhbGl6ZVwiIHwgXCJ1cHBlcmNhc2VcIiB8IFwibG93ZXJjYXNlXCI7XG4gIGFzPzogXCJwXCIgfCBcInNwYW5cIjtcbiAgLyoqIEBkZXByZWNhdGVkIHZhcmlhbnQgcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgY29sb3IgcHJvcC4gKi9cbiAgdmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xuICBjb2xvcj86IFRleHRDb2xvcnM7XG4gIGFsaWduPzogVGV4dEFsaWdubWVudDtcbiAgaHlwaGVucz86IEh5cGhlbnMgfCBNUTxIeXBoZW5zPjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxQaWNrPFxuICBCYXNlVGV4dFByb3BzLFxuICBcImNvbG9yXCIgfCBcInNpemVcIiB8IFwid2VpZ2h0XCJcbj4gfCBudWxsPihudWxsKTtcblxuZXhwb3J0IHR5cGUgVmFsaWRUZXh0SHRtbFByb3AgPSBrZXlvZiBPbWl0PFxuICBIVE1MQXR0cmlidXRlczxIVE1MUGFyYWdyYXBoRWxlbWVudD4sXG4gIFwidHJhbnNmb3JtXCJcbj47XG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQ8XCJwXCIsIFZhbGlkVGV4dEh0bWxQcm9wPihcInBcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3A6IHN0cmluZyk6IHByb3AgaXMgVmFsaWRUZXh0SHRtbFByb3AgPT5cbiAgICBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcInRyYW5zZm9ybVwiLFxufSk8QmFzZVRleHRQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiwgd2VpZ2h0LCBzaXplLCB0cmFuc2Zvcm0sIGh5cGhlbnMsIGNvbG9yLCB2YXJpYW50IH0pID0+XG4gICAgKHtcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0VHJhbnNmb3JtOiB0cmFuc2Zvcm0sXG4gICAgICB0ZXh0QWxpZ246IGFsaWduLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodFt3ZWlnaHRdLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W2NvbG9yXS5kZWZhdWx0LFxuXG4gICAgICAvLyB2YXJpYW50IGlzIGRlcHJlY2F0ZWQgYW5kIGl0IHNob3VsZCBiZSBkZWxldGVkIGFzYXBcbiAgICAgIC4uLih2YXJpYW50ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W3ZhcmlhbnRdLmRlZmF1bHQsXG4gICAgICAgIC4uLih2YXJpYW50ID09PSBcInByaW1hcnlcIiAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgICAgICB9KSxcbiAgICAgICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250W3NpemVdLFxuICAgICAgbGluZUhlaWdodDoge1xuICAgICAgICB4czogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxuICAgICAgICBzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmwsXG4gICAgICAgIG06IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueGwsXG4gICAgICB9W3NpemVdLFxuICAgICAgLi4ubXEoe1xuICAgICAgICBoeXBoZW5zOiBbaHlwaGVucywgeyBub25lOiBcIm5vbmVcIiwgYXV0bzogXCJhdXRvXCIsIG1hbnVhbDogXCJtYW51YWxcIiB9XSxcbiAgICAgIH0pLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIFN0eWxlZFRleHQ+O1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIHNpemUgPSBcIm1cIixcbiAgd2VpZ2h0ID0gXCJub3JtYWxcIixcbiAgdHJhbnNmb3JtID0gXCJub25lXCIsXG4gIGFzID0gXCJwXCIsXG4gIGNvbG9yOiBjb2xvclByb3AgPSBcInByaW1hcnlcIixcbiAgYWxpZ24gPSBcImxlZnRcIixcbiAgaHlwaGVucyA9IFwibm9uZVwiLFxuICB2YXJpYW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IFRleHRQcm9wcyk6IFJlYWN0RWxlbWVudCA9PiB7XG4gIGxldCBjb2xvciA9IGNvbG9yUHJvcDtcblxuICAvLyB0aGlzIGlzIGdvaW5nIHRvIGJlIGRlbGV0ZWQgYWZ0ZXIgbWlncmF0aW9uXG4gIGlmICh2YXJpYW50KSB7XG4gICAgaWYgKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiKSB7XG4gICAgICBjb2xvciA9IFwiYWNjZW50XCI7XG4gICAgfSBlbHNlIGlmICh2YXJpYW50ID09PSBcInNlY29uZGFyeVwiKSB7XG4gICAgICBjb2xvciA9IFwicHJpbWFyeVwiO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb2xvciA9IHZhcmlhbnQ7XG4gICAgfVxuICB9XG5cbiAgY29uc3QgY29udGV4dFZhbHVlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHsgY29sb3IsIHNpemUsIHdlaWdodCB9KSxcbiAgICBbY29sb3IsIHNpemUsIHdlaWdodF1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUZXh0XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgICAgdHJhbnNmb3JtPXt0cmFuc2Zvcm19XG4gICAgICBhcz17YXN9XG4gICAgICBjb2xvcj17Y29sb3J9XG4gICAgICBhbGlnbj17YWxpZ259XG4gICAgICBoeXBoZW5zPXtoeXBoZW5zfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUZXh0XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dENvbnRleHQuUHJvdmlkZXI+XG4gICAgPC9TdHlsZWRUZXh0PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRG1CIn0= */");export const Text=({size="m",weight="normal",transform="none",as="p",color:colorProp="primary",align="left",hyphens="none",variant,"data-e2e-test-id":dataE2eTestId,children,...rest})=>{let color=colorProp;variant&&(color="primary"===variant?"accent":"secondary"===variant?"primary":variant);let contextValues=useMemo(()=>({color,size,weight}),[color,size,weight]);return /*#__PURE__*/React.createElement(StyledText,{variant:variant,size:size,weight:weight,transform:transform,as:as,color:color,align:align,hyphens:hyphens,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Text",...rest},/*#__PURE__*/React.createElement(TextContext.Provider,{value:contextValues},children))};

package/build/esm/shared/FocusTrapWrapper.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
 /**
-  This wrapper is added to handle onPostDeactivate from react-focus-trap. onPostDeactivate is fired before component unmouns. Often, onDeactivate is used to unmount the component (see BasePopover and Sheet), so we don't want to handle this event again before component unmounts.
+  This wrapper is added to handle onPostDeactivate from react-focus-trap. onPostDeactivate is fired before component unmounts. Often, onPostDeactivate is used to close the popup element (see BasePopover and Sheet). We are overriding it here to fire only when component recieves an outside click or esc key event so that popover and sheet can close correctly.
 */
 type FocusTrapWrapperProps = {
+    active: boolean;
     focusTrapOptions: any;
     children: React.ReactNode;
 };
-export declare const FocusTrapWrapper: ({ focusTrapOptions, children, }: FocusTrapWrapperProps) => React.ReactElement;
+export declare const FocusTrapWrapper: ({ active, focusTrapOptions, children, }: FocusTrapWrapperProps) => React.ReactElement;
 export {};

package/build/esm/shared/FocusTrapWrapper.js

@@ -1 +1 @@
-import React,{useState,useEffect}from"react";import FocusTrap from"focus-trap-react";export const FocusTrapWrapper=({focusTrapOptions,children})=>{let[isDeactivated,setDeactivated]=useState(!1),{onPostDeactivate,...rest}=focusTrapOptions;return useEffect(()=>{isDeactivated&&onPostDeactivate()},[isDeactivated,onPostDeactivate]),/*#__PURE__*/React.createElement(FocusTrap,{focusTrapOptions:{...rest,onDeactivate:()=>{setDeactivated(!0)}}},children)};
+import React,{useRef}from"react";import FocusTrap from"focus-trap-react";export const FocusTrapWrapper=({active,focusTrapOptions,children})=>{let isClickedOutside=useRef(!1),isEscaped=useRef(!1),{onPostDeactivate,clickOutsideDeactivates,escapeDeactivates,...rest}=focusTrapOptions;return /*#__PURE__*/React.createElement(FocusTrap,{active:active,focusTrapOptions:{...rest,clickOutsideDeactivates:evt=>(isClickedOutside.current=!0,"function"==typeof clickOutsideDeactivates)?clickOutsideDeactivates(evt):clickOutsideDeactivates,escapeDeactivates:evt=>(isEscaped.current=!0,"function"==typeof escapeDeactivates)?escapeDeactivates(evt):escapeDeactivates,onPostDeactivate:()=>{(isClickedOutside.current||isEscaped.current)&&onPostDeactivate(),isEscaped.current=!1,isClickedOutside.current=!1}}},children)};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",
@@ -139,7 +139,6 @@
     "@emotion/jest": "^11.11.0",
     "@storybook/addon-a11y": "^8.2.9",
     "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
     "@storybook/addon-links": "^8.2.9",
     "@storybook/addon-storysource": "^8.2.9",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.5",