@salutejs/plasma-new-hope 0.343.0-canary.2378.20020526385.0 → 0.343.0-canary.2378.20025711782.0

package/emotion/es/components/_beta/Popover/Popover.js

@@ -0,0 +1,263 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { forwardRef, useState, useRef } from "react";
+import cls from "classnames";
+import { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover, safePolygon, shift, flip, FloatingPortal, autoUpdate } from "@floating-ui/react";
+import { mergeRefs } from "../../../utils";
+import { css } from "@emotion/react";
+import { IconClose } from "../../_Icon";
+import { sizeToIconSize } from "./utils";
+import { tokens, classes } from "./Popover.tokens";
+import { base, Target, CloseButton } from "./Popover.styles";
+/* Ширина хвостика */ var ARROW_WIDTH = 20;
+/* Высота хвостика */ var ARROW_HEIGHT = 8;
+/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
+/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
+export var popoverRoot = function(Root) {
+    return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
+        var _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? 'closeNone' : _param_appearance, children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, rest = _object_without_properties(_param, [
+            "appearance",
+            "children",
+            "target",
+            "opened",
+            "defaultOpened",
+            "trigger",
+            "placement",
+            "arrow",
+            "flip",
+            "shift",
+            "offset",
+            "outsideClick",
+            "resizable",
+            "onResizeStart",
+            "onResizeEnd",
+            "onToggle",
+            "delayOpen",
+            "delayClose",
+            "zIndex",
+            "className",
+            "style",
+            "size"
+        ]);
+        var _useState = _sliced_to_array(useState(defaultOpened), 2), innerOpened = _useState[0], setInnerOpened = _useState[1];
+        var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
+        var arrowRef = useRef(null);
+        var handleToggle = function(opened) {
+            setInnerOpened(opened);
+            if (onToggle) {
+                onToggle(opened);
+            }
+        };
+        var _useFloating = useFloating({
+            whileElementsMounted: autoUpdate,
+            placement: placement,
+            open: opened,
+            onOpenChange: handleToggle,
+            middleware: [
+                outsideShift && shift(),
+                outsideFlip && flip(),
+                outerArrow && arrow({
+                    element: arrowRef,
+                    padding: ARROW_PADDING
+                }),
+                offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
+            ]
+        }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
+        var click = useClick(context, {
+            enabled: trigger === 'click'
+        });
+        var dismiss = useDismiss(context, {
+            enabled: true,
+            outsidePress: outsideClick
+        });
+        var role = useRole(context);
+        var hover = useHover(context, {
+            enabled: trigger === 'hover',
+            handleClose: safePolygon({
+                requireIntent: false
+            }),
+            delay: {
+                open: delayOpen,
+                close: delayClose
+            }
+        });
+        var _useInteractions = useInteractions([
+            dismiss,
+            role,
+            click,
+            hover
+        ]), getReferenceProps = _useInteractions.getReferenceProps, getFloatingProps = _useInteractions.getFloatingProps;
+        var commonRef = mergeRefs(outerRootRef, refs.setFloating);
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Target, _object_spread({
+            ref: refs.setReference
+        }, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(FloatingFocusManager, {
+            context: context
+        }, /*#__PURE__*/ React.createElement(Root, _object_spread_props(_object_spread({
+            ref: commonRef,
+            target: target,
+            className: cls(className, classes.popoverContainer),
+            style: _object_spread({
+                zIndex: zIndex
+            }, style, floatingStyles),
+            size: size
+        }, getFloatingProps(), rest), {
+            "data-popover-open": opened
+        }), appearance === 'closeInner' && /*#__PURE__*/ React.createElement(CloseButton, {
+            className: classes.popoverCloseIconButton,
+            onClick: function() {
+                return handleToggle(false);
+            }
+        }, /*#__PURE__*/ React.createElement(IconClose, {
+            size: sizeToIconSize(size),
+            color: "inherit"
+        })), outerArrow && /*#__PURE__*/ React.createElement(FloatingArrow, {
+            ref: arrowRef,
+            context: context,
+            width: ARROW_WIDTH,
+            height: ARROW_HEIGHT,
+            fill: "var(".concat(tokens.backgroundColor, ")"),
+            d: ARROW_POLYGON
+        }), children))));
+    });
+};
+export var popoverConfig = {
+    name: 'Popover',
+    tag: 'div',
+    layout: popoverRoot,
+    base: base,
+    variations: {
+        view: {
+            css: /*#__PURE__*/ css("css", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIudHN4Iiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL19iZXRhL1BvcG92ZXIvUG9wb3Zlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZVN0YXRlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7IFJvb3RQcm9wcyB9IGZyb20gJ3NyYy9lbmdpbmVzL3R5cGVzJztcbmltcG9ydCBjbHMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgSWNvbkNsb3NlIH0gZnJvbSAnLi4vLi4vX0ljb24nO1xuXG5pbXBvcnQgeyBzaXplVG9JY29uU2l6ZSB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjbGFzc2VzIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQsIENsb3NlQnV0dG9uIH0gZnJvbSAnLi9Qb3BvdmVyLnN0eWxlcyc7XG5pbXBvcnQgdHlwZSB7IFBvcG92ZXJQcm9wcyB9IGZyb20gJy4vUG9wb3Zlci50eXBlcyc7XG5cbi8qINCo0LjRgNC40L3QsCDRhdCy0L7RgdGC0LjQutCwICovXG5jb25zdCBBUlJPV19XSURUSCA9IDIwO1xuLyog0JLRi9GB0L7RgtCwINGF0LLQvtGB0YLQuNC60LAgKi9cbmNvbnN0IEFSUk9XX0hFSUdIVCA9IDg7XG4vKiBTVkcg0YXQstC+0YHRgtC40LrQsCAqL1xuY29uc3QgQVJST1dfUE9MWUdPTiA9ICdNMjAgMjBMMCAyMEM4Ljg4ODg5IDIwLjAwMDEgMTAgMTIuNTcxNCAxMCAxMkMxMCAxMi41NzE0IDExLjMyNzMgMjAuMDA2IDIwIDIwWic7XG4vKiDQntGC0YHRgtGD0L8g0YXQstC+0YHRgtC40LrQsCDQv9C+INC60YDQsNGP0LwgKNGH0YLQvtCx0Ysg0LjQt9Cx0LXQttCw0YLRjCDQutC+0LvQu9C40LfQuNC4INGB0L4g0YHQutGA0YPQs9C70LXQvdC90YvQvNC4INGD0LPQu9Cw0LzQuCkgKi9cbmNvbnN0IEFSUk9XX1BBRERJTkcgPSAxNjtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MRGl2RWxlbWVudCwgUG9wb3ZlclByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBQb3BvdmVyUHJvcHM+KFxuICAgICAgICAoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgYXBwZWFyYW5jZSA9ICdjbG9zZU5vbmUnLFxuICAgICAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgICAgIHRhcmdldCxcbiAgICAgICAgICAgICAgICBvcGVuZWQ6IG91dGVyT3BlbmVkLFxuICAgICAgICAgICAgICAgIGRlZmF1bHRPcGVuZWQgPSBmYWxzZSxcbiAgICAgICAgICAgICAgICB0cmlnZ2VyID0gJ2NsaWNrJyxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgICAgICAgICAgICBhcnJvdzogb3V0ZXJBcnJvdyA9IHRydWUsXG4gICAgICAgICAgICAgICAgZmxpcDogb3V0c2lkZUZsaXAgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHNoaWZ0OiBvdXRzaWRlU2hpZnQgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG9mZnNldDogb3V0ZXJPZmZzZXQgPSAwLFxuICAgICAgICAgICAgICAgIG91dHNpZGVDbGljayA9IHRydWUsXG4gICAgICAgICAgICAgICAgcmVzaXphYmxlLFxuICAgICAgICAgICAgICAgIG9uUmVzaXplU3RhcnQsXG4gICAgICAgICAgICAgICAgb25SZXNpemVFbmQsXG4gICAgICAgICAgICAgICAgb25Ub2dnbGUsXG4gICAgICAgICAgICAgICAgZGVsYXlPcGVuID0gMCxcbiAgICAgICAgICAgICAgICBkZWxheUNsb3NlID0gMCxcbiAgICAgICAgICAgICAgICB6SW5kZXggPSAxMDAwLFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICAgICAgICBzaXplLFxuICAgICAgICAgICAgICAgIC4uLnJlc3RcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBvdXRlclJvb3RSZWYsXG4gICAgICAgICkgPT4ge1xuICAgICAgICAgICAgY29uc3QgW2lubmVyT3BlbmVkLCBzZXRJbm5lck9wZW5lZF0gPSB1c2VTdGF0ZShkZWZhdWx0T3BlbmVkKTtcblxuICAgICAgICAgICAgY29uc3Qgb3BlbmVkID0gb3V0ZXJPcGVuZWQgPz8gaW5uZXJPcGVuZWQ7XG5cbiAgICAgICAgICAgIGNvbnN0IGFycm93UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgICAgICAgICBjb25zdCBoYW5kbGVUb2dnbGUgPSAob3BlbmVkOiBib29sZWFuKSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0SW5uZXJPcGVuZWQob3BlbmVkKTtcblxuICAgICAgICAgICAgICAgIGlmIChvblRvZ2dsZSkge1xuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZShvcGVuZWQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICAgICAgICAgICAgICB3aGlsZUVsZW1lbnRzTW91bnRlZDogYXV0b1VwZGF0ZSxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgICAgICAgICAgb3Blbjogb3BlbmVkLFxuICAgICAgICAgICAgICAgIG9uT3BlbkNoYW5nZTogaGFuZGxlVG9nZ2xlLFxuICAgICAgICAgICAgICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgICAgICAgICAgICAgICAgb3V0c2lkZVNoaWZ0ICYmIHNoaWZ0KCksXG4gICAgICAgICAgICAgICAgICAgIG91dHNpZGVGbGlwICYmIGZsaXAoKSxcbiAgICAgICAgICAgICAgICAgICAgb3V0ZXJBcnJvdyAmJiBhcnJvdyh7IGVsZW1lbnQ6IGFycm93UmVmLCBwYWRkaW5nOiBBUlJPV19QQURESU5HIH0pLFxuICAgICAgICAgICAgICAgICAgICBvZmZzZXQoKG91dGVyQXJyb3cgPyBBUlJPV19IRUlHSFQgOiAwKSArIG91dGVyT2Zmc2V0KSxcbiAgICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGNvbnN0IGNsaWNrID0gdXNlQ2xpY2soY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRyaWdnZXIgPT09ICdjbGljaycsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cnVlLFxuICAgICAgICAgICAgICAgIG91dHNpZGVQcmVzczogb3V0c2lkZUNsaWNrLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0KTtcbiAgICAgICAgICAgIGNvbnN0IGhvdmVyID0gdXNlSG92ZXIoY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRyaWdnZXIgPT09ICdob3ZlcicsXG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2U6IHNhZmVQb2x5Z29uKHtcbiAgICAgICAgICAgICAgICAgICAgcmVxdWlyZUludGVudDogZmFsc2UsXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgZGVsYXk6IHtcbiAgICAgICAgICAgICAgICAgICAgb3BlbjogZGVsYXlPcGVuLFxuICAgICAgICAgICAgICAgICAgICBjbG9zZTogZGVsYXlDbG9zZSxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGNvbnN0IHsgZ2V0UmVmZXJlbmNlUHJvcHMsIGdldEZsb2F0aW5nUHJvcHMgfSA9IHVzZUludGVyYWN0aW9ucyhbZGlzbWlzcywgcm9sZSwgY2xpY2ssIGhvdmVyXSk7XG5cbiAgICAgICAgICAgIGNvbnN0IGNvbW1vblJlZiA9IG1lcmdlUmVmcyhvdXRlclJvb3RSZWYsIHJlZnMuc2V0RmxvYXRpbmcpO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxUYXJnZXQgcmVmPXtyZWZzLnNldFJlZmVyZW5jZX0gey4uLmdldFJlZmVyZW5jZVByb3BzKCl9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgPC9UYXJnZXQ+XG5cbiAgICAgICAgICAgICAgICAgICAge29wZW5lZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nRm9jdXNNYW5hZ2VyIGNvbnRleHQ9e2NvbnRleHR9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Um9vdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtjb21tb25SZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9e3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzKGNsYXNzTmFtZSwgY2xhc3Nlcy5wb3BvdmVyQ29udGFpbmVyKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IHpJbmRleCwgLi4uc3R5bGUsIC4uLmZsb2F0aW5nU3R5bGVzIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1wb3BvdmVyLW9wZW49e29wZW5lZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2FwcGVhcmFuY2UgPT09ICdjbG9zZUlubmVyJyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENsb3NlQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5wb3BvdmVyQ2xvc2VJY29uQnV0dG9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVUb2dnbGUoZmFsc2UpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25DbG9zZSBzaXplPXtzaXplVG9JY29uU2l6ZShzaXplKX0gY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Nsb3NlQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge291dGVyQXJyb3cgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlZj17YXJyb3dSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9e2B2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfSlgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPXtBUlJPV19QT0xZR09OfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nRm9jdXNNYW5hZ2VyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgKTtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJDb25maWcgPSB7XG4gICAgbmFtZTogJ1BvcG92ZXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiBwb3BvdmVyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStLaUIifQ== */")
+        },
+        size: {
+            css: /*#__PURE__*/ css("css", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIudHN4Iiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL19iZXRhL1BvcG92ZXIvUG9wb3Zlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZVN0YXRlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7IFJvb3RQcm9wcyB9IGZyb20gJ3NyYy9lbmdpbmVzL3R5cGVzJztcbmltcG9ydCBjbHMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQge1xuICAgIHVzZUZsb2F0aW5nLFxuICAgIHVzZUludGVyYWN0aW9ucyxcbiAgICB1c2VDbGljayxcbiAgICB1c2VEaXNtaXNzLFxuICAgIHVzZVJvbGUsXG4gICAgRmxvYXRpbmdGb2N1c01hbmFnZXIsXG4gICAgRmxvYXRpbmdBcnJvdyxcbiAgICBhcnJvdyxcbiAgICBvZmZzZXQsXG4gICAgdXNlSG92ZXIsXG4gICAgc2FmZVBvbHlnb24sXG4gICAgc2hpZnQsXG4gICAgZmxpcCxcbiAgICBGbG9hdGluZ1BvcnRhbCxcbiAgICBhdXRvVXBkYXRlLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QnO1xuaW1wb3J0IHsgbWVyZ2VSZWZzIH0gZnJvbSAnc3JjL3V0aWxzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgSWNvbkNsb3NlIH0gZnJvbSAnLi4vLi4vX0ljb24nO1xuXG5pbXBvcnQgeyBzaXplVG9JY29uU2l6ZSB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjbGFzc2VzIH0gZnJvbSAnLi9Qb3BvdmVyLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlLCBUYXJnZXQsIENsb3NlQnV0dG9uIH0gZnJvbSAnLi9Qb3BvdmVyLnN0eWxlcyc7XG5pbXBvcnQgdHlwZSB7IFBvcG92ZXJQcm9wcyB9IGZyb20gJy4vUG9wb3Zlci50eXBlcyc7XG5cbi8qINCo0LjRgNC40L3QsCDRhdCy0L7RgdGC0LjQutCwICovXG5jb25zdCBBUlJPV19XSURUSCA9IDIwO1xuLyog0JLRi9GB0L7RgtCwINGF0LLQvtGB0YLQuNC60LAgKi9cbmNvbnN0IEFSUk9XX0hFSUdIVCA9IDg7XG4vKiBTVkcg0YXQstC+0YHRgtC40LrQsCAqL1xuY29uc3QgQVJST1dfUE9MWUdPTiA9ICdNMjAgMjBMMCAyMEM4Ljg4ODg5IDIwLjAwMDEgMTAgMTIuNTcxNCAxMCAxMkMxMCAxMi41NzE0IDExLjMyNzMgMjAuMDA2IDIwIDIwWic7XG4vKiDQntGC0YHRgtGD0L8g0YXQstC+0YHRgtC40LrQsCDQv9C+INC60YDQsNGP0LwgKNGH0YLQvtCx0Ysg0LjQt9Cx0LXQttCw0YLRjCDQutC+0LvQu9C40LfQuNC4INGB0L4g0YHQutGA0YPQs9C70LXQvdC90YvQvNC4INGD0LPQu9Cw0LzQuCkgKi9cbmNvbnN0IEFSUk9XX1BBRERJTkcgPSAxNjtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MRGl2RWxlbWVudCwgUG9wb3ZlclByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBQb3BvdmVyUHJvcHM+KFxuICAgICAgICAoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgYXBwZWFyYW5jZSA9ICdjbG9zZU5vbmUnLFxuICAgICAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgICAgIHRhcmdldCxcbiAgICAgICAgICAgICAgICBvcGVuZWQ6IG91dGVyT3BlbmVkLFxuICAgICAgICAgICAgICAgIGRlZmF1bHRPcGVuZWQgPSBmYWxzZSxcbiAgICAgICAgICAgICAgICB0cmlnZ2VyID0gJ2NsaWNrJyxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgICAgICAgICAgICAgICBhcnJvdzogb3V0ZXJBcnJvdyA9IHRydWUsXG4gICAgICAgICAgICAgICAgZmxpcDogb3V0c2lkZUZsaXAgPSB0cnVlLFxuICAgICAgICAgICAgICAgIHNoaWZ0OiBvdXRzaWRlU2hpZnQgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG9mZnNldDogb3V0ZXJPZmZzZXQgPSAwLFxuICAgICAgICAgICAgICAgIG91dHNpZGVDbGljayA9IHRydWUsXG4gICAgICAgICAgICAgICAgcmVzaXphYmxlLFxuICAgICAgICAgICAgICAgIG9uUmVzaXplU3RhcnQsXG4gICAgICAgICAgICAgICAgb25SZXNpemVFbmQsXG4gICAgICAgICAgICAgICAgb25Ub2dnbGUsXG4gICAgICAgICAgICAgICAgZGVsYXlPcGVuID0gMCxcbiAgICAgICAgICAgICAgICBkZWxheUNsb3NlID0gMCxcbiAgICAgICAgICAgICAgICB6SW5kZXggPSAxMDAwLFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICAgICAgICBzaXplLFxuICAgICAgICAgICAgICAgIC4uLnJlc3RcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBvdXRlclJvb3RSZWYsXG4gICAgICAgICkgPT4ge1xuICAgICAgICAgICAgY29uc3QgW2lubmVyT3BlbmVkLCBzZXRJbm5lck9wZW5lZF0gPSB1c2VTdGF0ZShkZWZhdWx0T3BlbmVkKTtcblxuICAgICAgICAgICAgY29uc3Qgb3BlbmVkID0gb3V0ZXJPcGVuZWQgPz8gaW5uZXJPcGVuZWQ7XG5cbiAgICAgICAgICAgIGNvbnN0IGFycm93UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgICAgICAgICBjb25zdCBoYW5kbGVUb2dnbGUgPSAob3BlbmVkOiBib29sZWFuKSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0SW5uZXJPcGVuZWQob3BlbmVkKTtcblxuICAgICAgICAgICAgICAgIGlmIChvblRvZ2dsZSkge1xuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZShvcGVuZWQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICAgICAgICAgICAgICB3aGlsZUVsZW1lbnRzTW91bnRlZDogYXV0b1VwZGF0ZSxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgICAgICAgICAgb3Blbjogb3BlbmVkLFxuICAgICAgICAgICAgICAgIG9uT3BlbkNoYW5nZTogaGFuZGxlVG9nZ2xlLFxuICAgICAgICAgICAgICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgICAgICAgICAgICAgICAgb3V0c2lkZVNoaWZ0ICYmIHNoaWZ0KCksXG4gICAgICAgICAgICAgICAgICAgIG91dHNpZGVGbGlwICYmIGZsaXAoKSxcbiAgICAgICAgICAgICAgICAgICAgb3V0ZXJBcnJvdyAmJiBhcnJvdyh7IGVsZW1lbnQ6IGFycm93UmVmLCBwYWRkaW5nOiBBUlJPV19QQURESU5HIH0pLFxuICAgICAgICAgICAgICAgICAgICBvZmZzZXQoKG91dGVyQXJyb3cgPyBBUlJPV19IRUlHSFQgOiAwKSArIG91dGVyT2Zmc2V0KSxcbiAgICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGNvbnN0IGNsaWNrID0gdXNlQ2xpY2soY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRyaWdnZXIgPT09ICdjbGljaycsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQsIHtcbiAgICAgICAgICAgICAgICBlbmFibGVkOiB0cnVlLFxuICAgICAgICAgICAgICAgIG91dHNpZGVQcmVzczogb3V0c2lkZUNsaWNrLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0KTtcbiAgICAgICAgICAgIGNvbnN0IGhvdmVyID0gdXNlSG92ZXIoY29udGV4dCwge1xuICAgICAgICAgICAgICAgIGVuYWJsZWQ6IHRyaWdnZXIgPT09ICdob3ZlcicsXG4gICAgICAgICAgICAgICAgaGFuZGxlQ2xvc2U6IHNhZmVQb2x5Z29uKHtcbiAgICAgICAgICAgICAgICAgICAgcmVxdWlyZUludGVudDogZmFsc2UsXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgZGVsYXk6IHtcbiAgICAgICAgICAgICAgICAgICAgb3BlbjogZGVsYXlPcGVuLFxuICAgICAgICAgICAgICAgICAgICBjbG9zZTogZGVsYXlDbG9zZSxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGNvbnN0IHsgZ2V0UmVmZXJlbmNlUHJvcHMsIGdldEZsb2F0aW5nUHJvcHMgfSA9IHVzZUludGVyYWN0aW9ucyhbZGlzbWlzcywgcm9sZSwgY2xpY2ssIGhvdmVyXSk7XG5cbiAgICAgICAgICAgIGNvbnN0IGNvbW1vblJlZiA9IG1lcmdlUmVmcyhvdXRlclJvb3RSZWYsIHJlZnMuc2V0RmxvYXRpbmcpO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgIDxUYXJnZXQgcmVmPXtyZWZzLnNldFJlZmVyZW5jZX0gey4uLmdldFJlZmVyZW5jZVByb3BzKCl9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgPC9UYXJnZXQ+XG5cbiAgICAgICAgICAgICAgICAgICAge29wZW5lZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RmxvYXRpbmdQb3J0YWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZsb2F0aW5nRm9jdXNNYW5hZ2VyIGNvbnRleHQ9e2NvbnRleHR9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Um9vdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtjb21tb25SZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9e3RhcmdldH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzKGNsYXNzTmFtZSwgY2xhc3Nlcy5wb3BvdmVyQ29udGFpbmVyKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IHpJbmRleCwgLi4uc3R5bGUsIC4uLmZsb2F0aW5nU3R5bGVzIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1wb3BvdmVyLW9wZW49e29wZW5lZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2FwcGVhcmFuY2UgPT09ICdjbG9zZUlubmVyJyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENsb3NlQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5wb3BvdmVyQ2xvc2VJY29uQnV0dG9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVUb2dnbGUoZmFsc2UpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25DbG9zZSBzaXplPXtzaXplVG9JY29uU2l6ZShzaXplKX0gY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Nsb3NlQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge291dGVyQXJyb3cgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGbG9hdGluZ0Fycm93XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlZj17YXJyb3dSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ9e2NvbnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXtBUlJPV19XSURUSH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtBUlJPV19IRUlHSFR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9e2B2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfSlgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPXtBUlJPV19QT0xZR09OfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zsb2F0aW5nRm9jdXNNYW5hZ2VyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9GbG9hdGluZ1BvcnRhbD5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgKTtcblxuZXhwb3J0IGNvbnN0IHBvcG92ZXJDb25maWcgPSB7XG4gICAgbmFtZTogJ1BvcG92ZXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiBwb3BvdmVyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtMaUIifQ== */")
+        }
+    },
+    defaults: {
+        view: 'default',
+        size: 'm'
+    }
+};

package/emotion/es/components/_beta/Popover/Popover.styles.js

@@ -0,0 +1,12 @@
+import styled from "@emotion/styled";
+import { css } from "@emotion/react";
+import { tokens } from "./Popover.tokens";
+export var base = /*#__PURE__*/ css("position:relative;background:var(", tokens.backgroundColor, ");padding:var(", tokens.padding, ");border-radius:var(", tokens.borderRadius, ");box-shadow:var(", tokens.boxShadow, ");", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL19iZXRhL1BvcG92ZXIvUG9wb3Zlci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1BvcG92ZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuYm94U2hhZG93fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFyZ2V0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiB2YXIoJHt0b2tlbnMuaWNvbk9mZnNldH0pO1xuICAgIHJpZ2h0OiB2YXIoJHt0b2tlbnMuaWNvbk9mZnNldH0pO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBsaW5lLWhlaWdodDogMDtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmljb25Db2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaWNvbkNvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaWNvbkNvbG9yQWN0aXZlfSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
+export var Target = /*#__PURE__*/ styled("div", {
+    target: "e1kz4yns0",
+    label: "Target"
+})("display:inline-block;max-width:100%;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL19iZXRhL1BvcG92ZXIvUG9wb3Zlci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1BvcG92ZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuYm94U2hhZG93fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFyZ2V0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiB2YXIoJHt0b2tlbnMuaWNvbk9mZnNldH0pO1xuICAgIHJpZ2h0OiB2YXIoJHt0b2tlbnMuaWNvbk9mZnNldH0pO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBsaW5lLWhlaWdodDogMDtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmljb25Db2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaWNvbkNvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaWNvbkNvbG9yQWN0aXZlfSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhc0IifQ== */");
+export var CloseButton = /*#__PURE__*/ styled("button", {
+    target: "e1kz4yns1",
+    label: "CloseButton"
+})("position:absolute;top:var(", tokens.iconOffset, ");right:var(", tokens.iconOffset, ");padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(", tokens.iconColor, ");&:hover{color:var(", tokens.iconColorHover, ");}&:active{color:var(", tokens.iconColorActive, ");}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL19iZXRhL1BvcG92ZXIvUG9wb3Zlci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1BvcG92ZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuYm94U2hhZG93fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgVGFyZ2V0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiB2YXIoJHt0b2tlbnMuaWNvbk9mZnNldH0pO1xuICAgIHJpZ2h0OiB2YXIoJHt0b2tlbnMuaWNvbk9mZnNldH0pO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBsaW5lLWhlaWdodDogMDtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmljb25Db2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaWNvbkNvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaWNvbkNvbG9yQWN0aXZlfSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjJCIn0= */");

package/emotion/es/components/_beta/Popover/Popover.tokens.js

@@ -0,0 +1,14 @@
+export var classes = {
+    popoverContainer: 'popover-container',
+    popoverCloseIconButton: 'popover-close-icon-button'
+};
+export var tokens = {
+    backgroundColor: '--plasma-popover-background-color',
+    borderRadius: '--plasma-popover-border-radius',
+    padding: '--plasma-popover-padding',
+    boxShadow: '--plasma-popover-box-shadow',
+    iconColor: '--plasma-popover-icon-color',
+    iconColorHover: '--plasma-popover-icon-color-hover',
+    iconColorActive: '--plasma-popover-icon-color-active',
+    iconOffset: '--plasma-popover-icon-offset'
+};

package/emotion/es/components/_beta/Popover/index.js

@@ -0,0 +1,2 @@
+export { popoverRoot as _beta_popoverRoot, popoverConfig as _beta_popoverConfig } from "./Popover";
+export { classes as _beta_popoverClasses, tokens as _beta_popoverTokens } from "./Popover.tokens";

package/emotion/es/components/_beta/Popover/utils/index.js

@@ -0,0 +1 @@
+export * from "./sizeToIconSize";

package/emotion/es/components/_beta/Popover/utils/sizeToIconSize.js

@@ -0,0 +1,3 @@
+export var sizeToIconSize = function(size) {
+    return size === 's' ? 'xs' : 's';
+};

package/emotion/es/examples/components/_beta/Popover/Popover.closeInner.config.js

@@ -0,0 +1,18 @@
+import { css } from "@emotion/react";
+import { _beta_popoverTokens as tokens } from "../../../../components/_beta/Popover";
+export var config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: /*#__PURE__*/ css(tokens.backgroundColor, ":var(--surface-solid-card);", tokens.boxShadow, ":var(--shadow-down-soft-m);", tokens.iconColor, ":var(--text-secondary);", tokens.iconColorHover, ":var(--text-secondary-hover);", tokens.iconColorActive, ":var(--text-secondary-active);", "default", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VJbm5lci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlci9Qb3BvdmVyLmNsb3NlSW5uZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IF9iZXRhX3BvcG92ZXJUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JBY3RpdmV9OiB2YXIoLS10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvckhvdmVyfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbkNvbG9yQWN0aXZlfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTcUIifQ== */"),
+            accent: /*#__PURE__*/ css(tokens.backgroundColor, ":var(--surface-accent);", tokens.boxShadow, ":var(--shadow-down-soft-m);", tokens.iconColor, ":var(--on-dark-text-secondary);", tokens.iconColorHover, ":var(--on-dark-text-secondary-hover);", tokens.iconColorActive, ":var(--on-dark-text-secondary-active);", "accent", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VJbm5lci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlci9Qb3BvdmVyLmNsb3NlSW5uZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IF9iZXRhX3BvcG92ZXJUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JBY3RpdmV9OiB2YXIoLS10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvckhvdmVyfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbkNvbG9yQWN0aXZlfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9CIn0= */")
+        },
+        size: {
+            l: /*#__PURE__*/ css(tokens.borderRadius, ":1rem;", tokens.padding, ":0.75rem;", tokens.iconOffset, ":0.75rem;", "l", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VJbm5lci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlci9Qb3BvdmVyLmNsb3NlSW5uZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IF9iZXRhX3BvcG92ZXJUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JBY3RpdmV9OiB2YXIoLS10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvckhvdmVyfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbkNvbG9yQWN0aXZlfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmUifQ== */"),
+            m: /*#__PURE__*/ css(tokens.borderRadius, ":0.875rem;", tokens.padding, ":0.625rem;", tokens.iconOffset, ":0.625rem;", "m", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VJbm5lci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlci9Qb3BvdmVyLmNsb3NlSW5uZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IF9iZXRhX3BvcG92ZXJUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JBY3RpdmV9OiB2YXIoLS10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvckhvdmVyfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbkNvbG9yQWN0aXZlfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmUifQ== */"),
+            s: /*#__PURE__*/ css(tokens.borderRadius, ":0.75rem;", tokens.padding, ":0.5rem;", tokens.iconOffset, ":0.5rem;", "s", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VJbm5lci5jb25maWcudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2V4YW1wbGVzL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlci9Qb3BvdmVyLmNsb3NlSW5uZXIuY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IF9iZXRhX3BvcG92ZXJUb2tlbnMgYXMgdG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvX2JldGEvUG9wb3Zlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JIb3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uQ29sb3JBY3RpdmV9OiB2YXIoLS10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGFjY2VudDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3hTaGFkb3d9OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LW0pO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLmljb25Db2xvckhvdmVyfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbkNvbG9yQWN0aXZlfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuaWNvbk9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuODc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5pY29uT2Zmc2V0fTogMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2UifQ== */")
+        }
+    }
+};

package/emotion/es/examples/components/_beta/Popover/Popover.closeNone.config.js

@@ -0,0 +1,18 @@
+import { css } from "@emotion/react";
+import { _beta_popoverTokens as tokens } from "../../../../components/_beta/Popover";
+export var config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: /*#__PURE__*/ css(tokens.backgroundColor, ":var(--surface-solid-card);", tokens.boxShadow, ":var(--shadow-down-soft-m);", "default", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfYmV0YV9wb3BvdmVyVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19iZXRhL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3FCIn0= */"),
+            accent: /*#__PURE__*/ css(tokens.backgroundColor, ":var(--surface-accent);", tokens.boxShadow, ":var(--shadow-down-soft-m);", "accent", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfYmV0YV9wb3BvdmVyVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19iZXRhL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9CIn0= */")
+        },
+        size: {
+            l: /*#__PURE__*/ css(tokens.borderRadius, ":1rem;", tokens.padding, ":0.75rem;", "l", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfYmV0YV9wb3BvdmVyVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19iZXRhL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJlIn0= */"),
+            m: /*#__PURE__*/ css(tokens.borderRadius, ":0.875rem;", tokens.padding, ":0.625rem;", "m", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfYmV0YV9wb3BvdmVyVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19iZXRhL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJlIn0= */"),
+            s: /*#__PURE__*/ css(tokens.borderRadius, ":0.75rem;", tokens.padding, ":0.5rem;", "s", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vZXhhbXBsZXMvY29tcG9uZW50cy9fYmV0YS9Qb3BvdmVyL1BvcG92ZXIuY2xvc2VOb25lLmNvbmZpZy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfYmV0YV9wb3BvdmVyVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19iZXRhL1BvcG92ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBhY2NlbnQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuYm94U2hhZG93fTogdmFyKC0tc2hhZG93LWRvd24tc29mdC1tKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZGRpbmd9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjg3NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWRkaW5nfTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJlIn0= */")
+        }
+    }
+};

package/emotion/es/examples/components/_beta/Popover/Popover.js

@@ -0,0 +1,18 @@
+import { _beta_popoverConfig } from "../../../../components/_beta/Popover";
+import { component, mergeConfig } from "../../../../engines";
+import { createConditionalComponent } from "../../../../utils";
+import { config as closeNoneConfig } from "./Popover.closeNone.config";
+import { config as closeInnerConfig } from "./Popover.closeInner.config";
+var mergedCloseNoneConfig = mergeConfig(_beta_popoverConfig, closeNoneConfig);
+export var PopoverCloseNone = component(mergedCloseNoneConfig);
+var mergedCloseInnerConfig = mergeConfig(_beta_popoverConfig, closeInnerConfig);
+export var PopoverCloseInner = component(mergedCloseInnerConfig);
+export var Popover = createConditionalComponent(PopoverCloseNone, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'closeInner'
+        },
+        component: PopoverCloseInner
+    }
+]);

package/emotion/es/index.js

@@ -88,3 +88,4 @@ export * from "./components/ProgressBarCircular";
 export * from "./components/TimePicker";
 export * from "./components/DateTimePicker";
 export * from "./components/Loader";
+export * from "./components/_beta/Popover";

package/es/components/_beta/Popover/Popover.js

@@ -0,0 +1,154 @@
+import './Popover_1ed9tky.css';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState, useRef } from 'react';
+import cls from 'classnames';
+import { useFloating, autoUpdate, shift, flip, arrow, offset, useClick, useDismiss, useRole, useHover, safePolygon, useInteractions, FloatingPortal, FloatingFocusManager, FloatingArrow } from '@floating-ui/react';
+import { classes, tokens } from './Popover.tokens.js';
+import { Target, CloseButton, base } from './Popover.styles.js';
+import { mergeRefs } from '../../../utils/setRefList.js';
+import { IconClose } from '../../_Icon/Icons/IconClose.js';
+import { sizeToIconSize } from './utils/sizeToIconSize.js';
+
+var _excluded = ["appearance", "children", "target", "opened", "defaultOpened", "trigger", "placement", "arrow", "flip", "shift", "offset", "outsideClick", "resizable", "onResizeStart", "onResizeEnd", "onToggle", "delayOpen", "delayClose", "zIndex", "className", "style", "size"];
+/* Ширина хвостика */
+var ARROW_WIDTH = 20;
+/* Высота хвостика */
+var ARROW_HEIGHT = 8;
+/* SVG хвостика */
+var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
+/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
+var ARROW_PADDING = 16;
+var popoverRoot = function popoverRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
+    var _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? 'closeNone' : _ref$appearance,
+      children = _ref.children,
+      target = _ref.target,
+      outerOpened = _ref.opened,
+      _ref$defaultOpened = _ref.defaultOpened,
+      defaultOpened = _ref$defaultOpened === void 0 ? false : _ref$defaultOpened,
+      _ref$trigger = _ref.trigger,
+      trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+      _ref$arrow = _ref.arrow,
+      outerArrow = _ref$arrow === void 0 ? true : _ref$arrow,
+      _ref$flip = _ref.flip,
+      outsideFlip = _ref$flip === void 0 ? true : _ref$flip,
+      _ref$shift = _ref.shift,
+      outsideShift = _ref$shift === void 0 ? true : _ref$shift,
+      _ref$offset = _ref.offset,
+      outerOffset = _ref$offset === void 0 ? 0 : _ref$offset,
+      _ref$outsideClick = _ref.outsideClick,
+      outsideClick = _ref$outsideClick === void 0 ? true : _ref$outsideClick,
+      onToggle = _ref.onToggle,
+      _ref$delayOpen = _ref.delayOpen,
+      delayOpen = _ref$delayOpen === void 0 ? 0 : _ref$delayOpen,
+      _ref$delayClose = _ref.delayClose,
+      delayClose = _ref$delayClose === void 0 ? 0 : _ref$delayClose,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
+      className = _ref.className,
+      style = _ref.style,
+      size = _ref.size,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var _useState = useState(defaultOpened),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerOpened = _useState2[0],
+      setInnerOpened = _useState2[1];
+    var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
+    var arrowRef = useRef(null);
+    var handleToggle = function handleToggle(opened) {
+      setInnerOpened(opened);
+      if (onToggle) {
+        onToggle(opened);
+      }
+    };
+    var _useFloating = useFloating({
+        whileElementsMounted: autoUpdate,
+        placement: placement,
+        open: opened,
+        onOpenChange: handleToggle,
+        middleware: [outsideShift && shift(), outsideFlip && flip(), outerArrow && arrow({
+          element: arrowRef,
+          padding: ARROW_PADDING
+        }), offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)]
+      }),
+      refs = _useFloating.refs,
+      floatingStyles = _useFloating.floatingStyles,
+      context = _useFloating.context;
+    var click = useClick(context, {
+      enabled: trigger === 'click'
+    });
+    var dismiss = useDismiss(context, {
+      enabled: true,
+      outsidePress: outsideClick
+    });
+    var role = useRole(context);
+    var hover = useHover(context, {
+      enabled: trigger === 'hover',
+      handleClose: safePolygon({
+        requireIntent: false
+      }),
+      delay: {
+        open: delayOpen,
+        close: delayClose
+      }
+    });
+    var _useInteractions = useInteractions([dismiss, role, click, hover]),
+      getReferenceProps = _useInteractions.getReferenceProps,
+      getFloatingProps = _useInteractions.getFloatingProps;
+    var commonRef = mergeRefs(outerRootRef, refs.setFloating);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Target, _extends({
+      ref: refs.setReference
+    }, getReferenceProps()), target), opened && /*#__PURE__*/React.createElement(FloatingPortal, null, /*#__PURE__*/React.createElement(FloatingFocusManager, {
+      context: context
+    }, /*#__PURE__*/React.createElement(Root, _extends({
+      ref: commonRef,
+      target: target,
+      className: cls(className, classes.popoverContainer),
+      style: _objectSpread2(_objectSpread2({
+        zIndex: zIndex
+      }, style), floatingStyles),
+      size: size
+    }, getFloatingProps(), rest, {
+      "data-popover-open": opened
+    }), appearance === 'closeInner' && /*#__PURE__*/React.createElement(CloseButton, {
+      className: classes.popoverCloseIconButton,
+      onClick: function onClick() {
+        return handleToggle(false);
+      }
+    }, /*#__PURE__*/React.createElement(IconClose, {
+      size: sizeToIconSize(size),
+      color: "inherit"
+    })), outerArrow && /*#__PURE__*/React.createElement(FloatingArrow, {
+      ref: arrowRef,
+      context: context,
+      width: ARROW_WIDTH,
+      height: ARROW_HEIGHT,
+      fill: "var(".concat(tokens.backgroundColor, ")"),
+      d: ARROW_POLYGON
+    }), children))));
+  });
+};
+var popoverConfig = {
+  name: 'Popover',
+  tag: 'div',
+  layout: popoverRoot,
+  base: base,
+  variations: {
+    view: {
+      css: "c1yk9mu4"
+    },
+    size: {
+      css: "ca7xm74"
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+export { popoverConfig, popoverRoot };
+//# sourceMappingURL=Popover.js.map