@salutejs/plasma-new-hope 0.336.0-canary.2220.17673344609.0 → 0.336.0-canary.2222.17762952669.0

package/emotion/es/components/CodeField/hooks/useWebOTP.js

@@ -0,0 +1,236 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import { useCallback, useEffect, useRef } from "react";
+import { getCodeValue, isWebOTPSupported } from "../utils";
+var isOTPCredential = function(credential) {
+    return credential !== null && 'code' in credential;
+};
+export var useWebOTP = function(param) {
+    var codeString = param.codeString, enableSMSAutoRead = param.enableSMSAutoRead, disabled = param.disabled, codeLength = param.codeLength, codeSetter = param.codeSetter, onFullCodeEnter = param.onFullCodeEnter;
+    var abortControllerRef = useRef(null);
+    var startWebOTPListener = useCallback(function() {
+        return _async_to_generator(function() {
+            var otp, otpCode, newCode, err;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!enableSMSAutoRead || disabled || !isWebOTPSupported()) {
+                            return [
+                                2
+                            ];
+                        }
+                        if (abortControllerRef.current) {
+                            abortControllerRef.current.abort();
+                        }
+                        abortControllerRef.current = new AbortController();
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            navigator.credentials.get({
+                                otp: {
+                                    transport: [
+                                        'sms'
+                                    ]
+                                },
+                                signal: abortControllerRef.current.signal
+                            })
+                        ];
+                    case 2:
+                        otp = _state.sent();
+                        if (otp && isOTPCredential(otp) && otp.code) {
+                            otpCode = otp.code;
+                            if (otpCode.length === codeLength) {
+                                newCode = getCodeValue(codeLength, otpCode);
+                                codeSetter(newCode);
+                                if (onFullCodeEnter) {
+                                    onFullCodeEnter(otpCode);
+                                }
+                            }
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        err = _state.sent();
+                        if (_instanceof(err, DOMException)) {
+                            if (err.name !== 'AbortError' && err.name !== 'NotAllowedError') {
+                                console.warn('Web OTP API error:', err);
+                            }
+                        } else if (_instanceof(err, Error)) {
+                            console.warn('Web OTP API error:', err);
+                        } else {
+                            console.warn('Unknown Web OTP API error:', err);
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
+    }, [
+        enableSMSAutoRead,
+        disabled,
+        codeLength,
+        onFullCodeEnter
+    ]);
+    var stopWebOTPListener = useCallback(function() {
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+            abortControllerRef.current = null;
+        }
+    }, []);
+    useEffect(function() {
+        if (isWebOTPSupported() && codeString === '' && enableSMSAutoRead && !disabled) {
+            startWebOTPListener();
+        } else {
+            stopWebOTPListener();
+        }
+        return function() {
+            stopWebOTPListener();
+        };
+    }, [
+        codeString,
+        enableSMSAutoRead,
+        disabled,
+        startWebOTPListener,
+        stopWebOTPListener
+    ]);
+};

package/emotion/es/components/CodeField/utils/handleCodeError.js

@@ -27,7 +27,7 @@ import { classes } from "../CodeField.tokens";
 import { ANIMATION_TIMEOUT } from "./constants";
 import { getCodeValue } from "./initialValuesHelper";
 export var handleCodeError = function(param) {
-    var codeLength = param.codeLength, codeErrorBehavior = param.codeErrorBehavior, currentCode = param.currentCode, inputRefs = param.inputRefs, inputContainerRef = param.inputContainerRef, captionRef = param.captionRef, setCode = param.setCode, codeSetter = param.codeSetter;
+    var codeLength = param.codeLength, codeErrorBehavior = param.codeErrorBehavior, currentCode = param.currentCode, inputRefs = param.inputRefs, inputContainerRef = param.inputContainerRef, captionRef = param.captionRef, setInnerValue = param.setInnerValue, codeSetter = param.codeSetter;
     if (!inputContainerRef.current) {
         return;
     }
@@ -41,7 +41,7 @@ export var handleCodeError = function(param) {
                 var newCode = _to_consumable_array(currentCode);
                 newCode.pop();
                 codeSetter(newCode);
-                setCode(currentCode);
+                setInnerValue(currentCode);
                 (_inputContainerRef_current = inputContainerRef.current) === null || _inputContainerRef_current === void 0 ? void 0 : _inputContainerRef_current.classList.remove(classes.codeErrorAnimation);
                 setTimeout(function() {
                     var _inputRefs_current_, _inputRefs_current_1;

package/emotion/es/components/CodeField/utils/handleItemError.js

@@ -26,14 +26,17 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { classes } from "../CodeField.tokens";
 import { ANIMATION_TIMEOUT } from "./constants";
 export var handleItemError = function(param) {
-    var currentSymbol = param.currentSymbol, itemErrorBehavior = param.itemErrorBehavior, index = param.index, newCode = param.newCode, inputRefs = param.inputRefs, setCode = param.setCode, codeSetter = param.codeSetter;
+    var currentSymbol = param.currentSymbol, itemErrorBehavior = param.itemErrorBehavior, index = param.index, newCode = param.newCode, inputRefs = param.inputRefs, setInnerValue = param.setInnerValue, codeSetter = param.codeSetter, onChange = param.onChange;
     if (!inputRefs.current[index] || currentSymbol === ' ') {
         return;
     }
     switch(itemErrorBehavior){
         case 'keep':
             var _inputRefs_current_index;
-            setCode(newCode);
+            setInnerValue(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             (_inputRefs_current_index = inputRefs.current[index]) === null || _inputRefs_current_index === void 0 ? void 0 : _inputRefs_current_index.classList.add(classes.itemError, classes.itemErrorAnimation);
             setTimeout(function() {
                 var _inputRefs_current_index;
@@ -47,11 +50,17 @@ export var handleItemError = function(param) {
         case 'forbid-enter':
             newCode[index] = '';
             codeSetter(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             break;
         case 'remove-symbol':
         default:
             var _inputRefs_current_index1;
-            setCode(newCode);
+            setInnerValue(newCode);
+            if (onChange) {
+                onChange(newCode.join(''));
+            }
             (_inputRefs_current_index1 = inputRefs.current[index]) === null || _inputRefs_current_index1 === void 0 ? void 0 : _inputRefs_current_index1.classList.add(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
             setTimeout(function() {
                 var _inputRefs_current_index;

package/emotion/es/components/CodeField/utils/index.js

@@ -1,3 +1,4 @@
 export { getFieldPattern, getPlaceholderValue, getCodeValue } from "./initialValuesHelper";
 export { handleItemError } from "./handleItemError";
 export { handleCodeError } from "./handleCodeError";
+export { isWebOTPSupported } from "./isWebOTPSupported";

package/emotion/es/components/CodeField/utils/isWebOTPSupported.js

@@ -0,0 +1,3 @@
+export var isWebOTPSupported = function() {
+    return typeof window !== 'undefined' && 'OTPCredential' in window && navigator.credentials && typeof navigator.credentials.get === 'function';
+};

package/emotion/es/components/Combobox/ComboboxNew/Combobox.js

@@ -210,6 +210,7 @@ import { Context } from "./Combobox.context";
         var _useState = _sliced_to_array(useState(getTextValue(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
         var _useState1 = _sliced_to_array(useState(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
+        var rootRef = useRef(null);
         var inputRef = useRef(null);
         var floatingPopoverRef = useRef(null);
         var inputForkRef = useForkRef(inputRef, ref);
@@ -244,15 +245,7 @@ import { Context } from "./Combobox.context";
             if (!isCurrentListOpen || alwaysOpened) {
                 return;
             }
-            dispatchPath({
-                type: 'reset'
-            });
-            dispatchFocusedPath({
-                type: 'reset'
-            });
-            if (onToggle) {
-                onToggle(false);
-            }
+            handleListToggle(false);
             // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
             setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
         }, floatingPopoverRef);
@@ -318,12 +311,18 @@ import { Context } from "./Combobox.context";
                     type: 'opened_first_level'
                 });
             } else {
+                var _rootRef_current;
                 dispatchFocusedPath({
                     type: 'reset'
                 });
                 dispatchPath({
                     type: 'reset'
                 });
+                // Скроллим чипы к левому краю при закрытии компонента
+                var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
+                if (multiple && value.length > 0 && el) {
+                    el.scrollLeft = 0;
+                }
             }
             if (onToggle) {
                 onToggle(opened);
@@ -534,7 +533,8 @@ import { Context } from "./Combobox.context";
             readOnly: readOnly,
             name: name,
             hintView: hintView,
-            hintSize: hintSize
+            hintSize: hintSize,
+            ref: rootRef
         }, name && /*#__PURE__*/ React.createElement(SelectNative, {
             items: valueToItemMap,
             name: name,

package/emotion/es/components/DatePicker/RangeDate/RangeDate.js

@@ -325,16 +325,6 @@ export var datePickerRangeRoot = function(Root) {
                 return;
             }
             var isCalendarOpen = ((firstInputRef === null || firstInputRef === void 0 ? void 0 : (_firstInputRef_current = firstInputRef.current) === null || _firstInputRef_current === void 0 ? void 0 : _firstInputRef_current.contains((event === null || event === void 0 ? void 0 : event.target) || null)) || (secondInputRef === null || secondInputRef === void 0 ? void 0 : (_secondInputRef_current = secondInputRef.current) === null || _secondInputRef_current === void 0 ? void 0 : _secondInputRef_current.contains((event === null || event === void 0 ? void 0 : event.target) || null))) && (event === null || event === void 0 ? void 0 : event.code) !== keys.Escape ? true : currentOpened;
-            if (!isCalendarOpen) {
-                if (calendarFirstValue && !calendarSecondValue) {
-                    var _secondInputRef_current1;
-                    secondInputRef === null || secondInputRef === void 0 ? void 0 : (_secondInputRef_current1 = secondInputRef.current) === null || _secondInputRef_current1 === void 0 ? void 0 : _secondInputRef_current1.focus();
-                }
-                if (calendarSecondValue && !calendarFirstValue) {
-                    var _firstInputRef_current1;
-                    firstInputRef === null || firstInputRef === void 0 ? void 0 : (_firstInputRef_current1 = firstInputRef.current) === null || _firstInputRef_current1 === void 0 ? void 0 : _firstInputRef_current1.focus();
-                }
-            }
             if (!isCalendarOpen) {
                 setSecondTextFieldClicked(false);
             }
@@ -373,28 +363,40 @@ export var datePickerRangeRoot = function(Root) {
             }, commonArgs)), endOriginalDate = _getFormattedDates1.originalDate;
             if (!calendarFirstValue && correctStartDates.calendar) {
                 startOriginalDate = new Date(correctStartDates.calendar);
+            }
+            if (!calendarSecondValue && correctEndDates.calendar) {
+                endOriginalDate = new Date(correctEndDates.calendar);
+            }
+            var _getSortedValues = _sliced_to_array(getSortedValues([
+                startOriginalDate,
+                endOriginalDate
+            ]), 2), startValue = _getSortedValues[0], endValue = _getSortedValues[1];
+            var _getFormattedDates2 = getFormattedDates(_object_spread({
+                value: startValue,
+                delimiter: dateFormatDelimiter
+            }, commonArgs)), formattedFirstDate = _getFormattedDates2.formattedDate, originalFirstDate = _getFormattedDates2.originalDate, isoFirstDate = _getFormattedDates2.isoDate;
+            var _getFormattedDates3 = getFormattedDates(_object_spread({
+                value: endValue,
+                delimiter: dateFormatDelimiter
+            }, commonArgs)), formattedSecondDate = _getFormattedDates3.formattedDate, originalSecondDate = _getFormattedDates3.originalDate, isoSecondDate = _getFormattedDates3.isoDate;
+            if (formattedFirstDate !== inputFirstValue) {
                 if (onChangeFirstValue) {
-                    onChangeFirstValue(event, correctStartDates.input, correctStartDates.calendar, correctStartDates.calendar.toISOString());
+                    onChangeFirstValue(event, formattedFirstDate, originalFirstDate, isoFirstDate);
                 }
                 if (onCommitFirstDate) {
-                    var dateInfo = getFirstQuarterInfo(correctStartDates.calendar);
-                    onCommitFirstDate(correctStartDates.input, false, true, dateInfo, correctStartDates.calendar, correctStartDates.calendar.toISOString());
+                    var dateInfo = originalFirstDate ? getFirstQuarterInfo(originalFirstDate) : undefined;
+                    onCommitFirstDate(formattedFirstDate, false, true, dateInfo, originalFirstDate, isoFirstDate);
                 }
             }
-            if (!calendarSecondValue && correctEndDates.calendar) {
-                endOriginalDate = new Date(correctEndDates.calendar);
+            if (formattedSecondDate !== inputSecondValue) {
                 if (onChangeSecondValue) {
-                    onChangeSecondValue(event, correctEndDates.input, correctEndDates.calendar, correctEndDates.calendar.toISOString());
+                    onChangeSecondValue(event, formattedSecondDate, originalSecondDate, isoSecondDate);
                 }
                 if (onCommitSecondDate) {
-                    var dateInfo1 = getSecondQuarterInfo(correctEndDates.calendar);
-                    onCommitSecondDate(correctEndDates.input, false, true, dateInfo1, correctEndDates.calendar, correctEndDates.calendar.toISOString());
+                    var dateInfo1 = originalSecondDate ? getSecondQuarterInfo(originalSecondDate) : undefined;
+                    onCommitSecondDate(formattedSecondDate, false, true, dateInfo1, originalSecondDate, isoSecondDate);
                 }
             }
-            var _getSortedValues = _sliced_to_array(getSortedValues([
-                startOriginalDate,
-                endOriginalDate
-            ]), 2), startValue = _getSortedValues[0], endValue = _getSortedValues[1];
             setFirstInputValue(startValue);
             setSecondInputValue(endValue);
             outerHandler === null || outerHandler === void 0 ? void 0 : outerHandler(event);

package/emotion/es/components/Drawer/Drawer.js

@@ -54,8 +54,9 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import React, { forwardRef, useMemo } from "react";
+import cls from "classnames";
 import { useForkRef } from "@salutejs/plasma-core";
-import { cx, getSizeValueFromProp, safeUseId } from "../../utils";
+import { getSizeValueFromProp, safeUseId } from "../../utils";
 import { usePopupContext } from "../Popup";
 import { Overlay } from "../Overlay";
 import { DEFAULT_Z_INDEX } from "../Popup/utils";
@@ -70,7 +71,7 @@ import { useDrawer } from "./hooks";
 // issue #823
 export var drawerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -84,6 +85,7 @@ export var drawerRoot = function(Root) {
             "opened",
             "initialFocusRef",
             "focusAfterRef",
+            "animationInfo",
             "className",
             "customBackgroundColor",
             "customContentBackgroundColor",
@@ -133,10 +135,11 @@ export var drawerRoot = function(Root) {
                 onClose();
             }
         };
+        var _obj;
         return /*#__PURE__*/ React.createElement(StyledPopup, _object_spread({
             id: innerId,
             ref: asModal ? innerRef : outerRef,
-            className: cx(placementClass),
+            className: cls(placementClass, className, (_obj = {}, _define_property(_obj, classes.enterCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.enter), _define_property(_obj, classes.exitCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.exit), _obj)),
             opened: innerIsOpen,
             zIndex: zIndex,
             placement: placement,
@@ -146,6 +149,7 @@ export var drawerRoot = function(Root) {
             height: innerHeight,
             offset: offset,
             withAnimation: true,
+            drawerAnimationInfo: animationInfo,
             overlay: asModal && /*#__PURE__*/ React.createElement(Root, {
                 view: view
             }, /*#__PURE__*/ React.createElement(Overlay, {
@@ -158,6 +162,7 @@ export var drawerRoot = function(Root) {
                 onOverlayClick: onDrawerOverlayKeyDown
             }))
         }, rest), /*#__PURE__*/ React.createElement(Root, {
+            className: classes.panel,
             view: view,
             size: size,
             style: {
@@ -169,8 +174,7 @@ export var drawerRoot = function(Root) {
             width: innerWidth,
             height: innerHeight,
             customBackgroundColor: customBackgroundColor,
-            customContentBackgroundColor: customContentBackgroundColor,
-            className: className
+            customContentBackgroundColor: customContentBackgroundColor
         }, children)));
     });
 };

package/emotion/es/components/Drawer/Drawer.styles.js

@@ -2,7 +2,7 @@ import styled from "@emotion/styled";
 import { component, mergeConfig } from "../../engines";
 import { popupClasses, popupConfig } from "../Popup";
 import { panelTokens, panelConfig } from "../Panel";
-import { classes, tokens } from "./Drawer.tokens";
+import { classes, privateTokens, tokens } from "./Drawer.tokens";
 var mergedPanelConfig = mergeConfig(panelConfig);
 var Panel = component(mergedPanelConfig);
 var Popup = component(popupConfig);
@@ -58,11 +58,11 @@ var getAnimationStyles = function() {
     }, '');
 };
 export var StyledPanel = /*#__PURE__*/ styled(Panel, {
-    target: "esjpvmp0",
+    target: "e1sh23y70",
     label: "StyledPanel"
-})(panelTokens.closeColor, ":var(", tokens.closeIconColor, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HMkIifQ== */");
+})(panelTokens.closeColor, ":var(", tokens.closeIconColor, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyQW5pbWF0aW9uSW5mbywgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgICBkcmF3ZXJBbmltYXRpb25JbmZvPzogRHJhd2VyQW5pbWF0aW9uSW5mbztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5cbiAgICAmLiR7Y2xhc3Nlcy5lbnRlckN1c3RvbUFuaW1hdGlvbn0ge1xuICAgICAgICAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgYW5pbWF0aW9uOiAkeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5lbnRlciB8fCBgdmFyKCR7cHJpdmF0ZVRva2Vucy5lbnRlckFuaW1hdGlvbn0pYH07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5leGl0Q3VzdG9tQW5pbWF0aW9ufSB7XG4gICAgICAgICYmLiR7cG9wdXBDbGFzc2VzLmVuZEFuaW1hdGlvbn0gLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogdmFyKCR7cHJpdmF0ZVRva2Vucy5jdXN0b21FeGl0QW5pbWF0aW9ufSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HMkIifQ== */");
 export var StyledPopup = /*#__PURE__*/ styled(Popup, {
-    target: "esjpvmp1",
+    target: "e1sh23y71",
     label: "StyledPopup"
 })("&&.", classes.overlay, "{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.", popupClasses.endAnimation, " .", classes.overlay, "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", popupClasses.root, ",&& .", popupClasses.root, " > div{width:", function(param) {
     var width = param.width;
@@ -70,4 +70,7 @@ export var StyledPopup = /*#__PURE__*/ styled(Popup, {
 }, ";height:", function(param) {
     var height = param.height;
     return height || 'auto';
-}, ";}", getAnimationStyles(), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHMkIifQ== */");
+}, ";}", getAnimationStyles(), "    &.", classes.enterCustomAnimation, "{&& .", popupClasses.root, "{animation:", function(param) {
+    var drawerAnimationInfo = param.drawerAnimationInfo;
+    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.enter) || "var(".concat(privateTokens.enterAnimation, ")");
+}, ";}}&.", classes.exitCustomAnimation, "{&&.", popupClasses.endAnimation, " .", popupClasses.root, "{animation:var(", privateTokens.customExitAnimation, ");}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyQW5pbWF0aW9uSW5mbywgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgICBkcmF3ZXJBbmltYXRpb25JbmZvPzogRHJhd2VyQW5pbWF0aW9uSW5mbztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5cbiAgICAmLiR7Y2xhc3Nlcy5lbnRlckN1c3RvbUFuaW1hdGlvbn0ge1xuICAgICAgICAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgYW5pbWF0aW9uOiAkeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5lbnRlciB8fCBgdmFyKCR7cHJpdmF0ZVRva2Vucy5lbnRlckFuaW1hdGlvbn0pYH07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5leGl0Q3VzdG9tQW5pbWF0aW9ufSB7XG4gICAgICAgICYmLiR7cG9wdXBDbGFzc2VzLmVuZEFuaW1hdGlvbn0gLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogdmFyKCR7cHJpdmF0ZVRva2Vucy5jdXN0b21FeGl0QW5pbWF0aW9ufSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHMkIifQ== */");

package/emotion/es/components/Drawer/Drawer.tokens.js

@@ -3,6 +3,9 @@ export var classes = {
     header: 'drawer-header',
     footer: 'drawer-footer',
     overlay: 'drawer-overlay',
+    panel: 'drawer-panel',
+    enterCustomAnimation: 'drawer-enter-custom-animation',
+    exitCustomAnimation: 'drawer-exit-custom-animation',
     horizontal: 'drawer-horizontal',
     hasHeader: 'drawer-has-header',
     isRightClose: 'drawer-right-close-button',
@@ -11,6 +14,12 @@ export var classes = {
     rightPlacement: 'drawer-right-placement',
     leftPlacement: 'drawer-left-placement'
 };
+export var privateTokens = {
+    enterAnimation: '--plasma__private-drawer-enter-animation',
+    exitAnimation: '--plasma__private-drawer-exit-animation',
+    customEnterAnimation: '--plasma__private-drawer-custom-enter-animation',
+    customExitAnimation: '--plasma__private-drawer-custom-exit-animation'
+};
 export var tokens = {
     drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
     drawerOverlayColor: '--plasma-drawer-overlay-color',