@salutejs/plasma-new-hope 0.336.0-canary.2239.17794430722.0 → 0.336.0-dev.0

package/emotion/cjs/components/Avatar/Avatar.tokens.js

@@ -39,6 +39,9 @@ var tokens = {
     outlineOffset: '--plasma-avatar-outline-offset',
     scaleHover: '--plasma-avatar-scale-hover',
     extraPlacementFactor: '--plasma-avatar-extra-placement-factor',
+    borderRadius: '--plasma-avatar-border-radius',
+    statusLeft: '--plasma-avatar-status-left',
+    statusTop: '--plasma-avatar-status-top',
     // extra badge tokens
     badgeBackground: '--plasma-avatar-extra-badge-background',
     badgeColor: '--plasma-avatar-extra-badge-color',

package/emotion/cjs/components/Avatar/variations/_shape/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _react = require("@emotion/react");
+var _Avatartokens = require("../../Avatar.tokens");
+var _Avatarstyles = require("../../Avatar.styles");
+var base = (0, /*#__PURE__*/ _react.css)(_Avatarstyles.Image, "{border-radius:var(", _Avatartokens.tokens.borderRadius, ");}", _Avatarstyles.Wrapper, "{border-radius:var(", _Avatartokens.tokens.borderRadius, ");}", _Avatarstyles.StatusIcon, "{top:var(", _Avatartokens.tokens.statusTop, ");left:var(", _Avatartokens.tokens.statusLeft, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdmF0YXIvdmFyaWF0aW9ucy9fc2hhcGUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdmF0YXIvdmFyaWF0aW9ucy9fc2hhcGUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL0F2YXRhci50b2tlbnMnO1xuaW1wb3J0IHsgSW1hZ2UsIFdyYXBwZXIsIFN0YXR1c0ljb24gfSBmcm9tICcuLi8uLi9BdmF0YXIuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHtJbWFnZX0ge1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgfVxuICAgICR7V3JhcHBlcn0ge1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgfVxuXG4gICAgJHtTdGF0dXNJY29ufSB7XG4gICAgICAgIHRvcDogdmFyKCR7dG9rZW5zLnN0YXR1c1RvcH0pO1xuICAgICAgICBsZWZ0OiB2YXIoJHt0b2tlbnMuc3RhdHVzTGVmdH0pO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");

package/emotion/cjs/components/Drawer/Drawer.js

@@ -17,6 +17,7 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
 var _Popup = require("../Popup");
@@ -43,6 +44,11 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -128,7 +134,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var drawerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.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",
@@ -142,6 +148,7 @@ var drawerRoot = function(Root) {
             "opened",
             "initialFocusRef",
             "focusAfterRef",
+            "animationInfo",
             "className",
             "customBackgroundColor",
             "customContentBackgroundColor",
@@ -191,10 +198,11 @@ var drawerRoot = function(Root) {
                 onClose();
             }
         };
+        var _obj;
         return /*#__PURE__*/ _react.default.createElement(_Drawerstyles.StyledPopup, _object_spread({
             id: innerId,
             ref: asModal ? innerRef : outerRef,
-            className: (0, _utils.cx)(placementClass),
+            className: (0, _classnames.default)(placementClass, className, (_obj = {}, _define_property(_obj, _Drawertokens.classes.enterCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.enter), _define_property(_obj, _Drawertokens.classes.exitCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.exit), _obj)),
             opened: innerIsOpen,
             zIndex: zIndex,
             placement: placement,
@@ -204,6 +212,7 @@ var drawerRoot = function(Root) {
             height: innerHeight,
             offset: offset,
             withAnimation: true,
+            drawerAnimationInfo: animationInfo,
             overlay: asModal && /*#__PURE__*/ _react.default.createElement(Root, {
                 view: view
             }, /*#__PURE__*/ _react.default.createElement(_Overlay.Overlay, {
@@ -216,6 +225,7 @@ var drawerRoot = function(Root) {
                 onOverlayClick: onDrawerOverlayKeyDown
             }))
         }, rest), /*#__PURE__*/ _react.default.createElement(Root, {
+            className: _Drawertokens.classes.panel,
             view: view,
             size: size,
             style: {
@@ -227,8 +237,7 @@ var drawerRoot = function(Root) {
             width: innerWidth,
             height: innerHeight,
             customBackgroundColor: customBackgroundColor,
-            customContentBackgroundColor: customContentBackgroundColor,
-            className: className
+            customContentBackgroundColor: customContentBackgroundColor
         }, children)));
     });
 };

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

@@ -81,11 +81,11 @@ var getAnimationStyles = function() {
     }, '');
 };
 var StyledPanel = /*#__PURE__*/ (0, _styled.default)(Panel, {
-    target: "esjpvmp0",
+    target: "encu7410",
     label: "StyledPanel"
-})(_Panel.panelTokens.closeColor, ":var(", _Drawertokens.tokens.closeIconColor, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HMkIifQ== */");
+})(_Panel.panelTokens.closeColor, ":var(", _Drawertokens.tokens.closeIconColor, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyQW5pbWF0aW9uSW5mbywgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgICBkcmF3ZXJBbmltYXRpb25JbmZvPzogRHJhd2VyQW5pbWF0aW9uSW5mbztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5cbiAgICAmLiR7Y2xhc3Nlcy5lbnRlckN1c3RvbUFuaW1hdGlvbn0ge1xuICAgICAgICAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgYW5pbWF0aW9uOiAkeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5lbnRlciB8fCBgdmFyKCR7cHJpdmF0ZVRva2Vucy5lbnRlckFuaW1hdGlvbn0pYH07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5leGl0Q3VzdG9tQW5pbWF0aW9ufSB7XG4gICAgICAgICYmLiR7cG9wdXBDbGFzc2VzLmVuZEFuaW1hdGlvbn0gLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbjokeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5leGl0IHx8IGB2YXIoJHtwcml2YXRlVG9rZW5zLmV4aXRBbmltYXRpb259KWB9O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRzJCIn0= */");
 var StyledPopup = /*#__PURE__*/ (0, _styled.default)(Popup, {
-    target: "esjpvmp1",
+    target: "encu7411",
     label: "StyledPopup"
 })("&&.", _Drawertokens.classes.overlay, "{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.", _Popup.popupClasses.endAnimation, " .", _Drawertokens.classes.overlay, "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", _Popup.popupClasses.root, ",&& .", _Popup.popupClasses.root, " > div{width:", function(param) {
     var width = param.width;
@@ -93,4 +93,10 @@ var StyledPopup = /*#__PURE__*/ (0, _styled.default)(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(), "    &.", _Drawertokens.classes.enterCustomAnimation, "{&& .", _Popup.popupClasses.root, "{animation:", function(param) {
+    var drawerAnimationInfo = param.drawerAnimationInfo;
+    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.enter) || "var(".concat(_Drawertokens.privateTokens.enterAnimation, ")");
+}, ";}}&.", _Drawertokens.classes.exitCustomAnimation, "{&&.", _Popup.popupClasses.endAnimation, " .", _Popup.popupClasses.root, "{animation:", function(param) {
+    var drawerAnimationInfo = param.drawerAnimationInfo;
+    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.exit) || "var(".concat(_Drawertokens.privateTokens.exitAnimation, ")");
+}, ";}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcHVwQ2xhc3NlcywgcG9wdXBDb25maWcgfSBmcm9tICcuLi9Qb3B1cCc7XG5pbXBvcnQgeyBwYW5lbFRva2VucywgcGFuZWxDb25maWcgfSBmcm9tICcuLi9QYW5lbCc7XG5cbmltcG9ydCB0eXBlIHsgRHJhd2VyQW5pbWF0aW9uSW5mbywgRHJhd2VyUGxhY2VtZW50IH0gZnJvbSAnLi9EcmF3ZXIudHlwZXMnO1xuaW1wb3J0IHsgY2xhc3NlcywgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi9EcmF3ZXIudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkUGFuZWxDb25maWcgPSBtZXJnZUNvbmZpZyhwYW5lbENvbmZpZyk7XG5jb25zdCBQYW5lbCA9IGNvbXBvbmVudChtZXJnZWRQYW5lbENvbmZpZyk7XG5cbmNvbnN0IFBvcHVwID0gY29tcG9uZW50KHBvcHVwQ29uZmlnKTtcblxuY29uc3QgYW5pbWF0aW9uVmFyaWFudHMgPSB7XG4gICAgcmlnaHQ6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDEwMCUsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGJvdHRvbToge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAxMDAlKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMCknLFxuICAgICAgICB9LFxuICAgICAgICBoaWRlOiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgICAgICBlbmQ6ICd0cmFuc2xhdGUoLTUwJSwgMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgbGVmdDoge1xuICAgICAgICBzaG93OiB7XG4gICAgICAgICAgICBzdGFydDogJ3RyYW5zbGF0ZSgtMTAwJSwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKDAsIC01MCUpJyxcbiAgICAgICAgfSxcbiAgICAgICAgaGlkZToge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoMCwgLTUwJSknLFxuICAgICAgICAgICAgZW5kOiAndHJhbnNsYXRlKC0xMDAlLCAtNTAlKScsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICB0b3A6IHtcbiAgICAgICAgc2hvdzoge1xuICAgICAgICAgICAgc3RhcnQ6ICd0cmFuc2xhdGUoLTUwJSwgLTEwMCUpJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAwKScsXG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IHtcbiAgICAgICAgICAgIHN0YXJ0OiAndHJhbnNsYXRlKC01MCUsIDApJyxcbiAgICAgICAgICAgIGVuZDogJ3RyYW5zbGF0ZSgtNTAlLCAtMTAwJSknLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuXG5jb25zdCB0ZW1wbGF0ZUFuaW1hdGlvblN0eWxlID0gKHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50KSA9PiBgXG4gICAgICAgICYuJHtjbGFzc2VzW2Ake3BsYWNlbWVudH1QbGFjZW1lbnRgIGFzIGtleW9mIHR5cGVvZiBjbGFzc2VzXX0ge1xuICAgICAgICAgICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24gMC4ycyBmb3J3YXJkcztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiYuJHtwb3B1cENsYXNzZXMuZW5kQW5pbWF0aW9ufSAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiAwLjJzIGZvcndhcmRzO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAa2V5ZnJhbWVzICR7cGxhY2VtZW50fVNob3dBbmltYXRpb24ge1xuICAgICAgICAgICAgICAgIDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uc2hvdy5zdGFydH07XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJHthbmltYXRpb25WYXJpYW50c1twbGFjZW1lbnRdLnNob3cuZW5kfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBrZXlmcmFtZXMgJHtwbGFjZW1lbnR9SGlkZUFuaW1hdGlvbiB7XG4gICAgICAgICAgICAgICAgMCUge1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICR7YW5pbWF0aW9uVmFyaWFudHNbcGxhY2VtZW50XS5oaWRlLnN0YXJ0fTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAke2FuaW1hdGlvblZhcmlhbnRzW3BsYWNlbWVudF0uaGlkZS5lbmR9O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIGA7XG5cbmNvbnN0IGdldEFuaW1hdGlvblN0eWxlcyA9ICgpID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMoYW5pbWF0aW9uVmFyaWFudHMpLnJlZHVjZSgoYWNjLCBwbGFjZW1lbnQpID0+IHtcbiAgICAgICAgYWNjICs9IHRlbXBsYXRlQW5pbWF0aW9uU3R5bGUocGxhY2VtZW50IGFzIERyYXdlclBsYWNlbWVudCk7XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwgJycpO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKFBhbmVsKWBcbiAgICAke3BhbmVsVG9rZW5zLmNsb3NlQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCk8e1xuICAgIHBsYWNlbWVudDogRHJhd2VyUGxhY2VtZW50O1xuICAgIHdpZHRoPzogbnVtYmVyIHwgc3RyaW5nO1xuICAgIGhlaWdodD86IG51bWJlciB8IHN0cmluZztcbiAgICBkcmF3ZXJBbmltYXRpb25JbmZvPzogRHJhd2VyQW5pbWF0aW9uSW5mbztcbn0+YFxuICAgICYmLiR7Y2xhc3Nlcy5vdmVybGF5fSB7XG4gICAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZm9yd2FyZHM7XG4gICAgICAgIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTtcbiAgICB9XG5cbiAgICAmJi4ke3BvcHVwQ2xhc3Nlcy5lbmRBbmltYXRpb259IC4ke2NsYXNzZXMub3ZlcmxheX0ge1xuICAgICAgICBhbmltYXRpb246IGZhZGVPdXQgMC4ycyBmb3J3YXJkcztcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVJbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGZhZGVPdXQge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICB0byB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJiYgLiR7cG9wdXBDbGFzc2VzLnJvb3R9LCAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0gPiBkaXYge1xuICAgICAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCB8fCAnYXV0byd9O1xuICAgICAgICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodCB8fCAnYXV0byd9O1xuICAgIH1cblxuICAgICR7Z2V0QW5pbWF0aW9uU3R5bGVzKCl9XG5cbiAgICAmLiR7Y2xhc3Nlcy5lbnRlckN1c3RvbUFuaW1hdGlvbn0ge1xuICAgICAgICAmJiAuJHtwb3B1cENsYXNzZXMucm9vdH0ge1xuICAgICAgICAgICAgYW5pbWF0aW9uOiAkeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5lbnRlciB8fCBgdmFyKCR7cHJpdmF0ZVRva2Vucy5lbnRlckFuaW1hdGlvbn0pYH07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5leGl0Q3VzdG9tQW5pbWF0aW9ufSB7XG4gICAgICAgICYmLiR7cG9wdXBDbGFzc2VzLmVuZEFuaW1hdGlvbn0gLiR7cG9wdXBDbGFzc2VzLnJvb3R9IHtcbiAgICAgICAgICAgIGFuaW1hdGlvbjokeyh7IGRyYXdlckFuaW1hdGlvbkluZm8gfSkgPT5cbiAgICAgICAgICAgICAgICBkcmF3ZXJBbmltYXRpb25JbmZvPy5leGl0IHx8IGB2YXIoJHtwcml2YXRlVG9rZW5zLmV4aXRBbmltYXRpb259KWB9O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RzJCIn0= */");

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

@@ -12,6 +12,9 @@ _export(exports, {
     get classes () {
         return classes;
     },
+    get privateTokens () {
+        return privateTokens;
+    },
     get tokens () {
         return tokens;
     }
@@ -21,6 +24,9 @@ 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',
@@ -29,6 +35,12 @@ var classes = {
     rightPlacement: 'drawer-right-placement',
     leftPlacement: 'drawer-left-placement'
 };
+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'
+};
 var tokens = {
     drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
     drawerOverlayColor: '--plasma-drawer-overlay-color',

package/emotion/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js

@@ -19,6 +19,7 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _mixins = require("../../../mixins");
 var _base = require("./variations/_size/base");
+var _base1 = require("./variations/_view/base");
 var _LineSkeletonstyles = require("./LineSkeleton.styles");
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -118,22 +119,24 @@ function _object_without_properties_loose(source, excluded) {
 }
 var lineSkeletonRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
-        var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, rest = _object_without_properties(_param, [
+        var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, view = _param.view, rest = _object_without_properties(_param, [
             "size",
             "lighter",
             "customGradientColor",
-            "roundness"
+            "roundness",
+            "view"
         ]);
         var roundnessValue = (0, _mixins.getRoundness)({
             roundness: roundness
         });
-        var skeletonGradientColor = (0, _mixins.getSkeletonColor)({
+        var skeletonGradientColor = lighter ? (0, _mixins.getSkeletonColor)({
             lighter: lighter,
             customGradientColor: customGradientColor
-        });
+        }) : undefined;
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: outerRootRef,
-            size: size
+            size: size,
+            view: view
         }, rest), /*#__PURE__*/ _react.default.createElement(_LineSkeletonstyles.StyledVisibleLine, {
             roundness: roundnessValue,
             gradientColor: skeletonGradientColor
@@ -148,6 +151,9 @@ var lineSkeletonConfig = {
     variations: {
         size: {
             css: _base.base
+        },
+        view: {
+            css: _base1.base
         }
     },
     defaults: {}

package/emotion/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js

@@ -19,19 +19,20 @@ _export(exports, {
 var _react = require("@emotion/react");
 var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
 var _mixins = require("../../../mixins");
+var _tokens = require("../tokens");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var base = (0, /*#__PURE__*/ _react.css)("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9vQiJ9 */");
+var base = (0, /*#__PURE__*/ _react.css)("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW9CIn0= */");
 var StyledVisibleLine = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e9r372l0",
+    target: "e4hwyxn0",
     label: "StyledVisibleLine"
 })("position:relative;overflow:hidden;width:100%;--plasma_private-line-skeleton-roundness:", function(param) {
     var roundness = param.roundness;
     return roundness;
 }, ";", (0, _mixins.applyRoundness)('var(--plasma_private-line-skeleton-roundness)'), ";--plasma_private-line-skeleton-gradient:", function(param) {
     var gradientColor = param.gradientColor;
-    return gradientColor;
-}, ";", (0, _mixins.applySkeletonGradient)('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyJ9 */");
+    return gradientColor || "var(".concat(_tokens.tokens.gradientColor, ")");
+}, ";", (0, _mixins.applySkeletonGradient)('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIn0= */");

package/emotion/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js

@@ -9,6 +9,4 @@ Object.defineProperty(exports, "base", {
     }
 });
 var _react = require("@emotion/react");
-var _LineSkeletonstyles = require("../../LineSkeleton.styles");
-var _tokens = require("../../../tokens");
-var base = (0, /*#__PURE__*/ _react.css)("height:var(", _tokens.tokens.lineHeight, ");& ", _LineSkeletonstyles.StyledVisibleLine, "{height:var(", _tokens.tokens.visibleLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBTdHlsZWRWaXNpYmxlTGluZSB9IGZyb20gJy4uLy4uL0xpbmVTa2VsZXRvbi5zdHlsZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuXG4gICAgJiAke1N0eWxlZFZpc2libGVMaW5lfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZpc2libGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
+var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQiJ9 */");

package/emotion/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _react = require("@emotion/react");
+var _LineSkeletonstyles = require("../../LineSkeleton.styles");
+var _tokens = require("../../../tokens");
+var base = (0, /*#__PURE__*/ _react.css)("height:var(", _tokens.tokens.lineHeight, ");& ", _LineSkeletonstyles.StyledVisibleLine, "{height:var(", _tokens.tokens.visibleLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBTdHlsZWRWaXNpYmxlTGluZSB9IGZyb20gJy4uLy4uL0xpbmVTa2VsZXRvbi5zdHlsZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuXG4gICAgJiAke1N0eWxlZFZpc2libGVMaW5lfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZpc2libGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");

package/emotion/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -195,13 +195,14 @@ var variousWidth = [
 ];
 var textSkeleton = function(Component) {
     return function(_param) {
-        var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, props = _object_without_properties(_param, [
+        var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, props = _object_without_properties(_param, [
             "lines",
             "width",
             "roundness",
             "customGradientColor",
             "lighter",
-            "size"
+            "size",
+            "view"
         ]);
         var _useState = _sliced_to_array((0, _react.useState)(null), 2), fixedWidth = _useState[0], setFixedWidth = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)([]), 2), linesWidth = _useState1[0], setLinesWidth = _useState1[1];
@@ -239,6 +240,7 @@ var textSkeleton = function(Component) {
             return /*#__PURE__*/ _react.default.createElement(ComponentSkeleton, {
                 key: "line:".concat(i),
                 size: size,
+                view: view,
                 roundness: roundness,
                 customGradientColor: customGradientColor,
                 lighter: lighter,

package/emotion/cjs/components/Skeleton/tokens.js

@@ -10,5 +10,6 @@ Object.defineProperty(exports, "tokens", {
 });
 var tokens = {
     lineHeight: '--plasma-skeleton-line-height',
-    visibleLineHeight: '--plasma-skeleton-visible-line-height'
+    visibleLineHeight: '--plasma-skeleton-visible-line-height',
+    gradientColor: '--plasma-skeleton-gradient-color'
 };