@amboss/design-system 3.41.1 → 3.42.0

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

@@ -1 +1 @@
-import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import breakpoints from"../../web-tokens/_breakpoints.json";import{TooltipContent}from"../Tooltip/TooltipContent";import{Sheet}from"../Sheet/Sheet";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import{getAriaAttributes}from"../../shared/ariaAttributes";let StyledContainer=styled("div",{target:"e12myug60",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi93ZWItdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcyB9IGZyb20gXCIuLi9Ub29sdGlwL3R5cGVzXCI7XG5pbXBvcnQgeyBUb29sdGlwQ29udGVudCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBDb250ZW50XCI7XG5pbXBvcnQgdHlwZSB7IFBvcHVwUm9sZSB9IGZyb20gXCIuLi9TaGVldC9TaGVldFwiO1xuaW1wb3J0IHsgU2hlZXQgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqIFJvbGUgZm9yIGFjY2Vzc2liaWxpdHkgKi9cbiAgcm9sZT86IFBvcHVwUm9sZTtcbiAgLyoqICBQcm9wcyBmb3IgY29uZmlndXJpbmcgdGhlIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgc2hlZXRQcm9wcz86IHtcbiAgICAvKiogIFNob3cgdGhlIGRhcmsgc2NyaW0gYmFja2Ryb3Agb24gbW9iaWxlIHdlYiB3aGVuIHJlbmRlcmluZyBhcyBTaGVldCAqL1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIEJhc2VQb3BvdmVyUHJvcHMgPSBCYXNlUHJvcHMgJiBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5jb25zdCBGb2N1c1RyYXBDb250ZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+XG4+KCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIHJlZj17cmVmfT57Y2hpbGRyZW59PC9TdHlsZWRDb250YWluZXI+XG4pKTtcblxuY29uc3QgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbiA9IHtcbiAgdHJpZ2dlckNsaWNrOiBcInRyaWdnZXJDbGlja1wiLFxuICBvdXRzaWRlQ2xpY2s6IFwib3V0c2lkZUNsaWNrXCIsXG59O1xuXG5mdW5jdGlvbiBnZXRBcmlhUG9wdXBUeXBlKHJvbGU6IFBvcHVwUm9sZSB8IHVuZGVmaW5lZCk6IHN0cmluZyB7XG4gIGxldCBwb3B1cFR5cGU6IHN0cmluZyA9IFN0cmluZyhyb2xlKTtcbiAgaWYgKCFyb2xlKSB7XG4gICAgcG9wdXBUeXBlID0gXCJ0cnVlXCI7XG4gIH1cbiAgaWYgKHJvbGUgPT09IFwiYWxlcnRkaWFsb2dcIikge1xuICAgIHJldHVybiBcImRpYWxvZ1wiO1xuICB9XG4gIHJldHVybiBwb3B1cFR5cGU7XG59XG5cbmZ1bmN0aW9uIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlOiBib29sZWFuKSB7XG4gIGlmICghd2luZG93KSB7XG4gICAgLy8gVE9ETyB3aW5kb3cgc2hvdWxkIGJlIGV4dHJhY3RlZCBmcm9tIGhvb2sgdXNlV2luZG93XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgY29uc3QgbWF4TW9iaWxlSGVpZ2h0SW5MYW5kc2NhcGUgPSA0NTA7IC8vIGlzIDQzMCBmb3IgaXBob25lIHBybyBtYXgsIGJ1dCBsZXQncyBhZGQgMjBweCBmb3IgbmV4dCBnZW5lcmF0aW9uc1xuICBjb25zdCBpc01vYmlsZUluUG9ydHJhaXQgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tLnZhbHVlO1xuICBjb25zdCBpc1NtYWxsSGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IDw9IG1heE1vYmlsZUhlaWdodEluTGFuZHNjYXBlO1xuICBjb25zdCBpc0xhbmRzY2FwZSA9IHdpbmRvdy5tYXRjaE1lZGlhPy4oXCIob3JpZW50YXRpb246IGxhbmRzY2FwZSlcIikubWF0Y2hlcztcbiAgY29uc3QgaXNNb2JpbGVJbkxhbmRzY2FwZSA9IGlzTGFuZHNjYXBlICYmIGlzU21hbGxIZWlnaHQ7XG5cbiAgcmV0dXJuIHJlbmRlckFzU2hlZXRPbk1vYmlsZSAmJiAoaXNNb2JpbGVJblBvcnRyYWl0IHx8IGlzTW9iaWxlSW5MYW5kc2NhcGUpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQmFzZVBvcG92ZXIoe1xuICBwbGFjZW1lbnQgPSBcImF1dG9cIixcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnRQYWRkaW5nID0gXCJtXCIsXG4gIG1heFdpZHRoLFxuICBleHRlcm5hbFRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgbmFtZSA9IFwiUG9wb3ZlclwiLFxuICBpc1Zpc2libGU6IGlzUG9wb3ZlclZpc2libGUsXG4gIGRpc21pc3NPbk91dHNpZGVDbGljayA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBzdWJUaGVtZSxcbiAgZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50LFxuICBvblZpc2liaWxpdHlDaGFuZ2UsXG4gIGRpc2FibGVJbml0aWFsRm9jdXMgPSBmYWxzZSxcbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyID0gZmFsc2UsXG4gIHJlbmRlckFzU2hlZXRPbk1vYmlsZSA9IGZhbHNlLFxuICByb2xlLFxuICBzaGVldFByb3BzLFxuICAuLi5yZXN0Q29udGVudFByb3BzXG59OiBCYXNlUG9wb3ZlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdG9vbHRpcElkID0gdXNlTWVtbyhcbiAgICAoKSA9PiBgRFMke25hbWV9XyR7TWF0aC5mbG9vcihEYXRlLm5vdygpICogTWF0aC5yYW5kb20oKSl9YCxcbiAgICBbbmFtZV1cbiAgKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0VmlzaWJsZV0gPSB1c2VTdGF0ZShpc1BvcG92ZXJWaXNpYmxlKTtcbiAgY29uc3QgW2lzTW9iaWxlQnJlYWtQb2ludCwgc2V0SXNNb2JpbGVCcmVha3BvaW50XSA9IHVzZVN0YXRlKFxuICAgIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3RDb250ZW50UHJvcHMpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKSk7XG4gIH0sIFtpc1Zpc2libGUsIHJlbmRlckFzU2hlZXRPbk1vYmlsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlciA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICBpZiAoIXRyaWdnZXIpIHJldHVybiB1bmRlZmluZWQ7XG5cbiAgICB0cmlnZ2VyLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHRyaWdnZXIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgfTtcbiAgfSwgW2hhbmRsZVRyaWdnZXJDbGljaywgdHJpZ2dlclJlZl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAgIGNvbnN0IHRyaWdnZXJUYWJJbmRleCA9IHRyaWdnZXIuZ2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIik7XG5cbiAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgdHJpZ2dlclRhYkluZGV4ID8/IFwiMFwiKTtcbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZXh0ZXJuYWxUcmlnZ2VyUmVmPy5jdXJyZW50ICYmICFjaGlsZHJlbikge1xuICAgICAgY29uc3QgdHJpZ2dlciA9IGV4dGVybmFsVHJpZ2dlclJlZi5jdXJyZW50O1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtaGFzcG9wdXBcIiwgZ2V0QXJpYVBvcHVwVHlwZShyb2xlKSk7XG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtZXhwYW5kZWRcIiwgU3RyaW5nKCEhaXNWaXNpYmxlKSk7XG4gICAgICBpZiAoaXNWaXNpYmxlKSB7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiLCB0b29sdGlwSWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWNvbnRyb2xzXCIpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2V4dGVybmFsVHJpZ2dlclJlZiwgY2hpbGRyZW4sIHJvbGUsIHRvb2x0aXBJZCwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgdHJpZ2dlckVsbSA9IGNoaWxkcmVuXG4gICAgPyBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgcmVmOiB0cmlnZ2VyUmVmLFxuICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogISFpc1Zpc2libGUsXG4gICAgICAgIC4uLihpc1Zpc2libGUgJiYge1xuICAgICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiB0b29sdGlwSWQsXG4gICAgICAgIH0pLFxuICAgICAgICB0YWJJbmRleDogY2hpbGRyZW4ucHJvcHMudGFiSW5kZXggPz8gMCxcbiAgICAgICAgXCJhcmlhLWhhc3BvcHVwXCI6IGdldEFyaWFQb3B1cFR5cGUocm9sZSksXG4gICAgICB9KVxuICAgIDogbnVsbDtcblxuICBpZiAoaXNNb2JpbGVCcmVha1BvaW50KSB7XG4gICAgLy8gcmVuZGVyIGFzIFNoZWV0XG4gICAgY29uc3Qgc2hlZXRFbG0gPSAoXG4gICAgICA8U2hlZXRcbiAgICAgICAgaWQ9e3Rvb2x0aXBJZH1cbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2s9e2Rpc21pc3NPbk91dHNpZGVDbGlja31cbiAgICAgICAgZGlzYWJsZUluaXRpYWxGb2N1cz17ZGlzYWJsZUluaXRpYWxGb2N1c31cbiAgICAgICAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPXtkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXJ9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZVBvc3REZWFjdGl2YXRlfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZURlYWN0aXZhdGVzPXtoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlc31cbiAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgey4uLihzaGVldFByb3BzID8/IHt9KX1cbiAgICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvU2hlZXQ+XG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7dHJpZ2dlckVsbX1cbiAgICAgICAge3NoZWV0RWxtfVxuICAgICAgPC8+XG4gICAgKTtcbiAgfVxuXG4gIC8vIHJlbmRlciBhcyBQb3BvdmVyXG4gIGNvbnN0IGNvbnRlbnRFbG0gPSAoXG4gICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgIGFjdGl2ZT17aXNWaXNpYmxlfVxuICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczpcbiAgICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgJiYgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gb3V0c2lkZSBjbGlja1xuICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSxcbiAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IHRydWUsXG4gICAgICAgIGZhbGxiYWNrRm9jdXM6IGAjJHt0b29sdGlwSWR9YCwgLy8gc2V0IGZvY3VzIHRvIHRvb2x0aXAgY29udGVudCBjb250YWluZXIgaWYgaXQgaGFzIG5vIGZvY3VzYWJsZSBlbGVtZW50XG4gICAgICAgIG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZVBvc3REZWFjdGl2YXRlLFxuICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICBpbml0aWFsRm9jdXM6ICgpID0+ICFkaXNhYmxlSW5pdGlhbEZvY3VzLFxuICAgICAgICByZXR1cm5Gb2N1c09uRGVhY3RpdmF0ZTogIWRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcixcbiAgICAgIH19XG4gICAgPlxuICAgICAgPEZvY3VzVHJhcENvbnRlbnQ+e2NvbnRlbnR9PC9Gb2N1c1RyYXBDb250ZW50PlxuICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgKTtcblxuICBjb25zdCB0b29sdGlwRWxtID0gKFxuICAgIDxUb29sdGlwQ29udGVudFxuICAgICAgey4uLnJlc3RDb250ZW50UHJvcHN9IC8vIGVzbGludC1kaXNhYmxlLWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudD17ZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50fVxuICAgICAgZGF0YURTSWQ9e25hbWV9XG4gICAgICBjb250ZW50PXtjb250ZW50RWxtfVxuICAgICAgY29udGVudFBhZGRpbmc9e2NvbnRlbnRQYWRkaW5nfVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRhdGFFMmVUZXN0SWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBzdWJUaGVtZT17c3ViVGhlbWV9XG4gICAgICBpc1Zpc2libGU9e2lzVmlzaWJsZX1cbiAgICAgIHRvb2x0aXBJZD17dG9vbHRpcElkfVxuICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGlzSGlkZGVuT25JbnZpc2libGVUcmlnZ2VyXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHt0b29sdGlwRWxtfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IifQ== */"),FocusTrapContent=React.forwardRef(({children},ref)=>React.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getAriaPopupType(role){let popupType=String(role);return(role||(popupType="true"),"alertdialog"===role)?"dialog":popupType}function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=breakpoints.m.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}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,role,sheetProps,...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),ariaAttributes=getAriaAttributes(restContentProps),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&&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=triggerRef.current;if(trigger)return trigger.addEventListener("click",handleTriggerClick),()=>{trigger.removeEventListener("click",handleTriggerClick)}},[handleTriggerClick,triggerRef]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current,triggerTabIndex=trigger.getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0")}},[externalTriggerRef,children]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup",getAriaPopupType(role)),trigger.setAttribute("aria-expanded",String(!!isVisible)),isVisible?trigger.setAttribute("aria-controls",tooltipId):trigger.removeAttribute("aria-controls")}},[externalTriggerRef,children,role,tooltipId,isVisible]);let triggerElm=children?React.cloneElement(children,{ref:triggerRef,"aria-expanded":!!isVisible,...isVisible&&{"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":getAriaPopupType(role)}):null;if(isMobileBreakPoint){let sheetElm=React.createElement(Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,role:role,...sheetProps??{},...ariaAttributes},content);return React.createElement(React.Fragment,null,triggerElm,sheetElm)}let contentElm=React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},React.createElement(FocusTrapContent,null,content)),tooltipElm=React.createElement(TooltipContent,{...restContentProps,role:role,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return React.createElement(React.Fragment,null,triggerElm,tooltipElm)}
+import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import breakpoints from"../../web-tokens/_breakpoints.json";import{TooltipContent}from"../Tooltip/TooltipContent";import{Sheet}from"../Sheet/Sheet";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import{getAriaAttributes}from"../../shared/ariaAttributes";let StyledContainer=styled("div",{target:"e1vb5l9i0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGJyZWFrcG9pbnRzIGZyb20gXCIuLi8uLi93ZWItdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcyB9IGZyb20gXCIuLi9Ub29sdGlwL3R5cGVzXCI7XG5pbXBvcnQgeyBUb29sdGlwQ29udGVudCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBDb250ZW50XCI7XG5pbXBvcnQgdHlwZSB7IFBvcHVwUm9sZSB9IGZyb20gXCIuLi9TaGVldC9TaGVldFwiO1xuaW1wb3J0IHsgU2hlZXQgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqICBXaGVuIHRydWUsIGFsd2F5cyByZW5kZXIgYXMgYSBTaGVldCByZWdhcmRsZXNzIG9mIHZpZXdwb3J0IHNpemUuICovXG4gIGZvcmNlU2hlZXRMYXlvdXQ/OiBib29sZWFuO1xuICAvKiogUm9sZSBmb3IgYWNjZXNzaWJpbGl0eSAqL1xuICByb2xlPzogUG9wdXBSb2xlO1xuICAvKiogIFByb3BzIGZvciBjb25maWd1cmluZyB0aGUgc2hlZXQgb24gbW9iaWxlIHdlYiAqL1xuICBzaGVldFByb3BzPzoge1xuICAgIC8qKiAgU2hvdyB0aGUgZGFyayBzY3JpbSBiYWNrZHJvcCBvbiBtb2JpbGUgd2ViIHdoZW4gcmVuZGVyaW5nIGFzIFNoZWV0ICovXG4gICAgaGFzQmFja2Ryb3A/OiBib29sZWFuO1xuICB9O1xufTtcblxuZXhwb3J0IHR5cGUgQmFzZVBvcG92ZXJQcm9wcyA9IEJhc2VQcm9wcyAmIFRvb2x0aXBDb25kaXRpb25hbFByb3BzO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG59KSk7XG5cbmNvbnN0IEZvY3VzVHJhcENvbnRlbnQgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW48dW5rbm93bj5cbj4oKHsgY2hpbGRyZW4gfSwgcmVmKSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgcmVmPXtyZWZ9PntjaGlsZHJlbn08L1N0eWxlZENvbnRhaW5lcj5cbikpO1xuXG5jb25zdCBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uID0ge1xuICB0cmlnZ2VyQ2xpY2s6IFwidHJpZ2dlckNsaWNrXCIsXG4gIG91dHNpZGVDbGljazogXCJvdXRzaWRlQ2xpY2tcIixcbn07XG5cbmZ1bmN0aW9uIGdldEFyaWFQb3B1cFR5cGUocm9sZTogUG9wdXBSb2xlIHwgdW5kZWZpbmVkKTogc3RyaW5nIHtcbiAgbGV0IHBvcHVwVHlwZTogc3RyaW5nID0gU3RyaW5nKHJvbGUpO1xuICBpZiAoIXJvbGUpIHtcbiAgICBwb3B1cFR5cGUgPSBcInRydWVcIjtcbiAgfVxuICBpZiAocm9sZSA9PT0gXCJhbGVydGRpYWxvZ1wiKSB7XG4gICAgcmV0dXJuIFwiZGlhbG9nXCI7XG4gIH1cbiAgcmV0dXJuIHBvcHVwVHlwZTtcbn1cblxuZnVuY3Rpb24gZ2V0TW9iaWxlQnJlYWtwb2ludChyZW5kZXJBc1NoZWV0T25Nb2JpbGU6IGJvb2xlYW4pIHtcbiAgaWYgKCF3aW5kb3cpIHtcbiAgICAvLyBUT0RPIHdpbmRvdyBzaG91bGQgYmUgZXh0cmFjdGVkIGZyb20gaG9vayB1c2VXaW5kb3dcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBjb25zdCBtYXhNb2JpbGVIZWlnaHRJbkxhbmRzY2FwZSA9IDQ1MDsgLy8gaXMgNDMwIGZvciBpcGhvbmUgcHJvIG1heCwgYnV0IGxldCdzIGFkZCAyMHB4IGZvciBuZXh0IGdlbmVyYXRpb25zXG4gIGNvbnN0IGlzTW9iaWxlSW5Qb3J0cmFpdCA9IHdpbmRvdy5pbm5lcldpZHRoIDw9IGJyZWFrcG9pbnRzLm0udmFsdWU7XG4gIGNvbnN0IGlzU21hbGxIZWlnaHQgPSB3aW5kb3cuaW5uZXJIZWlnaHQgPD0gbWF4TW9iaWxlSGVpZ2h0SW5MYW5kc2NhcGU7XG4gIGNvbnN0IGlzTGFuZHNjYXBlID0gd2luZG93Lm1hdGNoTWVkaWE/LihcIihvcmllbnRhdGlvbjogbGFuZHNjYXBlKVwiKS5tYXRjaGVzO1xuICBjb25zdCBpc01vYmlsZUluTGFuZHNjYXBlID0gaXNMYW5kc2NhcGUgJiYgaXNTbWFsbEhlaWdodDtcblxuICByZXR1cm4gcmVuZGVyQXNTaGVldE9uTW9iaWxlICYmIChpc01vYmlsZUluUG9ydHJhaXQgfHwgaXNNb2JpbGVJbkxhbmRzY2FwZSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBCYXNlUG9wb3Zlcih7XG4gIHBsYWNlbWVudCA9IFwiYXV0b1wiLFxuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgY29udGVudFBhZGRpbmcgPSBcIm1cIixcbiAgbWF4V2lkdGgsXG4gIGV4dGVybmFsVHJpZ2dlclJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBuYW1lID0gXCJQb3BvdmVyXCIsXG4gIGlzVmlzaWJsZTogaXNQb3BvdmVyVmlzaWJsZSxcbiAgZGlzbWlzc09uT3V0c2lkZUNsaWNrID0gdHJ1ZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIHN1YlRoZW1lLFxuICBkZWZhdWx0VmVydGljYWxQbGFjZW1lbnQsXG4gIG9uVmlzaWJpbGl0eUNoYW5nZSxcbiAgZGlzYWJsZUluaXRpYWxGb2N1cyA9IGZhbHNlLFxuICBkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXIgPSBmYWxzZSxcbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlID0gZmFsc2UsXG4gIGZvcmNlU2hlZXRMYXlvdXQgPSBmYWxzZSxcbiAgcm9sZSxcbiAgc2hlZXRQcm9wcyxcbiAgLi4ucmVzdENvbnRlbnRQcm9wc1xufTogQmFzZVBvcG92ZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRvb2x0aXBJZCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gYERTJHtuYW1lfV8ke01hdGguZmxvb3IoRGF0ZS5ub3coKSAqIE1hdGgucmFuZG9tKCkpfWAsXG4gICAgW25hbWVdXG4gICk7XG4gIGNvbnN0IFtpc1Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoaXNQb3BvdmVyVmlzaWJsZSk7XG4gIGNvbnN0IFtpc01vYmlsZUJyZWFrUG9pbnQsIHNldElzTW9iaWxlQnJlYWtwb2ludF0gPSB1c2VTdGF0ZShcbiAgICBmb3JjZVNoZWV0TGF5b3V0IHx8IGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3RDb250ZW50UHJvcHMpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KFxuICAgICAgZm9yY2VTaGVldExheW91dCB8fCBnZXRNb2JpbGVCcmVha3BvaW50KHJlbmRlckFzU2hlZXRPbk1vYmlsZSlcbiAgICApO1xuICB9LCBbaXNWaXNpYmxlLCByZW5kZXJBc1NoZWV0T25Nb2JpbGUsIGZvcmNlU2hlZXRMYXlvdXRdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHRyaWdnZXIgPSB0cmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCF0cmlnZ2VyKSByZXR1cm4gdW5kZWZpbmVkO1xuXG4gICAgdHJpZ2dlci5hZGRFdmVudExpc3RlbmVyKFwiY2xpY2tcIiwgaGFuZGxlVHJpZ2dlckNsaWNrKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB0cmlnZ2VyLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuICAgIH07XG4gIH0sIFtoYW5kbGVUcmlnZ2VyQ2xpY2ssIHRyaWdnZXJSZWZdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChleHRlcm5hbFRyaWdnZXJSZWY/LmN1cnJlbnQgJiYgIWNoaWxkcmVuKSB7XG4gICAgICBjb25zdCB0cmlnZ2VyID0gZXh0ZXJuYWxUcmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgICBjb25zdCB0cmlnZ2VyVGFiSW5kZXggPSB0cmlnZ2VyLmdldEF0dHJpYnV0ZShcInRhYmluZGV4XCIpO1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcInRhYmluZGV4XCIsIHRyaWdnZXJUYWJJbmRleCA/PyBcIjBcIik7XG4gICAgfVxuICB9LCBbZXh0ZXJuYWxUcmlnZ2VyUmVmLCBjaGlsZHJlbl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcblxuICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLWhhc3BvcHVwXCIsIGdldEFyaWFQb3B1cFR5cGUocm9sZSkpO1xuICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIsIFN0cmluZyghIWlzVmlzaWJsZSkpO1xuICAgICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcImFyaWEtY29udHJvbHNcIiwgdG9vbHRpcElkKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuLCByb2xlLCB0b29sdGlwSWQsIGlzVmlzaWJsZV0pO1xuXG4gIGNvbnN0IHRyaWdnZXJFbG0gPSBjaGlsZHJlblxuICAgID8gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogdHJpZ2dlclJlZixcbiAgICAgICAgXCJhcmlhLWV4cGFuZGVkXCI6ICEhaXNWaXNpYmxlLFxuICAgICAgICAuLi4oaXNWaXNpYmxlICYmIHtcbiAgICAgICAgICBcImFyaWEtY29udHJvbHNcIjogdG9vbHRpcElkLFxuICAgICAgICB9KSxcbiAgICAgICAgdGFiSW5kZXg6IGNoaWxkcmVuLnByb3BzLnRhYkluZGV4ID8/IDAsXG4gICAgICAgIFwiYXJpYS1oYXNwb3B1cFwiOiBnZXRBcmlhUG9wdXBUeXBlKHJvbGUpLFxuICAgICAgfSlcbiAgICA6IG51bGw7XG5cbiAgaWYgKGlzTW9iaWxlQnJlYWtQb2ludCkge1xuICAgIC8vIHJlbmRlciBhcyBTaGVldFxuICAgIGNvbnN0IHNoZWV0RWxtID0gKFxuICAgICAgPFNoZWV0XG4gICAgICAgIGlkPXt0b29sdGlwSWR9XG4gICAgICAgIGlzVmlzaWJsZT17aXNWaXNpYmxlfVxuICAgICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgICAgZGlzbWlzc09uT3V0c2lkZUNsaWNrPXtkaXNtaXNzT25PdXRzaWRlQ2xpY2t9XG4gICAgICAgIGRpc2FibGVJbml0aWFsRm9jdXM9e2Rpc2FibGVJbml0aWFsRm9jdXN9XG4gICAgICAgIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj17ZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVQb3N0RGVhY3RpdmF0ZX1cbiAgICAgICAgb25DbGlja091dHNpZGVEZWFjdGl2YXRlcz17aGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXN9XG4gICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgIHsuLi4oc2hlZXRQcm9wcyA/PyB7fSl9XG4gICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1NoZWV0PlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge3RyaWdnZXJFbG19XG4gICAgICAgIHtzaGVldEVsbX1cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cblxuICAvLyByZW5kZXIgYXMgUG9wb3ZlclxuICBjb25zdCBjb250ZW50RWxtID0gKFxuICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgIGZvY3VzVHJhcE9wdGlvbnM9e3tcbiAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6XG4gICAgICAgICAgZGlzbWlzc09uT3V0c2lkZUNsaWNrICYmIGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIG91dHNpZGUgY2xpY2tcbiAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsXG4gICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiB0cnVlLFxuICAgICAgICBmYWxsYmFja0ZvY3VzOiBgIyR7dG9vbHRpcElkfWAsIC8vIHNldCBmb2N1cyB0byB0b29sdGlwIGNvbnRlbnQgY29udGFpbmVyIGlmIGl0IGhhcyBubyBmb2N1c2FibGUgZWxlbWVudFxuICAgICAgICBvblBvc3REZWFjdGl2YXRlOiBoYW5kbGVQb3N0RGVhY3RpdmF0ZSxcbiAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgaW5pdGlhbEZvY3VzOiAoKSA9PiAhZGlzYWJsZUluaXRpYWxGb2N1cyxcbiAgICAgICAgcmV0dXJuRm9jdXNPbkRlYWN0aXZhdGU6ICFkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXIsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBDb250ZW50Pntjb250ZW50fTwvRm9jdXNUcmFwQ29udGVudD5cbiAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICk7XG5cbiAgY29uc3QgdG9vbHRpcEVsbSA9IChcbiAgICA8VG9vbHRpcENvbnRlbnRcbiAgICAgIHsuLi5yZXN0Q29udGVudFByb3BzfSAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBkZWZhdWx0VmVydGljYWxQbGFjZW1lbnQ9e2RlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudH1cbiAgICAgIGRhdGFEU0lkPXtuYW1lfVxuICAgICAgY29udGVudD17Y29udGVudEVsbX1cbiAgICAgIGNvbnRlbnRQYWRkaW5nPXtjb250ZW50UGFkZGluZ31cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBkYXRhRTJlVGVzdElkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgc3ViVGhlbWU9e3N1YlRoZW1lfVxuICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICB0b29sdGlwSWQ9e3Rvb2x0aXBJZH1cbiAgICAgIHRyaWdnZXJSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBpc0hpZGRlbk9uSW52aXNpYmxlVHJpZ2dlclxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3RyaWdnZXJFbG19XG4gICAgICB7dG9vbHRpcEVsbX1cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRHdCIn0= */"),FocusTrapContent=React.forwardRef(({children},ref)=>React.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getAriaPopupType(role){let popupType=String(role);return(role||(popupType="true"),"alertdialog"===role)?"dialog":popupType}function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=breakpoints.m.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}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,forceSheetLayout=!1,role,sheetProps,...restContentProps}){let tooltipId=useMemo(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=useState(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=useState(forceSheetLayout||getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=useRef(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=useRef(!1),ariaAttributes=getAriaAttributes(restContentProps),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&&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(forceSheetLayout||getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile,forceSheetLayout]),useEffect(()=>{let trigger=triggerRef.current;if(trigger)return trigger.addEventListener("click",handleTriggerClick),()=>{trigger.removeEventListener("click",handleTriggerClick)}},[handleTriggerClick,triggerRef]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current,triggerTabIndex=trigger.getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0")}},[externalTriggerRef,children]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup",getAriaPopupType(role)),trigger.setAttribute("aria-expanded",String(!!isVisible)),isVisible?trigger.setAttribute("aria-controls",tooltipId):trigger.removeAttribute("aria-controls")}},[externalTriggerRef,children,role,tooltipId,isVisible]);let triggerElm=children?React.cloneElement(children,{ref:triggerRef,"aria-expanded":!!isVisible,...isVisible&&{"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":getAriaPopupType(role)}):null;if(isMobileBreakPoint){let sheetElm=React.createElement(Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,role:role,...sheetProps??{},...ariaAttributes},content);return React.createElement(React.Fragment,null,triggerElm,sheetElm)}let contentElm=React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},React.createElement(FocusTrapContent,null,content)),tooltipElm=React.createElement(TooltipContent,{...restContentProps,role:role,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return React.createElement(React.Fragment,null,triggerElm,tooltipElm)}

package/build/esm/index.d.ts

@@ -43,6 +43,7 @@ export * from "./components/Form/RangeInput/RangeInput";
 export * from "./components/Form/SearchInput/SearchInput";
 export * from "./components/Form/SegmentedControl/SegmentedControl";
 export * from "./components/Form/Select";
+export * from "./components/Form/ToolbarToggle/ToolbarToggle";
 export * from "./components/Form/Textarea/Textarea";
 export * from "./components/Form/Toggle/Toggle";
 export * from "./components/Form/ToggleButton/ToggleButton";

package/build/esm/index.js

@@ -1 +1 @@
-import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/AnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";
+import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/AnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "3.41.1",
+  "version": "3.42.0",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",

package/build/cjs/web-tokens/web-tokens/_subThemeType.ts

@@ -1,2 +0,0 @@
-// This file is generated via "bun run tokens:web". Do not edit directly.
-export type SubThemeTypes = "ai" | "brand" | "brandSubtle" | "dimmed" | "dimmedSubtle" | "error" | "info" | "inverted" | "success";

package/build/cjs/web-tokens/web-tokens/scss/_dark.scss

@@ -1,268 +0,0 @@
-@mixin ds-theme-dark {
-  & {
-    --color-badge-background: rgba(255, 255, 255, 0);
-    --color-badge-background-green: #233d3d;
-    --color-badge-background-blue: #29364c;
-    --color-badge-background-yellow: #4d412c;
-    --color-badge-background-brand: #223c44;
-    --color-badge-background-purple: #471a95;
-    --color-badge-background-red: #4d3237;
-    --color-badge-background-gray: #282c34;
-    --color-badge-foreground: #ced1d6;
-    --color-badge-foreground-green: #a6f2dd;
-    --color-badge-foreground-blue: #99c1fa;
-    --color-badge-foreground-yellow: #fae0b3;
-    --color-badge-foreground-brand: #80dfea;
-    --color-badge-foreground-purple: #c1acff;
-    --color-badge-foreground-red: #f49a9a;
-    --color-badge-foreground-gray: #ced1d6;
-    --color-badge-border: #393e47;
-    --color-badge-border-green: #a6f2dd;
-    --color-badge-border-blue: #99c1fa;
-    --color-badge-border-yellow: #fae0b3;
-    --color-badge-border-brand: #80dfea;
-    --color-badge-border-purple: #c1acff;
-    --color-badge-border-red: #f49a9a;
-    --color-badge-border-gray: #ced1d6;
-    --color-badge-borderSubtle: #393e47;
-    --color-badge-borderSubtle-green: rgba(255, 255, 255, 0.08);
-    --color-badge-borderSubtle-blue: rgba(255, 255, 255, 0.08);
-    --color-badge-borderSubtle-yellow: rgba(255, 255, 255, 0.08);
-    --color-badge-borderSubtle-brand: rgba(255, 255, 255, 0.08);
-    --color-badge-borderSubtle-purple: rgba(255, 255, 255, 0.08);
-    --color-badge-borderSubtle-red: rgba(255, 255, 255, 0.08);
-    --color-badge-borderSubtle-gray: rgba(255, 255, 255, 0.08);
-    --color-avatar-border: #1a1c1c;
-    --color-color-indicator-brand: #1d6670;
-    --color-color-indicator-gray: #5b5f67;
-    --color-color-indicator-purple: #6d37c8;
-    --color-color-indicator-blue: #2f538a;
-    --color-color-indicator-green: #28816b;
-    --color-color-indicator-yellow: #a4792d;
-    --color-color-indicator-red: #a45355;
-    --color-color-indicator-neonBlue: #015e7d;
-    --color-color-indicator-neonGreen: #347832;
-    --color-color-indicator-neonPink: #bf2c9a;
-    --color-content-box-border-info: #4e76b1;
-    --color-content-box-border-error: #b25d5e;
-    --color-content-box-border-success: #28816b;
-    --color-content-box-border-warning: #aa7923;
-    --color-dosage-icon-default: #9369ff;
-    --color-dosage-icon-hover: #c1acff;
-    --color-toggle-background: #7b8e9d;
-    --color-toggle-background-highlight: #b2ab39;
-    --color-toggle-thumb-background-off: #ffffff;
-    --color-toggle-thumb-background-on: #ffffff;
-    --color-toggle-border-highlight: #b2ab39;
-    --color-segmented-progress-bar-monochrome: #ced1d6;
-    --color-segmented-progress-bar-success: #28816b;
-    --color-segmented-progress-bar-warning: #a4792d;
-    --color-segmented-progress-bar-alert: #a45355;
-    --color-segmented-progress-bar-in-progress: #5b5f67;
-    --color-tag-background-gray: #5b5f67;
-    --color-tag-background-blue: #2f538a;
-    --color-tag-text-gray: #d8dade;
-    --color-tag-text-blue: #e7effe;
-    --color-destructive-tertiary-button-background-hover: rgba(164, 83, 85, 0.08);
-    --color-destructive-tertiary-button-background-active: rgba(164, 83, 85, 0.08);
-    --color-range-input-background-thumb-default: #d8dade;
-    --color-search-input-background: #32363e;
-    --color-qbank-answer-background-title-correct-default: #233d3d;
-    --color-qbank-answer-background-title-correct-hover: rgba(40, 129, 107, 0.45);
-    --color-qbank-answer-background-title-correct-with-hint-default: #4d412c;
-    --color-qbank-answer-background-title-correct-with-hint-hover: rgba(164, 121, 45, 0.45);
-    --color-qbank-answer-background-title-incorrect-default: #4d3237;
-    --color-qbank-answer-background-title-incorrect-hover: rgba(164, 83, 85, 0.45);
-    --color-qbank-answer-background-explanation-correct-default: #262e33;
-    --color-qbank-answer-background-explanation-correct-with-hint-default: #32302f;
-    --color-qbank-answer-background-explanation-incorrect-default: #312b31;
-    --color-qbank-answer-border-correct-default: #28816b;
-    --color-qbank-answer-border-correct-with-hint-default: #a4792d;
-    --color-qbank-answer-border-incorrect-default: #a45355;
-    --color-chart-border: #5b5f67;
-    --color-chart-grid-primary-default: rgba(147, 149, 159, 0.3);
-    --color-chart-grid-secondary-default: rgba(147, 149, 159, 0.3);
-    --color-chart-background: #1a1c1c;
-    --color-chart-background-inverted: #ffffff;
-    --color-chart-text-positive-default: #a6f2dd;
-    --color-chart-text-negative-default: #f49a9a;
-    --color-chart-text-warning-default: #a4792d;
-    --color-chart-neutral: #5b5f67;
-    --color-chart-neutral-subtle: #1e2125;
-    --color-chart-neutral-bold: #93979f;
-    --color-chart-positive: #41a48a;
-    --color-chart-positive-subtle: #262e33;
-    --color-chart-positive-bold: #a6f2dd;
-    --color-chart-warning: #cbac76;
-    --color-chart-warning-subtle: #32302f;
-    --color-chart-warning-bold: #fae0b3;
-    --color-chart-negative: #d07c7c;
-    --color-chart-negative-subtle: #312b31;
-    --color-chart-negative-bold: #f49a9a;
-    --color-chart-info: #6e95cf;
-    --color-chart-info-subtle: #282e39;
-    --color-chart-info-bold: #99c1fa;
-    --color-chart-accent: #0aa6b8;
-    --color-chart-accent-subtle: #262f36;
-    --color-chart-accent-bold: #80dfea;
-    --color-media-item-background-black: #000000;
-    --color-media-item-background-white: #ffffff;
-    --color-media-item-background-transparent: rgba(255, 255, 255, 0);
-    --color-media-item-overlay-hover: rgba(0, 0, 0, 0.3);
-    --color-media-item-overlay-active: rgba(0, 0, 0, 0.6);
-    --color-media-item-category-icon-background-default: #32363e;
-    --color-skeletonLoader-background-container: #1a1c1c;
-    --color-skeletonLoader-background-element: #282c34;
-    --color-skeletonLoader-background-shimmer: rgba(255, 255, 255, 0.08);
-    --color-canvas: #111111;
-    --color-background-primary: #1a1c1c;
-    --color-background-secondary: #24282d;
-    --color-background-secondary-hover: #282c34;
-    --color-background-secondary-active: #1e2125;
-    --color-background-accent: #1d6670;
-    --color-background-accent-hover: #2db5c6;
-    --color-background-accent-active: #223c44;
-    --color-background-accent-disabled: rgba(29, 102, 112, 0.3);
-    --color-background-elevated: #24282d;
-    --color-background-onAccent: #ffffff;
-    --color-background-onAccent-hover: #ffffff;
-    --color-background-onAccent-active: #ffffff;
-    --color-background-onAccent-disabled: rgba(255, 255, 255, 0.65);
-    --color-background-error: #a45355;
-    --color-background-error-hover: #d07c7c;
-    --color-background-error-active: #4d3237;
-    --color-background-error-disabled: rgba(164, 83, 85, 0.3);
-    --color-background-success: #28816b;
-    --color-background-info: #2f538a;
-    --color-background-warning: #a4792d;
-    --color-background-accentSubtle: #223c44;
-    --color-background-errorSubtle: #4d3237;
-    --color-background-successSubtle: #233d3d;
-    --color-background-infoSubtle: #29364c;
-    --color-background-warningSubtle: #4d412c;
-    --color-background-textHighlight-primary: rgba(178, 171, 57, 0.45);
-    --color-background-textHighlight-secondary: #494a2f;
-    --color-background-textHighlight-find: rgba(178, 171, 57, 0.6);
-    --color-background-textHighlight-learningRadar: #f07575;
-    --color-background-textHighlight-qbankKeyInfo: #a4792d;
-    --color-background-textHighlight-relevancePrimary: #233d3d;
-    --color-background-textHighlight-relevanceSecondary: rgba(35, 61, 61, 0.8);
-    --color-background-textHighlight-customBlue: #015e7d;
-    --color-background-textHighlight-customGreen: #347832;
-    --color-background-textHighlight-customPink: #bf2c9a;
-    --color-background-contrast: #ced1d6;
-    --color-background-transparent: rgba(255, 255, 255, 0);
-    --color-background-transparent-selected: #40454f;
-    --color-background-transparent-hover: rgba(147, 149, 159, 0.15);
-    --color-background-transparent-active: rgba(147, 151, 159, 0.08);
-    --color-background-transparent-selectedHover: #393e47;
-    --color-background-placeholder: #393e47;
-    --color-background-placeholder-hover: #40454f;
-    --color-background-backdrop: rgba(0, 0, 0, 0.6);
-    --color-text-primary: #ced1d6;
-    --color-text-primary-hover: #ffffff;
-    --color-text-secondary: #b9bcc3;
-    --color-text-secondary-hover: #ced1d6;
-    --color-text-tertiary: #93979f;
-    --color-text-tertiary-disabled: rgba(216, 218, 222, 0.3);
-    --color-text-tertiary-hover: #b9bcc3;
-    --color-text-quaternary: #757a84;
-    --color-text-accent: #2db5c6;
-    --color-text-accent-hover: #80dfea;
-    --color-text-onAccent: #ffffff;
-    --color-text-onAccent-disabled: rgba(216, 218, 222, 0.3);
-    --color-text-onAccentSubtle: rgba(255, 255, 255, 0.65);
-    --color-text-info: #99c1fa;
-    --color-text-error: #f49a9a;
-    --color-text-error-disabled: rgba(244, 154, 154, 0.3);
-    --color-text-warning: #fae0b3;
-    --color-text-success: #a6f2dd;
-    --color-text-underline: #757a84;
-    --color-text-underline-hover: #93979f;
-    --color-text-dottedUnderline: #b9bcc3;
-    --color-text-dottedUnderline-hover: #ced1d6;
-    --color-icon-primary: #d8dade;
-    --color-icon-primary-hover: #d8dade;
-    --color-icon-secondary: #ced1d6;
-    --color-icon-secondary-hover: #d8dade;
-    --color-icon-tertiary: #93979f;
-    --color-icon-tertiary-hover: #b9bcc3;
-    --color-icon-quaternary: #757a84;
-    --color-icon-quaternary-hover: #93979f;
-    --color-icon-accent: #2db5c6;
-    --color-icon-accent-hover: #80dfea;
-    --color-icon-onAccent: #ffffff;
-    --color-icon-onAccent-hover: #ffffff;
-    --color-icon-onAccentSubtle: rgba(255, 255, 255, 0.65);
-    --color-icon-onAccentSubtle-hover: rgba(255, 255, 255, 0.3);
-    --color-icon-info: #6e95cf;
-    --color-icon-info-hover: #99c1fa;
-    --color-icon-error: #d07c7c;
-    --color-icon-error-hover: #f49a9a;
-    --color-icon-warning: #cbac76;
-    --color-icon-warning-hover: #fae0b3;
-    --color-icon-success: #41a48a;
-    --color-icon-success-hover: #a6f2dd;
-    --color-icon-brand: #2db5c6;
-    --color-icon-brand-hover: #80dfea;
-    --color-border-primary: #757a84;
-    --color-border-primary-hover: #93979f;
-    --color-border-primary-active: #b9bcc3;
-    --color-border-primary-disabled: rgba(147, 151, 159, 0.08);
-    --color-border-secondary: rgba(147, 149, 159, 0.3);
-    --color-border-secondary-hover: #757a84;
-    --color-border-secondary-active: #93979f;
-    --color-border-accent: #2db5c6;
-    --color-border-onAccent: #ffffff;
-    --color-border-accentSubtle: #1d6670;
-    --color-border-error: #d07c7c;
-    --color-border-success: #41a48a;
-    --color-border-successSubtle: #28816b;
-    --color-border-errorSubtle: #a45355;
-    --color-border-infoSubtle: #2f538a;
-    --color-border-warningSubtle: #a4792d;
-    --color-divider-primary: #32363e;
-    --color-divider-secondary: rgba(147, 149, 159, 0.15);
-    --color-divider-secondarySolid: #32363e;
-    --color-content-icon-physician-default: #6e95cf;
-    --color-content-icon-physician-hover: #99c1fa;
-    --color-content-icon-physicianUnimportant-default: rgba(153, 193, 250, 0.8);
-    --color-content-icon-physicianUnimportant-hover: #99c1fa;
-    --color-content-icon-unimportant-default: #757a84;
-    --color-content-icon-unimportant-hover: #93979f;
-    --color-content-text-physician-default: #99c1fa;
-    --color-content-text-physician-hover: #99c1fa;
-    --color-content-text-physicianUnimportant-default: rgba(153, 193, 250, 0.8);
-    --color-content-text-physicianUnimportant-hover: #99c1fa;
-    --color-content-text-unimportant-default: #93979f;
-    --color-content-text-unimportant-hover: #b9bcc3;
-    --color-content-textUnderline-physician-default: rgba(153, 193, 250, 0.5);
-    --color-content-textUnderline-physician-hover: #99c1fa;
-    --color-content-textUnderline-physicianUnimportant-default: rgba(153, 193, 250, 0.5);
-    --color-content-textUnderline-physicianUnimportant-hover: #99c1fa;
-    --color-content-textUnderline-unimportant-default: #757a84;
-    --color-content-textUnderline-unimportant-hover: #93979f;
-    --color-content-textDottedUnderline-physician-default: rgba(153, 193, 250, 0.5);
-    --color-content-textDottedUnderline-physician-hover: #99c1fa;
-    --color-content-textDottedUnderline-physicianUnimportant-default: rgba(153, 193, 250, 0.5);
-    --color-content-textDottedUnderline-physicianUnimportant-hover: #99c1fa;
-    --color-content-textDottedUnderline-unimportant-default: #b9bcc3;
-    --color-content-textDottedUnderline-unimportant-hover: #ced1d6;
-    --color-content-reference-button-background-default: #32363e;
-    --color-content-reference-button-background-hover: #40454f;
-    --color-content-reference-button-background-active: #5b5f67;
-    --color-content-dosage-button-background-default: #471a95;
-    --color-content-dosage-button-background-hover: #6d37c8;
-    --color-content-dosage-button-text-default: #ddd7fd;
-    --color-content-dosage-button-text-hover: #ffffff;
-    --color-content-table-row-hover: rgba(29, 102, 112, 0.2);
-    --color-splash-card-text-accent-default: #2db5c6;
-    --color-splash-card-background-hover: #1d6670;
-    --elevation-1: 0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0), 0px 0px 0px 1px rgba(64, 69, 79, 0.4) inset;
-    --elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.4) inset;
-    --elevation-3: 0px 4px 20px 0px rgba(0, 0, 0, 0.2), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.5) inset;
-    --elevation-4: 0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.5) inset;
-    --shadow-default-ring: 0px 0px 0px 4px rgba(123, 142, 157, 0.1);
-    --shadow-focus-ring: 0px 0px 0px 4px rgba(4, 122, 136, 0.25);
-  }
-}